/*** Forms ***/
.prepend-icon { top: 0; left: 0; display: inline-block; vertical-align: top; position: relative; width: 100%; }
.gui-input { position: relative; vertical-align: top; border: 1px solid #DDD; display: -moz-inline-stack; display: inline-block; color: #626262; outline: none; height: 42px; width: 100%; }
.prepend-icon > input, .prepend-icon > textarea { padding-left: 36px; }
.prepend-icon .field-icon { top: 0; z-index: 4; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; pointer-events: none; }
.prepend-icon .field-icon { left: 0; }

#page-wrapper .form-control::-webkit-input-placeholder { color: #000000; }
#page-wrapper .form-control:-moz-placeholder { color: #000000; }
#page-wrapper .form-control::-moz-placeholder { color: #000000; }
#page-wrapper .form-control:-ms-input-placeholder { color: #000000; }
textarea { resize: none; }
#page-wrapper .form-control { border: 2px solid #F1F2F2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 12px 10px; }
#page-wrapper .form-control:not(select):read-only, #page-wrapper .form-control.form-grey { background: #F1F2F2; }
#PackageTrackingForm .form-group { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url(../images/line.png) #000000; }
#page-wrapper .footer .form-group { background: #000000; }
#PackageTrackingForm .form-control, #page-wrapper .footer .form-control { background: transparent; color: #d6df27; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#PackageTrackingForm .form-control::-webkit-input-placeholder,
#page-wrapper .footer .form-control::-webkit-input-placeholder { color: #d6df27; text-align: left; }
#PackageTrackingForm .form-control:-moz-placeholder, #page-wrapper .footer .form-control:-moz-placeholder { color: #d6df27; text-align: left; } /* Firefox 18- */
#PackageTrackingForm .form-control::-moz-placeholder, #page-wrapper .footer .form-control::-moz-placeholder { color: #d6df27; text-align: left; } /* Firefox 19+ */
#PackageTrackingForm .form-control:-ms-input-placeholder, #page-wrapper .footer .form-control:-ms-input-placeholder { color: #d6df27; text-align: left; }
#PackageTrackingForm .form-group .input-group-addon, #page-wrapper .footer .form-control .input-group-btn { background: transparent; border: none; color: #FFF; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#page-wrapper .form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#PackageTrackingForm .form-group { max-width: 290px; margin-bottom: 0; }
#PackageTrackingForm .form-control { -webkit-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; }
#PackageTrackingForm input[type="submit"] { background: url(../images/logo-small.png) no-repeat center; background-size: 100%; height: 38px; width: 0; padding-left: 0; border: none; text-indent: -10000px; float: right; padding-right: 0; }
.footer .form-group { max-width: 320px; }
.input-group-addon-lime { color: #d6df27; background: #3a3a3a; border-color: #3a3a3a; }
.admin-form, .admin-form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.admin-form .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid #DDD; }
.admin-form .panel-heading { overflow: hidden; position: relative; height: auto; padding: 19px 22px 18px; color: #999; border-radius: 0; border-top: 1px solid transparent; border-left: 0; border-right: 0; border-bottom: 1px solid #3a3a3a; background-color: #111; }
.admin-form .panel-title { font-style: italic; text-align: left; font-weight: 700; font-size: 26px; padding: 0; margin: 0; background: transparent; color: #d6df27; }
.panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { top: 2px; min-width: 22px; color: inherit; font-size: 14px; }
.admin-form .panel-title i { font-size: 26px; position: relative; margin-right: 15px; top: 0; border-width: 0; }
.panel-body { position: relative; padding: 15px; border: 1px solid #e5e5e5; }
.admin-form .panel-body { padding: 25px; border: 0; }
#page-wrapper .input-group .form-control:last-child, #page-wrapper .input-group-addon:last-child,
#page-wrapper .input-group-btn:last-child > .btn, #page-wrapper .input-group-btn:last-child > .btn-group > .btn,
#page-wrapper .input-group-btn:last-child > .dropdown-toggle, #page-wrapper .input-group-btn:first-child > .btn:not(:first-child),
#page-wrapper .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }
#page-wrapper .input-group-addon { color: #3a3a3a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 13px; background-color: #F1F2F2; border-color: transparent; }
.btn-group.bootstrap-select { padding: 0 !important; }
.input-group .btn-group.bootstrap-select { border: none !important; }
.input-group .btn-group.bootstrap-select .btn.dropdown-toggle { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; padding: 11px 15px 12px; }

.squaredCheckBox-wrapper { font-size: 14px; }
.squaredCheckBox-wrapper input[type=checkbox] { visibility: hidden; }
.squaredCheckBox { float: left; width: 20px; height: 20px; background: #d6df27; position: relative; }
.squaredCheckBox label { cursor: pointer; position: absolute; width: 12px; height: 12px; left: 4px; top: 4px; background: #ffffff; }
.squaredCheckBox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 11px; height: 6px; background: transparent; top: 2px; left: 1px; border: 3px solid #000000; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredCheckBox label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
.squaredCheckBox input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.squaredCheckBox-label { padding-left: 30px; }
.squaredCheckBox-label p { margin: 0; }
.squaredCheckBox-label a { font-weight: 700; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.bootstrap-datetimepicker-widget td { font-weight: 700; }
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { color: rgba(153, 153, 153, 0.3); }
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #D6DF27; color: #000000; }
.has-error .form-control { border-color: #DA524F !important; }
.has-error .help-block, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #DA524F; }

#page-wrapper .parcels-item .form-group.has-error .form-control { background: rgba(255,0,0,0.4);  }
#page-wrapper .parcels-item .form-group.has-success .form-control { background: rgba(112, 202, 99, 0.4); }
/*** End Forms ***/

/*** Buttons ***/
.btn { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.btn-default { background: #F1F2F2; border-color: #F1F2F2; color: #000000; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; }
.btn-download { background: #d6df27; color: #000; font-weight: 700; }
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active,
.open .dropdown-toggle.btn-download { background: #909309; border-color: #909309; color: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-lime { background: url(../images/line.png) #d6df27; color: #000; font-weight: 700; }
.btn-lime:hover, .btn-lime:focus, .btn-lime:active, .btn-lime.active,
.open .dropdown-toggle.btn-lime { background: url(../images/line.png) #909309; border-color: #909309; color: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-lime-no-stripes { background: #d6df27; color: #000; font-weight: 700; }
.btn-lime-no-stripes:hover, .btn-lime-no-stripes:focus, .btn-lime-no-stripes:active, .btn-lime-no-stripes.active,
.open .dropdown-toggle.btn-lime-no-stripes { background: #909309; border-color: #909309; color: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-black-stripped { background: url(../images/line.png) #333; color: #fff; border-color: #222; }
.btn-black-stripped:hover, .btn-black-stripped:active, .btn-black-stripped:focus { background: url(../images/line.png) #d6df27; border-color: #111; color: #222; }
.page-content .btn { padding: 10px 15px; }
.bootstrap-select .dropdown-toggle:focus { outline: none !important; }
/*** End Buttons ***/

.vcenter { display: inline-block; vertical-align: middle; float: none; }
/*===============================================
  D. Padding Helpers
================================================= */
.pn   { padding: 0 !important; }
.p1   { padding: 1px !important; }
.p2   { padding: 2px !important; }
.p3   { padding: 3px !important; }
.p4   { padding: 4px !important; }
.p5   { padding: 5px !important; }
.p6   { padding: 6px !important; }
.p7   { padding: 7px !important; }
.p8   { padding: 8px !important; }
.p10  { padding: 10px !important; }
.p12  { padding: 12px !important; }
.p15  { padding: 15px !important; }
.p20  { padding: 20px !important; }
.p25  { padding: 25px !important; }
.p30  { padding: 30px !important; }
.p35  { padding: 35px !important; }
.p40  { padding: 40px !important; }
.p50  { padding: 50px !important; }
.ptn  { padding-top: 0 !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn  { padding-right: 0 !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr13 { padding-right: 13px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn  { padding-bottom: 0 !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln  { padding-left: 0 !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* Axis Padding (both top/bottom or left/right) */
.pv5  { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv8  { padding-top: 8px !important; padding-bottom: 8px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ph5  { padding-left: 5px !important; padding-right: 5px !important; }
.ph8  { padding-left: 8px !important; padding-right: 8px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph25 { padding-left: 25px !important; padding-right: 25px !important; }
.ph30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph50 { padding-left: 50px !important; padding-right: 50px !important; }
/* responsive padding helpers */
@media (min-width: 1140px) {
    .ptn-lg { padding-top: 0 !important; }
    .prn-lg { padding-right: 0 !important; }
    .pbn-lg { padding-bottom: 0 !important; }
    .pln-lg { padding-left: 0 !important; }
    .pt5-lg { padding-top: 5px !important; }
    .pr5-lg { padding-right: 5px !important; }
    .pb5-lg { padding-bottom: 5px !important; }
    .pl5-lg { padding-left: 5px !important; }
}
@media (min-width: 992px) {
    .ptn-md { padding-top: 0 !important; }
    .prn-md { padding-right: 0 !important; }
    .pbn-md { padding-bottom: 0 !important; }
    .pln-md { padding-left: 0 !important; }
    .pt5-md { padding-top: 5px !important; }
    .pr5-md { padding-right: 5px !important; }
    .pb5-md { padding-bottom: 5px !important; }
    .pl5-md { padding-left: 5px !important; }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto { margin-left: auto; margin-right: auto; float: none; }
.mn    { margin: 0 !important; }
.m1    { margin: 1px !important; }
.m2    { margin: 2px !important; }
.m3    { margin: 3px !important; }
.m4    { margin: 4px !important; }
.m5    { margin: 5px !important; }
.m8    { margin: 8px !important; }
.m10   { margin: 10px !important; }
.m15   { margin: 15px !important; }
.m20   { margin: 20px !important; }
.m25   { margin: 25px !important; }
.m30   { margin: 30px !important; }
.m35   { margin: 35px !important; }
.m40   { margin: 40px !important; }
.m50   { margin: 50px !important; }
.mtn   { margin-top: 0 !important; }
.mt5   { margin-top: 5px !important; }
.mt10  { margin-top: 10px !important; }
.mt15  { margin-top: 15px !important; }
.mt20  { margin-top: 20px !important; }
.mt25  { margin-top: 25px !important; }
.mt30  { margin-top: 30px !important; }
.mt35  { margin-top: 35px !important; }
.mt40  { margin-top: 40px !important; }
.mt50  { margin-top: 50px !important; }
.mt70  { margin-top: 70px !important; }
.mrn   { margin-right: 0 !important; }
.mr5   { margin-right: 5px !important; }
.mr10  { margin-right: 10px !important; }
.mr15  { margin-right: 15px !important; }
.mr20  { margin-right: 20px !important; }
.mr25  { margin-right: 25px !important; }
.mr30  { margin-right: 30px !important; }
.mr35  { margin-right: 35px !important; }
.mr40  { margin-right: 40px !important; }
.mr50  { margin-right: 50px !important; }
.mbn   { margin-bottom: 0 !important; }
.mb5   { margin-bottom: 5px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb25  { margin-bottom: 25px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb35  { margin-bottom: 35px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb50  { margin-bottom: 50px !important; }
.mb70  { margin-bottom: 70px !important; }
.mln   { margin-left: 0 !important; }
.ml5   { margin-left: 5px !important; }
.ml10  { margin-left: 10px !important; }
.ml15  { margin-left: 15px !important; }
.ml20  { margin-left: 20px !important; }
.ml25  { margin-left: 25px !important; }
.ml30  { margin-left: 30px !important; }
.ml35  { margin-left: 35px !important; }
.ml40  { margin-left: 40px !important; }
.ml50  { margin-left: 50px !important; }
/* Axis Margins (both top/bottom or left/right) */
.mv5   { margin-top: 5px !important; margin-bottom: 5px !important; }
.mv10  { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15  { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20  { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25  { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30  { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv40  { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv50  { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv70  { margin-top: 70px !important; margin-bottom: 70px !important; }
.mh5   { margin-left: 5px !important; margin-right: 5px !important; }
.mh10  { margin-left: 10px !important; margin-right: 10px !important; }
.mh15  { margin-left: 15px !important; margin-right: 15px !important; }
.mh20  { margin-left: 20px !important; margin-right: 20px !important; }
.mh25  { margin-left: 25px !important; margin-right: 25px !important; }
.mh30  { margin-left: 30px !important; margin-right: 30px !important; }
.mh40  { margin-left: 40px !important; margin-right: 40px !important; }
.mh50  { margin-left: 50px !important; margin-right: 50px !important; }
.mh70  { margin-left: 70px !important; margin-right: 70px !important; }
/* Negative Margin Helpers */
.mtn5  { margin-top: -5px !important; }
.mtn10 { margin-top: -10px !important; }
.mtn15 { margin-top: -15px !important; }
.mtn20 { margin-top: -20px !important; }
.mtn30 { margin-top: -30px !important; }
.mtn70 { margin-top: -70px !important; }
.mrn5  { margin-right: -5px !important; }
.mrn10 { margin-right: -10px !important; }
.mrn15 { margin-right: -15px !important; }
.mrn20 { margin-right: -20px !important; }
.mrn30 { margin-right: -30px !important; }
.mbn5  { margin-bottom: -5px !important; }
.mbn10 { margin-bottom: -10px !important; }
.mbn15 { margin-bottom: -15px !important; }
.mbn20 { margin-bottom: -20px !important; }
.mbn30 { margin-bottom: -30px !important; }
.mln5  { margin-left: -5px !important; }
.mln10 { margin-left: -10px !important; }
.mln15 { margin-left: -15px !important; }
.mln20 { margin-left: -20px !important; }
.mln30 { margin-left: -30px !important; }
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5  { margin-top: -5px !important; margin-bottom: -5px !important; }
.mvn10 { margin-top: -10px !important; margin-bottom: -10px !important; }
.mvn15 { margin-top: -15px !important; margin-bottom: -15px !important; }
.mvn20 { margin-top: -20px !important; margin-bottom: -20px !important; }
.mvn30 { margin-top: -30px !important; margin-bottom: -30px !important; }
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5  { margin-left: -5px !important; margin-right: -5px !important; }
.mhn10 { margin-left: -10px !important; margin-right: -10px !important; }
.mhn15 { margin-left: -15px !important; margin-right: -15px !important; }
.mhn20 { margin-left: -20px !important; margin-right: -20px !important; }
.mhn30 { margin-left: -30px !important; margin-right: -30px !important; }
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0   { line-height: 0 !important; }
.lh5   { line-height: 5px !important; }
.lh10  { line-height: 10px !important; }
.lh15  { line-height: 15px !important; }
.lh20  { line-height: 20px !important; }
.lh25  { line-height: 25px !important; }
.lh30  { line-height: 30px !important; }
.lh35  { line-height: 35px !important; }
.lh40  { line-height: 40px !important; }
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n { border-left: none !important; }
.br-r-n { border-right: none !important; }
.br-t-n { border-top: none !important; }
.br-b-n { border-bottom: none !important; }
.br-n   { border: none !important; }
.br-v-n { border-top: none !important; border-bottom: none !important; }
.br-h-n { border-left: none !important; border-right: none !important; }
/* Default Borders */
.br-a { border: 1px solid #eeeeee !important; }
.br-l { border-left: 1px solid #eeeeee !important; }
.br-r { border-right: 1px solid #eeeeee !important; }
.br-t { border-top: 1px solid #eeeeee !important; }
.br-b { border-bottom: 1px solid #eeeeee !important; }
/* Border Style */
.br-dashed { border-style: dotted !important; }
/* Border Radius */
.br0  { border-radius: 0 !important; }
.br1  { border-radius: 1px !important; }
.br2  { border-radius: 2px !important; }
.br3  { border-radius: 3px !important; }
.br4  { border-radius: 4px !important; }
.br6  { border-radius: 6px !important; }
.br8  { border-radius: 8px !important; }
.br12 { border-radius: 12px !important; }
.br24 { border-radius: 24px !important; }
.br64 { border-radius: 64px !important; }
/* Border Width */
.bw1  { border-width: 1px !important; }
.bw2  { border-width: 2px !important; }
.bw3  { border-width: 3px !important; }
.bw4  { border-width: 4px !important; }
.bw5  { border-width: 5px !important; }
.bw8  { border-width: 8px !important; }
.bw10 { border-width: 10px !important; }
.bw15 { border-width: 15px !important; }
/*===============================================
  H. Five Columns Grid
================================================= */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-15 { width: 20%; float: left; }
@media (min-width: 768px) {
    .col-sm-15 { width: 20%; float: left; }
}
@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}

/**** Reset UL ****/
.resetUL { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; }
html, body { height: auto; min-height: 100vh; }
body { font-size: 12px; overflow-x: hidden; color: #000; font-family: 'Titillium Web', sans-serif; }
.error-page { background: #111; color: #d6df27; }
.error-page-content { text-align: center; margin-top: 20%; text-transform: uppercase; }
a { color: #000; }
a:hover { color: #000; }
a:focus { outline: 0; color: inherit; text-decoration: none; }
h1, strong, b { font-style: normal; font-weight: 700; }
.hidden-overflow { overflow: hidden; }
#canvas-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.page-content, .section { font-size: 14px; }

/********* Sticky Footer *********/
@media (min-width: 768px) {
    .Frame { display: table; height: 100px; min-height: 100vh; width: 100%; }
    .FrameRow { display: table-row; height: 1px; }
    .FrameRow.FrameExpand { height: auto; }
}
/********* End Sticky Footer *********/

/********* SNIPPETS *********/
.table-elem { height: auto; min-height: 100vh; display: table; width: 100%; position: relative; z-index: 1; }
.table-cell-elem { display: table-cell; height: 100%; vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.btlrn { border-top-left-radius: 0 !important; }
.bblrn { border-bottom-left-radius: 0 !important; }
.btrrn { border-top-right-radius: 0 !important; }
.bbrrn { border-bottom-right-radius: 0 !important; }
.bhb { border-left: 1px solid #000000 !important; border-right: 1px solid #000000 !important; }
/****************************/

/********* IMAGES *********/
.cssBgImage { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; }
/**************************/

/********* SECTION STRUCTURE *********/
.section { position: relative; z-index: 0; width: 100%; height: auto; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.section.section-full-height { min-height: 100vh; }
.content-wrapper { min-height: 100vh; position: relative; z-index: 2; padding: 15px 0; }
.content-inner { background: rgba(251,252,247,0.9); padding: 10px; max-width: 600px; width: 100%; margin: 0 5px; }
/*************************************/

/************** Header ***************/
.header { position: relative; }
.cms-index-index .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1; }
.header-top, .header-order { background: #000; color: #FFF; font-style: normal; font-weight: 400; font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
.header-top a { color: #FFF; }
.header-top .fa { font-size: 20px; }
ul.menu-login li { display: inline-block; vertical-align: middle; }
.header-order ul.menu-login li a { color: #ffffff; }
ul.menu-login li:nth-child(2) a { color: #d6df27; }
ul.menu-login li:nth-child(4) a { font-style: normal; font-weight: 700; }

.header-top-right .settings, .header-top-right .lang, .header-top-right .customer-service,
.header-order .customer-service, .header-order .menu-login, .header-order .package-tracking,
.header-order .lang, .header-order .settings{ display: inline-block; vertical-align: middle; }
.header-order .package-tracking, .header-order .lang { margin: 0 5px; }
.lang { text-align: right; }
.lang li { display: inline-block; }
.lang li a { display: block; width: 15px; height: 11px; background-repeat: no-repeat; opacity: 0.6; }
.lang li a:hover, .lang li.active a { opacity: 1; }
.header-top-right .lang, .header-order .lang { margin: 0 5px; }
.header-top-right a .fa, .header-order a .fa { color: #6d6e71; }
.header-top-right .customer-service, .header-order .customer-service { font-style: normal; font-weight: 700; }
.header-top-right .customer-service .text-lime, .header-order .customer-service .text-lime { font-style: normal; font-weight: 400; }
.header-bottom { background: #FFF; padding: 10px 0; -moz-box-shadow: 0 7px 2px -2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 7px 2px -2px rgba(0, 0, 0, 0.4); box-shadow: 0 7px 2px -2px rgba(0, 0, 0, 0.4); }
.header-bottom ul.menu li, .header-order ul.menu li, .footer ul.menu li { display: inline-block; vertical-align: middle; }
.header-bottom ul.menu li a, .header-order ul.menu li a, .footer ul.menu li a { color: #000000; font-style: normal; font-weight: 700; font-size: 14px; padding: 0 5px; line-height: 40px; text-transform: uppercase; }
.header-order ul.menu li a, .footer ul.menu li a { color: #ffffff; }
.header-bottom ul.menu li a:hover, .header-order ul.menu li a:hover, .footer ul.menu li a:hover { color: #d6df27; text-decoration: none; }
.header-bottom ul.menu li a.active, .footer ul.menu li a.active { color: #d6df27; font-style: italic; font-weight: 700; }
#PackageTrackingForm .input-group-btn { display: none; }

.menu-mobile { background: #000; position: fixed; top: 0; left: 0; right: 0; z-index: 3; display: none; }
.menu-mobile a { color: #ffffff; }
.menu-mobile-header { height: 55px; overflow: hidden; padding: 10px; border-bottom: 2px solid #d6df27; }
.menu-toggle { font-size: 35px; line-height: 35px; }
.menu-mobile-body { display: none; }
.menu-mobile-body ul { margin-bottom: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; }
.menu-mobile-body ul li:first-child { border-top: none; }
.menu-mobile-body ul li { border-top: 2px solid #d6df27; }
.menu-mobile-body ul li a { display: block; padding: 10px 10px 10px 20px; }
.menu-mobile-title { color: #000000; padding: 5px 10px; text-transform: uppercase; font-weight: 700; background: #d6df27; }
.menu-mobile-lang { padding: 10px !important; }
.menu-mobile-lang li { display: inline-block; border-top: none !important; }
.menu-mobile-lang li a { padding: 0; width: 46px; height: 33px; display: inline-block; background-repeat: no-repeat; opacity: 0.6; }
.menu-mobile-lang li a:hover, .menu-mobile-lang li.active a { opacity: 1; }

@media (max-width: 991px) {
    .header { display: none }
    .menu-mobile { display: block; }
    .header-step { margin-top: 55px; }
    #budget .container { padding-top: 80px; padding-bottom: 30px; }
    .page-content { padding: 60px 0 30px !important; }
    .step-info { padding-top: 0 !important; }
    .parcels-wrapper { overflow: hidden; }
    .cms-accounts .step-info:nth-child(1) { width: 100%; padding-left:10px; padding-right: 10px; }
    .cms-accounts .step-info:nth-child(2),
    .cms-accounts .step-info:nth-child(3){ width: 50%; padding-left: 10px; padding-right: 10px; float: left; }
}

/*************************************/

/*************** HOME ****************/
#budget { background-image: url(../images/bg.jpg); }
#budget .container { padding-top: 120px; padding-bottom: 120px; }
#budget, #budget a { color: #FFFFFF; }
.main-logo img { width: 100%; max-width: 240px; margin: 0 auto; display: block; }
.new-order-box { background: url(../images/box.png) no-repeat center 50px; min-height: 400px; max-width: 750px; margin: 20px auto 0; overflow: hidden; background-size: contain;}
.order-input-wrapper { width: 175px; color: #ffffff; font-size: 12px; text-align: center; }
.measuring-unit-change { max-width: 205px; margin: 0 auto; }
.measuring-unit-change a { background: url(../images/unit-measure.png) no-repeat left center; min-height: 35px; display: inline-block; padding-left: 40px; font-size: 12px; line-height: 12px; }
.new-order-box input[type="text"] { cursor: pointer; width: 100%; background: rgba(0,0,0,0.2); border: none; text-align: center; padding: 15px 10px; font-weight: 700; color: #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 14px; }
.new-order-box input[type="text"]::-webkit-input-placeholder { color: #ffffff; }
.new-order-box input[type="text"]:-moz-placeholder { color: #ffffff; }
.new-order-box input[type="text"]::-moz-placeholder { color: #ffffff; }
.new-order-box input[type="text"]:-ms-input-placeholder { color: #ffffff; }
.new-order-box input[type="text"]:focus { outline: none; background: #ffffff; color: #000000; }
.new-order-box input[type="text"]:focus::-webkit-input-placeholder { color: #000000; }
.new-order-box input[type="text"]:focus:-moz-placeholder { color: #000000; }
.new-order-box input[type="text"]:focus::-moz-placeholder { color: #000000; }
.new-order-box input[type="text"]:focus:-ms-input-placeholder { color: #000000; }
.new-order-box .weight-kg input[type="text"] { background: rgba(0,0,0,0.2) url(../images/weight-kg.png) no-repeat 92% center; padding-right: 48px; }
.new-order-box .weight-kg input[type="text"]:focus { background: #ffffff url(../images/weight-kg2.png) no-repeat 92% center; }
.box-help { font-size: 1.1em; font-weight: 700; }
.height-control { margin-top: 43px; margin-left: 65px; float: left; }
.width-control { /*margin-top: 220px; margin-right: 69px;*/ margin-top: 210px; margin-right: 0px;}
.depth-control { /*margin-top: 215px; margin-left: 66px;*/ margin-top: 210px; margin-left: 0px;}
.weight-control { /*margin-top: 38px;*/ margin-top: 30px; margin-right: 30px; text-align: center; }
.order-pickup-delivery { /*max-width: 540px;*/ max-width: 725px; margin: 20px auto; }
.order-pickup-delivery-title { font-size: 18px; margin-bottom: 5px; }
.order-pickup-delivery-item { background: url(../images/pattern2.png); max-width: 250px; margin: 0 auto; padding: 15px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.order-pickup-delivery-item .fa { color: rgba(206, 206, 206, 0.25); }
#page-wrapper .parcels-item { margin-bottom: 15px; }
#page-wrapper #newShipmentForm .form-control { background: rgba(255,255,255,0.4); border: 1px solid #d6df27; color: #ffffff; text-align: center; }
#page-wrapper .parcels-item .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; }
#page-wrapper #newShipmentForm .form-control::-webkit-input-placeholder { color: #ffffff; }
#page-wrapper #newShipmentForm .form-control:-moz-placeholder { color: #ffffff; }
#page-wrapper #newShipmentForm .form-control::-moz-placeholder { color: #ffffff; }
#page-wrapper #newShipmentForm .form-control:-ms-input-placeholder { color: #ffffff; }
#page-wrapper #newShipmentForm .form-control:focus { outline: none; background: #ffffff; color: #000000; }
#page-wrapper #newShipmentForm .form-control:focus::-webkit-input-placeholder { color: #000000; }
#page-wrapper #newShipmentForm .form-control:focus:-moz-placeholder { color: #000000; }
#page-wrapper #newShipmentForm .form-control:focus::-moz-placeholder { color: #000000; }
#page-wrapper #newShipmentForm .form-control:focus:-ms-input-placeholder { color: #000000; }
#page-wrapper #newShipmentForm .input-group-addon { background: #d6df27; color: #000; font-weight: 700; border: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#budget .parcels-item-actions, .order-edit .parcels-item-actions { padding-top: 7px; text-align: center; font-size: 1.5em; }
#budget .parcels-item-actions a { color: #d6df27; }
#budget .parcels-item-actions a:hover, #budget .parcels-item-actions a:focus,
.order-edit .parcels-item-actions a:hover, .order-edit .parcels-item-actions a:focus { color: #ffffff; text-decoration: none; }
.order-edit .parcels-item-actions a:hover, .order-edit .parcels-item-actions a:focus { color: #000000; }
.parcels-item-actions a:hover .fa-share { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
#budget .btn-lime { color: #000; font-weight: 700; background: #d6df27; }
.input-width { border-right: 0 !important; }
.input-height { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.input-depth { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; }
.cant-find-city { text-align: center; display: block; text-decoration: underline; font-size: 12px; }
#newShipmentForm label.control-label { color: #fff; }
label span.required { color: #f00; margin-left: 3px; }

@media (max-width: 991px) {
    .new-order-box{background-size: auto;}
    .width-control { margin-top: 220px; margin-right: 69px;}
    .depth-control { margin-top: 215px; margin-left: 66px;}
    .weight-control {margin-top: 38px;}
}

@media (max-width: 570px) {
    .new-order-box { display: none; }
}

@media (max-width: 430px) {
    .parcel-weight { width: 100%; }
    .parcel-width, .parcel-height { width: 21%; }
    .parcel-depth { width: 35%; }
    #budget .parcels-item-actions { width: 23%; }
}
/*************************************/

/************ WHO WE ARE *************/
#who-we-are { border-top: 2px solid #FFF; background: #d6df27; color: #000000; padding: 40px 0; }
/*************************************/

/************* PAYMENTS **************/
#payments .container { padding-top: 100px; padding-bottom: 100px; }
#payments .img-responsive { margin: 0 auto; }
#payments h1 { text-align: center; text-transform: uppercase; }
#payments ul { font-style: normal; font-weight: 700; font-size: 20px; max-width: 170px; margin: 0 auto; list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; }
#payments ul li { color: #000; }
#payments ul li:before { content: "• "; color: #d6df27; }
/*************************************/

/************** FOOTER ***************/
.footer { position: relative; background: #221f1f; color: #FFF; }
.footer .container { padding-top: 20px; padding-bottom: 20px; }
.footer a:hover { color: #d6df27; }
.testimony-name { font-style: normal; font-weight: 700; font-size: 20px; }
.testimony-name, .testimony-location { line-height: 28px; }
.footer .social ul li { display: inline-block; }
.footer .social ul li a { color: #FFF; }
.footer .social ul li a:hover { color: #d6df27; }
.footer .form-control, .footer .input-group-btn, .footer .input-group-btn .btn-black { background: #000000; border: none; }
.footer .input-group-btn .btn-black:hover, .footer .input-group-btn .btn-black:active,
.footer .input-group-btn .btn-black:focus { background: #d6df27; }
.rights p { margin: 0; }
.powered { padding-top: 5px; margin-top: 10px; }
.powered a { color: #ffffff; }

@media (max-width: 767px) {
    .footer * { text-align: center !important; }
    .footer .menu { float: none; width: 100%; }
}
/*************************************/

.page-content { padding: 30px 0; position: relative; }
.page-content h1, .page-content h4 { color: #d6df27; text-shadow: 1px 1px 1px rgba(121,150,46,1); }

/*************** FAQS ****************/
.cms-faqs-index { background: url(../images/bg-strips.png) no-repeat center fixed; background-size: cover; }
.faqsearch { border: 2px solid #939598; width: 100%; background-color: #000000; color: #ffffff; padding: 15px 10px; margin-bottom: 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-weight: 600; text-align: center; font-size: 15px; }
.faqsearch:focus { outline: none; }
.faq-wrapper { color: #939598; }
.faq-wrapper.open { color: #ffffff; }
.faq-question { padding: 20px; border-bottom: 1px solid #939598; font-size: 18px; cursor: pointer; }
.faq-question .fa { float: right; margin-top: 3px; }
.faq-answer { display: none; padding: 20px; border-bottom: 1px solid #939598; }
.faq-answer a { color: #d6df27; }
.faq-wrapper.open .faq-answer { display: inline-block; }
/*************************************/

/*********** ORDER STEPS *************/
.cms-quotations-index .page-content, .cms-orders-index .page-content { padding: 0 0 30px; }
/*.cms-quotations-index, .cms-orders-index, .cms-users-register, .error-page { background: #FFFFFF !important; }*/
.container-bg { position: fixed; z-index: -1; width: 100%; height: 100%; display: none; }
.container-bg .container { height: 100vh; padding: 0; }
.container-bg .container .row { margin: 0; height: 100vh; }
.container-bg .container .row .col-md-4, .container-bg .container .row .col-md-8 { padding: 0; height: 100vh; }
.container-bg .container .row .col-md-4 { background: #F1F2F2; }
.container-bg .container .row .col-md-8 { background: #ffffff; }
.header-step { background-color: #D6DF27; }
.step-progress { position: relative; z-index: 0; padding: 5px 0; overflow: hidden; }
.step-progress ul { width: 100%; position: relative; }
.step-progress ul li { list-style-type: none; color: #000000; position: relative; text-align: center; }
.step-progress ul li:before { content: ''; width: 65px; height: 25px; display: block; margin: 0 auto 5px auto; z-index: 15; }
.step-progress ul li#step1:before { background-image: url(../images/steps/step1-black.png); }
.step-progress ul li#step1.done:before { background-image: url(../images/steps/step1-black.png); }
.step-progress ul li#step2:before { background-image: url(../images/steps/step2-white.png); }
.step-progress ul li#step2.done:before { background-image: url(../images/steps/step2-black.png); }
.step-progress ul li#step3:before { background-image: url(../images/steps/step3-white.png); }
.step-progress ul li#step3.done:before { background-image: url(../images/steps/step3-black.png); }
.step-progress ul li#step4:before { background-image: url(../images/steps/step4-white.png); }
.step-progress ul li#step4.done:before { background-image: url(../images/steps/step4-black.png); }
.step-progress ul li#step5:before { background-image: url(../images/steps/step5-white.png); }
.step-progress ul li#step5.done:before { background-image: url(../images/steps/step5-black.png); }
.step-progress ul li#step6:before { background-image: url(../images/steps/step6-white.png); }
.step-progress ul li#step6.done:before { background-image: url(../images/steps/step6-black.png); }
.step-progress ul li:after { content: ''; width: 100%; background: #ffffff; padding: 1px; height: 9px; position: absolute; left: -48%; top: 9px; z-index: -1; }
.step-progress ul li:first-child:after { display: none; }
.step-progress ul li.done+li:after { background: #000000; }
.step-progress ul li .step { font-style: normal; font-weight: 600; }
.step-progress ul li .step-title { font-style: italic; font-weight: 700; font-size: 17px; line-height: 17px; }
.step-info { padding-top: 30px; padding-bottom: 15px; border-bottom: 3px solid #ffffff; position: relative; }
.parcel-number { height: 91px; width: 83px; background-image: url(../images/package-number.png); font-style: normal; font-weight: 700; text-align: center; font-size: 25px; padding-top: 34px }
.parcel-info { margin-left: 10px; }
.parcel-info h1 { text-transform: uppercase; text-shadow: none; margin-top: 0; margin-bottom: 0; }
.parcel-info p { margin: 0; color: #a7a9ac; }
.parcel-location-wrapper { position: relative; }
.parcel-location { color: #a7a9ac; }
.parcel-location .fa { margin-top: 6px; }
.parcel-location-title { font-style: normal; font-weight: 700; color: #787979; }
a.edit-location { position: absolute; right: 5px; bottom: 15px; }
a.edit-location:hover { color: #d6df27; }
.pickup-company { font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; }
.pickup-price { font-size: 18px; }
.service-offer-header { color: #000000; font-style: normal; font-weight: 700; font-size: 20px; line-height: 21px; padding: 10px; }
.service-offer-option-type h1, .service-details h1 { text-shadow: none; color: #000; font-size: 30px; margin-bottom: 0; }
.service-details h1 { margin: 0; }
.service-offer-option-type.urgent h1 { color: #BE1E2D; }
.service-offer-option-type .text { color: #6D6E71; font-size: 14px; }

.service-offer-option { width: 100%; border-collapse: separate; color: #000000; margin-bottom: 15px; }
.service-offer-option tr td { border-top: 1px solid #f1f2f2; border-bottom: 1px solid #f1f2f2; padding: 15px 10px; }
.service-offer-option tr td:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-left: 1px solid #f1f2f2; background: #f1f2f2; text-align: center; }
.service-offer-option.best-option tr td:first-child { background: #d6df27; }
.service-offer-option tr td:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid #f1f2f2; }
.service-offer-option-price-up { color: #ffffff; text-transform: uppercase; font-weight: 700; }
.service-offer-option-price { font-style: normal; font-weight: 700; font-size: 20px; }
.service-offer-option-price-sub { color: #6d6e71; }
.service-offer-title { font-style: normal; font-weight: 700; font-size: 20px; }
.service-offer-title img { vertical-align: middle; max-width: 75px; }
.service-offer-line .fa { color: #bfbfbf; }
.service-offer-option .btn-lime { font-size: 20px; font-weight: 700; line-height: 2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.service-offer-message { font-size: 30px; }

.service-details-register, .service-details-pickup-date, .service-offer-header,
.service-details-shipper, .customs-identification { border-bottom: 3px solid #F1F2F2; }
.service-details-register a { font-weight: 700; text-decoration: underline; }
.service-details-register p { margin: 0; }
.service-details-register label.text-center { display: block; font-style: normal; font-weight: 700; color: #000000; }
.service-details-pickup-date h1 { padding-top: 5px; color: #D6DF27; text-transform: uppercase; }
.triggerPickupDate { display: block; padding-top: 5px; }
.triggerPickupDate:focus, .triggerPickupDate:active { color: #000000; }
.service-details-pickup-date .form-group, .service-details-pickup-date .btn-group { margin-bottom: 0; }
.service-parcels-info h4 { color: #000000; text-shadow: none; font-style: normal; font-weight: 700; margin: 0; }
.service-offer-option .form-control, .service-offer-option .form-control:read-only { background: #ffffff !important; padding: 10px 12px; border: 2px solid #f1f2f2; }
.service-offer-option input[type="text"], .service-offer-option select.form-control { padding: 12px 10px !important; }
.service-offer-option .input-group .form-control { border-right: 0; }
.service-offer-option h3 { text-align: center; color: #A7A9AC; font-style: normal; font-weight: 700; line-height: 5px; }
.service-offer-option textarea { height: 70px; width: 100%; border: none; }
.service-parcels-info .service-offer-option tr td:first-child { font-weight: 300; font-size: 20px; }
.input-group-dropdown { width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; }
.input-group-dropdown .btn-lime { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #d6df27; color: #000; font-size: 12px; padding: 10px 20px; }
.input-group-dropdown .btn-lime:hover, .input-group-dropdown .btn-lime:active, .input-group-dropdown .btn-lime:focus,
.input-group-dropdown .open .dropdown-toggle.btn-lime { background: #909309; color: #ffffff; }
.input-group-dropdown .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.order-submit { margin-top: 15px; display: inline-block; vertical-align: middle; font-size: 30px; font-weight: 700; background: none; border: none; padding: 0; }
.order-submit:before { content: ''; display: inline-block; vertical-align: middle; background: url(../images/submit.png) no-repeat left center; width: 50px; height: 46px; margin-right: 5px; }
.order-submit:hover { color: #D6DF27; }
.order-submit:hover:before { background-position: -50px 0; }
.order-submit:focus, .order-submit:active, .order-submit:hover { outline: none; }
textarea.form-control.two-rows { height: 107px; }
.section-title { color: #000; font-size: 30px; }
.section-title strong { font-weight: 700; }
table.amount-info { float: right; }
table.amount-info tr:first-child { border-bottom: 3px solid #ffffff; }
table.amount-info tr:last-child { font-weight: 700; }
table.amount-info tr td { padding: 5px 10px; }
table.amount-info tr td:first-child { font-size: 15px; }
table.amount-info tr td:last-child { font-size: 20px; }

.payment-methods { margin-bottom: 15px; }
.payment-methods li { display: inline-block; }
.payment-methods li a { background: #d6df27; width: 150px; height: 150px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 7px solid #000000; margin: 0 5px; }
.payment-methods li a:hover { background-color: #B7BD3F; text-decoration: none; }
.payment-methods li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.payment-method { display: inline-block; vertical-align: middle; }
.payment-method img { display: block; margin: 0 auto; }
.payment-method span { display: block; font-weight: 700; font-size: 20px; line-height: 20px; }
.payment-method span.text-white { color: #ffffff; }

.stripe-button-el { margin-top: 15px !important; display: inline-block !important; vertical-align: middle !important; font-size: 30px !important;
    font-weight: 700 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
.stripe-button-el:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../images/submit.png) no-repeat left center;
    width: 50px;
    height: 46px;
    margin-right: 5px;
}
.stripe-button-el:hover:before { background-position: -50px 0; }
.stripe-button-el span {
    display: inline-block !important;
    min-height: inherit !important;
    background: none !important;
    border: none !important;
    position: relative !important;
    padding: 0 !important;
    height: inherit !important;
    line-height: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

.attachedFiles, .summaryAttachedFiles { width: 100%; border-collapse: separate; }
/*.summaryAttachedFiles tr { cursor: pointer; }*/
.attachedFiles tr td, .summaryAttachedFiles tr td { background: #D6DF27; padding: 10px; border-top: 2px solid #F1F2F2; border-bottom: 2px solid #F1F2F2; }
.attachedFiles tr td:first-child, .summaryAttachedFiles tr td:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 31px; border-left: 2px solid #F1F2F2; color: #ffffff; }
.attachedFiles tr td:nth-child(2), .summaryAttachedFiles tr td:nth-child(2) { font-size: 15px; }
.attachedFiles tr td:nth-child(3), .summaryAttachedFiles tr td:nth-child(3) { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 155px; text-transform: uppercase; color: #ffffff; }
.attachedFiles tr td:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 2px solid #F1F2F2; background: #ffffff; width: 45px; text-align: center; font-size: 20px; font-weight: 700; padding: 0; }
.removeAttachment { width: 100%; height: 45px; display: block; line-height: 45px; }
#AttachmentFile { visibility: hidden; position: absolute; }
#AttachmentsForm { margin-top: 15px; }
#AttachmentsForm input[type="text"] { background: #fff; border-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-right: 0; }
#AttachmentsForm .input-group-addon { background: #ffffff; border: 2px solid #F1F2F2; border-right: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#AttachmentsForm .btn-primary { background-color: #D6DF27; border: 2px solid #F1F2F2; padding: 10px 15px; border-left: 0; }
#AttachmentsForm .btn-primary:hover { background-color: #909309; border-color: #F1F2F2; }
.has-error .input-group-addon, .has-error .input-group-btn:first-child > .btn, .has-error .input-group-btn:last-child > .btn { border-color: #DA524F !important; }
.tracking-code-wrapper { background: #D6DF27; color: #000; max-width: 320px; font-weight: 700; text-align: center; margin: 0 auto; padding: 10px; }
/*************************************/
/* General styles for the modal */

/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective, .md-perspective body { height: 100%; overflow: hidden; }
.md-perspective body  { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; }
.md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.md-show { visibility: visible; }
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0,0,0,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; }

/* Content styles */
.md-content { color: #666; background: #FFF; position: relative; border-radius: 3px; margin: 0 auto; }
.md-content h3 { margin: 0; padding: 15px; text-align: center; font-size: 2.4em; font-weight: 300; background: #eee; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ddd; }
.md-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }
.md-content > div p { margin: 0; padding: 10px 0; }
.md-content > div ul { margin: 0; padding: 0 0 30px 20px; }
.md-content > div ul li { padding: 5px 0; }

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

/* Effect 2: Slide from the right */
.md-effect-2 .md-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }
.md-show.md-effect-2 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-3 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

/* Effect 4: Newspaper */
.md-effect-4 .md-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; }
.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.md-show.md-effect-4 .md-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; }

/* Effect 5: fall */
.md-effect-5.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-5 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; }
.md-show.md-effect-5 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; }

/* Effect 6: side fall */
.md-effect-6.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-6 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; }
.md-show.md-effect-6 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; }

/* Effect 7:  slide and stick to top */
.md-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.md-effect-7 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; }
.md-show.md-effect-7 .md-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; }

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-8 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; }
.md-show.md-effect-8 .md-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-9 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; }
.md-show.md-effect-9 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }

/* Effect 10: 3D sign */
.md-effect-10.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-10 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-10 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }

/* Effect 11: Super scaled */
.md-effect-11 .md-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-11 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

/* Effect 12:  Just me */
.md-effect-12 .md-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-12 ~ .md-overlay { background: #e74c3c; }
.md-effect-12 .md-content h3, .md-effect-12 .md-content { background: transparent; }
.md-show.md-effect-12 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

/* Effect 13: 3D slit */
.md-effect-13.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-13 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; }
.md-show.md-effect-13 .md-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; }

@-webkit-keyframes slit {
    50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
    100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
    50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
    100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
    50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
    100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-14 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.md-show.md-effect-14 .md-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; }

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.md-effect-15 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-15 .md-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; }

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay { background: rgba(180,46,32,0.5); }
.md-show.md-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); }
.md-effect-16 .md-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; }
.md-show.md-effect-16 ~ .container, .md-effect-16 .md-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.md-show.md-effect-16 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.md-effect-17 .md-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); }
.md-show.md-effect-17 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; }

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container { height: 100%; overflow: hidden; }
.md-show.md-effect-18 ~ .md-overlay { background: rgba(143,27,15,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; }

@-webkit-keyframes rotateRightSideFirst {
    50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
    50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
    50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
    100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; }
.md-show.md-effect-18 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; }

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container { height: 100%; overflow: hidden; }
.md-show.md-effect-19 ~ .md-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; }

@-webkit-keyframes OpenTop {
    50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; }
}

@-moz-keyframes OpenTop {
    50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; }
}

@keyframes OpenTop {
    50% { transform: rotateX(10deg); animation-timing-function: ease-out; }
}

.md-effect-19 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; }
.md-show.md-effect-19 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; }

/* ====== Container options ====== */
/* unstyled popup */
.popup-basic { position: relative; background: #FFF; width: auto; max-width: 450px; margin: 40px auto; }

/* popup sizes */
.popup-sm { max-width: 300px; }
.popup-lg { max-width: 700px; }
.popup-xl { max-width: 1000px; }
.popup-full { max-width: 90%; }

/* modal close button */
.admin-form .mfp-close, .admin-form .mfp-close-btn-in { font-size: 26px; color: #999; text-shadow: none; font-weight: 400; padding-top: 5px; }

/* ====== Default Fade effect ====== */
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity .5s ease-out; }
.mfp-with-fade.mfp-ready .mfp-content { opacity: 1; }
.mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-fade.mfp-removing .mfp-with-anim { opacity: 0; }
.mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Zoom effect ====== */
.mfp-zoomIn {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoomIn .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); }
.mfp-zoomIn.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoomIn.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoomIn.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoomIn.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; }
.mfp-zoomIn.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Zoom-out effect ====== */
.mfp-zoomOut {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoomOut .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoomOut.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoomOut.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoomOut.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoomOut.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoomOut.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Move-from-left effect ====== */
.mfp-slideLeft {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-slideLeft .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); }
.mfp-slideLeft.mfp-bg { opacity: 0; transition: all 0.3s; }
.mfp-slideLeft.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); }
.mfp-slideLeft.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-slideLeft.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; }
.mfp-slideLeft.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Move-from-right effect ====== */
.mfp-slideRight {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-slideRight .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(50px); }
.mfp-slideRight.mfp-bg { opacity: 0; transition: all 0.3s; }
.mfp-slideRight.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); }
.mfp-slideRight.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-slideRight.mfp-removing .mfp-with-anim { transform: translateX(-50px); opacity: 0; }
.mfp-slideRight.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Move-from-top effect ====== */
.mfp-slideDown {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-slideDown .mfp-content { vertical-align: middle; }
.mfp-slideDown .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); }
.mfp-slideDown.mfp-bg { opacity: 0; transition: all 0.2s; }
.mfp-slideDown.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); }
.mfp-slideDown.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-slideDown.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; }
.mfp-slideDown.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Move-from-bottom effect ====== */
.mfp-slideUp {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-slideUp .mfp-content { vertical-align: middle; }
.mfp-slideUp .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(100px); }
.mfp-slideUp.mfp-bg { opacity: 0; transition: all 0.2s; }
.mfp-slideUp.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); }
.mfp-slideUp.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-slideUp.mfp-removing .mfp-with-anim { transform: translateY(50px); opacity: 0; }
.mfp-slideUp.mfp-removing.mfp-bg { opacity: 0; }

/* ====== 3d unfold ====== */
.flipInX {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-flipInX .mfp-content { perspective: 2000px; }
.mfp-flipInX .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateX(-60deg); }
.mfp-flipInX.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-flipInX.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateX(0deg); }
.mfp-flipInX.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-flipInX.mfp-removing .mfp-with-anim { transform: rotateX(60deg); opacity: 0; }
.mfp-flipInX.mfp-removing.mfp-bg { opacity: 0; }

/* ====== FlipInY ====== */
.mfp-flipInY {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-flipInY .mfp-content { perspective: 2000px; }
.mfp-flipInY .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); }
.mfp-flipInY.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-flipInY.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); }
.mfp-flipInY.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-flipInY.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; }
.mfp-flipInY.mfp-removing.mfp-bg { opacity: 0; }

/* ====== rotate in left ====== */
.mfp-rotateDown {}
.mfp-rotateDown .mfp-content { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.mfp-rotateDown .mfp-with-anim { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(-100%) rotateX(-90deg); -moz-transform: translateY(-100%) rotateX(-90deg); -ms-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); -webkit-transform-origin: 0 -100%; -moz-transform-origin: 0 -100%; transform-origin: 0 -100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-rotateDown.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-rotateDown.mfp-ready .mfp-with-anim { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; }
.mfp-rotateDown.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-rotateDown.mfp-removing .mfp-with-anim { -webkit-transform: translateY(-100%) rotateX(-90deg); -moz-transform: translateY(-100%) rotateX(-90deg); -ms-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); -webkit-transform-origin: 0 -100%; -moz-transform-origin: 0 -100%; transform-origin: 0 -100%; opacity: 0; }
.mfp-rotateDown.mfp-removing.mfp-bg { opacity: 0; }

/* ====== rotate in left ====== */
.mfp-rotateUp {}
.mfp-rotateUp .mfp-content { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.mfp-rotateUp .mfp-with-anim { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-rotateUp.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-rotateUp.mfp-ready .mfp-with-anim { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; }
.mfp-rotateUp.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-rotateUp.mfp-removing .mfp-with-anim { -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; }
.mfp-rotateUp.mfp-removing.mfp-bg { opacity: 0; }

/* ====== rotate in left ====== */
.mfp-rotateRight {}
.mfp-rotateRight .mfp-content { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.mfp-rotateRight .mfp-with-anim { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-rotateRight.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-rotateRight.mfp-ready .mfp-with-anim { -webkit-transform: translateX(0%) rotateY(0deg); -moz-transform: translateX(0%) rotateY(0deg); -ms-transform: translateX(0%) rotateY(0deg); transform: translateX(0%) rotateY(0deg); opacity: 1; }
.mfp-rotateRight.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-rotateRight.mfp-removing .mfp-with-anim { -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); -webkit-transform-origin: -100% 0; -moz-transform-origin: -100% 0; transform-origin: -100% 0; opacity: 0; }
.mfp-rotateRight.mfp-removing.mfp-bg { opacity: 0; }

/* ====== rotate in left ====== */
.mfp-rotateLeft {}
.mfp-rotateLeft .mfp-content { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.mfp-rotateLeft .mfp-with-anim { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); -webkit-transform-origin: -100% 0; -moz-transform-origin: -100% 0; transform-origin: -100% 0; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-rotateLeft.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-rotateLeft.mfp-ready .mfp-with-anim { -webkit-transform: translateX(0%) rotateY(0deg); -moz-transform: translateX(0%) rotateY(0deg); -ms-transform: translateX(0%) rotateY(0deg); transform: translateX(0%) rotateY(0deg); opacity: 1; }
.mfp-rotateLeft.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-rotateLeft.mfp-removing .mfp-with-anim { -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; }
.mfp-rotateLeft.mfp-removing.mfp-bg { opacity: 0; }

/* ====== fullscale ====== */
.mfp-fullscale {}
.mfp-fullscale .mfp-content {}
.mfp-fullscale .popup-basic {}
.mfp-fullscale .mfp-with-anim { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; -webkit-transition-delay: 0.3s; /* Safari */ transition-delay: 0.3s; }
.mfp-fullscale.mfp-bg { background: #000; opacity: 0; transition: all 0.35s; }
.mfp-fullscale.mfp-ready .mfp-with-anim { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.mfp-fullscale.mfp-ready.mfp-bg { background: #000; opacity: 1; }
.mfp-fullscale.mfp-removing .mfp-with-anim { opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.mfp-fullscale.mfp-removing.mfp-bg { background: #000\A; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

/* ====== Sign ====== */
.mfp-sign {}
.mfp-sign .mfp-content { perspective: 1300px; }
.mfp-sign .mfp-with-anim { transform-style: preserve-3d; transform: rotateX(-60deg); transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.mfp-sign.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-sign.mfp-ready .mfp-with-anim { transform: rotateX(0deg); opacity: 1; }
.mfp-sign.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-sign.mfp-removing .mfp-with-anim { transform: rotateX(-60deg); opacity: 0; }
.mfp-sign.mfp-removing.mfp-bg { opacity: 0; }

/* ====== Newspaper effect ====== */
.mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); }
.mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; }
.mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); }
.mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; }
.mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; }

.service-offer-title a { color: #2a6496; }
.service-offer-title a:hover { text-decoration: none; color: #d6df27; }
.service-offer-title a:focus { outline: none; }

/************ LOADER ************/
.loading-wrapper { background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none; }
.loading-outer { display: table; width: 100%; height: 100%; }
.loading-inner { display: table-cell; vertical-align: middle; }
.loader { width: 150px; height: 150px; line-height: 150px; margin: 100px auto; position: relative; box-sizing: border-box; text-align: center; z-index: 0; text-transform: uppercase; }
.loader:before, .loader:after { opacity: 0; box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; border: 5px solid #fff; box-shadow: 0 0 50px #fff, inset 0 0 50px #fff; }
.loader:after { z-index: 1; -webkit-animation: gogoloader 2s infinite 1s; }
.loader:before { z-index: 2; -webkit-animation: gogoloader 2s infinite; }

@-webkit-keyframes gogoloader {
    0% { -webkit-transform: scale(0); opacity: 0; }
    50% { opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 0; }
}

table#pricingDetails { width: 100%; font-size: 15px; }
table#pricingDetails tr { border: 1px solid #000000; }
table#pricingDetails thead tr { border-bottom-width: 2px; }
table#pricingDetails tfoot tr { border-top-width: 2px; }
table#pricingDetails th, table#pricingDetails td { padding: 5px; }

/************ OVERWRITE **************/
.text-lime, .text-lime a { color: #d6df27; }
.text-grey { color: #6d6e71; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*==================================================
  Alerts
==================================================== */
.alert { color: #ffffff; font-size: 14px; padding: 15px; margin-bottom: 19px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1px; }
.alert .close { color: #666666; }
.alert .close:hover { color: #666666; }
.alert hr { border-top-color: rgba(0, 0, 0, 0.1); }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { color: #ffffff; font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert.alert-micro, .alert .alert-sm { font-size: 13px; padding: 9px 35px 9px 9px; border-radius: 0; }
.alert.alert-sm { padding: 12px 35px 12px 12px; }
.alert.alert-border { border: 1px solid transparent; }
.alert.alert-border-right { border-right-width: 6px; }
.alert.alert-border-top { border-top-width: 3px; }
.alert.alert-border-bottom { border-bottom-width: 3px; }
.alert.alert-border-left { padding-left: 15px; border-left-width: 6px; }
.alert-dismissable, .alert-dismissible { padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close { position: relative; right: -21px; color: #FFF; opacity: 0.3; }
.alert-dismissable .close:hover, .alert-dismissible .close:hover { color: #FFF; opacity: 1; }
.alert-primary { background-color: #6c9fe3; }
.alert-primary.alert-border-right { border-right-color: #2567bf; }
.alert-primary.alert-border-top { border-top-color: #2567bf; }
.alert-primary.alert-border-bottom { border-bottom-color: #2567bf; }
.alert-primary.alert-border-left { border-left-color: #2567bf; }
.alert-primary.light { background-color: #8ab3e8; }
.alert-primary.dark { background-color: #3d81da; }
.alert-primary.pastel { color: #2363b6; background-color: #caddf5; border-color: rgba(0, 0, 0, 0.1); }
.alert-primary.pastel .alert-link { color: #2363b6; }
.alert-primary.pastel.alert-micro { border-color: #75a5e4; }
.alert-primary.pastel .close { color: #2363b6; }
.alert-primary.pastel .close:hover { color: #2363b6; }
.alert-success { background-color: #8cd481; color: #000000; }
.alert-success.alert-border-right { border-right-color: #4aaf3c; }
.alert-success.alert-border-top { border-top-color: #4aaf3c; }
.alert-success.alert-border-bottom { border-bottom-color: #4aaf3c; }
.alert-success.alert-border-left { border-left-color: #4aaf3c; }
.alert-success.light { background-color: #a4dd9c; }
.alert-success.dark { background-color: #66c658; }
.alert-success.pastel { color: #47a839; background-color: #d9f1d5; border-color: rgba(0, 0, 0, 0.1); }
.alert-success.pastel .alert-link { color: #47a839; }
.alert-success.pastel.alert-micro { border-color: #93d789; }
.alert-success.pastel .close { color: #47a839; }
.alert-success.pastel .close:hover { color: #47a839; }
.alert-info { background-color: #5dbde0; }
.alert-info.alert-border-right { border-right-color: #218ab1; }
.alert-info.alert-border-top { border-top-color: #218ab1; }
.alert-info.alert-border-bottom { border-bottom-color: #218ab1; }
.alert-info.alert-border-left { border-left-color: #218ab1; }
.alert-info.light { background-color: #7bc9e6; }
.alert-info.dark { background-color: #2eaad8; }
.alert-info.pastel { color: #2084a9; background-color: #bce4f2; border-color: rgba(0, 0, 0, 0.1); }
.alert-info.pastel .alert-link { color: #2084a9; }
.alert-info.pastel.alert-micro { border-color: #66c1e2; }
.alert-info.pastel .close { color: #2084a9; }
.alert-info.pastel .close:hover { color: #2084a9; }
.alert-warning { background-color: #f8c969; }
.alert-warning.alert-border-right { border-right-color: #eba10b; }
.alert-warning.alert-border-top { border-top-color: #eba10b; }
.alert-warning.alert-border-bottom { border-bottom-color: #eba10b; }
.alert-warning.alert-border-left { border-left-color: #eba10b; }
.alert-warning.light { background-color: #f9d58b; }
.alert-warning.dark { background-color: #f5b633; }
.alert-warning.pastel { color: #e19b0b; background-color: #fdf0d4; border-color: rgba(0, 0, 0, 0.1); }
.alert-warning.pastel .alert-link { color: #e19b0b; }
.alert-warning.pastel.alert-micro { border-color: #f8cd73; }
.alert-warning.pastel .close { color: #e19b0b; }
.alert-warning.pastel .close:hover { color: #e19b0b; }
.alert-danger { background-color: #ed7764; }
.alert-danger.alert-border-right { border-right-color: #ce3118; }
.alert-danger.alert-border-top { border-top-color: #ce3118; }
.alert-danger.alert-border-bottom { border-bottom-color: #ce3118; }
.alert-danger.alert-border-left { border-left-color: #ce3118; }
.alert-danger.light { background-color: #f19384; }
.alert-danger.dark { background-color: #e74b31; }
.alert-danger.pastel { color: #c52f17; background-color: #f9cfc8; border-color: rgba(0, 0, 0, 0.1); }
.alert-danger.pastel .alert-link { color: #c52f17; }
.alert-danger.pastel.alert-micro { border-color: #ee7f6d; }
.alert-danger.pastel .close { color: #c52f17; }
.alert-danger.pastel .close:hover { color: #c52f17; }
.alert-alert { background-color: #b09ae4; }
.alert-alert.alert-border-right { border-right-color: #6d46ce; }
.alert-alert.alert-border-top { border-top-color: #6d46ce; }
.alert-alert.alert-border-bottom { border-bottom-color: #6d46ce; }
.alert-alert.alert-border-left { border-left-color: #6d46ce; }
.alert-alert.light { background-color: #c6b7ec; }
.alert-alert.dark { background-color: #8c6ed9; }
.alert-alert.pastel { color: #663dcc; background-color: #f6f3fc; border-color: rgba(0, 0, 0, 0.1); }
.alert-alert.pastel .alert-link { color: #663dcc; }
.alert-alert.pastel.alert-micro { border-color: #b6a2e7; }
.alert-alert.pastel .close { color: #663dcc; }
.alert-alert.pastel .close:hover { color: #663dcc; }
.alert-system { background-color: #50ccad; }
.alert-system.alert-border-right { border-right-color: #288971; }
.alert-system.alert-border-top { border-top-color: #288971; }
.alert-system.alert-border-bottom { border-bottom-color: #288971; }
.alert-system.alert-border-left { border-left-color: #288971; }
.alert-system.light { background-color: #6cd4ba; }
.alert-system.dark { background-color: #34b091; }
.alert-system.pastel { color: #26816a; background-color: #a7e5d6; border-color: rgba(0, 0, 0, 0.1); }
.alert-system.pastel .alert-link { color: #26816a; }
.alert-system.pastel.alert-micro { border-color: #58ceb1; }
.alert-system.pastel .close { color: #26816a; }
.alert-system.pastel .close:hover { color: #26816a; }
.alert-default { color: #888; background-color: #f0f0f0; }
.alert-default .alert-link { color: #777; }
.alert-default.alert-border-right { border-right-color: #cfcfcf; }
.alert-default.alert-border-top { border-top-color: #cfcfcf; }
.alert-default.alert-border-bottom { border-bottom-color: #cfcfcf; }
.alert-default.alert-border-left { border-left-color: #cfcfcf; }
.alert-default.pastel, .alert-default.light { background-color: #fdfdfd; border-color: rgba(0, 0, 0, 0.15); }
.alert-default.dark { background-color: #e6e6e6; }
.alert-dark { background-color: #626984; }
.alert-dark.alert-border-right { border-right-color: #1f2129; }
.alert-dark.alert-border-top { border-top-color: #1f2129; }
.alert-dark.alert-border-bottom { border-bottom-color: #1f2129; }
.alert-dark.alert-border-left { border-left-color: #1f2129; }
.alert-dark.pastel, .alert-dark.light { color: #676e89; background-color: #d0d3dc; }
.alert-dark.pastel .alert-link, .alert-dark.light .alert-link { color: #51566c; }
.alert-dark.dark { background-color: #4a4f63; }
/*************************************/

/************* Accounts **************/
.cms-accounts-index .parcels ul { -webkit-padding-start: 0; padding-left: 2px; }
.cms-accounts-index .parcels ul li.active a { font-weight: 700; }

.sm-clearfix { display: none; }
.xs-clearfix { display: block; }
.xs-clearfix:after, .xs-clearfix:before, .sm-clearfix:after, .sm-clearfix:before { clear: both; content: " "; display: table; }

@media (max-width: 767px) {
    #OrderCustomerAttributesUserName { margin-top: 25px; }
    .triggerPickupDate { margin-bottom: 15px; padding-top: 0; float: none !important; text-align: center; }
    table.service-offer-option tr > *{ display: block; }
    table.service-offer-option tr { display: table-cell; }
    .service-offer-option tr td { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
}

@media (min-width: 768px) {
    .xs-clearfix { display: none; }
    .sm-clearfix { display: block; }
}

@media (min-width: 992px) {
    .split-colors:not(.error-page) { background-image: linear-gradient(to right, #F1F2F2, #F1F2F2 49%, #ffffff 49%); }
    .container-bg { display: block; }
    .container-bg .container { width: 944px; }
}

@media (min-width: 1200px) {
    .container-bg .container { width: 1143px; }
}

@-moz-document url-prefix() {
    #page-wrapper select.form-control { -moz-appearance: none !important; }
    #page-wrapper select.form-control:after { content: ''; display: block; }
}

@media ( -webkit-min-device-pixel-ratio: 1.25 ),
(min--moz-device-pixel-ratio: 1.3),
( -o-min-device-pixel-ratio: 5/4 ),
( min-resolution: 120dpi ),
( min-resolution: 1.25dppx ) {
    .header-bottom ul.menu li a, .header-order ul.menu li a, .footer ul.menu li a,
    .form-control, .new-order-box input[type="text"], .page-content, .section { font-size: 12px; }
    .order-pickup-delivery-title { font-size: 16px; }
    #payments ul { font-size: 18px; }
}