article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } [hidden], template { display: none; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } a { background: transparent; } a:focus { outline: 0px; } a:active, a:hover { outline: 0px; } h1 { font-size: 2em; margin: 0.67em 0px; } b, strong { font-weight: bold; } small { font-size: 80%; } img { border: 0px; } svg:not(:root) { overflow: hidden; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0px; } *, ::before, ::after { box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Karla, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(41, 44, 47); background-color: rgb(255, 255, 255); } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: rgb(104, 104, 104); text-decoration: none; } a:hover, a:focus { color: rgb(0, 0, 0); } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } p { margin: 0px 0px 10px; } small, .small { font-size: 85%; } .text-success { color: rgb(70, 136, 71); } .text-success:hover { color: rgb(53, 102, 53); } .text-left { text-align: left; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Karla, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.1; color: inherit; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 18px; } ul, ol { margin-top: 0px; margin-bottom: 10px; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-9 { width: 75%; } .col-md-6 { width: 50%; } .col-md-3 { width: 25%; } } @media (min-width: 1200px) { .container { width: 1170px; } } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); vertical-align: middle; background-color: rgb(241, 241, 241); background-image: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(214, 214, 214); border-image: none; } .form-control:focus { outline: 0px; background: rgb(247, 247, 247); } .form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: rgb(238, 238, 238); } textarea.form-control { height: 120px; } .form-group { margin-bottom: 15px; } .has-warning .form-control { border-color: rgb(192, 152, 83); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus { border-color: rgb(164, 126, 60); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(219, 197, 158) 0px 0px 6px; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: rgb(185, 74, 72); } .has-error .form-control { border-color: rgb(185, 74, 72); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus { border-color: rgb(149, 59, 57); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(213, 147, 146) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(185, 74, 72); border-color: rgb(185, 74, 72); background-color: rgb(242, 222, 222); } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: rgb(70, 136, 71); } .has-success .form-control { border-color: rgb(70, 136, 71); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus { border-color: rgb(53, 102, 53); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(122, 186, 123) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(70, 136, 71); border-color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); } .form-control-static { margin-bottom: 0px; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0px; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group::before, .form-horizontal .form-group::after { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } .form-horizontal .form-group::before, .form-horizontal .form-group::after { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; margin-bottom: 0px; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border-bottom: 3px solid transparent; white-space: nowrap; padding: 4px 15px; font-size: 14px; line-height: 1.42857; font-weight: 700; border-radius: 4px; user-select: none; } .btn:hover, .btn:focus { color: rgb(51, 51, 51); text-decoration: none; } .btn:active, .btn.active { outline: 0px; background-image: none; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); border-color: rgb(173, 173, 173); } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-primary { color: rgb(41, 44, 47); background-color: rgb(255, 159, 0); border-color: rgb(231, 206, 3); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: rgb(41, 44, 47); background-color: rgb(255, 234, 65); border-color: rgb(244, 220, 23); } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgb(66, 139, 202); border-color: rgb(53, 126, 189); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(237, 156, 40); border-color: rgb(213, 133, 18); } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(210, 50, 45); border-color: rgb(172, 41, 37); } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(71, 164, 71); border-color: rgb(57, 132, 57); } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(57, 179, 215); border-color: rgb(38, 154, 188); } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-link { color: rgb(66, 139, 202); font-weight: normal; cursor: pointer; border-radius: 0px; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(42, 100, 150); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgb(153, 153, 153); text-decoration: none; } .btn-blue, .btn-blue:hover { background-color: rgb(0, 174, 239); } .btn-dark, .btn-dark:hover { background-color: rgb(37, 37, 37); } .btn-red, .btn-red:hover { background-color: rgb(224, 60, 49); } .btn-green, .btn-green:hover { background-color: rgb(101, 161, 8); } .btn-teal { background-color: teal; } .btn-orange { background-color: rgb(255, 79, 0); } .btn-purple { background-color: rgb(120, 81, 169); } .btn-gray { background-color: rgb(62, 64, 73); } .btn-smalt { background-color: rgb(0, 51, 153); } .btn-bittersweet { background-color: rgb(254, 111, 94); } .btn-pink { background-color: rgb(255, 0, 127); } .btn-blue-dark { background-color: rgb(27, 106, 129); } .btn-pastel-brown { background-color: rgb(131, 105, 83); } .btn-maroon { background-color: maroon; } .btn-lg { padding: 12px 20px; font-size: 18px; line-height: 1.3; border-radius: 4px; } .btn-md { padding: 9px 20px; font-size: 16px; line-height: 1.3; border-radius: 4px; } .btn-sm, .btn-xs { padding: 5px 20px; font-size: 12px; line-height: 1.3; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-left: 0px; padding-right: 0px; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } input[type="submit"].btn { margin-right: 20px; padding: 6px 15px; } .fade { opacity: 0; transition: opacity 0.15s linear; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-width: 4px 4px 0px; border-style: solid solid dotted; border-color: rgb(0, 0, 0) transparent currentcolor; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: none; font-size: 14px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; background-color: rgb(66, 139, 202); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: rgb(153, 153, 153); } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(153, 153, 153); } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0px dotted; border-bottom: 4px solid rgb(0, 0, 0); content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } } .btn-default .caret { border-top-color: rgb(51, 51, 51); } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: rgb(255, 255, 255); } .dropup .btn-default .caret { border-bottom-color: rgb(51, 51, 51); } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: rgb(255, 255, 255); } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar::before, .btn-toolbar::after { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar::before, .btn-toolbar::after { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group-xs > .btn { font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 5px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified .btn { float: none; display: table-cell; width: 1%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group .form-control { width: 100%; margin-bottom: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .nav { margin-bottom: 0px; padding-left: 0px; list-style: none; } .nav::before, .nav::after { content: " "; display: table; } .nav::after { clear: both; } .nav::before, .nav::after { content: " "; display: table; } .nav::after { clear: both; } .nav > li { position: relative; display: block; margin-bottom: -1px; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(66, 139, 202); } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: rgb(42, 100, 150); border-bottom-color: rgb(42, 100, 150); } .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { cursor: default; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .tab-content > .active { display: block; } .nav .caret { border-top-color: rgb(66, 139, 202); border-bottom-color: rgb(66, 139, 202); } .nav a:hover .caret { border-top-color: rgb(42, 100, 150); border-bottom-color: rgb(42, 100, 150); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar { position: relative; min-height: 50px; border: 1px solid transparent; } .navbar::before, .navbar::after { content: " "; display: table; } .navbar::after { clear: both; } .navbar::before, .navbar::after { content: " "; display: table; } .navbar::after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header::before, .navbar-header::after { content: " "; display: table; } .navbar-header::after { clear: both; } .navbar-header::before, .navbar-header::after { content: " "; display: table; } .navbar-header::after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse::before, .navbar-collapse::after { content: " "; display: table; } .navbar-collapse::after { clear: both; } .navbar-collapse::before, .navbar-collapse::after { content: " "; display: table; } .navbar-collapse::after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0px; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0px; } .navbar-nav > li { float: left; } .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin: 8px -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0px; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { left: auto; right: 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-left: 15px; margin-right: 15px; } } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(204, 204, 204); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85); } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: rgb(119, 119, 119); border-bottom-color: rgb(119, 119, 119); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(255, 255, 255) !important; width: 50% !important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-inverse { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .navbar-inverse .navbar-brand { color: rgb(153, 153, 153); } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-text { color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: rgb(8, 8, 8); color: rgb(255, 255, 255); } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } } .navbar-inverse .navbar-link { color: rgb(153, 153, 153); } .navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); } .breadcrumb a, .breadcrumb > .active { color: rgb(255, 255, 255); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(176, 175, 175); border-color: rgb(167, 166, 166); cursor: default; } .label-success { background-color: rgb(92, 184, 92); } .label-success[href]:hover, .label-success[href]:focus { background-color: rgb(68, 157, 68); } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(66, 139, 202); background-color: rgb(255, 255, 255); } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(66, 139, 202); } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); color: rgb(70, 136, 71); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(53, 102, 53); } .alert-info { background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); color: rgb(58, 135, 173); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(45, 105, 135); } .alert-warning { background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); color: rgb(192, 152, 83); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(164, 126, 60); } .alert-danger { background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); color: rgb(185, 74, 72); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(149, 59, 57); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress.active .progress-bar { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar-success { background-color: rgb(92, 184, 92); } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: rgb(225, 237, 247); } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading > .dropdown .caret { border-color: rgb(51, 51, 51) transparent; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(66, 139, 202); } .panel-primary > .panel-heading > .dropdown .caret { border-color: rgb(255, 255, 255) transparent; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(66, 139, 202); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading > .dropdown .caret { border-color: rgb(70, 136, 71) transparent; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading > .dropdown .caret { border-color: rgb(192, 152, 83) transparent; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading > .dropdown .caret { border-color: rgb(185, 74, 72) transparent; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(235, 204, 209); } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading > .dropdown .caret { border-color: rgb(58, 135, 173) transparent; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(188, 232, 241); } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } .close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { padding: 0px; cursor: pointer; background: transparent; border: 0px; appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: auto scroll; position: fixed; inset: 0px; z-index: 1040; } .modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-dialog { position: relative; margin-left: auto; margin-right: auto; width: auto; padding: 10px; z-index: 1050; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1030; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); min-height: 16.4286px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer::before, .modal-footer::after { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer::before, .modal-footer::after { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-indicators .active { margin: 0px; width: 12px; height: 12px; background-color: rgb(255, 255, 255); } .carousel-caption .btn { text-shadow: none; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .datepicker td.active, .datepicker td.active:hover { background: rgb(255, 159, 0); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background: rgb(255, 159, 0); } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { } .datepicker td span.active { background-color: rgb(0, 109, 204); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active:active, .datepicker td span.active.active { } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th { background-color: rgb(245, 245, 245); } .table-hover > tbody > tr > .active:hover, .table-hover > tbody > .active:hover > td, .table-hover > tbody > .active:hover > th { background-color: rgb(232, 232, 232); } .table > thead > tr > .success, .table > tbody > tr > .success, .table > tfoot > tr > .success, .table > thead > .success > td, .table > tbody > .success > td, .table > tfoot > .success > td, .table > thead > .success > th, .table > tbody > .success > th, .table > tfoot > .success > th { background-color: rgb(223, 240, 216); } .table-hover > tbody > tr > .success:hover, .table-hover > tbody > .success:hover > td, .table-hover > tbody > .success:hover > th { background-color: rgb(208, 233, 198); } .container { padding: 0px; } #top-header { background: rgb(255, 173, 1); } .contact-email, .contact-phone { float: left; line-height: 14px; margin-right: 20px; } .contact-email { padding-left: 26px; background: url("https://www.udantravel.com/img/icons/xenvelope.png.pagespeed.ic.KuN_Gtd_6H.png") 0px center no-repeat; } .header-social { float: left; padding-left: 15px; } .social-media { margin: 0px; list-style: none; } .social-media li { float: left; margin: 0px 4px; } .social-media li a { float: left; height: 14px; width: 14px; line-height: 14px; } .right-part { width: 400px; } .alignleft { float: left; margin-top: -4px; } .alignright { float: right; } .btn { transition: background-color 0.3s, border-color 0.3s; } .submit-btn { padding: 10px; } .submit-btn input { background: none 0px 0px repeat scroll rgb(255, 173, 1); border: 0px; color: rgb(0, 0, 0); float: left; font-weight: 600; height: 30px; padding: 5px 10px; text-transform: uppercase; width: 100%; border-radius: 4px; } .btn-center { display: block; text-align: center; } .social-tabs li.active a { padding-top: 12px; padding-bottom: 12px; margin-top: -4px; } .social-tabs li a.facebook-tab, .social-tabs li a.facebook-tab:hover, .social-tabs li.active a.facebook-tab { background: url("https://www.udantravel.com/img/icons/xfacebook-tab.png.pagespeed.ic.A8qyxHLk1S.png") 12px center no-repeat rgb(112, 133, 184); } .social-tabs li a.twitter-tab, .social-tabs li a.twitter-tab:hover, .social-tabs li.active a.twitter-tab { background: url("https://www.udantravel.com/img/icons/xtwitter-tab.png.pagespeed.ic.bJEN92pRnq.png") 10px center no-repeat rgb(0, 167, 212); } .social-tabs li a.share-tab, .social-tabs li a.share-tab:hover, .social-tabs li.active a.share-tab { background: url("https://www.udantravel.com/img/icons/xshare-tab.png.pagespeed.ic.HPs4uD5U2c.png") 10px center no-repeat rgb(17, 101, 21); } iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .shortcode-buttons .btn { margin: 0px 20px 20px 0px; color: rgb(255, 255, 255); text-transform: uppercase; } .error-page { max-width: 464px; margin: 160px auto; text-align: center; } .error-page .error-text { text-transform: uppercase; border: 1px solid rgb(234, 234, 234); padding: 8px 0px 6px; margin-bottom: 24px; } .error-page figure { margin-bottom: 20px; } .error-page .error-text span { display: block; font-size: 24px; font-weight: bold; text-align: center; line-height: 35px; } .error-page .error-text span.large-text { font-size: 30px; font-weight: bold; } .error-page .back-home { font-size: 16px; color: rgb(0, 0, 0); display: inline-block; } .error-page .back-home::before { content: ""; background: url("https://www.udantravel.com/img/icons/xicon-home.png.pagespeed.ic.FJuqqaUSe0.png") no-repeat; display: inline-block; width: 19px; height: 19px; margin-right: 10px; } .minict_wrapper.active::after { content: "▲"; } img.img-responsive.logos { max-width: 104px; } @media (min-width: 768px) { .navbar-nav { margin: 0px; float: right !important; } ul.nav.navbar-nav.my-navs { padding-top: 23px; } .navbar-inverse { border-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0) !important; } } .navbar { position: relative; min-height: 50px; border: 1px solid transparent; margin-bottom: 0px !important; } .nav > li > a { color: rgb(0, 0, 0); display: block; line-height: 20px; padding: 10px 0px; font-size: 15px; font-weight: 700; text-transform: uppercase; } .navbar-inverse { background-repeat: repeat-x; border-radius: 4px; background-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(25, 25, 25) 100%) !important; } input.btn.btn-primary.btn-lg.text-upper { background: rgb(0, 0, 0); padding: 6px 26px; color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; border-radius: 0px; } input.btn.btn-primary.btn-lg.text-upper1 { background: rgb(255, 173, 1); padding: 6px 26px; color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; border-radius: 0px; } input.btn.btn-primary.btn-lg.text-upper:hover { background: rgb(255, 173, 1); padding: 6px 26px; color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; } input.btn.btn-primary.btn-lg.text-upper1:hover { background: rgb(0, 0, 0); padding: 6px 26px; color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; } i.fa.fa-map-marker { margin-right: 6px; } i.fa.fa-phone { margin-right: 6px; color: rgb(255, 173, 1); font-size: 16px; } i.fa.fa-envelope { margin-right: 6px; } i.fa.fa-envelope-o { margin-right: 6px; color: rgb(255, 173, 1); font-size: 16px; } .fa.fa-whatsapp { margin-right: 6px; color: rgb(255, 173, 1); font-size: 16px; } :root { --color_0: #000; --color_1: #fff; --color_2: #2655c1; --color_3: #372f7f; } .form-bg { background: rgb(228, 230, 230); margin: 0px auto; padding: 50px; } form { font-family: Roboto, sans-serif; } .form-horizontal .header { background: linear-gradient(135deg, rgb(57, 145, 169), rgb(62, 203, 180), rgb(42, 180, 135), rgb(58, 146, 170)); padding: 30px 25px; font-size: 30px; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; border-radius: 3px 3px 0px 0px; } .form-horizontal .heading { font-size: 16px; color: rgb(38, 85, 193); margin: 10px 0px 20px; text-transform: capitalize; } .form-horizontal .form-content { padding: 25px; background: rgb(255, 255, 255); } .form-horizontal .form-control { padding: 12px 16px 12px 39px; height: 50px; font-size: 14px; color: rgb(43, 42, 42); border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(105, 105, 105); border-image: none; border-radius: 0px; box-shadow: none; margin-bottom: 15px; } .form-horizontal .form-control:focus { border-color: rgb(42, 158, 189); box-shadow: none; } .form-horizontal .control-label { font-size: 17px; color: rgb(0, 0, 0); position: absolute; top: 5px; left: 27px; text-align: center; } .form-horizontal textarea.form-control { resize: vertical; height: 130px; } .form-horizontal .btn { font-size: 18px; color: rgb(78, 78, 78); margin: 10px 0px; border: 2px solid rgb(204, 204, 204); border-radius: 0px; padding: 10px 25px; transition: 0.5s; } .form-horizontal .btn:hover { background: rgb(255, 255, 255); border-color: rgb(38, 85, 193); color: rgb(0, 0, 0) !important; } form.form-horizontal { padding: 10px; box-shadow: rgba(48, 64, 156, 0.23) 1px -1px 8px 4px; } ::placeholder { color: rgb(0, 0, 0) !important; opacity: 1; } .dropdown-menu > li > a { display: block; clear: both; font-weight: 400; line-height: 1.42857; white-space: nowrap; padding: 10px !important; color: rgb(255, 255, 255) !important; } .dropdown-menu > li > a:hover { color: rgb(0, 0, 0) !important; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; padding: 0px !important; background-color: rgb(55, 70, 79) !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { cursor: default; color: rgb(255, 255, 255) !important; background-color: rgb(0, 0, 0) !important; border: 1px solid rgb(255, 255, 255) !important; } .navbar-default { background-repeat: repeat-x; border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 5px; background-image: linear-gradient(rgba(0, 0, 0, 0.79) 0px, rgb(0, 0, 0) 100%) !important; } .navbar-default { border-radius: 0px !important; } input:focus::placeholder { color: transparent !important; } .nav > li > a { padding: 5px 15px !important; } .form-p { padding: 30px; } ul.social-media.header-social { position: relative; top: -7px; float: right; } ul.social-media.header-social .fa, ul.social-media.footer-social .fa { padding: 6px 0px 0px; font-size: 13px; width: 25px; height: 25px; text-align: center; text-decoration: none; margin: 2px; background: rgb(53, 172, 243); color: rgb(255, 255, 255); } ul.social-media.header-social li, ul.social-media.footer-social li { padding-right: 15px; } #quote-carousel .carousel-indicators .active { width: 50px; height: 50px; opacity: 1; transition: 0.2s; } .face { background-color: rgb(57, 95, 173) !important; } .face:hover { background-color: rgb(47, 101, 212) !important; } .instaasc { background-image: linear-gradient(to left bottom, rgb(115, 21, 183), rgb(196, 41, 111), red, yellow) !important; } .instaasc:hover { background-image: linear-gradient(to left bottom, rgb(115, 21, 183), rgb(196, 41, 111), red, yellow); } .youtuasc { background-color: rgb(255, 0, 0) !important; } .youtuasc:hover { background-color: rgb(255, 80, 80) !important; } span.contact-email.small { font-size: 15px; margin-top: 3px; font-family: sans-serif; font-weight: 700; color: rgb(255, 255, 255); } span.small.phone-view { font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); } .col-md-9.navigate { float: right; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; margin-top: 9px !important; } @media (max-width: 767px) { .col-md-9.navigate { float: left; } } a.btn.btn-success.now { background: rgb(248, 248, 248); font-size: 14px; color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); font-family: sans-serif; } a.btn.btn-success.now:hover { color: rgb(255, 255, 255); box-shadow: rgb(198, 198, 198) 0px 0px 6px 0px; border: 1px solid rgb(255, 173, 1); background: rgb(255, 173, 1); } ul.social-media.header-social.icons { position: relative; top: 7px; padding-left: 0px; float: left !important; } h3.footer-heading { font-size: 20px; color: rgb(255, 173, 1); font-weight: 600; margin-bottom: 16px; font-family: sans-serif; } ul.footer-h { padding: 0px 7px; list-style-type: none; } ul.footer-h li a { font-size: 14px; line-height: 21px; font-family: sans-serif; color: rgb(255, 255, 255) !important; } ul.footer-h li a:hover { font-size: 14px; line-height: 21px; width: 50%; font-family: sans-serif; color: rgb(255, 173, 1) !important; } footer.bg-fp { background: rgb(46, 48, 47); padding: 25px 0px; border-top: 1px solid rgb(255, 222, 154); } i.fa.fa-angle-double-right { color: rgb(255, 173, 1); font-weight: 500; margin-left: -13px; } .footer-hp p { color: rgb(255, 255, 255); } i.fa.fa-map-marker { margin-right: 6px; color: rgb(255, 173, 1); font-size: 16px; } .footer-bottom { background: rgb(255, 173, 1); padding: 4px; } ul.footer-g { list-style-type: none; margin-top: 4px; } ul.footer-g li { color: rgb(255, 255, 255); } .footer-g li { display: inline-block; font-size: 15px; } p.web-link { font-size: 15px; color: rgb(0, 0, 0); margin-top: 4px; } a.sm-p { font-size: 15px; color: rgb(0, 0, 0); font-weight: 600; } a.sm-p:hover { text-decoration: none; color: rgb(0, 0, 0); } i.fa.fa-pinterest { background: rgb(232, 0, 23) !important; } i.fa.fa-twitter { background: rgb(80, 171, 241) !important; } @media (max-width: 767px) { i.fa.fa-chevron-right.fa-2x.right-icon { left: -25px !important; font-size: 20px; } i.fa.fa-chevron-left.fa-2x.left-icon { left: 4px !important; font-size: 20px; } p.web-link { text-align: center; } ul.footer-g { text-align: center; } } a.left.fa.fa-chevron-left.btn.btn-success.offers-b { background: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); } a.right.fa.fa-chevron-right.btn.btn-success.offers-b { background: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); } i.fa.fa-map-marker.bp { margin-left: -13px; } i.fa.fa-phone.bp { margin-left: -14px; } i.fa.fa-envelope-open.bp { margin-left: -14px; } i.fa.fa-envelope-open.bp { margin-left: -14px; color: rgb(255, 0, 0); } @media (max-width: 767px) { input.btn.btn-primary.btn-lg.text-upper1 { margin-top: 8px; } } @media (max-width: 767px) { .right-part.alignright { display: none; } i.fa.fa-phone.jahsdakj { color: rgb(0, 0, 0); } span.small.phone-view { font-size: 15px; color: rgb(0, 0, 0); font-weight: 700; } } @media (min-width: 768px) { span.small.phone-view { font-size: 15px; font-weight: 700; } i.fa.fa-phone.jahsdakj { color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; } } .animaterd-link { width: 25px; height: 25px; transition: width 2s, height 2s, transform 1s; } .animaterd-link:hover { width: 25px; height: 25px; transform: rotate(360deg); } .tp-bullets.simplebullets.navbar { border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102) rgb(102, 102, 102) rgb(68, 68, 68); border-image: none; background: url("https://www.udantravel.com/js/rs-plugin/assets/xboxed_bgtile.png.pagespeed.ic.KEmY76l62j.png"); height: 40px; padding: 0px 10px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url("https://www.udantravel.com/js/rs-plugin/assets/xnavigdots_bgtile.png.pagespeed.ic.bdeWqS-P8H.png"); height: 35px; padding: 0px 10px; border-radius: 5px; } .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/xbullet_boxed.png.pagespeed.ic.Oc9wjWcxQk.png") left top no-repeat; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/xnavigdots.png.pagespeed.ic.KRX6Mh-grE.png") left bottom no-repeat; width: 15px; height: 15px; float: left; margin-top: 10px; margin-left: 5px !important; margin-right: 5px !important; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: left bottom; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/small_left_boxed.png.pagespeed.ce.91DtTonEOR.png") left top no-repeat; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/small_right_boxed.png.pagespeed.ce.Fgm3CkZTib.png") left top no-repeat; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/xarrowleft.png.pagespeed.ic.MSwxoIDgw-.png") left top no-repeat; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url("https://www.udantravel.com/js/rs-plugin/assets/xarrowright.png.pagespeed.ic.mpiVHusEXc.png") left top no-repeat; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } @font-face { font-family: revicons; src: url("https://www.udantravel.com/js/rs-plugin/font/revicons90c6.woff?5510888") format("woff"), url("https://www.udantravel.com/js/rs-plugin/font/revicons90c6.ttf?5510888") format("truetype"); font-weight: normal; font-style: normal; } .revicon-down-open::before { content: ""; } .revicon-left-open::before { content: ""; } .revicon-right-open::before { content: ""; } .revicon-left-open-1::before { content: ""; } .revicon-right-open-1::before { content: ""; } .revicon-left-open-mini::before { content: ""; } .revicon-right-open-mini::before { content: ""; } .revicon-left-open-big::before { content: ""; } .revicon-right-open-big::before { content: ""; } .revicon-left-open-outline::before { content: ""; } .revicon-left-open-2::before { content: ""; } .revicon-right-open-outline::before { content: ""; } .revicon-right-open-2::before { content: ""; } @media (min-width: 768px) and (max-width: 991px) { .left-part, .right-part { width: 300px; text-align: center; display: table; margin: 0px auto; float: none; } .left-part span, .right-part span { width: 100%; margin: 0px 0px 10px; border: 0px; } .left-part .social-media, .right-part form { margin: 0px auto 10px; float: none; display: table; border: 0px; padding: 0px; } .submit-btn input { display: table; float: none; margin: 0px auto; width: 50%; } .submit-btn { padding: 10px; float: left; width: 100%; } .right-part, .contact-email, .tp-bullets { bottom: 20px !important; } } @media (max-width: 767px) { .left-part, .right-part { width: 200px; text-align: center; display: table; margin: 0px auto; float: none; } .left-part span, .right-part span { width: 100%; margin: 9px 0px 0px; border: 0px; } .left-part .social-media, .right-part form { margin: 0px auto 10px; float: none; display: table; border: 0px; padding: 0px; } .container { padding: 0px 15px; } .submit-btn input { display: table; float: none; margin: 0px auto; width: 50%; } .submit-btn { padding: 10px; float: left; width: 100%; } .right-part, .tp-bullets { bottom: 20px !important; } } @media (max-width: 480px) { .error-page .error-text span { font-size: 16px; } .error-page .error-text span.large-text { font-size: 24px; } } .btn-whatsap li { width: 100%; padding: 5px 10px; margin: 10px 0px; border-radius: 5px; background-color: rgb(40, 162, 25) !important; color: white !important; font-size: 20px !important; } .btn-whatsap li:hover { opacity: 0.9; } .btn-whatsap li:focus { opacity: 0.9; } .btn-whatsap:hover { text-decoration: none; } .btn-whatsap:focus { text-decoration: none; } .btn-whatsap li span { float: right; } .btn-navs:hover { color: white !important; background-color: rgb(255, 173, 1) !important; } @media (max-width: 767px) { .navigate { width: 100% !important; } } .dropdown-menu li a:hover { background-color: rgb(255, 173, 1) !important; } .active-b a { font-weight: 600; } a:hover, a:focus { text-decoration: none; outline: none; } body { font-family: Roboto, sans-serif; } .navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; } .mainmenu { background-color: transparent; margin-bottom: 0px; border: 0px !important; } .navbar-nav > li:last-child > a { padding-right: 0px; margin-right: 0px; } .dropdown-menu { padding: 0px; margin: 0px; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: none !important; } .navbar-nav .open .dropdown-menu > li > a { padding: 16px 15px 16px 25px; } .header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a { color: rgb(0, 0, 0); font-size: 16px; text-transform: capitalize; padding: 15px; font-family: Roboto, sans-serif; } @media (min-width: 769px) { .header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a { color: rgb(0, 0, 0); font-size: 14px; margin-top: 0px; text-transform: capitalize; font-family: Roboto, sans-serif; padding: 15px !important; } } .header_area .mainmenu .active a, .header_area .mainmenu .active a:focus, .header_area .mainmenu .active a:hover, .header_area .mainmenu li a:hover, .header_area .mainmenu li a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: rgb(0, 113, 186); background: rgb(84, 198, 212); outline: 0px; } .navbar-default .navbar-toggle { border-color: rgb(255, 255, 255); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .mainmenu .collapse ul > li:hover > a { color: rgb(84, 198, 212); } .mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background: rgb(203, 234, 240); } .mainmenu .collapse ul ul ul > li:hover > a { background: rgb(203, 234, 240); } .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu { background: rgb(0, 0, 0) !important; } .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu { background: rgb(10, 20, 100); } .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu { background: rgb(228, 238, 184); } .mainmenu { background: none; border: 0px solid; margin: 0px; padding: 0px; min-height: 20px; } @media only screen and (min-width: 767px) { .mainmenu .collapse ul li { position: relative; } .mainmenu .collapse ul li:hover > ul { display: block; } .mainmenu .collapse ul ul { position: absolute; top: 100%; left: 0px; min-width: 170px; display: none; } .mainmenu .collapse ul ul li { position: relative; } .mainmenu .collapse ul ul li:hover > ul { display: block; } .mainmenu .collapse ul ul ul { position: absolute; top: 0px; left: 100%; min-width: 170px; padding: 0px 20px; display: none; } .mainmenu .collapse ul ul ul li { position: relative; } .mainmenu .collapse ul ul ul li:hover ul { display: block; } .mainmenu .collapse ul ul ul ul { position: absolute; top: 0px; left: -100%; min-width: 250px; display: none; z-index: 1; } } .navbar-default .navbar-collapse, .navbar-default .navbar-form { } .navbar-default .navbar-nav > li > a { color: rgb(255, 255, 255) !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.075) 0px 3px 9px inset; background-image: linear-gradient(rgb(255, 159, 0) 0px, rgb(255, 159, 0) 100%) !important; } .mainmenu .collapse ul > li:hover > a { color: rgb(255, 255, 255) !important; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: rgb(0, 0, 0); border-color: rgb(250, 250, 250); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(51, 51, 51); background-color: rgb(255, 159, 0) !important; } } @-webkit-keyframes opacity { 0% { opacity: 0; transform: scale(3); } 100% { opacity: 1; transform: scale(1); } } @keyframes opacity { 0% { opacity: 0; transform: scale(3); } 100% { opacity: 1; transform: scale(1); } } html { scroll-behavior: smooth; } input.input-text, select, textarea, span.custom-select { border: 1px solid rgb(204, 204, 204); } .close { opacity: 1 !important; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 0px !important; } i.fa.fa-chevron-left.fa-2x.left-icon { position: absolute; top: 140px; bottom: 0px; left: -35px; color: rgb(0, 0, 0) !important; } i.fa.fa-chevron-right.fa-2x.right-icon { position: absolute; top: 136px; bottom: 0px; left: 6px; color: rgb(0, 0, 0) !important; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; margin-top: 16px; font-weight: 700; } i.fa.fa-map-marker.ct { margin-right: 6px; color: rgb(0, 0, 0); font-size: 16px; } i.fa.fa-phone.ct { margin-right: 6px; color: rgb(0, 0, 0); font-size: 16px; } .btn:not(:disabled):not(.disabled) { cursor: pointer; border: 1px solid rgb(0, 0, 0); } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(255, 173, 1); border-color: rgb(255, 173, 1); width: 100%; max-width: 136px; padding: 0.75rem; text-transform: uppercase; font-weight: 600 !important; } .btn-secondary:hover { color: rgb(255, 255, 255) !important; } h4.form-h { color: rgb(255, 255, 255); font-size: 14px; padding: 10px 0px; font-family: inherit; font-weight: 600; margin-bottom: 15px; } .form-p-emquiry { background: rgba(255, 255, 255, 0.89); border: 1px solid rgb(212, 212, 212); border-radius: 0.25rem; padding: 0px 0px 15px !important; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(206, 212, 218); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: rgba(85, 85, 85, 0.72) !important; border-radius: 0.25rem !important; } .glow-on-hover:active { color: rgb(255, 255, 255); } .glow-on-hover:active::after { background: transparent; text-decoration: none; color: rgb(255, 255, 255); } @keyframes glowing { 0% { background-position: 0px 0px; } 50% { background-position: 400% 0px; } 100% { background-position: 0px 0px; } } .pr-0 { padding-right: 0px !important; } .fa-star { color: rgb(255, 197, 34); text-shadow: rgb(0, 0, 0) 1px 1px; padding: 0.1em; } .fa-star::before { content: ""; } .btn-area { padding: 10px; } .detail-pd .btn-area i { color: rgb(255, 255, 255); } .detail-pd .btn-area ul { text-align: left; margin-top: -15px; padding-left: 0px; } .detail-pd .btn-area ul li::before { content: ""; font-family: FontAwesome12; display: inline-block; color: rgb(255, 0, 0); font-weight: 500; margin-left: -13px; padding-right: 5px; text-decoration: none; } .detail-pd .btn-area ul li { display: inline; } .detail-pd .btn-area ul li { list-style: none; } .form-h { margin: 0px; padding: 5px 10px; background-color: rgb(0, 0, 0); text-align: center; } .form-p-emquiry { padding: 0px !important; } ::placeholder { color: rgba(85, 85, 85, 0.72) !important; } .form-p-emquiry { margin-bottom: 40px; } .form-p-emquiry { background-color: rgb(247, 176, 28); padding: 0px 0px 10px !important; } a.fa.fa-facebook { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(24, 119, 242); } a.fa.fa-instagram { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: linear-gradient(to left bottom, rgb(115, 21, 183), rgb(196, 41, 111), red, yellow) !important; } a.fa.fa-youtube-play { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(255, 0, 0); } a.fa.fa-linkedin { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(53, 172, 243); } a.fa.fa-twitter { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(80, 171, 241) !important; } a.fa.fa-pinterest { padding: 12px; width: 52px; text-align: center; height: 52px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(232, 0, 23) !important; } input.form-control.cpation { margin-bottom: 20px; height: 45px; border-radius: 0px !important; } textarea.form-control.cpation { border-radius: 4px !important; } .modal-content { border: 5px solid rgb(255, 237, 176); box-shadow: 0px 0px 20px 2px; background: rgb(255, 255, 255) !important; } .modal-dialog { margin: 30px auto; width: 700px !important; } .modal-header { padding: 15px; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; } .modal-header .close { background: rgb(255, 255, 255); height: 25px; width: 25px; margin-top: -47px !important; } .modal-content { border: 10px !important; } button.theme-btn.btn-style-one { background: rgb(2, 162, 25); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; padding: 7px 20px; } .form-control { text-transform: capitalize; padding-left: 10px; height: 45px; width: 100%; box-shadow: rgb(255, 255, 255) 1px 1px 10px 0px; font-size: 16px; font-weight: 400; color: rgb(13, 47, 93); border: 2px solid rgb(221, 221, 221); border-radius: 0px !important; } h4.modal-title { background: rgb(208, 6, 6); color: rgb(255, 255, 255); font-size: 25px; text-align: center; font-weight: 600; padding: 4px 15px; } form.form-pg { padding: 10px 20px; } @media (max-width: 767px) { .modal-dialog { margin: 30px auto; width: 360px !important; } } .footer-a { color: rgb(0, 0, 0); font-weight: 500; } .footer-a:hover { color: rgb(0, 0, 0); } @media (min-width: 768px) { .top-row { padding: 10px 0px 0px; } } @media (max-width: 767px) { .navbar-default .navbar-nav > li > a { width: max-content; padding: 10px !important; } } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: 50%; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .dropdown-menu { background: none !important; } } @media (max-width: 767px) { .mainmenu .collapse ul ul.dropdown-menu { background: rgb(37, 37, 37) !important; } .top-row { padding: 3px 0px; } } .header-cl { padding: 0px 16px; color: rgb(241, 241, 241); z-index: 9999999; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } [hidden], template { display: none; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } a { background: transparent; } a:focus { outline: 0px; } a:active, a:hover { outline: 0px; } h1 { font-size: 2em; margin: 0.67em 0px; } b, strong { font-weight: bold; } small { font-size: 80%; } img { border: 0px; } svg:not(:root) { overflow: hidden; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0px; } *, ::before, ::after { box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Karla, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(41, 44, 47); background-color: rgb(255, 255, 255); } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: rgb(104, 104, 104); text-decoration: none; } a:hover, a:focus { color: rgb(0, 0, 0); } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } p { margin: 0px 0px 10px; } small, .small { font-size: 85%; } .text-success { color: rgb(70, 136, 71); } .text-success:hover { color: rgb(53, 102, 53); } .text-left { text-align: left; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Karla, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.1; color: inherit; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } ul, ol { margin-top: 0px; margin-bottom: 10px; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-9 { width: 75%; } .col-md-6 { width: 50%; } .col-md-3 { width: 25%; } } @media (min-width: 1200px) { .container { width: 1170px; } } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); vertical-align: middle; background-color: rgb(241, 241, 241); background-image: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(214, 214, 214); border-image: none; } .form-control:focus { outline: 0px; background: rgb(247, 247, 247); } .form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: rgb(238, 238, 238); } textarea.form-control { height: 120px; } .form-group { margin-bottom: 15px; } .has-warning .form-control { border-color: rgb(192, 152, 83); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus { border-color: rgb(164, 126, 60); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(219, 197, 158) 0px 0px 6px; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: rgb(185, 74, 72); } .has-error .form-control { border-color: rgb(185, 74, 72); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus { border-color: rgb(149, 59, 57); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(213, 147, 146) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(185, 74, 72); border-color: rgb(185, 74, 72); background-color: rgb(242, 222, 222); } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: rgb(70, 136, 71); } .has-success .form-control { border-color: rgb(70, 136, 71); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus { border-color: rgb(53, 102, 53); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(122, 186, 123) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(70, 136, 71); border-color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); } .form-control-static { margin-bottom: 0px; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0px; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group::before, .form-horizontal .form-group::after { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } .form-horizontal .form-group::before, .form-horizontal .form-group::after { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; margin-bottom: 0px; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border-bottom: 3px solid transparent; white-space: nowrap; padding: 4px 15px; font-size: 14px; line-height: 1.42857; font-weight: 700; border-radius: 4px; user-select: none; } .btn:hover, .btn:focus { color: rgb(51, 51, 51); text-decoration: none; } .btn:active, .btn.active { outline: 0px; background-image: none; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); border-color: rgb(173, 173, 173); } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-primary { color: rgb(41, 44, 47); background-color: rgb(255, 227, 0); border-color: rgb(231, 206, 3); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: rgb(41, 44, 47); background-color: rgb(255, 234, 65); border-color: rgb(244, 220, 23); } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgb(66, 139, 202); border-color: rgb(53, 126, 189); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(237, 156, 40); border-color: rgb(213, 133, 18); } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(210, 50, 45); border-color: rgb(172, 41, 37); } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(71, 164, 71); border-color: rgb(57, 132, 57); } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(57, 179, 215); border-color: rgb(38, 154, 188); } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-link { color: rgb(66, 139, 202); font-weight: normal; cursor: pointer; border-radius: 0px; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(42, 100, 150); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgb(153, 153, 153); text-decoration: none; } .btn-blue, .btn-blue:hover { background-color: rgb(0, 174, 239); } .btn-dark, .btn-dark:hover { background-color: rgb(37, 37, 37); } .btn-red, .btn-red:hover { background-color: rgb(224, 60, 49); } .btn-green, .btn-green:hover { background-color: rgb(101, 161, 8); } .btn-teal { background-color: rgb(0, 128, 128); } .btn-orange { background-color: rgb(255, 79, 0); } .btn-purple { background-color: rgb(120, 81, 169); } .btn-gray { background-color: rgb(62, 64, 73); } .btn-smalt { background-color: rgb(0, 51, 153); } .btn-bittersweet { background-color: rgb(254, 111, 94); } .btn-pink { background-color: rgb(255, 0, 127); } .btn-blue-dark { background-color: rgb(27, 106, 129); } .btn-pastel-brown { background-color: rgb(131, 105, 83); } .btn-maroon { background-color: rgb(128, 0, 0); } .btn-lg { padding: 12px 20px; font-size: 18px; line-height: 1.3; border-radius: 4px; } .btn-md { padding: 9px 20px; font-size: 16px; line-height: 1.3; border-radius: 4px; } .btn-sm, .btn-xs { padding: 5px 20px; font-size: 12px; line-height: 1.3; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-left: 0px; padding-right: 0px; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } input[type="submit"].btn { margin-right: 20px; padding: 6px 15px; } .fade { opacity: 0; transition: opacity 0.15s linear; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-width: 4px 4px 0px; border-style: solid solid dotted; border-color: rgb(0, 0, 0) transparent currentcolor; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: none; font-size: 14px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; background-color: rgb(66, 139, 202); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: rgb(153, 153, 153); } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(153, 153, 153); } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0px dotted; border-bottom: 4px solid rgb(0, 0, 0); content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } } .btn-default .caret { border-top-color: rgb(51, 51, 51); } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: rgb(255, 255, 255); } .dropup .btn-default .caret { border-bottom-color: rgb(51, 51, 51); } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: rgb(255, 255, 255); } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar::before, .btn-toolbar::after { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar::before, .btn-toolbar::after { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group-xs > .btn { font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 5px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified .btn { float: none; display: table-cell; width: 1%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group .form-control { width: 100%; margin-bottom: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .nav { margin-bottom: 0px; padding-left: 0px; list-style: none; } .nav::before, .nav::after { content: " "; display: table; } .nav::after { clear: both; } .nav::before, .nav::after { content: " "; display: table; } .nav::after { clear: both; } .nav > li { position: relative; display: block; margin-bottom: -1px; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(66, 139, 202); } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: rgb(42, 100, 150); border-bottom-color: rgb(42, 100, 150); } .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { cursor: default; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .tab-content > .active { display: block; } .nav .caret { border-top-color: rgb(66, 139, 202); border-bottom-color: rgb(66, 139, 202); } .nav a:hover .caret { border-top-color: rgb(42, 100, 150); border-bottom-color: rgb(42, 100, 150); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar::before, .navbar::after { content: " "; display: table; } .navbar::after { clear: both; } .navbar::before, .navbar::after { content: " "; display: table; } .navbar::after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header::before, .navbar-header::after { content: " "; display: table; } .navbar-header::after { clear: both; } .navbar-header::before, .navbar-header::after { content: " "; display: table; } .navbar-header::after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse::before, .navbar-collapse::after { content: " "; display: table; } .navbar-collapse::after { clear: both; } .navbar-collapse::before, .navbar-collapse::after { content: " "; display: table; } .navbar-collapse::after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0px; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0px; } .navbar-nav > li { float: left; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin: 8px -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0px; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { left: auto; right: 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-left: 15px; margin-right: 15px; } } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(204, 204, 204); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85); } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: rgb(119, 119, 119); border-bottom-color: rgb(119, 119, 119); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-brand { color: rgb(153, 153, 153); } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-text { color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav > li > a { color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: rgb(8, 8, 8); color: rgb(255, 255, 255); } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(153, 153, 153); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } } .navbar-inverse .navbar-link { color: rgb(153, 153, 153); } .navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); } .breadcrumb a, .breadcrumb > .active { color: rgb(255, 255, 255); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(176, 175, 175); border-color: rgb(167, 166, 166); cursor: default; } .label-success { background-color: rgb(92, 184, 92); } .label-success[href]:hover, .label-success[href]:focus { background-color: rgb(68, 157, 68); } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(66, 139, 202); background-color: rgb(255, 255, 255); } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(66, 139, 202); } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); color: rgb(70, 136, 71); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(53, 102, 53); } .alert-info { background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); color: rgb(58, 135, 173); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(45, 105, 135); } .alert-warning { background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); color: rgb(192, 152, 83); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(164, 126, 60); } .alert-danger { background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); color: rgb(185, 74, 72); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(149, 59, 57); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress.active .progress-bar { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar-success { background-color: rgb(92, 184, 92); } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: rgb(225, 237, 247); } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading > .dropdown .caret { border-color: rgb(51, 51, 51) transparent; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(66, 139, 202); } .panel-primary > .panel-heading > .dropdown .caret { border-color: rgb(255, 255, 255) transparent; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(66, 139, 202); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading > .dropdown .caret { border-color: rgb(70, 136, 71) transparent; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading > .dropdown .caret { border-color: rgb(192, 152, 83) transparent; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading > .dropdown .caret { border-color: rgb(185, 74, 72) transparent; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(235, 204, 209); } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading > .dropdown .caret { border-color: rgb(58, 135, 173) transparent; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgb(188, 232, 241); } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } .close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { padding: 0px; cursor: pointer; background: transparent; border: 0px; appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: auto scroll; position: fixed; inset: 0px; z-index: 1040; } .modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-dialog { position: relative; margin-left: auto; margin-right: auto; width: auto; padding: 10px; z-index: 1050; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1030; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); min-height: 16.4286px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer::before, .modal-footer::after { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer::before, .modal-footer::after { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-indicators .active { margin: 0px; width: 12px; height: 12px; background-color: rgb(255, 255, 255); } .carousel-caption .btn { text-shadow: none; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .datepicker td.active, .datepicker td.active:hover { background: rgb(255, 227, 0); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background: rgb(255, 227, 0); } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { } .datepicker td span.active { background-color: rgb(0, 109, 204); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: rgb(255, 255, 255); background-color: rgb(0, 68, 204); } .datepicker td span.active:active, .datepicker td span.active.active { } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th { background-color: rgb(245, 245, 245); } .table-hover > tbody > tr > .active:hover, .table-hover > tbody > .active:hover > td, .table-hover > tbody > .active:hover > th { background-color: rgb(232, 232, 232); } .table > thead > tr > .success, .table > tbody > tr > .success, .table > tfoot > tr > .success, .table > thead > .success > td, .table > tbody > .success > td, .table > tfoot > .success > td, .table > thead > .success > th, .table > tbody > .success > th, .table > tfoot > .success > th { background-color: rgb(223, 240, 216); } .table-hover > tbody > tr > .success:hover, .table-hover > tbody > .success:hover > td, .table-hover > tbody > .success:hover > th { background-color: rgb(208, 233, 198); } .btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning { text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px; } .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-danger.disabled, .btn-danger[disabled], .btn-default.disabled, .btn-default[disabled], .btn-info.disabled, .btn-info[disabled], .btn-primary.disabled, .btn-primary[disabled], .btn-success.disabled, .btn-success[disabled], .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-default, fieldset[disabled] .btn-info, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-warning { box-shadow: none; } .btn-danger .badge, .btn-default .badge, .btn-info .badge, .btn-primary .badge, .btn-success .badge, .btn-warning .badge { text-shadow: none; } .btn.active, .btn:active { background-image: none; } .btn-default { text-shadow: rgb(255, 255, 255) 0px 1px 0px; background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%); background-repeat: repeat-x; border-color: rgb(204, 204, 204); } .btn-default:focus, .btn-default:hover { background-color: rgb(224, 224, 224); background-position: 0px -15px; } .btn-default.active, .btn-default:active { background-color: rgb(224, 224, 224); border-color: rgb(219, 219, 219); } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: rgb(224, 224, 224); background-image: none; } .btn-primary { background-image: linear-gradient(rgb(51, 122, 183) 0px, rgb(38, 90, 136) 100%); background-repeat: repeat-x; border-color: rgb(36, 85, 128); } .btn-primary:focus, .btn-primary:hover { background-color: rgb(38, 90, 136); background-position: 0px -15px; } .btn-primary.active, .btn-primary:active { background-color: rgb(38, 90, 136); border-color: rgb(36, 85, 128); } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: rgb(38, 90, 136); background-image: none; } .btn-success { background-image: linear-gradient(rgb(92, 184, 92) 0px, rgb(65, 150, 65) 100%); background-repeat: repeat-x; border-color: rgb(62, 143, 62); } .btn-success:focus, .btn-success:hover { background-color: rgb(65, 150, 65); background-position: 0px -15px; } .btn-success.active, .btn-success:active { background-color: rgb(65, 150, 65); border-color: rgb(62, 143, 62); } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: rgb(65, 150, 65); background-image: none; } .btn-info { background-image: linear-gradient(rgb(91, 192, 222) 0px, rgb(42, 171, 210) 100%); background-repeat: repeat-x; border-color: rgb(40, 164, 201); } .btn-info:focus, .btn-info:hover { background-color: rgb(42, 171, 210); background-position: 0px -15px; } .btn-info.active, .btn-info:active { background-color: rgb(42, 171, 210); border-color: rgb(40, 164, 201); } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: rgb(42, 171, 210); background-image: none; } .btn-warning { background-image: linear-gradient(rgb(240, 173, 78) 0px, rgb(235, 147, 22) 100%); background-repeat: repeat-x; border-color: rgb(227, 141, 19); } .btn-warning:focus, .btn-warning:hover { background-color: rgb(235, 147, 22); background-position: 0px -15px; } .btn-warning.active, .btn-warning:active { background-color: rgb(235, 147, 22); border-color: rgb(227, 141, 19); } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: rgb(235, 147, 22); background-image: none; } .btn-danger { background-image: linear-gradient(rgb(217, 83, 79) 0px, rgb(193, 46, 42) 100%); background-repeat: repeat-x; border-color: rgb(185, 44, 40); } .btn-danger:focus, .btn-danger:hover { background-color: rgb(193, 46, 42); background-position: 0px -15px; } .btn-danger.active, .btn-danger:active { background-color: rgb(193, 46, 42); border-color: rgb(185, 44, 40); } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: rgb(193, 46, 42); background-image: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: rgb(232, 232, 232); background-image: linear-gradient(rgb(245, 245, 245) 0px, rgb(232, 232, 232) 100%); background-repeat: repeat-x; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: rgb(46, 109, 164); background-image: linear-gradient(rgb(51, 122, 183) 0px, rgb(46, 109, 164) 100%); background-repeat: repeat-x; } .navbar-default { background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(248, 248, 248) 100%); background-repeat: repeat-x; border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 5px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background-image: linear-gradient(rgb(219, 219, 219) 0px, rgb(226, 226, 226) 100%); background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.075) 0px 3px 9px inset; } .navbar-brand, .navbar-nav > li > a { text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px; } .navbar-inverse { background-image: linear-gradient(rgb(60, 60, 60) 0px, rgb(34, 34, 34) 100%); background-repeat: repeat-x; border-radius: 4px; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a { background-image: linear-gradient(rgb(8, 8, 8) 0px, rgb(15, 15, 15) 100%); background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 9px inset; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { border-radius: 0px; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); background-image: linear-gradient(rgb(51, 122, 183) 0px, rgb(46, 109, 164) 100%); background-repeat: repeat-x; } } .alert { text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px; box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .alert-success { background-image: linear-gradient(rgb(223, 240, 216) 0px, rgb(200, 229, 188) 100%); background-repeat: repeat-x; border-color: rgb(178, 219, 161); } .alert-info { background-image: linear-gradient(rgb(217, 237, 247) 0px, rgb(185, 222, 240) 100%); background-repeat: repeat-x; border-color: rgb(154, 207, 234); } .alert-warning { background-image: linear-gradient(rgb(252, 248, 227) 0px, rgb(248, 239, 192) 100%); background-repeat: repeat-x; border-color: rgb(245, 231, 158); } .alert-danger { background-image: linear-gradient(rgb(242, 222, 222) 0px, rgb(231, 195, 195) 100%); background-repeat: repeat-x; border-color: rgb(220, 167, 167); } .progress-bar-success { background-image: linear-gradient(rgb(92, 184, 92) 0px, rgb(68, 157, 68) 100%); background-repeat: repeat-x; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { text-shadow: rgb(40, 96, 144) 0px -1px 0px; background-image: linear-gradient(rgb(51, 122, 183) 0px, rgb(43, 102, 154) 100%); background-repeat: repeat-x; border-color: rgb(43, 102, 154); } .list-group-item.active .badge, .list-group-item.active:focus .badge, .list-group-item.active:hover .badge { text-shadow: none; } .panel-success > .panel-heading { background-image: linear-gradient(rgb(223, 240, 216) 0px, rgb(208, 233, 198) 100%); background-repeat: repeat-x; } #ut-inbound { --yellow: #ffbf00; --green: #147d45; --ink: #171b20; --muted: #56616b; --line: #e1e5e8; --paper: #f5f6f7; background: rgb(255, 255, 255); color: var(--ink); font: 16px / 1.75 "Udan Roboto", Roboto, Arial, sans-serif; clear: both; width: 100%; min-width: 0px; } #ut-inbound * { box-sizing: border-box; } #ut-inbound .ui-wrap { width: min(1240px, 92%); margin: auto; } #ut-inbound h1, #ut-inbound h2, #ut-inbound h3 { color: var(--ink); font-family: inherit; text-transform: none; font-weight: 700; } #ut-inbound h1 { font-size: clamp(30px, 3.1vw, 48px); line-height: 1.12; letter-spacing: -1px; margin: 0px 0px 23px; } #ut-inbound h2 { font-size: clamp(27px, 2.5vw, 36px); line-height: 1.2; letter-spacing: -0.6px; margin: 0px 0px 18px; } #ut-inbound h3 { font-size: 22px; line-height: 1.3; margin: 0px 0px 15px; } #ut-inbound p { margin: 0px 0px 18px; } #ut-inbound a { color: inherit; text-decoration: none; } #ut-inbound a:hover { text-decoration: underline; text-underline-offset: 4px; } #ut-inbound .ui-icon { width: 22px; height: 22px; flex: 0 0 22px; vertical-align: middle; } #ut-inbound .ui-eyebrow { font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: 1.9px; color: rgb(121, 96, 0); margin-bottom: 13px; } #ut-inbound .ui-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 18px; font: 700 14px / 1.3 "Udan Roboto", Arial, sans-serif; border: 1px solid transparent; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background-color 0.15s, box-shadow 0.15s; } #ut-inbound .ui-btn .ui-icon { width: 18px; height: 18px; flex-basis: 18px; } #ut-inbound .ui-yellow { background: var(--yellow); color: rgb(17, 17, 17); border-color: rgb(226, 170, 0); } #ut-inbound .ui-yellow:hover { background: rgb(255, 208, 75); color: rgb(17, 17, 17); text-decoration: none; box-shadow: rgba(23, 27, 32, 0.08) 0px 4px 12px; } #ut-inbound .ui-green { background: var(--green); color: rgb(255, 255, 255); border-color: var(--green); } #ut-inbound .ui-green:hover { background: rgb(12, 98, 53); color: white; text-decoration: none; } #ut-inbound .ui-outline { color: rgb(17, 17, 17); border-color: rgb(173, 182, 189); background: white; } #ut-inbound .ui-actions { display: flex; gap: 12px; flex-wrap: wrap; } #ut-inbound .ui-hero { width: 100%; min-width: 0px; overflow: hidden; background: linear-gradient(110deg, rgb(248, 247, 242), rgb(237, 241, 242)); border-bottom: 1px solid var(--line); } #ut-inbound .ui-hero-inner { display: grid; grid-template-columns: 47% 53%; align-items: center; min-height: 480px; gap: 0px; padding: 35px 0px; } #ut-inbound .ui-hero-copy { padding: 15px 30px 15px 0px; position: relative; z-index: 1; } #ut-inbound .ui-hero-text { font-size: 17px; line-height: 1.7; color: rgb(68, 81, 91); max-width: 560px; margin-bottom: 24px; } #ut-inbound .ui-hero-note { font-size: 12px; color: rgb(89, 99, 107); margin: 18px 0px 0px; } #ut-inbound .ui-hero-media { width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; } #ut-inbound .ui-hero-media img { display: block; width: 100%; height: 100%; object-fit: contain; } #ut-inbound .ui-hero-fleet .ui-hero-media { border-radius: 14px; overflow: hidden; box-shadow: rgba(17, 17, 17, 0.047) 0px 14px 35px; } #ut-inbound .ui-hero-fleet .ui-hero-media img { object-fit: cover; object-position: 50% 55%; } #ut-inbound .ui-crumb { display: flex; gap: 9px; flex-wrap: wrap; font-size: 12px; padding: 17px 0px; color: rgb(98, 112, 122); } #ut-inbound .ui-crumb a { color: rgb(128, 91, 0); } #ut-inbound .ui-benefits { background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } #ut-inbound .ui-benefits > .ui-wrap { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 22px 0px; gap: 25px; } #ut-inbound .ui-benefits > .ui-wrap > div { display: flex; gap: 16px; align-items: center; padding-right: 20px; border-right: 1px solid rgb(216, 223, 227); } #ut-inbound .ui-benefits > .ui-wrap > div:last-child { border: 0px; } #ut-inbound .ui-benefits .ui-icon { width: 38px; height: 38px; flex-basis: 38px; color: rgb(151, 104, 0); } #ut-inbound .ui-benefits strong { font-size: 15px; display: block; line-height: 1.5; } #ut-inbound .ui-benefits small { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; } #ut-inbound .ui-jump { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; padding: 19px 0px; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 700; } #ut-inbound .ui-jump a:last-child { margin-left: auto; color: rgb(18, 103, 57); } #ut-inbound .ui-jump .ui-icon { width: 16px; height: 16px; } #ut-inbound .ui-section { padding: 54px 0px; border-bottom: 1px solid var(--line); scroll-margin-top: 95px; } #ut-inbound .ui-heading { text-align: center; margin: 0px auto 30px; max-width: 850px; } #ut-inbound .ui-heading h2::after { content: ""; display: block; width: 50px; height: 3px; background: var(--yellow); margin: 16px auto 0px; } #ut-inbound .ui-heading > p:last-child { font-size: 15px; color: var(--muted); } #ut-inbound .ui-fleet { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; } #ut-inbound .ui-card { display: flex; flex-direction: column; min-width: 0px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: white; box-shadow: rgba(23, 27, 32, 0.024) 0px 5px 18px; } #ut-inbound .ui-vehicle-image { height: 175px; background: linear-gradient(140deg, rgb(247, 248, 248), rgb(237, 240, 241)); padding: 10px; } #ut-inbound .ui-vehicle-image img { display: block; width: 100%; height: 100%; object-fit: contain; } #ut-inbound .ui-card-body { padding: 18px 13px 15px; display: flex; flex-direction: column; flex: 1 1 0%; } #ut-inbound .ui-card h3 { font-size: 21px; margin-bottom: 16px; } #ut-inbound .ui-card-tag { font-size: 11px; font-weight: 500; color: rgb(102, 113, 123); line-height: 1.5; margin-bottom: 9px; min-height: 17px; } #ut-inbound .ui-features { list-style: none; padding: 0px; margin: 0px 0px 21px; } #ut-inbound .ui-features li { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 1.6; margin-bottom: 9px; color: rgb(72, 84, 93); } #ut-inbound .ui-features .ui-icon { width: 17px; height: 17px; flex-basis: 17px; color: rgb(131, 93, 0); } #ut-inbound .ui-card-actions { display: grid; grid-template-columns: 1fr 1.12fr; gap: 7px; margin-top: auto; } #ut-inbound .ui-card-actions .ui-btn { font-size: 12px; padding: 11px 6px; gap: 5px; white-space: nowrap; } #ut-inbound .ui-card-actions .ui-icon { width: 16px; height: 16px; flex-basis: 16px; } #ut-inbound .ui-caption { font-size: 12px; line-height: 1.7; color: rgb(102, 116, 126); margin: 17px 0px 0px; } #ut-inbound .ui-journeys { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; } #ut-inbound .ui-journey { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; min-width: 0px; } #ut-inbound .ui-journey > img { width: 100%; height: 205px; object-fit: cover; display: block; } #ut-inbound .ui-journey > div { padding: 23px; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; } #ut-inbound .ui-journey h3 { font-size: 23px; } #ut-inbound .ui-journey p { font-size: 14px; line-height: 1.8; color: rgb(89, 99, 107); margin-bottom: 20px; } #ut-inbound .ui-journey .ui-btn { margin-top: auto; font-size: 13px; } #ut-inbound .ui-editorial { display: grid; grid-template-columns: minmax(0px, 1fr) 310px; gap: 65px; align-items: start; } #ut-inbound .ui-story { margin-top: 28px; } #ut-inbound .ui-story p { font-size: 16px; line-height: 1.95; color: rgb(70, 84, 94); } #ut-inbound .ui-story h3 { font-size: 25px; } #ut-inbound .ui-checklist { position: sticky; top: 110px; background: rgb(248, 248, 243); padding: 28px; border-right: 1px solid rgb(226, 226, 215); border-bottom: 1px solid rgb(226, 226, 215); border-left: 1px solid rgb(226, 226, 215); border-image: none; border-top: 3px solid var(--yellow); border-radius: 8px; } #ut-inbound .ui-icon-circle { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: rgb(255, 240, 189); border-radius: 50%; margin-bottom: 20px; } #ut-inbound .ui-checklist ul { list-style: none; padding: 0px; margin: 20px 0px 23px; } #ut-inbound .ui-checklist li { display: flex; gap: 10px; margin: 14px 0px; font-size: 14px; line-height: 1.7; } #ut-inbound .ui-checklist li .ui-icon { width: 17px; height: 17px; flex-basis: 17px; color: var(--green); margin-top: 4px; } #ut-inbound .ui-checklist > p { font-size: 13px; margin: 20px 0px 0px; } #ut-inbound .ui-checklist > p a { font-weight: 700; } #ut-inbound .ui-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; } #ut-inbound .ui-price-grid > article { background: var(--paper); padding: 27px; border: 1px solid var(--line); border-radius: 9px; } #ut-inbound .ui-price-grid .ui-icon { color: rgb(144, 101, 0); width: 32px; height: 32px; margin-bottom: 18px; } #ut-inbound .ui-price-grid h3 { font-size: 21px; } #ut-inbound .ui-price-grid p { font-size: 14px; color: rgb(86, 97, 107); margin: 0px; } #ut-inbound .ui-steps { display: grid; grid-template-columns: 1fr 1.8fr; gap: 35px; align-items: center; } #ut-inbound .ui-steps h2 { font-size: 29px; } #ut-inbound .ui-steps ol { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px; counter-reset: step 0; list-style: none; padding: 0px; margin: 0px; } #ut-inbound .ui-steps li::before { counter-increment: step 1; content: "0" counter(step); display: block; font-size: 14px; color: rgb(149, 104, 0); font-weight: 700; margin-bottom: 10px; } #ut-inbound .ui-steps strong { font-size: 16px; } #ut-inbound .ui-steps li p { font-size: 13px; margin: 8px 0px 0px; color: var(--muted); } #ut-inbound .ui-faq { max-width: 940px; margin: auto; } #ut-inbound details { border: 1px solid var(--line); border-radius: 6px; margin: 12px 0px; padding: 18px 21px; } #ut-inbound summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; list-style: none; font-weight: 700; font-size: 16px; cursor: pointer; line-height: 1.6; } #ut-inbound summary::-webkit-details-marker { display: none; } #ut-inbound summary span { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--yellow); width: 24px; height: 24px; flex: 0 0 24px; color: rgb(17, 17, 17); } #ut-inbound details[open] summary span { transform: rotate(45deg); } #ut-inbound details p { margin: 15px 0px 0px; font-size: 15px; color: var(--muted); } #ut-inbound .ui-trust { display: flex; justify-content: space-between; gap: 30px; align-items: center; background: var(--paper); padding: 24px 28px; border-radius: 8px; margin-top: 30px; } #ut-inbound .ui-trust > div { display: flex; gap: 14px; align-items: center; font-size: 13px; } #ut-inbound .ui-trust > a { font-size: 14px; font-weight: 700; color: rgb(18, 103, 57); } #ut-inbound .ui-trust .ui-icon { color: rgb(147, 102, 0); } #ut-inbound .ui-enquiry { display: grid; grid-template-columns: 330px minmax(0px, 1fr); gap: 30px; align-items: start; } #ut-inbound .ui-enquiry-intro { background: rgb(25, 28, 32); color: rgb(214, 220, 224); padding: 30px; border-radius: 10px; border-top: 4px solid var(--yellow); position: sticky; top: 110px; } #ut-inbound .ui-enquiry-intro h2 { color: rgb(255, 255, 255); font-size: 32px; } #ut-inbound .ui-enquiry-intro .ui-eyebrow { color: rgb(255, 208, 75); } #ut-inbound .ui-enquiry-intro > p { font-size: 14px; } #ut-inbound .ui-enquiry-intro > a { display: flex; gap: 11px; align-items: center; color: white; font-size: 16px; margin: 19px 0px; overflow-wrap: anywhere; } #ut-inbound .ui-enquiry-intro > a .ui-icon { color: var(--yellow); } #ut-inbound .ui-enquiry-small { border-top: 1px solid rgba(255, 255, 255, 0.19); padding-top: 23px; margin: 25px 0px 0px; font-size: 12px !important; } #ut-inbound .ui-form { padding: 28px; border: 1px solid var(--line); border-radius: 10px; background: rgb(252, 253, 253); box-shadow: rgba(17, 17, 17, 0.02) 0px 5px 22px; } #ut-inbound .ui-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #ut-inbound .ui-fields > label { display: block; font-size: 13px; font-weight: 700; line-height: 1.5; color: rgb(53, 67, 77); } #ut-inbound :is(input, textarea, select) { display: block; width: 100%; min-width: 0px; background: white; color: rgb(37, 50, 59); border: 1px solid rgb(189, 200, 207); border-radius: 5px; font: 16px / 1.5 "Udan Roboto", Arial, sans-serif; padding: 12px; margin-top: 8px; min-height: 48px; } #ut-inbound textarea { resize: vertical; } #ut-inbound .ui-full { grid-column: 1 / -1; } #ut-inbound .ui-form-note { font-size: 12px; line-height: 1.8; color: rgb(100, 114, 124); margin: 22px 0px; } #ut-inbound .ui-form-note a { text-decoration: underline; } #ut-inbound .ui-status { font-size: 13px; color: rgb(65, 88, 99); margin: 15px 0px 0px; } #ut-inbound .ui-form .ui-btn { min-width: 190px; } #ut-inbound .ui-form .ui-btn:disabled { opacity: 0.7; cursor: wait; } #ut-inbound .ui-related > div { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 13px; } #ut-inbound .ui-related > div > a { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 6px; font-size: 14px; font-weight: 700; line-height: 1.5; } #ut-inbound :is(a, button, input, select, textarea, summary):focus-visible { outline: rgb(8, 114, 61) solid 3px; outline-offset: 4px; } #ut-inbound [hidden] { display: none !important; } @media (min-width: 1600px) { #ut-inbound .ui-wrap { width: min(1460px, 90%); } #ut-inbound .ui-hero-inner { min-height: 560px; } #ut-inbound .ui-hero-media { height: 470px; } #ut-inbound .ui-vehicle-image { height: 220px; } #ut-inbound .ui-card-body { padding: 22px; } #ut-inbound .ui-card-actions .ui-btn { font-size: 14px; } } @media (max-width: 1100px) { #ut-inbound .ui-fleet { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; } #ut-inbound .ui-vehicle-image { height: 210px; } #ut-inbound .ui-card-body { padding: 22px; } #ut-inbound .ui-card-actions .ui-btn { font-size: 14px; } #ut-inbound .ui-editorial { grid-template-columns: minmax(0px, 1fr) 280px; gap: 35px; } #ut-inbound .ui-enquiry { grid-template-columns: 280px minmax(0px, 1fr); gap: 22px; } #ut-inbound .ui-hero-inner { grid-template-columns: 48% 52%; min-height: 480px; } #ut-inbound .ui-hero-media { height: 350px; } #ut-inbound .ui-hero-copy { padding-right: 20px; } #ut-inbound .ui-hero h1 { font-size: 34px; } #ut-inbound .ui-hero-text { font-size: 15px; } #ut-inbound .ui-steps { grid-template-columns: 1fr; } #ut-inbound .ui-journey > div { padding: 19px; } #ut-inbound .ui-journey h3 { font-size: 20px; } } @media (max-width: 767px) { #ut-inbound .ui-wrap { width: calc(100% - 36px); } #ut-inbound .ui-hero-inner { display: flex; flex-direction: column; padding: 24px 0px 0px; min-height: 0px; gap: 15px; } #ut-inbound .ui-hero-copy { padding: 0px; width: 100%; } #ut-inbound .ui-hero h1 { font-size: clamp(27px, 6.7vw, 34px); letter-spacing: -0.6px; margin-bottom: 16px; } #ut-inbound .ui-hero-text { font-size: 15px; line-height: 1.75; margin-bottom: 18px; } #ut-inbound .ui-hero-media { height: 215px; width: 100%; } #ut-inbound .ui-hero-fleet .ui-hero-media { border-radius: 10px 10px 0px 0px; height: 220px; } #ut-inbound .ui-hero-note { font-size: 11px; margin-top: 15px; } #ut-inbound .ui-actions { display: grid; grid-template-columns: 1.2fr 1fr; gap: 9px; } #ut-inbound .ui-actions .ui-btn { padding: 12px 9px; font-size: 13px; } #ut-inbound .ui-benefits > .ui-wrap { grid-template-columns: 1fr; gap: 17px; padding: 21px 0px; } #ut-inbound .ui-benefits > .ui-wrap > div { border: 0px; gap: 13px; padding: 0px; } #ut-inbound .ui-benefits .ui-icon { width: 27px; height: 27px; flex-basis: 27px; } #ut-inbound .ui-benefits strong { font-size: 14px; } #ut-inbound .ui-jump { gap: 14px 20px; font-size: 12px; } #ut-inbound .ui-jump a:last-child { margin-left: 0px; } #ut-inbound .ui-section { padding: 35px 0px; scroll-margin-top: 90px; } #ut-inbound .ui-heading { text-align: left; margin-bottom: 24px; } #ut-inbound .ui-heading h2::after { margin-left: 0px; } #ut-inbound .ui-heading > p:last-child { font-size: 14px; } #ut-inbound .ui-fleet { grid-template-columns: minmax(0px, 1fr); gap: 19px; } #ut-inbound .ui-card { display: grid; grid-template-columns: 1fr; } #ut-inbound .ui-vehicle-image { height: 205px; padding: 10px 30px; } #ut-inbound .ui-card-body { padding: 22px; } #ut-inbound .ui-card h3 { font-size: 25px; } #ut-inbound .ui-card-tag { font-size: 12px; } #ut-inbound .ui-features li { font-size: 14px; } #ut-inbound .ui-card-actions { grid-template-columns: 1fr 1fr; gap: 10px; } #ut-inbound .ui-card-actions .ui-btn { font-size: 13px; padding: 12px 6px; } #ut-inbound .ui-journeys, #ut-inbound .ui-price-grid, #ut-inbound .ui-editorial, #ut-inbound .ui-enquiry, #ut-inbound .ui-related > div { grid-template-columns: minmax(0px, 1fr); } #ut-inbound .ui-journey > img { height: 210px; } #ut-inbound .ui-journey > div { padding: 22px; } #ut-inbound .ui-journey h3 { font-size: 24px; } #ut-inbound .ui-editorial { gap: 28px; } #ut-inbound .ui-checklist, #ut-inbound .ui-enquiry-intro { position: static; } #ut-inbound .ui-story { margin-top: 24px; } #ut-inbound .ui-story h3 { font-size: 23px; } #ut-inbound .ui-story p { font-size: 16px; line-height: 1.9; } #ut-inbound .ui-price-grid > article { padding: 24px; } #ut-inbound .ui-steps ol { grid-template-columns: 1fr; gap: 24px; } #ut-inbound .ui-steps { gap: 20px; } #ut-inbound .ui-steps h2 { font-size: 27px; } #ut-inbound .ui-steps li::before { float: left; margin: 0px 15px 35px 0px; } #ut-inbound .ui-trust { display: block; padding: 22px; } #ut-inbound .ui-trust > a { display: block; margin-top: 20px; } #ut-inbound .ui-enquiry { gap: 22px; } #ut-inbound .ui-enquiry-intro { padding: 26px; } #ut-inbound .ui-fields { grid-template-columns: 1fr; gap: 18px; } #ut-inbound .ui-form { padding: 22px; } #ut-inbound .ui-form .ui-btn { width: 100%; } #ut-inbound summary { font-size: 15px; } #ut-inbound details { padding: 16px; } #ut-inbound .ui-eyebrow { font-size: 10px; } } @media (prefers-reduced-motion: reduce) { #ut-inbound * { transition: none !important; scroll-behavior: auto !important; } } #ut-inbound .ui-table-scroll { overflow-x: auto; margin-top: 20px; } #ut-inbound .ui-compare table { width: 100%; border-collapse: collapse; min-width: 580px; font-size: 14px; } #ut-inbound .ui-compare caption { text-align: left; color: rgb(86, 97, 107); padding: 0px 0px 14px; font-size: 13px; } #ut-inbound .ui-compare th, #ut-inbound .ui-compare td { text-align: left; padding: 14px; border: 1px solid rgb(225, 229, 232); vertical-align: top; } #ut-inbound .ui-compare thead { background: rgb(245, 246, 247); } #ut-inbound .ui-fleet-five { grid-template-columns: repeat(3, minmax(0px, 1fr)); } #ut-inbound .ui-card h3 { min-height: 2.6em; font-size: 21px; } #ut-inbound .ui-fleet-group { margin-top: 34px; padding-top: 28px; border-top: 1px solid rgb(225, 229, 232); } #ut-inbound .ui-fleet-group > h3 { font-size: 27px; margin-bottom: 22px; } #ut-inbound .ui-model-details { margin-top: 25px; } #ut-inbound .ui-model-details > h3 { font-size: 24px; margin-bottom: 18px; } #ut-inbound .ui-model-details details { scroll-margin-top: 110px; } #ut-inbound .ui-model-details .ui-btn { margin-top: 18px; } #ut-inbound .ui-model-link { text-decoration: underline; font-weight: 700; font-size: 14px; } #ut-inbound .ui-model-details .ui-icon { width: 18px; height: 18px; } @media (max-width: 1100px) { #ut-inbound .ui-fleet-five { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (max-width: 767px) { #ut-inbound .ui-fleet-five { grid-template-columns: minmax(0px, 1fr); } #ut-inbound .ui-card h3 { min-height: 0px; font-size: 24px; } } .udan-intro { padding-top: 24px; padding-bottom: 24px; } .udan-intro h1 { font-size: clamp(24px, 3vw, 38px); line-height: 1.25; color: rgb(18, 60, 87); } .udan-intro p { max-width: 820px; font-size: 17px; line-height: 1.65; } .udan-actions { display: flex; gap: 12px; flex-wrap: wrap; } .udan-actions a { padding: 12px 20px; background: rgb(23, 102, 80); color: rgb(255, 255, 255); border-radius: 6px; font-weight: 700; text-decoration: none; } .udan-actions a:first-child { background: rgb(23, 78, 115); } .udan-actions a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: rgb(233, 167, 0) solid 3px; outline-offset: 3px; } .udan-honeypot { width: 1px; height: 1px; overflow: hidden; position: absolute !important; left: -10000px !important; } .udan-form-status { font-size: 14px; line-height: 1.5; color: rgb(141, 22, 35); } .udan-enquiry button[disabled] { opacity: 0.6; cursor: wait; } .udan-message { max-width: 720px; margin: 70px auto; padding: 28px; font: 16px / 1.6 system-ui, sans-serif; } .udan-message h1 { font-size: 32px; } .udan-message a { color: rgb(23, 102, 80); } img[width][height] { max-width: 100%; } .udan-enquiry textarea { min-height: 90px; } .udan-quote-summary { width: auto; max-width: 100%; padding: 18px; margin: 12px 0px 20px; background: rgb(255, 255, 255); border: 1px solid rgb(217, 227, 234); border-radius: 8px; color: rgb(23, 56, 79); } .udan-quote-summary p { font-size: 15px; line-height: 1.6; } .udan-support-hours { margin-top: 12px; font-size: 13px !important; } .udan-business-info { padding-top: 24px; padding-bottom: 18px; color: rgb(255, 255, 255); } .udan-business-info h2 { font-size: 22px; color: inherit; } .udan-business-info p { line-height: 1.7; } .udan-business-info a { color: rgb(255, 255, 255); text-decoration: underline; } .udan-trip-fields { display: grid; gap: 12px; } .udan-enquiry label { display: block; font-size: 14px; text-align: left; } .udan-enquiry input, .udan-enquiry textarea, .udan-enquiry select { max-width: 100%; box-sizing: border-box; } .udan-trip-fields input, .udan-enquiry input[type="date"] { display: block; width: 100%; min-height: 42px; padding: 9px; border: 1px solid rgb(204, 213, 220); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(23, 56, 79); } .udan-table-scroll { max-width: 100%; overflow-x: auto; } .udan-table-scroll:focus { outline: rgb(23, 102, 80) solid 2px; } iframe { max-width: 100%; } @media (max-width: 767px) { .udan-intro { padding-top: 16px; padding-bottom: 16px; } .udan-actions a { flex: 1 1 145px; text-align: center; padding: 12px; } .udan-quote-summary { margin: 12px 0px; padding: 14px; } .udan-business-info { padding: 20px 15px; } .udan-business-info h2 { font-size: 21px; } .udan-enquiry { max-width: 100%; } .udan-enquiry textarea { width: 100%; } .udan-message { margin: 25px auto; padding: 20px; } .udan-table-scroll table { min-width: 460px; } } #main-header .navbar-header > a { display: inline-block; padding: 8px 0px; } #main-header .navbar-header img.logos { display: block; width: 104px !important; max-width: 104px !important; height: auto !important; } footer.bg-fp { padding: 36px 0px 24px; } footer.bg-fp > .container > .row { display: flex; flex-wrap: wrap; row-gap: 28px; } footer.bg-fp > .container > .row > .col-md-3 { float: none; flex: 0 0 25%; max-width: 25%; } footer.bg-fp .footer-heading { font-size: 20px; line-height: 1.3; margin: 0px 0px 14px; } footer.bg-fp .footer-h { padding-left: 0px; margin-bottom: 0px; list-style: none; } footer.bg-fp .footer-h li { line-height: 1.6; margin-bottom: 4px; } @media (max-width: 991px) { footer.bg-fp > .container > .row > .col-md-3 { flex-basis: 50%; max-width: 50%; } } @media (max-width: 575px) { footer.bg-fp > .container > .row > .col-md-3 { flex-basis: 100%; max-width: 100%; } footer.bg-fp { padding: 28px 0px 20px; } } #fresponsive > .udan-transport-dropdown { position: relative; } #fresponsive > .udan-transport-dropdown > .udan-transport-menu { width: 720px; max-width: calc(-32px + 100vw); max-height: min(420px, -110px + 100vh); overflow: hidden auto; padding: 12px; left: 50%; right: auto; transform: translateX(-50%); background: rgb(255, 255, 255); border-width: 3px 1px 1px; border-style: solid; border-color: rgb(246, 180, 0) rgb(227, 231, 235) rgb(227, 231, 235); border-image: none; border-radius: 0px 0px 8px 8px; box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 28px; list-style: none; } #fresponsive > .udan-transport-dropdown.open > .udan-transport-menu { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; } #fresponsive .udan-transport-menu > li { width: auto; float: none; display: block; border: 0px; } #fresponsive .udan-transport-menu > li > a { white-space: normal; display: flex; align-items: center; min-height: 48px; padding: 9px 12px; color: rgb(24, 58, 77); background: transparent; line-height: 1.35; font-size: 14px; border-radius: 4px; text-decoration: none; } #fresponsive .udan-transport-menu > li > a:hover, #fresponsive .udan-transport-menu > li > a:focus { background: rgb(255, 244, 214); color: rgb(17, 17, 17); } @media (min-width: 768px) { #fresponsive > .udan-transport-dropdown:hover > .udan-transport-menu { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; } } @media (max-width: 767px) { #fresponsive > .udan-transport-dropdown > .udan-transport-menu { position: static; transform: none; width: 100%; max-width: 100%; max-height: 320px; box-shadow: none; margin: 4px 0px 10px; padding: 8px; } #fresponsive > .udan-transport-dropdown.open > .udan-transport-menu { grid-template-columns: 1fr; } #fresponsive .udan-transport-menu > li > a { min-height: 40px; } } .udan-content-font, .udan-content-font span:not(.fa):not(.glyphicon), .udan-content-font strong, .udan-content-font b, .udan-content-font em, .udan-content-font a { font-family: "Segoe UI", Arial, sans-serif !important; } .detail-pd .udan-vehicle-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; clear: both; margin: 16px 0px 28px; } .detail-pd .udan-vehicle-grid > .col-md-4 { width: auto; float: none; display: flex; min-width: 0px; padding: 0px !important; } .detail-pd .udan-vehicle-grid .box-tempo { display: flex; flex-direction: column; width: 100%; margin: 0px; border: 1px solid rgb(221, 221, 221); border-radius: 3px; overflow: hidden; background: rgb(255, 255, 255); box-sizing: border-box; } .detail-pd .udan-vehicle-grid .img-tempo { width: 100%; background: rgb(255, 255, 255); overflow: hidden; } .detail-pd .udan-vehicle-grid .img-tempo img { display: block; width: 100%; height: auto; aspect-ratio: 7 / 4; object-fit: contain; margin: 0px; } .detail-pd .udan-vehicle-grid .content-overlay { display: none; } .detail-pd .udan-vehicle-grid .box-tempo > h3 { background: rgb(17, 85, 143); color: rgb(255, 255, 255); font: 700 14px / 1.4 Arial, sans-serif; padding: 11px 10px; margin: 0px; text-align: left; min-height: 42px; box-sizing: border-box; } .detail-pd .udan-vehicle-grid .info-tempo { padding: 10px 9px; flex: 1 1 0%; } .detail-pd .udan-vehicle-grid .info-tempo ul { padding: 0px; margin: 0px; } .detail-pd .udan-vehicle-grid .info-tempo li { font: 12px / 1.6 Arial, sans-serif; padding: 0px 0px 8px; text-align: left; color: rgb(20, 46, 72); } .detail-pd .udan-vehicle-grid .btn-area { padding: 8px 10px 18px; margin-top: auto; } .detail-pd .udan-vehicle-grid .btn-area ul { display: grid; gap: 12px; padding: 0px; margin: 0px; list-style: none; } .detail-pd .udan-vehicle-grid .btn-area li { display: block; padding: 0px; margin: 0px; } .detail-pd .udan-vehicle-grid .btn-area li::before { display: none; } .detail-pd .udan-vehicle-grid .btn-area a { display: block; box-sizing: border-box; width: 100%; height: auto; min-height: 38px; padding: 10px 8px; border: 0px; border-radius: 6px; background: rgb(162, 112, 48); color: rgb(255, 255, 255); font: 700 12px / 1.5 Arial, sans-serif; text-align: center; text-decoration: none; white-space: normal; } .detail-pd .udan-vehicle-grid .btn-area a::before, .detail-pd .udan-vehicle-grid .btn-area a::after { display: none; } .detail-pd .udan-vehicle-grid .btn-area a:hover { background: rgb(133, 89, 35); } .detail-pd .udan-vehicle-grid .btn-area a:focus-visible { outline: rgb(23, 78, 115) solid 3px; outline-offset: 3px; } .udan-restored-table { max-width: 100%; overflow-x: auto; margin: 16px 0px 24px; clear: both; } @media (max-width: 991px) { .detail-pd .udan-vehicle-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (max-width: 575px) { .detail-pd .udan-vehicle-grid { grid-template-columns: minmax(0px, 1fr); } .detail-pd .udan-vehicle-grid .box-tempo > h3 { font-size: 16px; } .detail-pd .udan-vehicle-grid .info-tempo li { font-size: 14px; } .detail-pd .udan-vehicle-grid .btn-area a { font-size: 14px; min-height: 44px; } } .car-package .row:has(> .udan-fleet-slot) { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; margin-left: 0px; margin-right: 0px; } .car-package .row:has(> .udan-fleet-slot)::before, .car-package .row:has(> .udan-fleet-slot)::after { display: none; } .car-package .udan-fleet-slot { display: flex; float: none; width: auto; padding: 0px; min-width: 0px; } .detail-pd .udan-vehicle-grid { gap: 18px; margin: 20px 0px 30px; } .udan-fleet-card { display: flex; flex-direction: column; width: 100%; min-width: 0px; margin: 0px; border: 1px solid rgb(220, 228, 235); border-radius: 14px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(18, 48, 72, 0.07) 0px 5px 18px; font-family: Arial, sans-serif; box-sizing: border-box; } .udan-fleet-photo { padding: 12px; background: rgb(244, 247, 250); border-bottom: 1px solid rgb(229, 235, 240); } .udan-fleet-photo img { display: block; width: 100%; aspect-ratio: 7 / 4; object-fit: contain; border-radius: 7px; background: rgb(255, 255, 255); margin: 0px; height: auto !important; } .udan-fleet-body { display: flex; flex-direction: column; flex: 1 1 0%; padding: 16px 14px 14px; } .udan-fleet-card .udan-fleet-body h3 { font: 700 16px / 1.45 Arial, sans-serif; color: rgb(23, 61, 91); background: none; margin: 0px 0px 13px; padding: 0px; text-align: left; border: 0px; } .udan-fleet-card h3 a { color: inherit; text-decoration: none; } .udan-fleet-card h3 a:hover { text-decoration: underline; } .udan-fleet-card .udan-fleet-details { margin: 0px 0px 18px; padding: 0px; list-style: none; flex: 1 1 0%; } .udan-fleet-card .udan-fleet-details li { font: 13px / 1.65 Arial, sans-serif; color: rgb(64, 86, 106); text-align: left; padding: 0px 0px 10px 12px; position: relative; margin: 0px; list-style: none; } .udan-fleet-card .udan-fleet-details li::before { content: ""; position: absolute; left: 0px; top: 8px; width: 4px; height: 4px; background: rgb(211, 155, 67); border-radius: 50%; margin: 0px; padding: 0px; } .udan-fleet-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; } .udan-fleet-actions a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 6px; box-sizing: border-box; border-radius: 8px; text-decoration: none; font: 700 12px / 1.4 Arial, sans-serif; text-align: center; color: rgb(255, 255, 255) !important; } .udan-fleet-call { background: rgb(23, 78, 115); } .udan-fleet-whatsapp { background: rgb(20, 122, 73); } .udan-fleet-call:hover { background: rgb(16, 57, 84); } .udan-fleet-whatsapp:hover { background: rgb(14, 96, 56); } .udan-fleet-actions a:focus-visible, .udan-fleet-card h3 a:focus-visible { outline: rgb(211, 155, 67) solid 3px; outline-offset: 3px; } @media (max-width: 991px) { .car-package .row:has(> .udan-fleet-slot) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; } } @media (max-width: 575px) { .car-package .row:has(> .udan-fleet-slot) { grid-template-columns: minmax(0px, 1fr); } .udan-fleet-body { padding: 18px; } .udan-fleet-card .udan-fleet-body h3 { font-size: 18px; } .udan-fleet-card .udan-fleet-details li { font-size: 14px; } .udan-fleet-actions a { font-size: 14px; min-height: 46px; } } .udan-fleet-card .udan-fleet-view { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 12px; min-height: 44px; box-sizing: border-box; margin: 0px 0px 10px; border: 1px solid rgb(23, 78, 115); border-radius: 8px; background: rgb(238, 244, 248); color: rgb(23, 78, 115); font: 700 13px / 1.4 Arial, sans-serif; text-decoration: none; text-align: center; } .udan-fleet-card .udan-fleet-view:hover { background: rgb(220, 234, 243); color: rgb(16, 57, 84); } .udan-fleet-card .udan-fleet-view:focus-visible { outline: rgb(211, 155, 67) solid 3px; outline-offset: 3px; } .detail-pd .udan-vehicle-grid.udan-vehicle-single { grid-template-columns: minmax(0px, 1fr); width: 100%; max-width: 440px; } .udan-home-actions { display: grid; grid-template-columns: 1.2fr 0.7fr 1fr; gap: 6px; margin: 16px 0px 8px; padding: 0px 5px; } .udan-home-actions a { display: flex; align-items: center; justify-content: center; min-width: 0px; min-height: 44px; padding: 8px 4px; border-radius: 4px; text-align: center; font: 600 14px / 1.3 Arial, sans-serif; box-sizing: border-box; text-decoration: none !important; color: rgb(255, 255, 255) !important; } .udan-home-details { background: rgb(22, 63, 89); } .udan-home-call { background: rgb(23, 78, 115); } .udan-home-whatsapp { background: rgb(20, 122, 73); } .udan-home-details:hover, .udan-home-call:hover { background: rgb(16, 57, 84); } .udan-home-whatsapp:hover { background: rgb(14, 96, 56); } .udan-home-actions a:focus-visible { outline: rgb(211, 155, 67) solid 3px; outline-offset: 3px; } .car-package .row > .col-md-3:has(.form-p-emquiry) { position: relative; z-index: 2; } .car-package .form-p-emquiry { position: relative; } .car-package .form-p-emquiry :is(input, textarea, select, button, a) { pointer-events: auto; } .car-package .form-p-emquiry::before, .car-package .form-p-emquiry::after, .car-package .secnd-en::before, .car-package .secnd-en::after { pointer-events: none; } .car-package .udan-fleet-card { position: relative; isolation: isolate; } .car-package .udan-fleet-actions, .car-package .udan-fleet-card .udan-fleet-view, .car-package .udan-fleet-body h3 a, .car-package .detail-pd a[href], .car-package .ul-li-tem-r a[href] { position: relative; z-index: 1; pointer-events: auto !important; } .car-package .row::before, .car-package .row::after, .car-package .udan-fleet-card::before, .car-package .udan-fleet-card::after, .car-package .detail-pd::before, .car-package .detail-pd::after, .car-package .new-box::before, .car-package .new-box::after { pointer-events: none; } @media (max-width: 767px) { .udan-enquiry :is(input:not([type="hidden"]), textarea, select) { font-size: 16px !important; min-height: 44px; } .udan-enquiry button[type="submit"] { min-height: 48px; width: 100%; font-size: 16px; } .udan-enquiry label { line-height: 1.5; } .udan-form-status { overflow-wrap: anywhere; } .udan-domestic .ud-card .ud-actions .ud-btn { min-height: 46px; font-size: 14px; } .udan-domestic .ud-view { min-height: 46px; } .udan-domestic .ud-actions .ud-btn { min-height: 46px; } .modal-dialog { max-width: calc(100% - 20px); } } #ut-inbound.pr-page { --ink: #142d26; --muted: #52635c; --line: #dce5de; background: rgb(255, 255, 255); } #ut-inbound.pr-page .ui-hero { background: rgb(245, 244, 237); border-bottom: 1px solid rgb(218, 227, 218); padding: 46px 0px; } #ut-inbound.pr-page .ui-hero-inner { display: grid; min-height: 0px; padding: 0px; gap: 44px; align-items: center; grid-template-columns: 1.05fr 1fr; } #ut-inbound.pr-page h1 { font-size: clamp(30px, 3.3vw, 48px); line-height: 1.12; letter-spacing: -1.3px; max-width: 680px; } #ut-inbound.pr-page .ui-eyebrow { color: rgb(121, 96, 0); letter-spacing: 1.7px; } #ut-inbound.pr-page .pr-badge { display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgb(182, 203, 188); border-radius: 30px; padding: 7px 13px; color: rgb(22, 90, 56); background: rgb(255, 255, 255); font-size: 12px; font-weight: 700; margin-bottom: 18px; } #ut-inbound.pr-page .pr-badge .ui-icon { width: 16px; height: 16px; } #ut-inbound.pr-page .ui-hero-media { display: block; height: auto; background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 222); border-radius: 20px; overflow: hidden; box-shadow: rgba(22, 58, 37, 0.063) 0px 18px 45px; min-width: 0px; } #ut-inbound.pr-page .ui-hero-media img { width: 100%; height: auto; max-height: 290px; object-fit: contain; padding: 8px 12px; display: block; aspect-ratio: 1.6 / 1; } #ut-inbound.pr-page .pr-route { background: rgb(18, 62, 44); color: rgb(255, 255, 255); padding: 22px 26px; display: flex; gap: 18px; align-items: center; justify-content: space-between; } #ut-inbound.pr-page .pr-route small { display: block; color: rgb(199, 219, 206); font-size: 10px; letter-spacing: 1.7px; margin-bottom: 4px; } #ut-inbound.pr-page .pr-route strong { font-size: 17px; line-height: 1.4; display: block; color: rgb(255, 255, 255); } #ut-inbound.pr-page .pr-route > .ui-icon { color: rgb(255, 202, 22); flex: 0 0 24px; } #ut-inbound.pr-page .ui-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, max-content)); gap: 12px; margin: 22px 0px 15px; } #ut-inbound.pr-page .ui-btn { border-radius: 8px; min-height: 48px; border: 1px solid transparent; text-decoration: none; transition: background-color 0.15s, box-shadow 0.15s; } #ut-inbound.pr-page .ui-yellow { background: rgb(255, 196, 0); border-color: rgb(230, 176, 0); color: rgb(24, 40, 31); box-shadow: rgb(200, 152, 0) 0px 3px 0px; } #ut-inbound.pr-page .ui-green { background: rgb(19, 120, 70); border-color: rgb(12, 99, 56); color: rgb(255, 255, 255); box-shadow: rgb(8, 77, 43) 0px 3px 0px; } #ut-inbound.pr-page .ui-btn:hover { box-shadow: rgba(22, 58, 37, 0.15) 0px 5px 12px; text-decoration: none; } #ut-inbound.pr-page a:focus-visible, #ut-inbound.pr-page button:focus-visible, #ut-inbound.pr-page summary:focus-visible { outline: rgb(184, 137, 0) solid 3px; outline-offset: 4px; } #ut-inbound.pr-page .ui-hero-note { font-size: 12px; margin: 16px 0px 0px; } #ut-inbound.pr-page .ui-hero-note a { color: rgb(23, 100, 61); text-decoration: underline; } #ut-inbound.pr-page .ui-section { padding-top: 54px; padding-bottom: 54px; } #ut-inbound.pr-page .pr-facts { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; border: 1px solid rgb(220, 229, 222); border-radius: 12px; overflow: hidden; margin: 25px 0px 0px; background: rgb(255, 255, 255); } #ut-inbound.pr-page .pr-facts > div { padding: 20px; border-right: 1px solid rgb(220, 229, 222); min-width: 0px; } #ut-inbound.pr-page .pr-facts > div:last-child { border: 0px; } #ut-inbound.pr-page .pr-facts dt { font-size: 11px; text-transform: uppercase; letter-spacing: 1.1px; color: rgb(94, 111, 100); margin-bottom: 5px; } #ut-inbound.pr-page .pr-facts dd { margin: 0px; font-size: 15px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; } #ut-inbound.pr-page .pr-plan-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; align-items: start; } #ut-inbound.pr-page .pr-plan { border: 1px solid rgb(220, 229, 222); border-radius: 16px; padding: 28px; background: rgb(255, 255, 255); box-shadow: rgba(18, 62, 44, 0.03) 0px 7px 22px; } #ut-inbound.pr-page .pr-plan:first-child { border-top: 4px solid rgb(233, 181, 0); } #ut-inbound.pr-page .pr-plan h3 { font-size: 23px; margin-bottom: 24px; } #ut-inbound.pr-page .pr-timeline { list-style: none; margin: 0px; padding: 0px; counter-reset: trip 0; } #ut-inbound.pr-page .pr-timeline li { position: relative; padding: 0px 0px 23px 45px; counter-increment: trip 1; min-height: 55px; } #ut-inbound.pr-page .pr-timeline li::before { content: counter(trip, decimal-leading-zero); position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 1px solid rgb(184, 208, 189); border-radius: 50%; background: rgb(238, 245, 238); color: rgb(20, 90, 55); display: grid; place-items: center; font-size: 11px; font-weight: 700; } #ut-inbound.pr-page .pr-timeline li:not(:last-child)::after { content: ""; position: absolute; left: 14px; top: 34px; bottom: 5px; width: 1px; background: rgb(201, 220, 204); } #ut-inbound.pr-page .pr-timeline strong { font-size: 16px; display: block; margin-bottom: 5px; } #ut-inbound.pr-page .pr-timeline p { font-size: 14px; line-height: 1.75; color: rgb(82, 99, 92); margin: 0px; } #ut-inbound.pr-page .pr-advice { background: rgb(248, 245, 231); border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(229, 213, 154) rgb(229, 213, 154) rgb(229, 213, 154) rgb(196, 154, 0); border-image: none; border-radius: 10px; padding: 23px 26px; margin-top: 24px; display: flex; align-items: flex-start; gap: 17px; } #ut-inbound.pr-page .pr-advice > .ui-icon { color: rgb(133, 102, 0); flex-shrink: 0; margin-top: 4px; } #ut-inbound.pr-page .pr-advice h3 { font-size: 18px; margin-bottom: 6px; } #ut-inbound.pr-page .pr-advice p { font-size: 15px; margin: 0px; } #ut-inbound.pr-page .pr-feature { display: grid; grid-template-columns: 220px 1fr; gap: 24px; align-items: center; border: 1px solid rgb(220, 229, 222); background: rgb(247, 250, 247); border-radius: 14px; overflow: hidden; margin-top: 24px; } #ut-inbound.pr-page .pr-feature img { width: 100%; height: 155px; object-fit: cover; display: block; } #ut-inbound.pr-page .pr-feature > div { padding: 18px 22px 18px 0px; } #ut-inbound.pr-page .pr-feature h3 { font-size: 19px; margin: 0px 0px 8px; } #ut-inbound.pr-page .pr-feature p { font-size: 14px; margin: 0px; line-height: 1.7; } #ut-inbound.pr-page .pr-feature a { color: rgb(20, 98, 59); text-decoration: underline; } #ut-inbound.pr-page .ui-card { border: 1px solid rgb(213, 224, 215); border-radius: 14px; box-shadow: rgba(21, 59, 37, 0.03) 0px 5px 17px; overflow: hidden; } #ut-inbound.pr-page .ui-vehicle-image { background: rgb(244, 247, 243); } #ut-inbound.pr-page .ui-card-actions { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); } #ut-inbound.pr-page .ui-card-actions .ui-btn { font-size: 13px; min-width: 0px; white-space: nowrap; } #ut-inbound.pr-page .ui-editorial { gap: 45px; align-items: start; } #ut-inbound.pr-page .ui-story { padding-bottom: 22px; margin-bottom: 24px; border-bottom: 1px solid rgb(225, 233, 226); } #ut-inbound.pr-page .ui-story h3 { font-size: 23px; line-height: 1.35; } #ut-inbound.pr-page .ui-story p { font-size: 16px; line-height: 1.9; } #ut-inbound.pr-page .ui-checklist { border: 1px solid rgb(203, 220, 205); background: rgb(243, 248, 242); border-radius: 14px; position: static; } #ut-inbound.pr-page .pr-inclusions { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 25px; } #ut-inbound.pr-page .pr-inclusions > article { border: 1px solid rgb(220, 229, 222); border-radius: 14px; padding: 26px; background: rgb(248, 250, 247); } #ut-inbound.pr-page .pr-inclusions h3 { font-size: 20px; } #ut-inbound.pr-page .pr-inclusions li { padding: 6px 0px; line-height: 1.7; } #ut-inbound.pr-page .ui-faq details { border: 1px solid rgb(220, 229, 222); border-radius: 10px; padding: 19px 22px; margin-bottom: 12px; } #ut-inbound.pr-page .ui-form { border: 1px solid rgb(200, 218, 204); border-radius: 18px; box-shadow: rgba(23, 59, 37, 0.063) 0px 14px 38px; } #ut-inbound.pr-page .ui-form input, #ut-inbound.pr-page .ui-form select, #ut-inbound.pr-page .ui-form textarea { border: 1px solid rgb(185, 203, 188); border-radius: 7px; font-size: 16px; } #ut-inbound.pr-page .ui-form input:focus, #ut-inbound.pr-page .ui-form select:focus, #ut-inbound.pr-page .ui-form textarea:focus { outline: rgb(25, 119, 69) solid 2px; outline-offset: 2px; } @media (max-width: 1000px) { #ut-inbound.pr-page .ui-hero-inner { gap: 28px; } #ut-inbound.pr-page .pr-route { padding: 19px; } #ut-inbound.pr-page .pr-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); } #ut-inbound.pr-page .pr-facts > div:nth-child(2) { border-right: 0px; } #ut-inbound.pr-page .pr-facts > div:nth-child(-n+2) { border-bottom: 1px solid rgb(220, 229, 222); } } @media (max-width: 767px) { #ut-inbound.pr-page .ui-hero { padding: 28px 0px 32px; } #ut-inbound.pr-page .ui-hero-inner { grid-template-columns: 1fr; gap: 25px; } #ut-inbound.pr-page h1 { font-size: 32px; letter-spacing: -0.6px; } #ut-inbound.pr-page .ui-hero-text { font-size: 16px; line-height: 1.8; } #ut-inbound.pr-page .ui-actions { grid-template-columns: 1fr 1fr; } #ut-inbound.pr-page .ui-actions .ui-btn { padding: 12px 8px; font-size: 14px; } #ut-inbound.pr-page .ui-hero-media img { max-height: 250px; } #ut-inbound.pr-page .pr-plan-grid, #ut-inbound.pr-page .pr-inclusions { grid-template-columns: 1fr; } #ut-inbound.pr-page .pr-plan { padding: 22px 18px; } #ut-inbound.pr-page .ui-section { padding-top: 35px; padding-bottom: 35px; } #ut-inbound.pr-page .pr-facts > div { padding: 15px; } #ut-inbound.pr-page .pr-facts dd { font-size: 13px; } #ut-inbound.pr-page .pr-route { gap: 10px; padding: 17px; } #ut-inbound.pr-page .pr-route strong { font-size: 15px; } #ut-inbound.pr-page .pr-advice { padding: 18px 15px; gap: 11px; } #ut-inbound.pr-page .pr-feature { grid-template-columns: 1fr; gap: 0px; } #ut-inbound.pr-page .pr-feature img { height: 190px; } #ut-inbound.pr-page .pr-feature > div { padding: 20px; } #ut-inbound.pr-page .ui-story h3 { font-size: 22px; } #ut-inbound.pr-page .ui-jump { overflow-x: auto; white-space: nowrap; gap: 18px; flex-wrap: nowrap; } #ut-inbound.pr-page .ui-form { padding: 24px 16px; } } @media (prefers-reduced-motion: reduce) { #ut-inbound.pr-page * { transition: none !important; scroll-behavior: auto !important; } } @font-face { font-family: "Udan Roboto"; src: url("https://www.udantravel.com/assets/udan-roboto-variable-v1.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; } @font-face { font-family: "Udan Roboto"; src: url("https://www.udantravel.com/assets/udan-roboto-italic-variable-v1.woff2") format("woff2"); font-style: italic; font-weight: 100 900; font-display: swap; } html body, html body :not(.fa):not(.glyphicon):not(.material-icons):not(.material-symbols-outlined):not([class^="revicon-"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="mce-i-"]):not(.cke_button_icon) { font-family: "Udan Roboto", Roboto, Arial, sans-serif !important; } #sticky-id .udan-menu-v2, #sticky-id #fresponsive, #sticky-id .navigate { position: static !important; } #sticky-id #navbarCollapse { position: relative; } #sticky-id .unm-panel { position: absolute; top: 100%; left: 0px; right: 0px; width: 100%; z-index: 1200; background: rgb(255, 255, 255); color: rgb(21, 62, 83); border-width: 3px 1px 1px; border-style: solid; border-color: rgb(178, 125, 49) rgb(219, 229, 236) rgb(219, 229, 236); border-image: none; border-radius: 0px 0px 14px 14px; box-shadow: rgba(17, 48, 67, 0.16) 0px 14px 30px; max-height: calc(-130px + 100vh); overflow-y: auto; overscroll-behavior: contain; font-family: "Udan Roboto", Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.55; padding: 0px; box-sizing: border-box; display: none !important; text-shadow: none !important; } #sticky-id .unm-panel *, #udan-menu-related-links * { box-sizing: border-box; } #sticky-id .unm-panel[hidden], #sticky-id .unm-panel [hidden] { display: none !important; } #sticky-id .unm-open > .unm-panel:not([hidden]) { display: block !important; } #sticky-id .unm-toolbar { display: flex; align-items: center; gap: 14px; padding: 10px 18px; border-bottom: 1px solid rgb(229, 237, 242); background: rgb(255, 255, 255); position: sticky; top: 0px; z-index: 2; } #sticky-id .unm-title { font-size: 16px; font-weight: 700; color: rgb(21, 62, 83); } #sticky-id .unm-close { margin-left: auto !important; } #sticky-id .unm-panel button { cursor: pointer; white-space: normal; text-transform: none; letter-spacing: normal; text-shadow: none; box-shadow: none; font-family: inherit !important; float: none !important; } #sticky-id .unm-close, #sticky-id .unm-back { border: 0px; background: rgb(255, 255, 255); color: rgb(21, 62, 83); font-size: 15px; line-height: 1.4; min-height: 42px; padding: 8px 12px; border-radius: 6px; } #sticky-id .unm-close span { font-size: 24px; vertical-align: middle; margin-left: 5px; } #sticky-id .unm-category-list { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 0px; padding: 8px 12px 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(220, 230, 237); } #sticky-id .unm-category { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-width: 0px; min-height: 82px; padding: 12px 9px; border-width: 0px 1px 3px 0px; border-style: none solid solid none; border-color: currentcolor rgb(229, 237, 242) transparent currentcolor; border-image: none; background: rgb(255, 255, 255); color: rgb(21, 62, 83); font-size: 15px; font-weight: 600; line-height: 1.45; text-align: left; border-radius: 7px 7px 0px 0px; margin: 0px !important; } #sticky-id .unm-category > svg { flex: 0 0 23px; color: rgb(150, 97, 36); } #sticky-id .unm-category > span:not(.unm-chevron) { min-width: 0px; overflow-wrap: normal; } #sticky-id .unm-category[aria-expanded="true"] { background: rgb(234, 243, 250); border-bottom-color: rgb(21, 62, 83); } #sticky-id .unm-chevron { display: none; } #sticky-id .unm-content { padding: 20px 22px; } #sticky-id .unm-columns { display: grid; gap: 18px 30px; min-width: 0px; } #sticky-id .unm-cols-1 { grid-template-columns: minmax(0px, 1fr); } #sticky-id .unm-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } #sticky-id .unm-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } #sticky-id .unm-col { min-width: 0px; margin: 0px; padding: 0px; background: none; border: 0px; float: none; } #sticky-id .unm-wide { grid-column: 1 / -1; border-top: 1px solid rgb(219, 229, 236); padding-top: 12px; } #sticky-id .unm-col h2 { color: rgb(21, 62, 83); padding: 0px; text-transform: none; letter-spacing: normal; font: 700 17px / 1.5 "Udan Roboto", Roboto, Arial, sans-serif !important; margin: 0px 0px 12px !important; } #sticky-id .unm-links { display: grid; gap: 3px; } #sticky-id .unm-panel a { align-items: center; gap: 12px; min-width: 0px; min-height: 43px; border: 0px; border-radius: 6px; background: transparent; text-transform: none; overflow-wrap: anywhere; position: relative !important; display: flex !important; float: none !important; padding: 8px 10px !important; margin: 0px !important; color: rgb(21, 62, 83) !important; font: 400 16px / 1.55 "Udan Roboto", Roboto, Arial, sans-serif !important; white-space: normal !important; text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } #sticky-id .unm-links a + a { border-top: 1px solid rgb(239, 243, 246); } #sticky-id .unm-link-arrow { margin-left: auto; flex: 0 0 auto; font-size: 21px; color: rgb(99, 126, 144); } #sticky-id .unm-panel a:hover, #sticky-id .unm-panel a[aria-current="page"] { background: rgb(237, 245, 250) !important; color: rgb(16, 46, 64) !important; } #sticky-id .unm-panel a[aria-current="page"] { font-weight: 700 !important; } #sticky-id .unm-tiles { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; } #sticky-id .unm-tiles a { min-height: 86px; border: 1px solid rgb(220, 229, 236) !important; background: rgb(248, 250, 252) !important; padding: 18px !important; font-weight: 600 !important; } #sticky-id .unm-tiles svg { color: rgb(150, 97, 36); flex: 0 0 27px; } #sticky-id .unm-utility { display: flex; justify-content: space-evenly; gap: 8px; flex-wrap: wrap; padding: 10px 18px; background: rgb(240, 246, 250); border-top: 1px solid rgb(220, 230, 237); } #sticky-id .unm-utility a { min-height: 42px; font-size: 14px !important; font-weight: 600 !important; } #sticky-id .unm-panel button:focus-visible, #sticky-id .unm-panel a:focus-visible { outline-offset: 2px; outline: rgb(178, 125, 49) solid 3px !important; } #udan-menu-related-links { font: 400 16px / 1.7 "Udan Roboto", Roboto, Arial, sans-serif; color: rgb(21, 62, 83); max-width: 1200px; width: calc(100% - 32px); margin: 36px auto; padding: 24px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(178, 125, 49) rgb(219, 229, 236) rgb(219, 229, 236); border-image: none; border-radius: 12px; background: rgb(248, 250, 252); } #udan-menu-related-links h2 { font: 700 25px / 1.3 "Udan Roboto", Roboto, Arial, sans-serif; color: rgb(21, 62, 83); margin: 0px 0px 18px; } #udan-menu-related-links h3 { font: 700 19px / 1.4 "Udan Roboto", Roboto, Arial, sans-serif; color: rgb(21, 62, 83); margin: 18px 0px 10px; } #udan-menu-related-links .unm-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; } #udan-menu-related-links a { display: block; min-width: 0px; padding: 12px 14px; border: 1px solid rgb(219, 229, 236); border-radius: 8px; text-decoration: none; color: rgb(21, 62, 83); background: rgb(255, 255, 255); overflow-wrap: anywhere; } #udan-menu-related-links a:hover { background: rgb(237, 245, 250); } @media (min-width: 768px) and (max-width: 1050px) { #sticky-id .unm-category-list { grid-template-columns: repeat(3, minmax(0px, 1fr)); } #sticky-id .unm-category { font-size: 15px; gap: 9px; padding: 10px; min-height: 76px; } #sticky-id .unm-category > svg { width: 20px; flex-basis: 20px; } #sticky-id .unm-cols-3 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } #sticky-id .unm-tiles { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (max-width: 767px) { html.unm-scroll-lock { overflow: hidden !important; } #sticky-id .unm-panel { border-radius: 12px; z-index: 2147482000; position: fixed !important; inset: 10px !important; width: auto !important; max-height: none !important; } #sticky-id .unm-toolbar { padding: 10px 12px; min-height: 62px; } #sticky-id .unm-title { font-size: 18px; line-height: 1.4; } #sticky-id .unm-panel[data-mode="details"] .unm-title { font-size: 16px; } #sticky-id .unm-back { font-size: 15px; padding: 8px 4px; } #sticky-id .unm-close { font-size: 14px; padding: 8px 5px; } #sticky-id .unm-category-list { grid-template-columns: minmax(0px, 1fr); gap: 10px; padding: 16px; border: 0px; } #sticky-id .unm-category { min-height: 62px; justify-content: flex-start; font-size: 16px; padding: 14px; border: 1px solid rgb(219, 229, 236); border-radius: 9px; gap: 12px; } #sticky-id .unm-chevron { display: block; margin-left: auto; font-size: 24px; } #sticky-id .unm-panel[data-mode="details"] .unm-category-list { display: none; } #sticky-id .unm-panel[data-mode="categories"] .unm-content-list { display: none; } #sticky-id .unm-panel[data-mode="categories"] .unm-utility { display: none; } #sticky-id .unm-content { padding: 16px; } #sticky-id .unm-columns, #sticky-id .unm-tiles { grid-template-columns: minmax(0px, 1fr); } #sticky-id .unm-panel a { min-height: 48px; font-size: 16px !important; padding: 11px 8px !important; } #sticky-id .unm-utility { display: grid; grid-template-columns: minmax(0px, 1fr); padding: 12px 16px; } #udan-menu-related-links { padding: 20px; } #udan-menu-related-links .unm-hub-grid { grid-template-columns: minmax(0px, 1fr); } } #sticky-id .udan-mega-trigger { min-height: 48px; font-family: "Udan Roboto", Roboto, Arial, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.5 !important; } #sticky-id .unm-category { font-size: 16px; line-height: 1.45; min-height: 90px; padding: 13px 10px; font-weight: 600; } #sticky-id .unm-panel a { min-height: 46px; font-size: 16px !important; font-weight: 500 !important; line-height: 1.55 !important; } #sticky-id .unm-col h2 { font-size: 18px !important; line-height: 1.5 !important; } #sticky-id .unm-panel a:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; } #sticky-id .unm-link-arrow { color: rgb(65, 97, 116); } #sticky-id .unm-panel { scrollbar-width: thin; scrollbar-color: rgb(130, 153, 168) rgb(237, 243, 247); scroll-padding-top: 70px; } @media (hover: hover) and (pointer: fine) { #sticky-id .unm-category:hover { background: rgb(237, 245, 250); color: rgb(16, 46, 64); } #sticky-id .unm-category:hover svg { color: rgb(121, 80, 28); } } @media (min-width: 768px) and (max-width: 1050px) { #sticky-id .unm-category { min-height: 78px; font-size: 16px; padding: 11px; } } @media (max-width: 767px) { #sticky-id .unm-category { min-height: 64px; font-size: 17px; padding: 15px; } #sticky-id .unm-panel a { min-height: 48px !important; font-size: 16px !important; } #sticky-id .unm-col h2 { font-size: 18px !important; } } @media (prefers-reduced-motion: reduce) { #sticky-id .unm-panel *, #sticky-id .udan-mega-trigger { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } #sticky-id .udan-mega-trigger[aria-expanded="true"] { background: rgb(255, 180, 0) !important; color: rgb(21, 62, 83) !important; } #ut-inbound .ui-enquiry{display:block;background:#f5f8f4;border:1px solid #d7e4d8;border-radius:18px;overflow:hidden;padding:0!important;margin:30px 0 52px;box-shadow:0 10px 30px #153e2510} #ut-inbound .ui-enquiry-intro{background:#143f2d;color:#fff;padding:24px 30px;display:block;border-radius:0;position:static;top:auto} #ut-inbound .ui-enquiry-intro .ui-eyebrow{color:#ffe079!important}#ut-inbound .ui-enquiry-intro h2{color:#fff;margin:5px 0 8px;font-size:30px}#ut-inbound .ui-enquiry-intro p{color:#f0f6f1;margin:0;max-width:850px} #ut-inbound .ui-enquiry .ui-form{padding:26px 30px;background:transparent;border:0;box-shadow:none} #ut-inbound .ui-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} #ut-inbound .ui-fields>label{min-width:0}#ut-inbound .ui-fields input,#ut-inbound .ui-fields select{width:100%;min-width:0;min-height:46px} #ut-inbound .ui-extra-fields{margin:20px 0;border:1px solid #cfddcf;background:white;border-radius:9px;padding:14px 18px}#ut-inbound .ui-extra-fields summary{font-weight:600;color:#164c31;cursor:pointer}#ut-inbound .ui-extra-fields .ui-fields{padding-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}#ut-inbound .ui-extra-fields .ui-full{grid-column:1/-1} #ut-inbound .pr-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}#ut-inbound .pr-facts dd{font-size:17px;line-height:1.5}#ut-inbound .pr-estimate{font-size:13px;color:#536258;line-height:1.7;margin:0 0 25px} #ut-inbound .ui-hero-text{max-width:640px}#ut-inbound .ui-compare{margin-top:22px}#ut-inbound .ui-card:has([data-quote-vehicle*="Urbania"]){border-top:4px solid #236342}#ut-inbound .ui-card-tag{color:#315e3f}#ut-inbound .ui-card-body{height:100%} #ut-inbound .ui-fleet-five{grid-template-columns:repeat(3,minmax(0,1fr))}#ut-inbound .ui-jump{overflow-x:auto;flex-wrap:wrap}#ut-inbound .ui-story p{line-height:1.85} #ut-inbound .pr-mobile-actions{display:none}#ut-inbound a:focus-visible,#ut-inbound button:focus-visible{outline:3px solid #c78900;outline-offset:3px} @media(max-width:991px){#ut-inbound .ui-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#ut-inbound .ui-fleet-five{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){#ut-inbound .ui-enquiry{margin:22px 0 35px}#ut-inbound .ui-enquiry-intro{padding:22px 18px}#ut-inbound .ui-enquiry-intro h2{font-size:25px}#ut-inbound .ui-enquiry .ui-form{padding:20px 16px}#ut-inbound .ui-fields{gap:15px 10px}#ut-inbound .ui-fields label{font-size:13px}#ut-inbound .ui-fields input,#ut-inbound .ui-fields select,#ut-inbound .ui-fields textarea{font-size:16px!important}#ut-inbound .ui-extra-fields .ui-fields{grid-template-columns:1fr}#ut-inbound .pr-facts{grid-template-columns:1fr;gap:0}#ut-inbound .pr-facts>div{border-bottom:1px solid #e2e8dc;padding:14px 18px}#ut-inbound .ui-fleet-five{grid-template-columns:1fr}#ut-inbound .ui-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#ut-inbound .ui-actions .ui-btn{min-width:0;padding:13px 8px;white-space:nowrap;font-size:14px}#ut-inbound .pr-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ccdaca;z-index:999;box-shadow:0 -4px 20px #0001}#ut-inbound .pr-mobile-actions .ui-btn{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;font-size:14px;padding:10px}body:has(.pr-page){padding-bottom:80px}#ut-inbound .ui-jump{gap:8px}#ut-inbound .ui-jump a{font-size:13px;padding:9px 11px}} body:has(.pr-page) #top-header .left-part,body:has(.pr-page) #top-header .left-part span,body:has(.pr-page) #top-header .left-part a{color:#173d2b!important}