.ui-helper-hidden-accessible {
     display: none !important
 }

 .file-loading input[type=file],
 input[type=file].file-loading {
     width: 0;
     height: 0
 }

 .file-caption-icon,
 .file-input-ajax-new .fileinput-remove-button,
 .file-input-ajax-new .fileinput-upload-button,
 .file-input-ajax-new .no-browse .input-group-btn,
 .file-input-new .close,
 .file-input-new .file-preview,
 .file-input-new .fileinput-remove-button,
 .file-input-new .fileinput-upload-button,
 .file-input-new .glyphicon-file,
 .file-input-new .no-browse .input-group-btn,
 .file-zoom-dialog .modal-header:after,
 .file-zoom-dialog .modal-header:before,
 .hide-content .kv-file-content,
 .kv-hidden {
     display: none
 }

 .btn-file input[type=file],
 .file-caption-icon,
 .file-preview .fileinput-remove,
 .file-zoom-dialog .btn-navigate,
 .file-zoom-dialog .floating-buttons,
 .krajee-default .file-thumb-progress {
     position: absolute
 }

 .btn-file,
 .file-caption,
 .file-loading:before,
 .file-preview,
 .file-zoom-dialog .modal-dialog,
 .krajee-default .file-thumbnail-footer,
 .krajee-default.file-preview-frame {
     position: relative
 }

 .file-error-message pre,
 .file-error-message ul,
 .krajee-default .file-actions,
 .krajee-default .file-other-error {
     text-align: left
 }

 .file-error-message pre,
 .file-error-message ul {
     margin: 0
 }

 .krajee-default .file-drag-handle,
 .krajee-default .file-upload-indicator {
     float: left;
     margin: 5px 0 -5px;
     width: 16px;
     height: 16px
 }

 .krajee-default .file-thumb-progress .progress,
 .krajee-default .file-thumb-progress .progress-bar {
     height: 11px;
     font-size: 9px;
     line-height: 10px
 }

 .krajee-default .file-caption-info,
 .krajee-default .file-size-info {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 160px;
     height: 15px;
     margin: auto
 }

 .file-zoom-content>.file-object.type-flash,
 .file-zoom-content>.file-object.type-image,
 .file-zoom-content>.file-object.type-video {
     max-width: 100%;
     max-height: 100%;
     width: auto
 }

 .file-zoom-content>.file-object.type-flash,
 .file-zoom-content>.file-object.type-video {
     height: 100%
 }

 .file-zoom-content>.file-object.type-default,
 .file-zoom-content>.file-object.type-html,
 .file-zoom-content>.file-object.type-pdf,
 .file-zoom-content>.file-object.type-text {
     width: 100%
 }

 .rotate-2 {
     transform: rotateY(180deg)
 }

 .rotate-3 {
     transform: rotate(180deg)
 }

 .rotate-4 {
     transform: rotate(180deg) rotateY(180deg)
 }

 .rotate-5 {
     transform: rotate(270deg) rotateY(180deg)
 }

 .rotate-6 {
     transform: rotate(90deg)
 }

 .rotate-7 {
     transform: rotate(90deg) rotateY(180deg)
 }

 .rotate-8 {
     transform: rotate(270deg)
 }

 .file-loading:before {
     content: " Loading...";
     display: inline-block;
     padding-left: 20px;
     line-height: 16px;
     font-size: 13px;
     font-variant: small-caps;
     color: #999;
     background: url(../img/loading.gif) top left no-repeat
 }

 .file-object {
     margin: 0 0 -5px;
     padding: 0
 }

 .btn-file {
     overflow: hidden
 }

 .btn-file input[type=file] {
     top: 0;
     right: 0;
     min-width: 100%;
     min-height: 100%;
     text-align: right;
     opacity: 0;
     background: 0;
     cursor: inherit;
     display: block
 }

 .btn-file::-ms-browse {
     font-size: 10000px;
     width: 100%;
     height: 100%
 }

 .file-caption .file-caption-name {
     width: 100%;
     margin: 0;
     padding: 0;
     box-shadow: none;
     border: 0;
     background: 0;
     outline: 0
 }

 .file-caption.icon-visible .file-caption-icon {
     display: inline-block
 }

 .file-caption.icon-visible .file-caption-name {
     padding-left: 15px
 }

 .file-caption-icon {
     line-height: 1;
     left: 8px
 }

 .file-error-message {
     color: #a94442;
     background-color: #f2dede;
     margin: 5px;
     border: 1px solid #ebccd1;
     border-radius: 4px;
     padding: 15px
 }

 .file-error-message pre {
     margin: 5px 0
 }

 .file-caption-disabled {
     background-color: #eee;
     cursor: not-allowed;
     opacity: 1
 }

 .file-preview {
     border-radius: 5px;
     border: 1px solid #ddd;
     padding: 8px;
     width: 100%;
     margin-bottom: 5px
 }

 .file-preview .btn-xs {
     padding: 1px 5px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px
 }

 .file-preview .fileinput-remove {
     top: 1px;
     right: 1px;
     line-height: 10px
 }

 .file-preview .clickable {
     cursor: pointer
 }

 .file-preview-image {
     font: 40px Impact, Charcoal, sans-serif;
     color: green
 }

 .krajee-default.file-preview-frame {
     margin: 8px;
     border: 1px solid #ddd;
     box-shadow: 1px 1px 5px 0 #a2958a;
     padding: 6px;
     float: left;
     text-align: center
 }

 .krajee-default.file-preview-frame .kv-file-content {
     width: 213px;
     height: 160px
 }

 .krajee-default.file-preview-frame .file-thumbnail-footer {
     height: 70px
 }

 .krajee-default.file-preview-frame:not(.file-preview-error):hover {
     box-shadow: 3px 3px 5px 0 #333
 }

 .krajee-default .file-preview-text {
     display: block;
     color: #428bca;
     border: 1px solid #ddd;
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
     outline: 0;
     padding: 8px;
     resize: none
 }

 .krajee-default .file-preview-html {
     border: 1px solid #ddd;
     padding: 8px;
     overflow: auto
 }

 .krajee-default .file-other-icon {
     font-size: 6em
 }

 .krajee-default .file-footer-buttons {
     float: right
 }

 .krajee-default .file-footer-caption {
     display: block;
     text-align: center;
     padding-top: 4px;
     font-size: 11px;
     color: #777;
     margin-bottom: 15px
 }

 .krajee-default .file-preview-error {
     opacity: .65;
     box-shadow: none
 }

 .krajee-default .file-thumb-progress {
     height: 11px;
     top: 37px;
     left: 0;
     right: 0
 }

 .krajee-default.kvsortable-ghost {
     background: #e1edf7;
     border: 2px solid #a1abff
 }

 .krajee-default .file-preview-other:hover {
     opacity: .8
 }

 .krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
     color: #000
 }

 .kv-upload-progress .progress {
     height: 20px;
     line-height: 20px;
     margin: 10px 0;
     overflow: hidden
 }

 .kv-upload-progress .progress-bar {
     height: 20px;
     line-height: 20px
 }

 .file-zoom-dialog .file-other-icon {
     font-size: 22em;
     font-size: 50vmin
 }

 .file-zoom-dialog .modal-dialog {
     width: auto
 }

 .file-zoom-dialog .modal-header {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 .file-zoom-dialog .btn-navigate {
     padding: 0;
     margin: 0;
     background: 0;
     text-decoration: none;
     outline: 0;
     opacity: .7;
     top: 45%;
     font-size: 4em;
     color: #1c94c4
 }

 .file-zoom-dialog .btn-navigate:not([disabled]):hover {
     outline: 0;
     box-shadow: none;
     opacity: .6
 }

 .file-zoom-dialog .floating-buttons {
     top: 5px;
     right: 10px
 }

 .file-zoom-dialog .btn-navigate[disabled] {
     opacity: .3
 }

 .file-zoom-dialog .btn-prev {
     left: 1px
 }

 .file-zoom-dialog .btn-next {
     right: 1px
 }

 .file-zoom-dialog .kv-zoom-title {
     font-weight: 300;
     color: #999;
     max-width: 50%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }

 .file-input-ajax-new .no-browse .form-control,
 .file-input-new .no-browse .form-control {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px
 }

 .file-caption-main {
     width: 100%
 }

 .file-thumb-loading {
     background: url(../img/loading.gif) center center no-repeat content-box !important
 }

 .file-drop-zone {
     border: 1px dashed #aaa;
     border-radius: 4px;
     height: 100%;
     text-align: center;
     vertical-align: middle;
     margin: 12px 15px 12px 12px;
     padding: 5px
 }

 .file-drop-zone.clickable:hover {
     border: 2px dashed #999
 }

 .file-drop-zone.clickable:focus {
     border: 2px solid #5acde2
 }

 .file-drop-zone .file-preview-thumbnails {
     cursor: default
 }

 .file-drop-zone-title {
     color: #aaa;
     font-size: 1.6em;
     padding: 85px 10px;
     cursor: default
 }

 .file-highlighted {
     border: 2px dashed #999 !important;
     background-color: #eee
 }

 .file-uploading {
     background: url(../img/loading-sm.gif) center bottom 10px no-repeat;
     opacity: .65
 }

 @media(min-width:576px) {
     .file-zoom-dialog .modal-dialog {
         max-width: 500px
     }
 }

 @media(min-width:992px) {
     .file-zoom-dialog .modal-lg {
         max-width: 800px
     }
 }

 .file-zoom-fullscreen.modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
 }

 .file-zoom-fullscreen .modal-dialog {
     position: fixed;
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%
 }

 .file-zoom-fullscreen .modal-content {
     border-radius: 0;
     box-shadow: none
 }

 .file-zoom-fullscreen .modal-body {
     overflow-y: auto
 }

 .btn-kv {
     display: inline-block;
     text-align: center;
     width: 30px;
     height: 30px;
     line-height: 30px;
     padding: 0;
     font-size: 90%;
     border-radius: .2rem
 }

 .floating-buttons {
     z-index: 3000
 }

 .floating-buttons .btn-kv {
     margin-left: 3px;
     z-index: 3000
 }

 .file-zoom-content {
     height: 480px;
     text-align: center
 }

 .file-zoom-content .file-preview-image,
 .file-zoom-content .file-preview-video {
     max-height: 100%
 }

 .file-zoom-content .is-portrait-gt4 {
     margin-top: 60px
 }

 .file-zoom-content>.file-object.type-image {
     height: auto;
     min-height: inherit
 }

 .file-zoom-content>.file-object.type-audio {
     width: auto;
     height: 30px
 }

 @media screen and (max-width:767px) {
     .file-preview-thumbnails {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column
     }

     .file-zoom-dialog .modal-header {
         flex-direction: column
     }
 }

 @media screen and (max-width:350px) {
     .krajee-default.file-preview-frame .kv-file-content {
         width: 160px
     }
 }

 .file-loading[dir=rtl]:before {
     background: url(../img/loading.gif) top right no-repeat;
     padding-left: 0;
     padding-right: 20px
 }

 .file-sortable .file-drag-handle {
     cursor: move;
     opacity: 1
 }

 .file-sortable .file-drag-handle:hover {
     opacity: .7
 }

 .clickable .file-drop-zone-title {
     cursor: pointer
 }

 .kv-zoom-actions .btn-kv {
     margin-left: 3px
 }

 .file-preview-initial.sortable-chosen {
     background-color: #d9edf7
 }

 .kv-rtl .close,
 .kv-rtl .krajee-default .file-actions,
 .kv-rtl .krajee-default .file-other-error {
     float: left
 }

 .kv-rtl .krajee-default .file-drag-handle,
 .kv-rtl .krajee-default .file-upload-indicator,
 .kv-rtl .krajee-default.file-preview-frame {
     float: right
 }

 .kv-rtl .file-error-message pre,
 .kv-rtl .file-error-message ul,
 .kv-rtl .file-zoom-dialog {
     text-align: right
 }

 .kv-rtl {
     direction: rtl
 }

 .kv-rtl .floating-buttons {
     left: 10px;
     right: auto
 }

 .kv-rtl .floating-buttons .btn-kv {
     margin-left: 0;
     margin-right: 3px
 }

 .kv-rtl .file-caption-icon {
     left: auto;
     right: 8px
 }

 .kv-rtl .file-drop-zone {
     margin: 12px 12px 12px 15px
 }

 .kv-rtl .btn-prev {
     right: 1px;
     left: auto
 }

 .kv-rtl .btn-next {
     left: 1px;
     right: auto
 }

 .kv-rtl .float-right,
 .kv-rtl .pull-right {
     float: left !important
 }

 .kv-rtl .float-left,
 .kv-rtl .pull-left {
     float: right !important
 }

 .kv-rtl .kv-zoom-title {
     direction: ltr
 }

 .kv-rtl .krajee-default.file-preview-frame {
     box-shadow: -1px 1px 5px 0 #a2958a
 }

 .kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover {
     box-shadow: -3px 3px 5px 0 #333
 }

 .kv-rtl .kv-zoom-actions .btn-kv {
     margin-left: 0;
     margin-right: 3px
 }

 .kv-rtl .file-caption.icon-visible .file-caption-name {
     padding-left: 0;
     padding-right: 15px
 }

 .kv-rtl .input-group-btn:last-child>.btn {
     border-radius: 4px 0 0 4px
 }

 .kv-rtl .input-group .form-control:first-child {
     border-radius: 0 4px 4px 0
 }

 .kv-rtl .btn-file input[type=file] {
     right: auto;
     left: 0;
     text-align: left;
     background: 100% 0 none
 }

 table.dataTable {
     clear: both;
     margin-top: 6px !important;
     margin-bottom: 6px !important;
     max-width: none !important;
     border-collapse: separate !important;
     border-spacing: 0
 }

 table.dataTable td,
 table.dataTable th {
     -webkit-box-sizing: content-box;
     box-sizing: content-box
 }

 table.dataTable td.dataTables_empty,
 table.dataTable th.dataTables_empty {
     text-align: center
 }

 table.dataTable.nowrap th,
 table.dataTable.nowrap td {
     white-space: nowrap
 }

 div.dataTables_wrapper div.dataTables_length label {
     font-weight: 400;
     text-align: left;
     white-space: nowrap
 }

 div.dataTables_wrapper div.dataTables_length select {
     width: auto;
     display: inline-block
 }

 div.dataTables_wrapper div.dataTables_filter {
     text-align: right
 }

 div.dataTables_wrapper div.dataTables_filter label {
     font-weight: 400;
     white-space: nowrap;
     text-align: left
 }

 div.dataTables_wrapper div.dataTables_filter input {
     margin-left: .5em;
     display: inline-block;
     width: auto
 }

 div.dataTables_wrapper div.dataTables_info {
     padding-top: .85em;
     white-space: nowrap
 }

 div.dataTables_wrapper div.dataTables_paginate {
     margin: 0;
     white-space: nowrap;
     text-align: right
 }

 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     margin: 2px 0;
     white-space: nowrap;
     justify-content: flex-end
 }

 div.dataTables_wrapper div.dataTables_processing {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 200px;
     margin-left: -100px;
     margin-top: -26px;
     text-align: center;
     padding: 1em 0
 }

 table.dataTable thead>tr>th.sorting_asc,
 table.dataTable thead>tr>th.sorting_desc,
 table.dataTable thead>tr>th.sorting,
 table.dataTable thead>tr>td.sorting_asc,
 table.dataTable thead>tr>td.sorting_desc,
 table.dataTable thead>tr>td.sorting {
     padding-right: 30px
 }

 table.dataTable thead>tr>th:active,
 table.dataTable thead>tr>td:active {
     outline: 0
 }

 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
     cursor: pointer;
     position: relative
 }

 table.dataTable thead .sorting:before,
 table.dataTable thead .sorting:after,
 table.dataTable thead .sorting_asc:before,
 table.dataTable thead .sorting_asc:after,
 table.dataTable thead .sorting_desc:before,
 table.dataTable thead .sorting_desc:after,
 table.dataTable thead .sorting_asc_disabled:before,
 table.dataTable thead .sorting_asc_disabled:after,
 table.dataTable thead .sorting_desc_disabled:before,
 table.dataTable thead .sorting_desc_disabled:after {
     position: absolute;
     bottom: .9em;
     display: block;
     opacity: .3
 }

 table.dataTable thead .sorting:before,
 table.dataTable thead .sorting_asc:before,
 table.dataTable thead .sorting_desc:before,
 table.dataTable thead .sorting_asc_disabled:before,
 table.dataTable thead .sorting_desc_disabled:before {
     right: 1em;
     content: "\2191"
 }

 table.dataTable thead .sorting:after,
 table.dataTable thead .sorting_asc:after,
 table.dataTable thead .sorting_desc:after,
 table.dataTable thead .sorting_asc_disabled:after,
 table.dataTable thead .sorting_desc_disabled:after {
     right: .5em;
     content: "\2193"
 }

 table.dataTable thead .sorting_asc:before,
 table.dataTable thead .sorting_desc:after {
     opacity: 1
 }

 table.dataTable thead .sorting_asc_disabled:before,
 table.dataTable thead .sorting_desc_disabled:after {
     opacity: 0
 }

 div.dataTables_scrollHead table.dataTable {
     margin-bottom: 0 !important
 }

 div.dataTables_scrollBody table {
     border-top: 0;
     margin-top: 0 !important;
     margin-bottom: 0 !important
 }

 div.dataTables_scrollBody table thead .sorting:before,
 div.dataTables_scrollBody table thead .sorting_asc:before,
 div.dataTables_scrollBody table thead .sorting_desc:before,
 div.dataTables_scrollBody table thead .sorting:after,
 div.dataTables_scrollBody table thead .sorting_asc:after,
 div.dataTables_scrollBody table thead .sorting_desc:after {
     display: none
 }

 div.dataTables_scrollBody table tbody tr:first-child th,
 div.dataTables_scrollBody table tbody tr:first-child td {
     border-top: 0
 }

 div.dataTables_scrollFoot>.dataTables_scrollFootInner {
     box-sizing: content-box
 }

 div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
     margin-top: 0 !important;
     border-top: 0
 }

 @media screen and (max-width:767px) {

     div.dataTables_wrapper div.dataTables_length,
     div.dataTables_wrapper div.dataTables_filter,
     div.dataTables_wrapper div.dataTables_info,
     div.dataTables_wrapper div.dataTables_paginate {
         text-align: center
     }
 }

 table.dataTable.table-sm>thead>tr>th {
     padding-right: 20px
 }

 table.dataTable.table-sm .sorting:before,
 table.dataTable.table-sm .sorting_asc:before,
 table.dataTable.table-sm .sorting_desc:before {
     top: 5px;
     right: .85em
 }

 table.dataTable.table-sm .sorting:after,
 table.dataTable.table-sm .sorting_asc:after,
 table.dataTable.table-sm .sorting_desc:after {
     top: 5px
 }

 table.table-bordered.dataTable th,
 table.table-bordered.dataTable td {
     border-left-width: 0
 }

 table.table-bordered.dataTable th:last-child,
 table.table-bordered.dataTable th:last-child,
 table.table-bordered.dataTable td:last-child,
 table.table-bordered.dataTable td:last-child {
     border-right-width: 0
 }

 table.table-bordered.dataTable tbody th,
 table.table-bordered.dataTable tbody td {
     border-bottom-width: 0
 }

 div.dataTables_scrollHead table.table-bordered {
     border-bottom-width: 0
 }

 div.table-responsive>div.dataTables_wrapper>div.row {
     margin: 0
 }

 div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
     padding-left: 0
 }

 div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
     padding-right: 0
 }

 @charset "UTF-8";

 .not-animated {
     opacity: 0
 }

 .animated {
     opacity: 1;
     animation-duration: 1s;
     animation-fill-mode: both
 }

 .animated.infinite {
     animation-iteration-count: infinite
 }

 .animated.hinge {
     animation-duration: 2s
 }

 .animated.flipOutX,
 .animated.flipOutY,
 .animated.bounceIn,
 .animated.bounceOut {
     animation-duration: .75s
 }

 @keyframes bounce {

     from,
     20%,
     53%,
     80%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000);
         transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
         animation-timing-function: cubic-bezier(.755, .050, .855, .060);
         transform: translate3d(0, -30px, 0)
     }

     70% {
         animation-timing-function: cubic-bezier(.755, .050, .855, .060);
         transform: translate3d(0, -15px, 0)
     }

     90% {
         transform: translate3d(0, -4px, 0)
     }
 }

 .bounce {
     animation-name: bounce;
     transform-origin: center bottom
 }

 @keyframes flash {

     from,
     50%,
     to {
         opacity: 1
     }

     25%,
     75% {
         opacity: 0
     }
 }

 .flash {
     animation-name: flash
 }

 @keyframes pulse {
     from {
         transform: scale3d(1, 1, 1)
     }

     50% {
         transform: scale3d(1.05, 1.05, 1.05)
     }

     to {
         transform: scale3d(1, 1, 1)
     }
 }

 .pulse {
     animation-name: pulse
 }

 @keyframes rubberBand {
     from {
         transform: scale3d(1, 1, 1)
     }

     30% {
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         transform: scale3d(1.05, .95, 1)
     }

     to {
         transform: scale3d(1, 1, 1)
     }
 }

 .rubberBand {
     animation-name: rubberBand
 }

 @keyframes shake {

     from,
     to {
         transform: translate3d(0, 0, 0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
         transform: translate3d(10px, 0, 0)
     }
 }

 .shake {
     animation-name: shake
 }

 @keyframes headShake {
     0% {
         transform: translateX(0)
     }

     6.5% {
         transform: translateX(-6px) rotateY(-9deg)
     }

     18.5% {
         transform: translateX(5px) rotateY(7deg)
     }

     31.5% {
         transform: translateX(-3px) rotateY(-5deg)
     }

     43.5% {
         transform: translateX(2px) rotateY(3deg)
     }

     50% {
         transform: translateX(0)
     }
 }

 .headShake {
     animation-timing-function: ease-in-out;
     animation-name: headShake
 }

 @keyframes swing {
     20% {
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
         transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
         transform: rotate3d(0, 0, 1, -5deg)
     }

     to {
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 .swing {
     transform-origin: top center;
     animation-name: swing
 }

 @keyframes tada {
     from {
         transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }

     to {
         transform: scale3d(1, 1, 1)
     }
 }

 .tada {
     animation-name: tada
 }

 @keyframes wobble {
     from {
         transform: none
     }

     15% {
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }

     to {
         transform: none
     }
 }

 .wobble {
     animation-name: wobble
 }

 @keyframes jello {

     from,
     11.1%,
     to {
         transform: none
     }

     22.2% {
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 .jello {
     animation-name: jello;
     transform-origin: center
 }

 @keyframes bounceIn {

     from,
     20%,
     40%,
     60%,
     80%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000)
     }

     0% {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }

     20% {
         transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
         transform: scale3d(.9, .9, .9)
     }

     60% {
         opacity: 1;
         transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
         transform: scale3d(.97, .97, .97)
     }

     to {
         opacity: 1;
         transform: scale3d(1, 1, 1)
     }
 }

 .bounceIn {
     animation-name: bounceIn
 }

 @keyframes bounceInDown {

     from,
     60%,
     75%,
     90%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000)
     }

     0% {
         opacity: 0;
         transform: translate3d(0, -3000px, 0)
     }

     60% {
         opacity: 1;
         transform: translate3d(0, 25px, 0)
     }

     75% {
         transform: translate3d(0, -10px, 0)
     }

     90% {
         transform: translate3d(0, 5px, 0)
     }

     to {
         transform: none
     }
 }

 .bounceInDown {
     animation-name: bounceInDown
 }

 @keyframes bounceInLeft {

     from,
     60%,
     75%,
     90%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000)
     }

     0% {
         opacity: 0;
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         transform: translate3d(25px, 0, 0)
     }

     75% {
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         transform: translate3d(5px, 0, 0)
     }

     to {
         transform: none
     }
 }

 .bounceInLeft {
     animation-name: bounceInLeft
 }

 @keyframes bounceInRight {

     from,
     60%,
     75%,
     90%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000)
     }

     from {
         opacity: 0;
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         transform: translate3d(10px, 0, 0)
     }

     90% {
         transform: translate3d(-5px, 0, 0)
     }

     to {
         transform: none
     }
 }

 .bounceInRight {
     animation-name: bounceInRight
 }

 @keyframes bounceInUp {

     from,
     60%,
     75%,
     90%,
     to {
         animation-timing-function: cubic-bezier(.215, .610, .355, 1.000)
     }

     from {
         opacity: 0;
         transform: translate3d(0, 3000px, 0)
     }

     60% {
         opacity: 1;
         transform: translate3d(0, -20px, 0)
     }

     75% {
         transform: translate3d(0, 10px, 0)
     }

     90% {
         transform: translate3d(0, -5px, 0)
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 .bounceInUp {
     animation-name: bounceInUp
 }

 @keyframes bounceOut {
     20% {
         transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
         opacity: 1;
         transform: scale3d(1.1, 1.1, 1.1)
     }

     to {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }
 }

 .bounceOut {
     animation-name: bounceOut
 }

 @keyframes bounceOutDown {
     20% {
         transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 0;
         transform: translate3d(0, 2000px, 0)
     }
 }

 .bounceOutDown {
     animation-name: bounceOutDown
 }

 @keyframes bounceOutLeft {
     20% {
         opacity: 1;
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 0;
         transform: translate3d(-2000px, 0, 0)
     }
 }

 .bounceOutLeft {
     animation-name: bounceOutLeft
 }

 @keyframes bounceOutRight {
     20% {
         opacity: 1;
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 0;
         transform: translate3d(2000px, 0, 0)
     }
 }

 .bounceOutRight {
     animation-name: bounceOutRight
 }

 @keyframes bounceOutUp {
     20% {
         transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
         opacity: 1;
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 0;
         transform: translate3d(0, -2000px, 0)
     }
 }

 .bounceOutUp {
     animation-name: bounceOutUp
 }

 @keyframes fadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .fadeIn {
     animation-name: fadeIn
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         transform: translate3d(0, -100%, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInDown {
     animation-name: fadeInDown
 }

 @keyframes fadeInDownBig {
     from {
         opacity: 0;
         transform: translate3d(0, -2000px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInDownBig {
     animation-name: fadeInDownBig
 }

 @keyframes fadeInLeft {
     from {
         opacity: 0;
         transform: translate3d(-100%, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInLeft {
     animation-name: fadeInLeft
 }

 @keyframes fadeInLeftBig {
     from {
         opacity: 0;
         transform: translate3d(-2000px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInLeftBig {
     animation-name: fadeInLeftBig
 }

 @keyframes fadeInRight {
     from {
         opacity: 0;
         transform: translate3d(100%, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInRight {
     animation-name: fadeInRight
 }

 @keyframes fadeInRightBig {
     from {
         opacity: 0;
         transform: translate3d(2000px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInRightBig {
     animation-name: fadeInRightBig
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translate3d(0, 100%, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInUp {
     animation-name: fadeInUp
 }

 @keyframes fadeInUpBig {
     from {
         opacity: 0;
         transform: translate3d(0, 2000px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInUpBig {
     animation-name: fadeInUpBig
 }

 @keyframes fadeOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .fadeOut {
     animation-name: fadeOut
 }

 @keyframes fadeOutDown {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, 100%, 0)
     }
 }

 .fadeOutDown {
     animation-name: fadeOutDown
 }

 @keyframes fadeOutDownBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, 2000px, 0)
     }
 }

 .fadeOutDownBig {
     animation-name: fadeOutDownBig
 }

 @keyframes fadeOutLeft {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(-100%, 0, 0)
     }
 }

 .fadeOutLeft {
     animation-name: fadeOutLeft
 }

 @keyframes fadeOutLeftBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(-2000px, 0, 0)
     }
 }

 .fadeOutLeftBig {
     animation-name: fadeOutLeftBig
 }

 @keyframes fadeOutRight {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(100%, 0, 0)
     }
 }

 .fadeOutRight {
     animation-name: fadeOutRight
 }

 @keyframes fadeOutRightBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(2000px, 0, 0)
     }
 }

 .fadeOutRightBig {
     animation-name: fadeOutRightBig
 }

 @keyframes fadeOutUp {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, -100%, 0)
     }
 }

 .fadeOutUp {
     animation-name: fadeOutUp
 }

 @keyframes fadeOutUpBig {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, -2000px, 0)
     }
 }

 .fadeOutUpBig {
     animation-name: fadeOutUpBig
 }

 @keyframes flip {
     from {
         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
         animation-timing-function: ease-out
     }

     40% {
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         animation-timing-function: ease-out
     }

     50% {
         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         animation-timing-function: ease-in
     }

     80% {
         transform: perspective(400px) scale3d(.95, .95, .95);
         animation-timing-function: ease-in
     }

     to {
         transform: perspective(400px);
         animation-timing-function: ease-in
     }
 }

 .animated.flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     animation-name: flip
 }

 @keyframes flipInX {
     from {
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         animation-timing-function: ease-in
     }

     60% {
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         opacity: 1
     }

     80% {
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     to {
         transform: perspective(400px)
     }
 }

 .flipInX {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     animation-name: flipInX
 }

 @keyframes flipInY {
     from {
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         animation-timing-function: ease-in
     }

     60% {
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         opacity: 1
     }

     80% {
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     to {
         transform: perspective(400px)
     }
 }

 .flipInY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     animation-name: flipInY
 }

 @keyframes flipOutX {
     from {
         transform: perspective(400px)
     }

     30% {
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         opacity: 1
     }

     to {
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         opacity: 0
     }
 }

 .flipOutX {
     animation-name: flipOutX;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important
 }

 @keyframes flipOutY {
     from {
         transform: perspective(400px)
     }

     30% {
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         opacity: 1
     }

     to {
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         opacity: 0
     }
 }

 .flipOutY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     animation-name: flipOutY
 }

 @keyframes lightSpeedIn {
     from {
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         transform: skewX(20deg);
         opacity: 1
     }

     80% {
         transform: skewX(-5deg);
         opacity: 1
     }

     to {
         transform: none;
         opacity: 1
     }
 }

 .lightSpeedIn {
     animation-name: lightSpeedIn;
     animation-timing-function: ease-out
 }

 @keyframes lightSpeedOut {
     from {
         opacity: 1
     }

     to {
         transform: translate3d(100%, 0, 0) skewX(30deg);
         opacity: 0
     }
 }

 .lightSpeedOut {
     animation-name: lightSpeedOut;
     animation-timing-function: ease-in
 }

 @keyframes rotateIn {
     from {
         transform-origin: center;
         transform: rotate3d(0, 0, 1, -200deg);
         opacity: 0
     }

     to {
         transform-origin: center;
         transform: none;
         opacity: 1
     }
 }

 .rotateIn {
     animation-name: rotateIn
 }

 @keyframes rotateInDownLeft {
     from {
         transform-origin: left bottom;
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }

     to {
         transform-origin: left bottom;
         transform: none;
         opacity: 1
     }
 }

 .rotateInDownLeft {
     animation-name: rotateInDownLeft
 }

 @keyframes rotateInDownRight {
     from {
         transform-origin: right bottom;
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         transform-origin: right bottom;
         transform: none;
         opacity: 1
     }
 }

 .rotateInDownRight {
     animation-name: rotateInDownRight
 }

 @keyframes rotateInUpLeft {
     from {
         transform-origin: left bottom;
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }

     to {
         transform-origin: left bottom;
         transform: none;
         opacity: 1
     }
 }

 .rotateInUpLeft {
     animation-name: rotateInUpLeft
 }

 @keyframes rotateInUpRight {
     from {
         transform-origin: right bottom;
         transform: rotate3d(0, 0, 1, -90deg);
         opacity: 0
     }

     to {
         transform-origin: right bottom;
         transform: none;
         opacity: 1
     }
 }

 .rotateInUpRight {
     animation-name: rotateInUpRight
 }

 @keyframes rotateOut {
     from {
         transform-origin: center;
         opacity: 1
     }

     to {
         transform-origin: center;
         transform: rotate3d(0, 0, 1, 200deg);
         opacity: 0
     }
 }

 .rotateOut {
     animation-name: rotateOut
 }

 @keyframes rotateOutDownLeft {
     from {
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         transform-origin: left bottom;
         transform: rotate3d(0, 0, 1, 45deg);
         opacity: 0
     }
 }

 .rotateOutDownLeft {
     animation-name: rotateOutDownLeft
 }

 @keyframes rotateOutDownRight {
     from {
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         transform-origin: right bottom;
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 .rotateOutDownRight {
     animation-name: rotateOutDownRight
 }

 @keyframes rotateOutUpLeft {
     from {
         transform-origin: left bottom;
         opacity: 1
     }

     to {
         transform-origin: left bottom;
         transform: rotate3d(0, 0, 1, -45deg);
         opacity: 0
     }
 }

 .rotateOutUpLeft {
     animation-name: rotateOutUpLeft
 }

 @keyframes rotateOutUpRight {
     from {
         transform-origin: right bottom;
         opacity: 1
     }

     to {
         transform-origin: right bottom;
         transform: rotate3d(0, 0, 1, 90deg);
         opacity: 0
     }
 }

 .rotateOutUpRight {
     animation-name: rotateOutUpRight
 }

 @keyframes hinge {
     0% {
         transform-origin: top left;
         animation-timing-function: ease-in-out
     }

     20%,
     60% {
         transform: rotate3d(0, 0, 1, 80deg);
         transform-origin: top left;
         animation-timing-function: ease-in-out
     }

     40%,
     80% {
         transform: rotate3d(0, 0, 1, 60deg);
         transform-origin: top left;
         animation-timing-function: ease-in-out;
         opacity: 1
     }

     to {
         transform: translate3d(0, 700px, 0);
         opacity: 0
     }
 }

 .hinge {
     animation-name: hinge
 }

 @keyframes jackInTheBox {
     from {
         opacity: 0;
         transform: scale(.1) rotate(30deg);
         transform-origin: center bottom
     }

     50% {
         transform: rotate(-10deg)
     }

     70% {
         transform: rotate(3deg)
     }

     to {
         opacity: 1;
         transform: scale(1)
     }
 }

 .jackInTheBox {
     animation-name: jackInTheBox
 }

 @keyframes rollIn {
     from {
         opacity: 0;
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .rollIn {
     animation-name: rollIn
 }

 @keyframes rollOut {
     from {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
 }

 .rollOut {
     animation-name: rollOut
 }

 @keyframes zoomIn {
     from {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }

     50% {
         opacity: 1
     }
 }

 .zoomIn {
     animation-name: zoomIn
 }

 @keyframes zoomInDown {
     from {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     60% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomInDown {
     animation-name: zoomInDown
 }

 @keyframes zoomInLeft {
     from {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     60% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomInLeft {
     animation-name: zoomInLeft
 }

 @keyframes zoomInRight {
     from {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     60% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomInRight {
     animation-name: zoomInRight
 }

 @keyframes zoomInUp {
     from {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     60% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomInUp {
     animation-name: zoomInUp
 }

 @keyframes zoomOut {
     from {
         opacity: 1
     }

     50% {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 .zoomOut {
     animation-name: zoomOut
 }

 @keyframes zoomOutDown {
     40% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     to {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
         transform-origin: center bottom;
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomOutDown {
     animation-name: zoomOutDown
 }

 @keyframes zoomOutLeft {
     40% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     to {
         opacity: 0;
         transform: scale(.1) translate3d(-2000px, 0, 0);
         transform-origin: left center
     }
 }

 .zoomOutLeft {
     animation-name: zoomOutLeft
 }

 @keyframes zoomOutRight {
     40% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     to {
         opacity: 0;
         transform: scale(.1) translate3d(2000px, 0, 0);
         transform-origin: right center
     }
 }

 .zoomOutRight {
     animation-name: zoomOutRight
 }

 @keyframes zoomOutUp {
     40% {
         opacity: 1;
         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
         animation-timing-function: cubic-bezier(.550, .055, .675, .190)
     }

     to {
         opacity: 0;
         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
         transform-origin: center bottom;
         animation-timing-function: cubic-bezier(.175, .885, .320, 1)
     }
 }

 .zoomOutUp {
     animation-name: zoomOutUp
 }

 @keyframes slideInDown {
     from {
         transform: translate3d(0, -100%, 0);
         visibility: visible
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInDown {
     animation-name: slideInDown
 }

 @keyframes slideInLeft {
     from {
         transform: translate3d(-100%, 0, 0);
         visibility: visible
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInLeft {
     animation-name: slideInLeft
 }

 @keyframes slideInRight {
     from {
         transform: translate3d(100%, 0, 0);
         visibility: visible
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInRight {
     animation-name: slideInRight
 }

 @keyframes slideInUp {
     from {
         transform: translate3d(0, 100%, 0);
         visibility: visible
     }

     to {
         transform: translate3d(0, 0, 0)
     }
 }

 .slideInUp {
     animation-name: slideInUp
 }

 @keyframes slideOutDown {
     from {
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         transform: translate3d(0, 100%, 0)
     }
 }

 .slideOutDown {
     animation-name: slideOutDown
 }

 @keyframes slideOutLeft {
     from {
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         transform: translate3d(-100%, 0, 0)
     }
 }

 .slideOutLeft {
     animation-name: slideOutLeft
 }

 @keyframes slideOutRight {
     from {
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         transform: translate3d(100%, 0, 0)
     }
 }

 .slideOutRight {
     animation-name: slideOutRight
 }

 @keyframes slideOutUp {
     from {
         transform: translate3d(0, 0, 0)
     }

     to {
         visibility: hidden;
         transform: translate3d(0, -100%, 0)
     }
 }

 .slideOutUp {
     animation-name: slideOutUp
 }

 #myModalLogIN .modal-content {
     border-radius: 0 !important;
     padding: 25px 25px 20px 25px
 }

 #myModalLogIN .modal-header .close {
     margin-top: 0;
     margin-right: 0;
     font-size: 25px
 }

 #myModalLogIN button.close {
     padding: 0;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     color: #dd4a39;
     opacity: 1
 }

 #myModalLogIN .modal-header {
     margin-bottom: 20px
 }

 #myModalLogIN .modal-header {
     min-height: 16.428571429px;
     padding: 0;
     border-bottom: 0 solid #e5e5e5
 }

 #myModalLogIN .modal-body {
     position: relative;
     padding-top: 10px;
     border-top: 1px solid #ddd;
     padding: 10px 30px 0 30px
 }

 #myModalLogIN .footer-text {
     font-size: 14px;
     text-align: center
 }

 #myModalSignUp .modal-content {
     border-radius: 0 !important
 }

 #myModalSignUp .close {
     float: right;
     font-size: 30px;
     font-weight: bold;
     line-height: 1;
     color: #ff6000;
     text-shadow: 0 1px 0 #fff;
     opacity: 1
 }

 #myModalSignUp p.journey {
     text-align: center;
     display: block;
     margin-top: 0;
     margin-bottom: 0;
     font-size: 22px;
     color: #ff3500;
     font-weight: 500
 }

 #myModalSignUp p.withbaba {
     text-align: center;
     display: block;
     margin-top: 10px;
     margin-bottom: 0;
     font-size: 23px;
     color: #ff3500;
     font-weight: 500;
     margin-bottom: 15px
 }

 #myModalSignUp .modal-body {
     position: relative;
     padding: 20px 30px
 }

 p.term {
     margin: 0 0 15px;
     text-align: justify;
     font-size: 13px;
     line-height: 20px
 }

 h3.term {
     font-size: 16px;
     color: #000;
     font-weight: 600;
     line-height: 10px
 }

 h6.term {
     margin-top: 10px;
     margin-bottom: 3px
 }

 .modal-footer.mf1 {
     padding: 20px 0 0;
     text-align: right;
     border-top: 1px solid #e5e5e5
 }

 .amount .closebttn {
     padding-right: 5px;
     cursor: pointer;
     color: #db3444
 }

 .amount .danger {
     color: #000
 }

 .success {
     background-color: #47946d
 }

 .closebtn,
 .closebutton {
     margin-left: 15px;
     color: #fff;
     font-weight: bold;
     float: right;
     font-size: 22px;
     line-height: 20px;
     cursor: pointer;
     transition: .3s
 }

 .closebtn:hover {
     color: black
 }

 .click {
     background: #fff;
     padding: 1px 10px;
     color: #2da2ab;
     border-radius: 10px;
     margin-left: 10px
 }

 .displayMsg {
     display: block
 }

 .ErrorMessage {
     display: none
 }

 .NotEligibleMessage {
     display: none
 }

 .info {
     display: block;
     color: #dc462f
 }

 .datepicker {
     padding: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     direction: ltr
 }

 .datepicker-inline {
     width: 220px
 }

 .datepicker-rtl {
     direction: rtl
 }

 .datepicker-rtl.dropdown-menu {
     left: auto
 }

 .datepicker-rtl table tr td span {
     float: right
 }

 .datepicker-dropdown {
     top: 0;
     left: 0
 }

 .datepicker-dropdown:before {
     content: '';
     display: inline-block;
     border-left: 7px solid transparent;
     border-right: 7px solid transparent;
     border-bottom: 7px solid #999;
     border-top: 0;
     border-bottom-color: rgba(0, 0, 0, .2);
     position: absolute
 }

 .datepicker-dropdown:after {
     content: '';
     display: inline-block;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     border-top: 0;
     position: absolute
 }

 .datepicker-dropdown.datepicker-orient-left:before {
     left: 6px
 }

 .datepicker-dropdown.datepicker-orient-left:after {
     left: 7px
 }

 .datepicker-dropdown.datepicker-orient-right:before {
     right: 6px
 }

 .datepicker-dropdown.datepicker-orient-right:after {
     right: 7px
 }

 .datepicker-dropdown.datepicker-orient-bottom:before {
     top: -7px
 }

 .datepicker-dropdown.datepicker-orient-bottom:after {
     top: -6px
 }

 .datepicker-dropdown.datepicker-orient-top:before {
     bottom: -7px;
     border-bottom: 0;
     border-top: 7px solid #999
 }

 .datepicker-dropdown.datepicker-orient-top:after {
     bottom: -6px;
     border-bottom: 0;
     border-top: 6px solid #fff
 }

 .datepicker table {
     margin: 0;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .datepicker td,
 .datepicker th {
     text-align: center;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border: 0
 }

 .table-striped .datepicker table tr td,
 .table-striped .datepicker table tr th {
     background-color: transparent
 }

 .datepicker table tr td.day.focused,
 .datepicker table tr td.day:hover {
     background: #eee;
     cursor: pointer
 }

 .datepicker table tr td.new,
 .datepicker table tr td.old {
     color: #999
 }

 .datepicker table tr td.disabled,
 .datepicker table tr td.disabled:hover {
     background: 0;
     color: #999;
     cursor: default
 }

 .datepicker table tr td.highlighted {
     background: #d9edf7;
     border-radius: 0
 }

 .datepicker table tr td.today,
 .datepicker table tr td.today.disabled,
 .datepicker table tr td.today.disabled:hover,
 .datepicker table tr td.today:hover {
     background-color: #fde19a;
     background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
     background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
     background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
     background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
     background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
     border-color: #fdf59a #fdf59a #fbed50;
     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     color: #000
 }

 .datepicker table tr td.today.active,
 .datepicker table tr td.today.disabled,
 .datepicker table tr td.today.disabled.active,
 .datepicker table tr td.today.disabled.disabled,
 .datepicker table tr td.today.disabled:active,
 .datepicker table tr td.today.disabled:hover,
 .datepicker table tr td.today.disabled:hover.active,
 .datepicker table tr td.today.disabled:hover.disabled,
 .datepicker table tr td.today.disabled:hover:active,
 .datepicker table tr td.today.disabled:hover:hover,
 .datepicker table tr td.today.disabled:hover[disabled],
 .datepicker table tr td.today.disabled[disabled],
 .datepicker table tr td.today:active,
 .datepicker table tr td.today:hover,
 .datepicker table tr td.today:hover.active,
 .datepicker table tr td.today:hover.disabled,
 .datepicker table tr td.today:hover:active,
 .datepicker table tr td.today:hover:hover,
 .datepicker table tr td.today:hover[disabled],
 .datepicker table tr td.today[disabled] {
     background-color: #fdf59a
 }

 .datepicker table tr td.today.active,
 .datepicker table tr td.today.disabled.active,
 .datepicker table tr td.today.disabled:active,
 .datepicker table tr td.today.disabled:hover.active,
 .datepicker table tr td.today.disabled:hover:active,
 .datepicker table tr td.today:active,
 .datepicker table tr td.today:hover.active,
 .datepicker table tr td.today:hover:active {
     background-color: #fbf069\9
 }

 .datepicker table tr td.today:hover:hover {
     color: #000
 }

 .datepicker table tr td.today.active:hover {
     color: #fff
 }

 .datepicker table tr td.range,
 .datepicker table tr td.range.disabled,
 .datepicker table tr td.range.disabled:hover,
 .datepicker table tr td.range:hover {
     background: #eee;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
 }

 .datepicker table tr td.range.today,
 .datepicker table tr td.range.today.disabled,
 .datepicker table tr td.range.today.disabled:hover,
 .datepicker table tr td.range.today:hover {
     background-color: #f3d17a;
     background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
     background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
     background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
     background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
     background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
     border-color: #f3e97a #f3e97a #edde34;
     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0
 }

 .datepicker table tr td.range.today.active,
 .datepicker table tr td.range.today.disabled,
 .datepicker table tr td.range.today.disabled.active,
 .datepicker table tr td.range.today.disabled.disabled,
 .datepicker table tr td.range.today.disabled:active,
 .datepicker table tr td.range.today.disabled:hover,
 .datepicker table tr td.range.today.disabled:hover.active,
 .datepicker table tr td.range.today.disabled:hover.disabled,
 .datepicker table tr td.range.today.disabled:hover:active,
 .datepicker table tr td.range.today.disabled:hover:hover,
 .datepicker table tr td.range.today.disabled:hover[disabled],
 .datepicker table tr td.range.today.disabled[disabled],
 .datepicker table tr td.range.today:active,
 .datepicker table tr td.range.today:hover,
 .datepicker table tr td.range.today:hover.active,
 .datepicker table tr td.range.today:hover.disabled,
 .datepicker table tr td.range.today:hover:active,
 .datepicker table tr td.range.today:hover:hover,
 .datepicker table tr td.range.today:hover[disabled],
 .datepicker table tr td.range.today[disabled] {
     background-color: #f3e97a
 }

 .datepicker table tr td.range.today.active,
 .datepicker table tr td.range.today.disabled.active,
 .datepicker table tr td.range.today.disabled:active,
 .datepicker table tr td.range.today.disabled:hover.active,
 .datepicker table tr td.range.today.disabled:hover:active,
 .datepicker table tr td.range.today:active,
 .datepicker table tr td.range.today:hover.active,
 .datepicker table tr td.range.today:hover:active {
     background-color: #efe24b\9
 }

 .datepicker table tr td.selected,
 .datepicker table tr td.selected.disabled,
 .datepicker table tr td.selected.disabled:hover,
 .datepicker table tr td.selected:hover {
     background-color: #9e9e9e;
     background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
     background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
     background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
     background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
     background-image: linear-gradient(to bottom, #b3b3b3, grey);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
     border-color: grey grey #595959;
     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
 }

 .datepicker table tr td.selected.active,
 .datepicker table tr td.selected.disabled,
 .datepicker table tr td.selected.disabled.active,
 .datepicker table tr td.selected.disabled.disabled,
 .datepicker table tr td.selected.disabled:active,
 .datepicker table tr td.selected.disabled:hover,
 .datepicker table tr td.selected.disabled:hover.active,
 .datepicker table tr td.selected.disabled:hover.disabled,
 .datepicker table tr td.selected.disabled:hover:active,
 .datepicker table tr td.selected.disabled:hover:hover,
 .datepicker table tr td.selected.disabled:hover[disabled],
 .datepicker table tr td.selected.disabled[disabled],
 .datepicker table tr td.selected:active,
 .datepicker table tr td.selected:hover,
 .datepicker table tr td.selected:hover.active,
 .datepicker table tr td.selected:hover.disabled,
 .datepicker table tr td.selected:hover:active,
 .datepicker table tr td.selected:hover:hover,
 .datepicker table tr td.selected:hover[disabled],
 .datepicker table tr td.selected[disabled] {
     background-color: grey
 }

 .datepicker table tr td.selected.active,
 .datepicker table tr td.selected.disabled.active,
 .datepicker table tr td.selected.disabled:active,
 .datepicker table tr td.selected.disabled:hover.active,
 .datepicker table tr td.selected.disabled:hover:active,
 .datepicker table tr td.selected:active,
 .datepicker table tr td.selected:hover.active,
 .datepicker table tr td.selected:hover:active {
     background-color: #666\9
 }

 .datepicker table tr td.active,
 .datepicker table tr td.active.disabled,
 .datepicker table tr td.active.disabled:hover,
 .datepicker table tr td.active:hover {
     background-color: #006dcc;
     background-image: -moz-linear-gradient(to bottom, #08c, #04c);
     background-image: -ms-linear-gradient(to bottom, #08c, #04c);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
     background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
     background-image: -o-linear-gradient(to bottom, #08c, #04c);
     background-image: linear-gradient(to bottom, #08c, #04c);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
     border-color: #04c #04c #002a80;
     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
 }

 .datepicker table tr td.active.active,
 .datepicker table tr td.active.disabled,
 .datepicker table tr td.active.disabled.active,
 .datepicker table tr td.active.disabled.disabled,
 .datepicker table tr td.active.disabled:active,
 .datepicker table tr td.active.disabled:hover,
 .datepicker table tr td.active.disabled:hover.active,
 .datepicker table tr td.active.disabled:hover.disabled,
 .datepicker table tr td.active.disabled:hover:active,
 .datepicker table tr td.active.disabled:hover:hover,
 .datepicker table tr td.active.disabled:hover[disabled],
 .datepicker table tr td.active.disabled[disabled],
 .datepicker table tr td.active:active,
 .datepicker table tr td.active:hover,
 .datepicker table tr td.active:hover.active,
 .datepicker table tr td.active:hover.disabled,
 .datepicker table tr td.active:hover:active,
 .datepicker table tr td.active:hover:hover,
 .datepicker table tr td.active:hover[disabled],
 .datepicker table tr td.active[disabled] {
     background-color: #04c
 }

 .datepicker table tr td.active.active,
 .datepicker table tr td.active.disabled.active,
 .datepicker table tr td.active.disabled:active,
 .datepicker table tr td.active.disabled:hover.active,
 .datepicker table tr td.active.disabled:hover:active,
 .datepicker table tr td.active:active,
 .datepicker table tr td.active:hover.active,
 .datepicker table tr td.active:hover:active {
     background-color: #039\9
 }

 .datepicker table tr td span {
     display: block;
     width: 23%;
     height: 54px;
     line-height: 54px;
     float: left;
     margin: 1%;
     cursor: pointer;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px
 }

 .datepicker table tr td span.focused,
 .datepicker table tr td span:hover {
     background: #eee
 }

 .datepicker table tr td span.disabled,
 .datepicker table tr td span.disabled:hover {
     background: 0;
     color: #999;
     cursor: default
 }

 .datepicker table tr td span.active,
 .datepicker table tr td span.active.disabled,
 .datepicker table tr td span.active.disabled:hover,
 .datepicker table tr td span.active:hover {
     background-color: #006dcc;
     background-image: -moz-linear-gradient(to bottom, #08c, #04c);
     background-image: -ms-linear-gradient(to bottom, #08c, #04c);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
     background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
     background-image: -o-linear-gradient(to bottom, #08c, #04c);
     background-image: linear-gradient(to bottom, #08c, #04c);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
     border-color: #04c #04c #002a80;
     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
 }

 .datepicker table tr td span.active.active,
 .datepicker table tr td span.active.disabled,
 .datepicker table tr td span.active.disabled.active,
 .datepicker table tr td span.active.disabled.disabled,
 .datepicker table tr td span.active.disabled:active,
 .datepicker table tr td span.active.disabled:hover,
 .datepicker table tr td span.active.disabled:hover.active,
 .datepicker table tr td span.active.disabled:hover.disabled,
 .datepicker table tr td span.active.disabled:hover:active,
 .datepicker table tr td span.active.disabled:hover:hover,
 .datepicker table tr td span.active.disabled:hover[disabled],
 .datepicker table tr td span.active.disabled[disabled],
 .datepicker table tr td span.active:active,
 .datepicker table tr td span.active:hover,
 .datepicker table tr td span.active:hover.active,
 .datepicker table tr td span.active:hover.disabled,
 .datepicker table tr td span.active:hover:active,
 .datepicker table tr td span.active:hover:hover,
 .datepicker table tr td span.active:hover[disabled],
 .datepicker table tr td span.active[disabled] {
     background-color: #04c
 }

 .datepicker table tr td span.active.active,
 .datepicker table tr td span.active.disabled.active,
 .datepicker table tr td span.active.disabled:active,
 .datepicker table tr td span.active.disabled:hover.active,
 .datepicker table tr td span.active.disabled:hover:active,
 .datepicker table tr td span.active:active,
 .datepicker table tr td span.active:hover.active,
 .datepicker table tr td span.active:hover:active {
     background-color: #039\9
 }

 .datepicker table tr td span.new,
 .datepicker table tr td span.old {
     color: #999
 }

 .datepicker .datepicker-switch {
     width: 145px
 }

 .datepicker .datepicker-switch,
 .datepicker .next,
 .datepicker .prev,
 .datepicker tfoot tr th {
     cursor: pointer
 }

 .datepicker .datepicker-switch:hover,
 .datepicker .next:hover,
 .datepicker .prev:hover,
 .datepicker tfoot tr th:hover {
     background: #eee
 }

 .datepicker .next.disabled,
 .datepicker .prev.disabled {
     visibility: hidden
 }

 .datepicker .cw {
     font-size: 10px;
     width: 12px;
     padding: 0 2px 0 5px;
     vertical-align: middle
 }

 .input-append.date .add-on,
 .input-prepend.date .add-on {
     cursor: pointer
 }

 .input-append.date .add-on i,
 .input-prepend.date .add-on i {
     margin-top: 3px
 }

 .input-daterange input {
     text-align: center
 }

 .input-daterange input:first-child {
     -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
     border-radius: 3px 0 0 3px
 }

 .input-daterange input:last-child {
     -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0
 }

 .input-daterange .add-on {
     display: inline-block;
     width: auto;
     min-width: 16px;
     height: 18px;
     padding: 4px 5px;
     font-weight: 400;
     line-height: 18px;
     text-align: center;
     text-shadow: 0 1px 0 #fff;
     vertical-align: middle;
     background-color: #eee;
     border: 1px solid #ccc;
     margin-left: -5px;
     margin-right: -5px
 }

 @charset 'UTF-8';

 .slick-prev,
 .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: block;
     width: 20px;
     height: 20px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: 0;
     background: transparent
 }

 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus {
     color: transparent;
     outline: 0;
     background: transparent
 }

 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before {
     opacity: 1
 }

 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: .25
 }

 .slick-prev:before,
 .slick-next:before {
     font-family: 'slick';
     font-size: 20px;
     line-height: 1;
     opacity: .75;
     color: #fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .slick-prev {
     left: -25px
 }

 [dir='rtl'] .slick-prev {
     right: -25px;
     left: auto
 }

 .slick-prev:before {
     content: '←'
 }

 [dir='rtl'] .slick-prev:before {
     content: '→'
 }

 .slick-next {
     right: -25px
 }

 [dir='rtl'] .slick-next {
     right: auto;
     left: -25px
 }

 .slick-next:before {
     content: '→'
 }

 [dir='rtl'] .slick-next:before {
     content: '←'
 }

 .slick-dotted.slick-slider {
     margin-bottom: 30px
 }

 .slick-dots {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center
 }

 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0;
     padding: 0;
     cursor: pointer
 }

 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 20px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: 0;
     background: transparent
 }

 .slick-dots li button:hover,
 .slick-dots li button:focus {
     outline: 0
 }

 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before {
     opacity: 1
 }

 .slick-dots li button:before {
     font-family: 'font-icons' !important;
     font-size: 36px;
     line-height: 20px;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     content: '•';
     text-align: center;
     opacity: .25;
     color: #000;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .slick-dots li.slick-active button:before {
     opacity: .75;
     color: black
 }

 .slick-slider {
     position: relative;
     display: block;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0
 }

 .slick-list:focus {
     outline: 0
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block
 }

 .slick-track:before,
 .slick-track:after {
     display: table;
     content: ''
 }

 .slick-track:after {
     clear: both
 }

 .slick-loading .slick-track {
     visibility: hidden
 }

 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px
 }

 [dir='rtl'] .slick-slide {
     float: right
 }

 .slick-slide img {
     display: block
 }

 .slick-slide.slick-loading img {
     display: none
 }

 .slick-slide.dragging img {
     pointer-events: none
 }

 .slick-initialized .slick-slide {
     display: block
 }

 .slick-loading .slick-slide {
     visibility: hidden
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent
 }

 .slick-arrow.slick-hidden {
     display: none
 }

 .slick-slide {
     margin: 0 10px
 }

 .slick-list {
     margin: 0 -10px
 }

 @media only screen and (max-width:1199px) {
     canvas {
         max-width: 100%;
         height: auto !important
     }
 }

 @media only screen and (min-width:992px) and (max-width:1199px) {
     #wrapper {
         width: 1000px
     }

     #header.transparent-header.floating-header .container {
         width: 1030px;
         padding: 0 30px
     }

     #header.transparent-header.floating-header.sticky-header .container {
         width: 970px;
         padding: 0 15px
     }

     #primary-menu.sub-title ul>li>a {
         padding-left: 15px;
         padding-right: 15px
     }

     #primary-menu ul li.mega-menu .mega-menu-content,
     .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
         width: 940px
     }

     .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
         width: 1030px
     }

     .team.team-list .team-image {
         width: 200px
     }

     .testi-image,
     .testi-image a,
     .testi-image img,
     .testi-image i {
         display: block;
         width: 36px;
         height: 36px
     }

     .testi-image i {
         line-height: 36px;
         font-size: 20px
     }

     .bothsidebar .portfolio-item {
         width: 50%
     }

     .bothsidebar .portfolio.portfolio-3 {
         margin: 0 -20px -20px 0
     }

     .bothsidebar .portfolio-3 .portfolio-item {
         padding: 0 20px 20px 0
     }

     .bothsidebar .portfolio-shuffle,
     .postcontent .portfolio-1 .iconlist {
         display: none
     }

     .postcontent .small-thumbs .entry-image {
         width: 200px
     }

     .bothsidebar .small-thumbs .entry-image {
         width: 120px
     }

     .post-timeline .entry {
         width: 400px !important
     }

     .post-timeline .entry.entry-date-section {
         width: 100% !important
     }

     .mpost .entry-image,
     .mpost .entry-image a,
     .mpost .entry-image img,
     .mpost .entry-image i {
         width: 120px;
         height: 90px
     }

     .mpost .entry-image a i {
         line-height: 90px
     }

     .col_one_third .landing-wide-form .heading-block h2 {
         font-size: 32px
     }

     .col_one_third .landing-wide-form .heading-block span {
         font-size: 17px
     }

     .col_one_third .landing-wide-form {
         padding: 36px 30px
     }

     .bothsidebar .product-1 .product-image {
         width: 200px;
         height: 267px
     }

     .product-title h3 {
         font-size: 18px
     }

     .landing-video {
         width: 465px;
         height: 262px;
         margin: 19px 0 0 75px
     }

     .panel .portfolio-meta li {
         padding-left: 22px
     }

     .panel .portfolio-meta li span {
         display: block;
         margin-left: -21px
     }

     .portfolio-single-image-full.portfolio-single-thumbs,
     .portfolio-single-image-full .swiper-container {
         height: 400px
     }

     .bnews-slider {
         width: 817px
     }

     .landing-form-overlay {
         bottom: -142px
     }
 }

 @media only screen and (max-width:1024px) {
     .notifi {
         left: 68%
     }
 }

 @media only screen and (max-width:991px) {
     #wrapper {
         width: 100%;
         margin: 0;
         box-shadow: none
     }

     #header.full-header .container,
     .container-fullwidth {
         padding: 0 15px !important;
         margin: 0 auto;
         width: 750px !important
     }

     .container.vertical-middle {
         width: 100% !important
     }

     .vertical-middle+.video-wrap {
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0
     }

     .postcontent,
     .postcontent.bothsidebar,
     .sidebar {
         width: 100%;
         margin-right: 0;
         float: none !important;
         margin-bottom: 40px !important;
         padding-bottom: 40px;
         border-bottom: 1px solid #EEE
     }

     .sidebar.col_last {
         float: none;
         margin-bottom: 0 !important;
         padding-bottom: 0;
         border-bottom: 0
     }

     #header,
     #header-wrap,
     #header.sticky-style-2,
     #header.sticky-style-3,
     #header.sticky-style-2 #header-wrap,
     #header.sticky-style-3 #header-wrap {
         height: auto !important
     }

     #header.sticky-style-2 #header-wrap,
     #header.sticky-style-3 #header-wrap {
         min-height: 60px
     }

     #header.sticky-header #header-wrap {
         position: relative
     }

     #header.transparent-header,
     #header.semi-transparent {
         background: #FFF;
         border-bottom: 1px solid #f5f5f5;
         z-index: auto
     }

     #header.dark.transparent-header,
     #header.transparent-header.floating-header {
         margin-top: 0
     }

     #header.transparent-header.floating-header .container {
         width: 750px;
         padding: 0 15px;
         border-radius: 0
     }

     #header.transparent-header+#slider,
     #header.transparent-header+#page-title.page-title-parallax,
     #slider+#header.transparent-header,
     #header.transparent-header.floating-header+#slider,
     #header.transparent-header+#google-map {
         top: 0;
         margin-bottom: 0
     }

     .slider-parallax .slider-parallax-inner {
         position: relative
     }

     #header.transparent-header+#page-title.page-title-parallax .container {
         padding-top: 0
     }

     #header-trigger,
     .top-advert,
     .header-extras {
         display: none
     }

     #logo {
         display: block;
         float: none;
         margin: 0 auto 0 !important;
         max-width: none;
         text-align: center;
         border: 0 !important;
         padding: 0 !important
     }

     #logo a.standard-logo {
         display: inline-block
     }

     #primary-menu {
         display: block;
         float: none
     }

     #primary-menu-trigger {
         opacity: 1;
         pointer-events: auto;
         top: 11px;
         margin-top: 0;
         left: 0;
         z-index: 1
     }

     #primary-menu .container #primary-menu-trigger {
         top: 5px;
         left: 0
     }

     #primary-menu>ul,
     #primary-menu>div>ul {
         display: none;
         float: none !important;
         border: 0 !important;
         padding: 0 !important;
         margin: 0 !important;
         -webkit-transition: none;
         -o-transition: none;
         transition: none
     }

     #primary-menu>div>ul {
         padding-top: 60px !important
     }

     body:not(.top-search-open) #primary-menu-trigger {
         opacity: 1;
         -webkit-transition: opacity .2s .2s ease, top .4s ease;
         -o-transition: opacity .2s .2s ease, top .4s ease;
         transition: opacity .2s .2s ease, top .4s ease
     }

     body.top-search-open #primary-menu-trigger {
         opacity: 0
     }

     body.side-push-panel #side-panel-trigger-close a {
         display: block;
         position: absolute;
         z-index: 12;
         top: 0;
         left: auto;
         right: 0;
         width: 40px;
         height: 40px;
         font-size: 18px;
         line-height: 40px;
         color: #444;
         text-align: center;
         background-color: rgba(0, 0, 0, .1);
         border-radius: 0 0 0 2px
     }

     #primary-menu.style-5>ul {
         padding-right: 0;
         margin-right: 0;
         border-right: 0
     }

     #primary-menu ul li {
         float: none;
         margin: 0 !important;
         text-align: left !important;
         border-top: 1px solid #EEE
     }

     #header.split-menu #primary-menu:not(.mobile-menu-off-canvas)>ul:not(:first-child)>li:first-child {
         border-top: 1px solid #EEE
     }

     #primary-menu ul li:first-child {
         border-top: 0
     }

     #primary-menu ul>li>a,
     #primary-menu.style-2>div>ul>li>a {
         padding: 10px 5px !important;
         border: none !important;
         margin: 0 !important
     }

     #primary-menu.style-5>ul>li>a>div {
         line-height: 22px
     }

     #primary-menu.style-5>ul>li>a>div i {
         display: inline-block;
         margin: 0 6px 0 0;
         top: -1px;
         width: 16px;
         font-size: 14px;
         line-height: inherit
     }

     #primary-menu.style-6>ul>li>a:after,
     #primary-menu.style-6>ul>li.current>a:after {
         display: none
     }

     #primary-menu.sub-title>ul>li,
     #primary-menu.sub-title.style-2>div>ul>li {
         background: none !important;
         margin-left: 0
     }

     #primary-menu.sub-title>ul>li>a,
     #primary-menu.sub-title>div>ul>li>a {
         line-height: 22px;
         font-size: 13px;
         border-top: 0
     }

     #primary-menu.sub-title ul li>a span {
         display: none !important
     }

     #primary-menu.sub-title ul li:hover>a,
     #primary-menu.sub-title ul li.current>a,
     #primary-menu.sub-title div ul>li:hover>a,
     #primary-menu.sub-title div ul>li.current>a,
     #primary-menu.style-3 ul li:hover>a,
     #primary-menu.style-3 ul li.current>a {
         background-color: transparent !important;
         color: #444;
         text-shadow: none
     }

     #primary-menu ul:not(.windows-mobile-menu) li>a i.icon-angle-down:last-child {
         display: none
     }

     #primary-menu>ul>li.sub-menu>a,
     #primary-menu>.container>ul>li.sub-menu>a {
         background-image: url("../images/icons/submenu.png");
         background-position: right center;
         background-repeat: no-repeat
     }

     #primary-menu ul li.mega-menu {
         position: relative
     }

     #primary-menu ul ul:not(.mega-menu-column),
     #primary-menu ul li .mega-menu-content {
         position: relative;
         width: auto;
         max-width: none;
         background: transparent !important;
         box-shadow: none;
         border: 0;
         border-top: 1px solid #EEE;
         z-index: 1;
         top: 0;
         padding-left: 15px
     }

     #primary-menu ul li .mega-menu-content {
         padding-left: 0
     }

     #primary-menu ul ul:not(.mega-menu-column) ul {
         top: 0 !important;
         left: 0
     }

     #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
     #primary-menu ul li .mega-menu-content.menu-pos-invert {
         left: 0;
         right: 0
     }

     #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
         right: 0
     }

     #primary-menu ul ul li {
         float: none;
         margin: 0;
         border-top: 1px solid #EEE
     }

     #primary-menu ul ul li>a {
         padding: 11px 5px !important;
         font-size: 13px;
         text-transform: none;
         font-weight: 400
     }

     #primary-menu ul ul li:hover>a {
         background-color: transparent !important;
         font-weight: 700;
         padding-left: 5px;
         color: #1abc9c
     }

     #primary-menu ul li .mega-menu-content,
     #primary-menu ul li.mega-menu-small .mega-menu-content,
     #primary-menu ul li.mega-menu .mega-menu-content,
     .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,
     .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
         width: auto;
         margin: 0;
         top: 0
     }

     .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,
     #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
         width: auto !important;
         margin: 0 !important
     }

     #primary-menu ul li.mega-menu .mega-menu-content.style-2 {
         padding: 0
     }

     #primary-menu ul li .mega-menu-content ul {
         display: block !important;
         position: relative;
         opacity: 1 !important;
         top: 0;
         left: 0;
         min-width: inherit
     }

     #primary-menu ul li .mega-menu-content ul ul {
         border-top: 1px solid #EEE
     }

     #primary-menu ul li .mega-menu-content ul.mega-menu-column {
         float: none;
         width: auto;
         margin: 0;
         border-left: 0 !important;
         padding-left: 15px;
         border-top: 1px solid #EEE
     }

     #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child {
         border: 0
     }

     #primary-menu ul li .mega-menu-content ul {
         width: 100% !important
     }

     #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
         padding: 0 0 0 15px
     }

     #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title {
         margin: 0
     }

     #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
         font-size: 13px;
         font-weight: 700;
         text-transform: none !important;
         padding: 11px 5px !important;
         line-height: 22px !important;
         color: #444 !important
     }

     #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a {
         background-color: transparent;
         color: #1abc9c !important
     }

     #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
         color: #1abc9c !important
     }

     #primary-menu ul li .mega-menu-content.style-2 li {
         border-top: 1px solid #EEE
     }

     #primary-menu ul li .mega-menu-content.style-2 li:first-child {
         border-top: 0
     }

     #primary-menu ul li .mega-menu-content.style-2 ul>li>a:hover {
         padding-left: 5px
     }

     .mega-menu-column .widget {
         padding: 30px 0;
         margin: 0 !important
     }

     #top-search {
         margin: 0 !important
     }

     #top-search,
     #primary-menu>div>#top-search a,
     #primary-menu>div>#side-panel-trigger {
         margin: 20px 0 !important
     }

     #primary-menu ul.windows-mobile-menu li.sub-menu {
         position: relative
     }

     #primary-menu ul.windows-mobile-menu li.sub-menu a {
         background-image: none !important
     }

     #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
         position: absolute;
         cursor: pointer;
         width: 32px;
         height: 50px;
         line-height: 51px;
         top: 0;
         right: 0;
         z-index: 1;
         padding: 0 !important;
         text-align: center !important
     }

     #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger {
         display: none
     }

     #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i {
         margin: 0 !important
     }

     #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger {
         text-align: center !important;
         height: 45px;
         line-height: 45px
     }

     #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger i {
         display: inline-block;
         line-height: 45px
     }

     #header.sticky-style-3 #top-cart .top-cart-content {
         top: 40px
     }

     #top-search a {
         right: 43px
     }

     #top-search form {
         height: 100px !important
     }

     #primary-menu>div>#top-search form {
         height: 60px !important
     }

     #top-search form input {
         font-size: 24px
     }

     #side-panel-trigger {
         right: 71px
     }

     #top-account {
         margin: 33px 0 32px;
         right: 75px
     }

     #top-account a.btn span {
         display: none
     }

     body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap {
         position: relative !important;
         top: 0 !important
     }

     #page-submenu-trigger {
         opacity: 1;
         pointer-events: auto;
         color: #FFF
     }

     #page-menu.pagemenu-active #page-submenu-trigger {
         background-color: rgba(0, 0, 0, .2)
     }

     #page-menu nav {
         display: none;
         position: absolute;
         float: none;
         width: 200px;
         top: 43px;
         left: auto;
         right: 15px;
         height: auto;
         background-color: #1abc9c;
         z-index: 11
     }

     #page-menu.pagemenu-active nav {
         display: block
     }

     #page-menu nav ul {
         height: auto;
         background-color: rgba(0, 0, 0, .2)
     }

     #page-menu nav li {
         float: none
     }

     #page-menu nav li a {
         height: 40px;
         line-height: 40px;
         margin: 0;
         padding: 0 15px;
         border-radius: 0
     }

     #page-menu ul ul {
         position: relative;
         width: auto;
         top: 0;
         background-color: transparent
     }

     #page-menu ul ul a {
         padding-left: 25px
     }

     .sticky-responsive-menu #header {
         min-height: 100px;
         -webkit-transition: min-height .4s ease;
         -o-transition: min-height .4s ease;
         transition: min-height .4s ease
     }

     .sticky-responsive-menu #header-wrap {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     .sticky-responsive-menu #header.sticky-style-2,
     .sticky-responsive-menu #header.sticky-style-3 {
         min-height: 160px
     }

     .sticky-responsive-menu.device-touch #header,
     .sticky-responsive-menu.device-touch #header-wrap,
     .sticky-responsive-menu.device-touch #logo,
     .sticky-responsive-menu.device-touch #logo img,
     .sticky-responsive-menu.device-touch #top-search a,
     .sticky-responsive-menu.device-touch #primary-menu-trigger,
     .sticky-responsive-menu.device-touch #top-cart,
     .sticky-responsive-menu.device-touch #side-panel-trigger,
     .sticky-responsive-menu.device-touch #top-account {
         -webkit-transition: none !important;
         -o-transition: none !important;
         transition: none !important
     }

     #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) {
         min-height: 60px
     }

     .responsive-sticky-header #header-wrap {
         z-index: 199;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         background-color: #FFF;
         border-bottom: 1px solid #EEE;
         -webkit-backface-visibility: hidden
     }

     .responsive-sticky-header:not(.static-sticky) #logo,
     .responsive-sticky-header:not(.static-sticky) #logo img {
         height: 60px
     }

     .responsive-sticky-header:not(.static-sticky) #primary-menu-trigger {
         top: 5px
     }

     .responsive-sticky-header #primary-menu>ul,
     .responsive-sticky-header #primary-menu>.container>ul {
         max-height: 300px;
         overflow-y: scroll
     }

     .responsive-sticky-header #primary-menu>ul,
     .responsive-sticky-header #primary-menu>.container>ul {
         margin-bottom: 20px !important
     }

     .responsive-sticky-header:not(.static-sticky) #top-search a,
     .responsive-sticky-header:not(.static-sticky) #top-cart,
     .responsive-sticky-header:not(.static-sticky) #side-panel-trigger {
         margin: 20px 0
     }

     .responsive-sticky-header:not(.static-sticky) #top-search form {
         height: 60px !important
     }

     .responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content {
         top: 40px
     }

     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul,
     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul {
         position: fixed;
         display: block;
         z-index: 499;
         width: 280px;
         height: 100%;
         height: calc(100vh);
         max-height: none !important;
         margin: 0 !important;
         left: 0 !important;
         top: 0 !important;
         padding: 35px 25px 60px !important;
         background-color: #FFF;
         border-right: 1px solid #EEE !important;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch;
         -webkit-transform: translate3d(-280px, 0, 0);
         -o-transform: translate3d(-280px, 0, 0);
         transform: translate3d(-280px, 0, 0);
         -webkit-backface-visibility: hidden;
         transform-style: preserve-3d
     }

     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>ul,
     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right>div>ul {
         left: auto !important;
         right: 0;
         border-right: 0 !important;
         border-left: 1px solid #EEE !important;
         -webkit-transform: translate3d(280px, 0, 0);
         -o-transform: translate3d(280px, 0, 0);
         transform: translate3d(280px, 0, 0)
     }

     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul,
     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul {
         -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
         -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
         transition: transform .3s ease-in-out, opacity .2s ease !important
     }

     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>ul.d-block,
     body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas>div>ul.d-block {
         -webkit-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }

     .device-touch .portfolio-parallax .portfolio-item .portfolio-desc,
     .device-touch .portfolio-parallax .portfolio-overlay {
         opacity: 1
     }

     .shop-quick-view-ajax,
     .portfolio-ajax-modal {
         width: 90% !important
     }

     .small-thumbs .entry-title h2,
     .ievent .entry-title h2 {
         font-size: 18px
     }

     .entry-meta li {
         font-size: 12px;
         margin: 0 10px 10px 0
     }

     .post-grid {
         margin-right: -20px
     }

     .post-grid .entry {
         width: 33.33333333%;
         padding-right: 20px
     }

     .post-grid.grid-2,
     .post-grid.grid-3 {
         margin-right: -30px
     }

     .post-grid.grid-2 .entry,
     .post-grid.grid-3 .entry {
         width: 50%;
         padding-right: 30px
     }

     .post-masonry-full .entry {
         width: 33.30% !important
     }

     .post-masonry-full.grid-3 .entry {
         width: 50% !important
     }

     .post-timeline .entry {
         width: 290px !important
     }

     .post-timeline .entry.entry-date-section {
         width: 100% !important
     }

     .product {
         width: 33.33333333%
     }

     .product:not(.product-2):not(.product-3) .product-title h3 {
         font-size: 18px
     }

     .pricing [class^=col-md-] .pricing-box.best-price {
         margin-top: 0
     }

     .pricing.pricing-5 .pricing-box.best-price {
         margin-top: 20px
     }

     .device-md .pricing.pricing-5 .pricing-title h3,
     .device-md .pricing.pricing-5 .best-price .pricing-title h3 {
         font-size: 14px
     }

     .device-md .pricing.pricing-5 .pricing-title span {
         font-size: 12px
     }

     .device-md .pricing.pricing-5 .pricing-price {
         font-size: 48px
     }

     .device-md .pricing.pricing-5 .pricing-price span {
         font-size: 20px
     }

     .device-md .pricing.pricing-5 .pricing-price span.price-tenure {
         font-size: 12px
     }

     .device-md .pricing.pricing-5 .pricing-box.best-price .pricing-title {
         padding: 15px 0
     }

     .pricing-box.pricing-extended .pricing-desc,
     .pricing-box.pricing-extended .pricing-action-area {
         position: relative;
         float: none;
         width: auto;
         padding: 25px
     }

     .pricing-box.pricing-extended .pricing-action-area {
         height: auto;
         border-left: 0;
         border-top: 1px solid rgba(0, 0, 0, .05);
         border-radius: 0 0 3px 3px
     }

     .testimonials-grid.grid-3 li {
         width: 50%
     }

     .section>.testimonial {
         padding: 0 40px !important;
         max-width: none
     }

     .promo:not(.promo-full) {
         padding: 30px 20px !important
     }

     .promo.promo-dark h3 {
         line-height: 1.6
     }

     .promo a.button {
         position: relative !important;
         top: 0 !important;
         margin: 20px 0 0 !important;
         left: 0 !important;
         right: 0
     }

     #contact-form-overlay-mini {
         float: none;
         width: auto;
         max-width: 380px;
         margin: 0 auto
     }

     .button.button-full {
         font-size: 22px
     }

     .button.button-full i {
         top: 3px !important
     }

     .bnews-title {
         float: none;
         display: inline-block
     }

     .bnews-slider {
         float: none;
         margin: 10px 0 0;
         width: 100%
     }

     .wedding-head {
         font-size: 60px
     }

     .wedding-head .first-name span,
     .wedding-head .last-name span {
         font-size: 40px
     }

     .wedding-head .and {
         font-size: 144px
     }

     .error404 {
         font-size: 180px
     }

     .landing-form-overlay {
         position: absolute;
         width: 100%;
         max-width: 400px;
         right: auto;
         left: 50%;
         margin-left: -200px;
         bottom: 0
     }
 }

 @media(min-width:768px) and (max-width:991px) {

     .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),
     .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {
         height: 400px !important
     }

     .sidebar-widgets-wrap {
         position: relative;
         margin: 0 -20px -40px -20px
     }

     .sidebar-widgets-wrap .widget {
         display: inline-block;
         vertical-align: top;
         float: none;
         width: 49.6%;
         margin: 0 0 40px;
         padding-top: 0;
         padding-left: 20px;
         padding-right: 20px;
         border-top: 0
     }

     .landing-video {
         width: 352px;
         height: 199px;
         margin: 14px 0 0 60px
     }

     .notifi {
         left: auto
     }
 }

 @media only screen and (max-width:767px) {
     #wrapper {
         width: 100% !important
     }

     .innerabout {
         position: absolute;
         top: -126px;
         color: #fff;
         width: 100%;
         left: 0
     }

     .careers {
         top: -285px;
         padding: 0 20px
     }

     .carr img {
         height: 222px
     }

     .help {
         top: -146px
     }

     .innerabout h2 {
         font-size: 13px
     }

     .container-fullwidth {
         margin: 0 auto;
         padding: 0 15px !important
     }

     p {
         margin-bottom: 10px
     }

     .career .col_last {
         text-align: center
     }

     .content-wrap {
         position: relative;
         padding: 10px 0
     }

     .contact {
         background-position: center;
         background-repeat: no-repeat;
         padding: 27px 12px;
         background-size: contain;
         background-color: #ee6706
     }

     .blog p {
         font-size: 14px;
         width: 100%
     }

     .blog .readblog {
         position: inherit;
         color: #fff;
         font-size: 15px;
         margin: 0
     }

     .slidercontent {
         position: absolute;
         top: 49%;
         left: 0;
         right: 0
     }

     .entry-c {
         padding: 0 10px 10px !important;
         text-align: center
     }

     .ievent .entry-meta li {
         cursor: pointer;
         width: 100%
     }

     .ievent .entry-image img {
         margin: auto
     }

     .copyrights {
         font-size: 12px !important
     }

     .career .first,
     .career .second {
         margin-left: 0
     }

     .swiper_wrapper .slider-caption h2 {
         font-size: 1.3rem;
         margin-bottom: 5px !important
     }

     .events {
         margin-left: 3% !important
     }

     h1 {
         font-size: 28px
     }

     h2 {
         font-size: 24px
     }

     h3 {
         font-size: 17px
     }

     h4 {
         font-size: 16px
     }

     .one-page-arrow {
         display: none !important
     }

     #top-bar {
         height: auto
     }

     #top-bar .col_half {
         width: 100%;
         margin-bottom: 0 !important
     }

     .top-links,
     .top-links>ul>li {
         float: none !important
     }

     .top-links>ul {
         text-align: center
     }

     .top-links>ul>li {
         display: inline-block
     }

     .top-links>ul>li {
         margin-right: -4px
     }

     .top-links ul ul,
     .top-links ul div.top-link-section {
         text-align: left
     }

     .top-links ul div.top-link-section {
         left: auto;
         right: 0;
         padding: 20px 15px
     }

     #top-social,
     .flex-caption,
     .slider-arrow-top-sm,
     .slider-arrow-bottom-sm {
         display: none !important
     }

     .flex-control-nav li {
         opacity: 1 !important
     }

     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
         height: 60px
     }

     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
         display: block;
         width: 80px !important;
         height: 60px !important
     }

     .postcontent,
     .postcontent.bothsidebar,
     .sidebar,
     .col_full,
     .col_half,
     .col_one_third,
     .col_two_third,
     .col_three_fourth,
     .col_one_fourth,
     .col_one_fifth,
     .col_two_fifth,
     .col_three_fifth,
     .col_four_fifth,
     .col_one_sixth,
     .col_five_sixth {
         width: 100% !important;
         margin-right: 0;
         float: none;
         margin-bottom: 10px !important
     }

     .sidebar.col_last {
         margin-bottom: 0 !important
     }

     form .col_full,
     form .col_half,
     form .col_one_third,
     form .col_two_third,
     form .col_three_fourth,
     form .col_one_fourth,
     form .col_one_fifth,
     form .col_two_fifth,
     form .col_three_fifth,
     form .col_four_fifth,
     form .col_one_sixth,
     form .col_five_sixth {
         margin-bottom: 25px !important
     }

     #page-title {
         padding: 20px 0 25px;
         text-align: center
     }

     #page-title h1 {
         line-height: 1.5;
         font-size: 24px
     }

     #page-title .breadcrumb {
         position: relative !important;
         top: 0 !important;
         left: 0 !important;
         right: 0 !important;
         margin: 20px 0 0 !important;
         justify-content: center
     }

     #page-title #portfolio-navigation,
     #portfolio-ajax-title #portfolio-navigation {
         position: relative;
         top: 0;
         left: 0;
         margin: 15px auto 0
     }

     #portfolio-ajax-title {
         text-align: center
     }

     .small-thumbs .entry-image,
     .ievent .entry-image {
         float: none !important;
         width: 100% !important;
         margin: 0 0 20px !important
     }

     .entry-title h2,
     .post-grid .entry-title h2 {
         font-size: 18px !important;
         font-weight: 600
     }

     .entry-meta li {
         font-size: 11px;
         margin: 0 10px 10px 0
     }

     #posts .entry-meta li i {
         display: none
     }

     #posts.post-grid .entry-meta li i,
     #posts .entry-meta li:last-child i {
         display: inline-block
     }

     .post-grid {
         margin-right: 0 !important
     }

     .post-grid .entry,
     .post-masonry-full.grid-3 .entry {
         float: none !important;
         width: 100% !important;
         margin-right: 0 !important;
         border-right: 0 !important
     }

     .post-timeline .entry.entry-date-section {
         margin-left: 0
     }

     .timeline-border,
     .post-timeline .entry-timeline {
         display: none !important
     }

     .postcontent .post-timeline {
         padding-left: 0
     }

     .post-masonry-full .entry {
         padding: 40px !important
     }

     .product-1 .product {
         width: 100%
     }

     .product-1 .product-image {
         float: none !important;
         width: 100% !important;
         height: auto !important;
         margin: 0 0 20px !important
     }

     .product-1 .product-title h3 {
         font-size: 19px
     }

     .product-1 p {
         display: none
     }

     .pricing-box.best-price {
         margin-top: 0
     }

     .pricing.pricing-5 .pricing-box {
         float: none;
         width: 100%
     }

     .pricing-box.pricing-extended .pricing-features li {
         width: auto;
         float: none
     }

     table.cart .quantity {
         display: block
     }

     table.cart .quantity .qty,
     table.cart .quantity .plus,
     table.cart .quantity .minus {
         float: none;
         width: 100%
     }

     table.cart .quantity .qty {
         border: 0;
         border-top: 1px solid #DDD;
         border-bottom: 1px solid #DDD
     }

     .button.button-desc {
         padding: 20px 17px;
         font-size: 15px;
         max-width: 100%
     }

     .button.button-desc span {
         font-size: 11px
     }

     .process-steps li {
         float: none;
         width: auto !important;
         margin-top: 20px
     }

     .process-steps li:first-child {
         margin-top: 0
     }

     .process-steps li h5 {
         margin: 10px 0 0 0
     }

     .process-steps li:before,
     .process-steps li:after {
         display: none
     }

     .tabs-responsive .tab-container {
         padding: 0 !important
     }

     .tabs-responsive .tab-container:not(.accordion-border) {
         border: 0
     }

     .testimonials-grid li {
         float: none;
         width: auto !important;
         padding-left: 0;
         padding-right: 0
     }

     .team.team-list .team-image {
         float: none;
         width: 100%;
         margin-right: 0
     }

     .team.team-list .team-title {
         margin-top: 15px
     }

     .title-block {
         padding: 2px 0 3px 15px;
         border-left-width: 5px
     }

     .title-block-right {
         padding: 2px 15px 3px 0;
         border-right-width: 5px
     }

     .title-block h1+span {
         font-size: 18px
     }

     .title-block h2+span {
         font-size: 17px
     }

     .title-block h3+span {
         font-size: 15px
     }

     .title-block h4+span {
         font-size: 13px
     }

     .heading-block h1 {
         font-size: 30px
     }

     .heading-block h2 {
         font-size: 22px
     }

     .heading-block h3 {
         font-size: 22px
     }

     .heading-block h4 {
         font-size: 19px
     }

     .heading-block h1+span {
         font-size: 20px
     }

     .heading-block h2+span {
         font-size: 15px
     }

     .heading-block h3+span,
     .heading-block h4+span {
         font-size: 17px
     }

     .heading-block~p:not(.lead) {
         font-size: 15px
     }

     .emphasis-title h1,
     .emphasis-title h2 {
         font-size: 44px !important
     }

     .wedding-head {
         font-size: 48px
     }

     .wedding-head .first-name,
     .wedding-head .last-name,
     .wedding-head .and {
         display: block;
         margin: 0 0 15px;
         text-align: center
     }

     .wedding-head .first-name span,
     .wedding-head .last-name span {
         font-size: 36px
     }

     .wedding-head .and {
         font-size: 120px
     }

     .news-carousel .overlay {
         display: none
     }

     #copyrights .col_half {
         text-align: center
     }

     #copyrights .col_half:last-child {
         display: none
     }

     #copyrights .footer-logo {
         margin-left: auto;
         margin-right: auto
     }

     .progress {
         margin-top: 16px
     }

     .passport-size,
     .profile-right {
         max-width: 100% !important;
         flex: 0 0 100%
     }

     .desktop {
         display: none
     }

     .mobile {
         display: block !important
     }

     .profile .nav li a {
         padding: 0 8px !important;
         color: #444;
         font-size: 9px !important
     }

     .pofile img,
     .familyprofile img {
         width: 20%
     }

     .change {
         top: 218px
     }

     .profile .nav li.active {
         display: inline-block !important
     }
 }

 .mobile {
     display: none
 }

 @media(min-width:576px) and (max-width:767px) {

     #header.full-header .container,
     .container-fullwidth {
         width: 540px !important
     }

     .container.vertical-middle {
         width: 100% !important
     }

     .full-screen:not(.force-full-screen) .container.vertical-middle {
         width: 540px !important
     }

     #top-search form input {
         padding-right: 60px
     }

     .swiper_wrapper:not(.force-full-screen),
     .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
         height: 300px !important
     }

     .swiper_wrapper .slider-caption h2 {
         font-size: 2.25rem
     }

     .swiper_wrapper .slider-caption p {
         font-size: 1.25rem
     }

     #header.transparent-header.floating-header .container {
         width: 540px;
         padding: 0 15px
     }

     .mobile {
         display: block !important
     }

     .desktop {
         display: none !important
     }

     .post-grid:not(.post-masonry) .entry-image iframe {
         height: 246px
     }

     .shop:not(.product-1) {
         margin: 0 -12px -12px 0
     }

     .shop:not(.product-1) .product {
         padding: 0 12px 12px 0;
         width: 50%
     }

     .shop:not(.product-1) .product-title h3 {
         font-size: 17px
     }

     .clients-grid:not(.grid-3):not(.grid-2) li,
     .clients-grid.grid-4 li,
     .clients-grid.grid-6 li {
         width: 33.33%
     }

     .button.button-full {
         font-size: 18px
     }

     .button.button-full i {
         top: 2px !important;
         margin-left: 3px !important
     }

     .error404,
     .error404-wrap .error404 {
         font-size: 160px
     }

     .landing-video {
         position: relative;
         top: 12px;
         width: 333px;
         height: 187px;
         margin: 19px 0 0 53px
     }
 }

 @media(max-width:575px) {

     .container,
     #header.full-header .container,
     .container-fullwidth {
         width: 100% !important;
         padding-left: 20px !important;
         padding-right: 20px !important
     }

     #primary-menu-trigger {
         left: 82%
     }

     #top-search a {
         right: 40px
     }

     #top-search form input {
         padding-right: 55px
     }

     #side-panel-trigger {
         right: 68px
     }

     #top-account {
         right: 68px
     }

     #top-account a.btn {
         padding-left: 8px;
         padding-right: 8px
     }

     #top-account a.btn i:last-child {
         display: none
     }

     .swiper_wrapper:not(.force-full-screen),
     .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
         height: 180px !important
     }

     .swiper_wrapper .slider-caption h2 {
         font-size: 1.3rem
     }

     .swiper_wrapper .slider-caption p {
         font-size: 1rem
     }

     #header.transparent-header.floating-header .container {
         width: 310px;
         padding: 0 15px
     }

     .portfolio-filter li {
         width: 50%
     }

     .portfolio:not(.portfolio-1) {
         margin: 0
     }

     .portfolio .portfolio-item {
         width: 100%;
         padding: 0
     }

     .post-grid:not(.post-masonry) .entry-image iframe {
         height: 157px
     }

     .mpost .entry-image {
         float: none;
         margin: 0 0 20px 0
     }

     .mpost .entry-image,
     .mpost .entry-image a,
     .mpost .entry-image img,
     .mpost .entry-image i {
         width: 100%;
         height: auto
     }

     .mpost .entry-image i {
         height: 150px;
         line-height: 150px
     }

     .shop:not(.product-1) {
         margin: 0 !important
     }

     .shop:not(.product-1) .product {
         margin: 0 0 20px;
         padding: 0;
         width: 100%
     }

     .shop:not(.product-1) .product-title h3 {
         font-size: 19px
     }

     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
         height: 45px
     }

     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
     .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
         display: block;
         width: 60px !important;
         height: 45px !important
     }

     .si-share span {
         display: none
     }

     .parallax .entry-overlay-meta,
     .parallax .entry-overlay {
         left: 50% !important;
         right: 0 !important;
         margin: 0 0 0 -140px !important;
         width: 280px !important
     }

     .parallax .entry-overlay {
         width: 288px !important
     }

     .parallax .countdown-section {
         width: 64px;
         height: 64px;
         margin: 0 8px 0 0;
         font-size: 11px;
         padding: 0;
         padding-top: 12px
     }

     .parallax .countdown-amount {
         font-size: 20px
     }

     .countdown-large .countdown-section {
         display: block;
         width: auto;
         margin: 30px 0 0;
         border: 0
     }

     .countdown-large .countdown-section:first-child {
         margin-top: 0
     }

     .testi-image,
     .testi-image a,
     .testi-image img,
     .testi-image i {
         width: 36px;
         height: 36px
     }

     .testi-image i {
         line-height: 36px;
         font-size: 20px
     }

     .clients-grid:not(.grid-3):not(.grid-2) li,
     .clients-grid.grid-4 li,
     .clients-grid.grid-6 li {
         width: 50%
     }

     .button.button-full {
         font-size: 16px
     }

     .button.button-full i {
         top: 2px !important;
         margin-left: 3px !important
     }

     .emphasis-title h1,
     .emphasis-title h2 {
         font-size: 40px !important
     }

     .error404,
     .error404-wrap .error404 {
         font-size: 120px
     }

     .landing-video {
         position: relative;
         top: 9px;
         width: 212px;
         height: 119px;
         margin: 19px 0 0 34px
     }

     .landing-form-overlay {
         margin-left: -155px
     }

     .button.button-desc {
         padding: 20px 17px;
         font-size: 15px;
         max-width: 100%
     }

     .button.button-desc span {
         font-size: 11px
     }
 }

 @media only screen and (-webkit-min-device-pixel-ratio:2),
 only screen and (min--moz-device-pixel-ratio:2),
 only screen and (-o-min-device-pixel-ratio:2/1),
 only screen and (min-device-pixel-ratio:2),
 only screen and (min-resolution:192dpi),
 only screen and (min-resolution:2dppx) {

     #logo a.standard-logo,
     #header.split-menu #logo a.standard-logo {
         display: none
     }

     #logo a.retina-logo {
         display: block
     }

     #header.split-menu #logo a.retina-logo {
         display: inline-block
     }

     .owl-carousel.owl-loading,
     .preloader,
     .preloader2,
     .form-process {
         background-image: url('../images/preloader@2x.gif');
         background-size: 24px 24px
     }

     .widget_nav_menu li a,
     .widget_links li a,
     .widget_meta li a,
     .widget_archive li a,
     .widget_recent_entries li a,
     .widget_categories li a,
     .widget_pages li a,
     .widget_rss li a,
     .widget_recent_comments li a {
         background-size: 4px 20px
     }
 }

 @media only screen and (max-width:768px) {
     #primary-menu-trigger {
         left: 90%
     }

     .autosearch {
         margin-left: 0
     }

     .loginpop {
         width: auto
     }

     .loginpop .acc_content {
         padding: 0
     }

     .notifi a:nth-of-type(2),
     .notifi a:nth-of-type(3) {
         padding-left: 34px
     }

     #logo {
         text-align: left !important
     }

     .search-output,
     .formevent ul li:nth-child(3) {
         height: auto
     }

     .Program .table thead th {
         font-size: 12px
     }

     .mobile {
         display: flex
     }

     .desktop {
         display: none
     }

     .career input {
         padding: 8px 3px;
         border: 0;
         width: 90%
     }

     .course_mode {
         padding: 4px
     }

     .apply {
         padding: 14px 58px !important
     }

     #primary-menu .notifi ul li>a {
         line-height: 1.5;
         padding: 0 5px !important
     }

     #top-cart .top-cart-content {
         right: 0
     }

     .notifi {
         left: 69%;
         margin-top: 3px;
         position: relative;
         top: 0
     }

     #top-cart {
         margin: 0;
         width: 180px;
         top: -54px;
         right: -18px
     }

     .inner #top-cart {
         top: -115px
     }

     .top-cart-title img {
         width: 36px
     }

     .top-cart-title h4 {
         display: inline
     }
 }

 @media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px),
 only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),
 only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),
 only screen and (min-device-pixel-ratio:2) and (max-width:991px),
 only screen and (min-resolution:192dpi) and (max-width:991px),
 only screen and (min-resolution:2dppx) and (max-width:991px) {
     #logo a.standard-logo {
         display: none
     }

     #logo a.retina-logo {
         display: inline-block
     }
 }

 @media only screen and (max-width:425px) {
     .notifi {
         left: 0
     }

     .notifi a:nth-of-type(2),
     .notifi a:nth-of-type(3) {
         padding-left: 80px
     }
 }

 @media only screen and (max-width:320px) {
     .notifi {
         left: 0
     }
 }

 @font-face {
     font-family: 'font-icons';
     src: url('fonts/font-icons.eot');
     src: url('fonts/font-icons.eot') format('embedded-opentype'), url('fonts/font-icons.woff') format('woff'), url('fonts/font-icons.ttf') format('truetype'), url('fonts/font-icons.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: 'lined-icons';
     src: url('fonts/lined-icons.eot');
     src: url('fonts/lined-icons.eot') format('embedded-opentype'), url('fonts/lined-icons.woff') format('woff'), url('fonts/lined-icons.ttf') format('truetype'), url('fonts/lined-icons.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: 'Simple-Line-Icons';
     src: url('fonts/Simple-Line-Icons.eot');
     src: url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff') format('woff'), url('fonts/Simple-Line-Icons.ttf') format('truetype'), url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap
 }

 [class^="icon-"],
 [class*=" icon-"],
 [class^="icon-line-"],
 [class*=" icon-line-"],
 [class^="icon-line2-"],
 [class*=" icon-line2-"],
 .side-header #primary-menu ul>li.sub-menu>a:after {
     font-family: 'font-icons';
     font-display: swap;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: inherit;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 [class^="icon-line-"],
 [class*=" icon-line-"] {
     font-family: 'lined-icons'
 }

 [class^="icon-line2-"],
 [class*=" icon-line2-"] {
     font-family: 'Simple-Line-Icons'
 }

 .icon-lg {
     font-size: 1.3333333333333333em;
     line-height: .75em;
     vertical-align: -15%
 }

 .icon-2x {
     font-size: 2em
 }

 .icon-3x {
     font-size: 3em
 }

 .icon-4x {
     font-size: 4em
 }

 .icon-5x {
     font-size: 5em
 }

 .icon-fw {
     width: 1.2857142857142858em;
     text-align: center
 }

 .iconlist {
     padding-left: 0;
     margin-left: 1.75em;
     list-style-type: none
 }

 .iconlist li {
     position: relative
 }

 .iconlist ul {
     list-style-type: none;
     margin: 5px 0 5px 25px
 }

 .iconlist>li [class^="icon-"]:first-child,
 .iconlist>li [class*=" icon-"]:first-child {
     position: absolute;
     left: -1.75em;
     width: 1.75em;
     text-align: center;
     top: 1px;
     width: 14px
 }

 .iconlist.iconlist-large {
     font-size: 16px
 }

 .iconlist.iconlist-large li {
     margin: 4px 0
 }

 .iconlist.iconlist-large>li [class^="icon-"],
 .iconlist.iconlist-large>li [class*=" icon-"] {
     width: 16px;
     margin-right: 5px
 }

 .iconlist-color li i {
     color: #1abc9c
 }

 .icon-border {
     padding: .2em .25em .15em;
     border: solid .08em #eee;
     border-radius: .1em
 }

 .icon.pull-left {
     margin-right: .3em
 }

 .icon.pull-right {
     margin-left: .3em
 }

 .icon-spin {
     -webkit-animation: spin 2s infinite linear;
     -moz-animation: spin 2s infinite linear;
     -o-animation: spin 2s infinite linear;
     animation: spin 2s infinite linear
 }

 @-moz-keyframes spin {
     0% {
         -moz-transform: rotate(0deg)
     }

     100% {
         -moz-transform: rotate(359deg)
     }
 }

 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg)
     }

     100% {
         -webkit-transform: rotate(359deg)
     }
 }

 @-o-keyframes spin {
     0% {
         -o-transform: rotate(0deg)
     }

     100% {
         -o-transform: rotate(359deg)
     }
 }

 @-ms-keyframes spin {
     0% {
         -ms-transform: rotate(0deg)
     }

     100% {
         -ms-transform: rotate(359deg)
     }
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg)
     }

     100% {
         transform: rotate(359deg)
     }
 }

 .icon-rotate-90 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .icon-rotate-180 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .icon-rotate-270 {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg)
 }

 .icon-flip-horizontal {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
     -webkit-transform: scale(-1, 1);
     -moz-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     -o-transform: scale(-1, 1);
     transform: scale(-1, 1)
 }

 .icon-flip-vertical {
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
     -webkit-transform: scale(1, -1);
     -moz-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     -o-transform: scale(1, -1);
     transform: scale(1, -1)
 }

 .icon-stacked {
     position: relative;
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     vertical-align: middle
 }

 .icon-stacked-1x,
 .icon-stacked-2x {
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center
 }

 .icon-stacked-1x {
     line-height: inherit
 }

 .icon-stacked-2x {
     font-size: 2em
 }

 .icon-inverse {
     color: #fff
 }

 .icon-type:before {
     content: "\e600"
 }

 .icon-box:before {
     content: "\e601"
 }

 .icon-archive:before {
     content: "\e602"
 }

 .icon-envelope:before {
     content: "\e603"
 }

 .icon-email:before {
     content: "\e604"
 }

 .icon-files:before {
     content: "\e605"
 }

 .icon-printer2:before {
     content: "\e606"
 }

 .icon-folder-add:before {
     content: "\e607"
 }

 .icon-folder-settings:before {
     content: "\e608"
 }

 .icon-folder-check:before {
     content: "\e609"
 }

 .icon-wifi-low:before {
     content: "\e60a"
 }

 .icon-wifi-mid:before {
     content: "\e60b"
 }

 .icon-wifi-full:before {
     content: "\e60c"
 }

 .icon-connection-empty:before {
     content: "\e60d"
 }

 .icon-battery-full:before {
     content: "\e60e"
 }

 .icon-settings:before {
     content: "\e60f"
 }

 .icon-arrow-left:before {
     content: "\e610"
 }

 .icon-arrow-up:before {
     content: "\e611"
 }

 .icon-arrow-down:before {
     content: "\e612"
 }

 .icon-arrow-right:before {
     content: "\e613"
 }

 .icon-reload:before {
     content: "\e614"
 }

 .icon-download:before {
     content: "\e615"
 }

 .icon-tag:before {
     content: "\e616"
 }

 .icon-trashcan:before {
     content: "\e617"
 }

 .icon-search:before {
     content: "\e618"
 }

 .icon-zoom-in:before {
     content: "\e619"
 }

 .icon-zoom-out:before {
     content: "\e61a"
 }

 .icon-chat:before {
     content: "\e61b"
 }

 .icon-clock:before {
     content: "\e61c"
 }

 .icon-printer:before {
     content: "\e61d"
 }

 .icon-home:before {
     content: "\e61e"
 }

 .icon-flag:before {
     content: "\e61f"
 }

 .icon-meter:before {
     content: "\e620"
 }

 .icon-switch:before {
     content: "\e621"
 }

 .icon-forbidden:before {
     content: "\e622"
 }

 .icon-phone-landscape:before {
     content: "\e623"
 }

 .icon-tablet:before {
     content: "\e624"
 }

 .icon-tablet-landscape:before {
     content: "\e625"
 }

 .icon-laptop:before {
     content: "\e626"
 }

 .icon-camera:before {
     content: "\e627"
 }

 .icon-microwave-oven:before {
     content: "\e628"
 }

 .icon-credit-cards:before {
     content: "\e629"
 }

 .icon-map-marker:before {
     content: "\e62a"
 }

 .icon-map:before {
     content: "\e62b"
 }

 .icon-support:before {
     content: "\e62c"
 }

 .icon-newspaper2:before {
     content: "\e62d"
 }

 .icon-barbell:before {
     content: "\e62e"
 }

 .icon-stopwatch:before {
     content: "\e62f"
 }

 .icon-atom:before {
     content: "\e630"
 }

 .icon-image:before {
     content: "\e631"
 }

 .icon-cube:before {
     content: "\e632"
 }

 .icon-bars:before {
     content: "\e633"
 }

 .icon-chart:before {
     content: "\e634"
 }

 .icon-pencil:before {
     content: "\e635"
 }

 .icon-measure:before {
     content: "\e636"
 }

 .icon-eyedropper:before {
     content: "\e637"
 }

 .icon-file-settings:before {
     content: "\e638"
 }

 .icon-file-add:before {
     content: "\e639"
 }

 .icon-file:before {
     content: "\e63a"
 }

 .icon-align-left:before {
     content: "\e63b"
 }

 .icon-align-right:before {
     content: "\e63c"
 }

 .icon-align-center:before {
     content: "\e63d"
 }

 .icon-align-justify:before {
     content: "\e63e"
 }

 .icon-file-broken:before {
     content: "\e63f"
 }

 .icon-browser:before {
     content: "\e640"
 }

 .icon-windows:before {
     content: "\e641"
 }

 .icon-window:before {
     content: "\e642"
 }

 .icon-folder:before {
     content: "\e643"
 }

 .icon-connection-25:before {
     content: "\e644"
 }

 .icon-connection-50:before {
     content: "\e645"
 }

 .icon-connection-75:before {
     content: "\e646"
 }

 .icon-connection-full:before {
     content: "\e647"
 }

 .icon-list:before {
     content: "\e648"
 }

 .icon-grid:before {
     content: "\e649"
 }

 .icon-stack3:before {
     content: "\e64a"
 }

 .icon-battery-charging:before {
     content: "\e64b"
 }

 .icon-battery-empty:before {
     content: "\e64c"
 }

 .icon-battery-25:before {
     content: "\e64d"
 }

 .icon-battery-50:before {
     content: "\e64e"
 }

 .icon-battery-75:before {
     content: "\e64f"
 }

 .icon-refresh:before {
     content: "\e650"
 }

 .icon-volume:before {
     content: "\e651"
 }

 .icon-volume-increase:before {
     content: "\e652"
 }

 .icon-volume-decrease:before {
     content: "\e653"
 }

 .icon-mute:before {
     content: "\e654"
 }

 .icon-microphone:before {
     content: "\e655"
 }

 .icon-microphone-off:before {
     content: "\e656"
 }

 .icon-book:before {
     content: "\e657"
 }

 .icon-checkmark:before {
     content: "\e658"
 }

 .icon-checkbox-checked:before {
     content: "\e659"
 }

 .icon-checkbox:before {
     content: "\e65a"
 }

 .icon-paperclip:before {
     content: "\e65b"
 }

 .icon-chat-1:before {
     content: "\e65c"
 }

 .icon-chat-2:before {
     content: "\e65d"
 }

 .icon-chat-3:before {
     content: "\e65e"
 }

 .icon-comment:before {
     content: "\e65f"
 }

 .icon-calendar:before {
     content: "\e660"
 }

 .icon-bookmark:before {
     content: "\e661"
 }

 .icon-email2:before {
     content: "\e662"
 }

 .icon-heart:before {
     content: "\e663"
 }

 .icon-enter:before {
     content: "\e664"
 }

 .icon-cloud:before {
     content: "\e665"
 }

 .icon-book2:before {
     content: "\e666"
 }

 .icon-star:before {
     content: "\e667"
 }

 .icon-lock:before {
     content: "\e668"
 }

 .icon-unlocked:before {
     content: "\e669"
 }

 .icon-unlocked2:before {
     content: "\e66a"
 }

 .icon-users:before {
     content: "\e66b"
 }

 .icon-user:before {
     content: "\e66c"
 }

 .icon-users2:before {
     content: "\e66d"
 }

 .icon-user2:before {
     content: "\e66e"
 }

 .icon-bullhorn:before {
     content: "\e66f"
 }

 .icon-share:before {
     content: "\e670"
 }

 .icon-screen:before {
     content: "\e671"
 }

 .icon-phone:before {
     content: "\e672"
 }

 .icon-phone-portrait:before {
     content: "\e673"
 }

 .icon-calculator:before {
     content: "\e674"
 }

 .icon-bag:before {
     content: "\e675"
 }

 .icon-diamond:before {
     content: "\e676"
 }

 .icon-drink:before {
     content: "\e677"
 }

 .icon-shorts:before {
     content: "\e678"
 }

 .icon-vcard:before {
     content: "\e679"
 }

 .icon-sun:before {
     content: "\e67a"
 }

 .icon-bill:before {
     content: "\e67b"
 }

 .icon-coffee:before {
     content: "\e67c"
 }

 .icon-tv2:before {
     content: "\e67d"
 }

 .icon-newspaper:before {
     content: "\e67e"
 }

 .icon-stack:before {
     content: "\e67f"
 }

 .icon-syringe:before {
     content: "\e680"
 }

 .icon-health:before {
     content: "\e681"
 }

 .icon-bolt:before {
     content: "\e682"
 }

 .icon-pill:before {
     content: "\e683"
 }

 .icon-bones:before {
     content: "\e684"
 }

 .icon-lab:before {
     content: "\e685"
 }

 .icon-clipboard:before {
     content: "\e686"
 }

 .icon-mug:before {
     content: "\e687"
 }

 .icon-bucket:before {
     content: "\e688"
 }

 .icon-select:before {
     content: "\e689"
 }

 .icon-graph:before {
     content: "\e68a"
 }

 .icon-crop:before {
     content: "\e68b"
 }

 .icon-heart2:before {
     content: "\e68c"
 }

 .icon-cloud2:before {
     content: "\e68d"
 }

 .icon-star2:before {
     content: "\e68e"
 }

 .icon-pen:before {
     content: "\e68f"
 }

 .icon-diamond2:before {
     content: "\e690"
 }

 .icon-display:before {
     content: "\e691"
 }

 .icon-paperplane:before {
     content: "\e692"
 }

 .icon-params:before {
     content: "\e693"
 }

 .icon-banknote:before {
     content: "\e694"
 }

 .icon-vynil:before {
     content: "\e695"
 }

 .icon-truck:before {
     content: "\e696"
 }

 .icon-world:before {
     content: "\e697"
 }

 .icon-tv:before {
     content: "\e698"
 }

 .icon-sound:before {
     content: "\e699"
 }

 .icon-video:before {
     content: "\e69a"
 }

 .icon-trash:before {
     content: "\e69b"
 }

 .icon-user3:before {
     content: "\e69c"
 }

 .icon-key:before {
     content: "\e69d"
 }

 .icon-search2:before {
     content: "\e69e"
 }

 .icon-settings2:before {
     content: "\e69f"
 }

 .icon-camera2:before {
     content: "\e6a0"
 }

 .icon-tag2:before {
     content: "\e6a1"
 }

 .icon-lock2:before {
     content: "\e6a2"
 }

 .icon-bulb:before {
     content: "\e6a3"
 }

 .icon-location:before {
     content: "\e6a4"
 }

 .icon-eye:before {
     content: "\e6a5"
 }

 .icon-bubble:before {
     content: "\e6a6"
 }

 .icon-stack2:before {
     content: "\e6a7"
 }

 .icon-cup:before {
     content: "\e6a8"
 }

 .icon-phone2:before {
     content: "\e6a9"
 }

 .icon-mail:before {
     content: "\e6ab"
 }

 .icon-like:before {
     content: "\e6ac"
 }

 .icon-photo:before {
     content: "\e6ad"
 }

 .icon-note:before {
     content: "\e6ae"
 }

 .icon-clock2:before {
     content: "\e6af"
 }

 .icon-data:before {
     content: "\e6b0"
 }

 .icon-music:before {
     content: "\e6b1"
 }

 .icon-megaphone:before {
     content: "\e6b2"
 }

 .icon-study:before {
     content: "\e6b3"
 }

 .icon-lab2:before {
     content: "\e6b4"
 }

 .icon-food:before {
     content: "\e6b5"
 }

 .icon-t-shirt:before {
     content: "\e6b6"
 }

 .icon-fire:before {
     content: "\e6b7"
 }

 .icon-clip:before {
     content: "\e6b8"
 }

 .icon-shop:before {
     content: "\e6b9"
 }

 .icon-calendar2:before {
     content: "\e6ba"
 }

 .icon-wallet:before {
     content: "\e6bb"
 }

 .icon-duckduckgo:before {
     content: "\e830"
 }

 .icon-lkdto:before {
     content: "\e896"
 }

 .icon-delicious:before {
     content: "\e832"
 }

 .icon-paypal:before {
     content: "\e833"
 }

 .icon-flattr:before {
     content: "\e834"
 }

 .icon-android:before {
     content: "\e835"
 }

 .icon-eventful:before {
     content: "\e836"
 }

 .icon-smashmag:before {
     content: "\e837"
 }

 .icon-gplus:before {
     content: "\e838"
 }

 .icon-wikipedia:before {
     content: "\e839"
 }

 .icon-lanyrd:before {
     content: "\e83a"
 }

 .icon-calendar-1:before {
     content: "\e83b"
 }

 .icon-stumbleupon:before {
     content: "\e83c"
 }

 .icon-bitcoin:before {
     content: "\e83f"
 }

 .icon-w3c:before {
     content: "\e840"
 }

 .icon-foursquare:before {
     content: "\e841"
 }

 .icon-html5:before {
     content: "\e842"
 }

 .icon-ie:before {
     content: "\e843"
 }

 .icon-call:before {
     content: "\e844"
 }

 .icon-grooveshark:before {
     content: "\e845"
 }

 .icon-ninetyninedesigns:before {
     content: "\e846"
 }

 .icon-forrst:before {
     content: "\e847"
 }

 .icon-digg:before {
     content: "\e848"
 }

 .icon-spotify:before {
     content: "\e849"
 }

 .icon-reddit:before {
     content: "\e84a"
 }

 .icon-guest:before {
     content: "\e84b"
 }

 .icon-blogger:before {
     content: "\e84e"
 }

 .icon-cc:before {
     content: "\e84f"
 }

 .icon-dribbble:before {
     content: "\e850"
 }

 .icon-evernote:before {
     content: "\e851"
 }

 .icon-flickr:before {
     content: "\e852"
 }

 .icon-google:before {
     content: "\e853"
 }

 .icon-viadeo:before {
     content: "\e854"
 }

 .icon-instapaper:before {
     content: "\e855"
 }

 .icon-weibo:before {
     content: "\e856"
 }

 .icon-klout:before {
     content: "\e857"
 }

 .icon-linkedin:before {
     content: "\e858"
 }

 .icon-meetup:before {
     content: "\e859"
 }

 .icon-vk:before {
     content: "\e85a"
 }

 .icon-rss:before {
     content: "\e85d"
 }

 .icon-skype:before {
     content: "\e85e"
 }

 .icon-twitter:before {
     content: "\e85f"
 }

 .icon-youtube:before {
     content: "\e860"
 }

 .icon-vimeo:before {
     content: "\e861"
 }

 .icon-windows2:before {
     content: "\e862"
 }

 .icon-aim:before {
     content: "\e831"
 }

 .icon-yahoo:before {
     content: "\e864"
 }

 .icon-chrome:before {
     content: "\e865"
 }

 .icon-email3:before {
     content: "\e866"
 }

 .icon-macstore:before {
     content: "\e867"
 }

 .icon-myspace:before {
     content: "\e868"
 }

 .icon-podcast:before {
     content: "\e869"
 }

 .icon-cloudapp:before {
     content: "\e86c"
 }

 .icon-dropbox:before {
     content: "\e86d"
 }

 .icon-ebay:before {
     content: "\e86e"
 }

 .icon-facebook:before {
     content: "\e86f"
 }

 .icon-github:before {
     content: "\e870"
 }

 .icon-github-circled:before {
     content: "\e871"
 }

 .icon-googleplay:before {
     content: "\e872"
 }

 .icon-itunes:before {
     content: "\e873"
 }

 .icon-plurk:before {
     content: "\e874"
 }

 .icon-songkick:before {
     content: "\e875"
 }

 .icon-lastfm:before {
     content: "\e876"
 }

 .icon-gmail:before {
     content: "\e877"
 }

 .icon-pinboard:before {
     content: "\e878"
 }

 .icon-soundcloud:before {
     content: "\e87b"
 }

 .icon-tumblr:before {
     content: "\e87c"
 }

 .icon-eventasaurus:before {
     content: "\e87d"
 }

 .icon-wordpress:before {
     content: "\e87e"
 }

 .icon-yelp:before {
     content: "\e87f"
 }

 .icon-intensedebate:before {
     content: "\e880"
 }

 .icon-eventbrite:before {
     content: "\e881"
 }

 .icon-scribd:before {
     content: "\e882"
 }

 .icon-posterous:before {
     content: "\e883"
 }

 .icon-stripe:before {
     content: "\e884"
 }

 .icon-opentable:before {
     content: "\e885"
 }

 .icon-cart:before {
     content: "\e886"
 }

 .icon-print:before {
     content: "\e887"
 }

 .icon-dwolla:before {
     content: "\e88a"
 }

 .icon-appnet:before {
     content: "\e88b"
 }

 .icon-statusnet:before {
     content: "\e88c"
 }

 .icon-acrobat:before {
     content: "\e88d"
 }

 .icon-drupal:before {
     content: "\e88e"
 }

 .icon-buffer:before {
     content: "\e88f"
 }

 .icon-pocket:before {
     content: "\e890"
 }

 .icon-bitbucket:before {
     content: "\e891"
 }

 .icon-lego:before {
     content: "\e892"
 }

 .icon-login:before {
     content: "\e893"
 }

 .icon-stackoverflow:before {
     content: "\e894"
 }

 .icon-hackernews:before {
     content: "\e895"
 }

 .icon-xing:before {
     content: "\e863"
 }

 .icon-instagram:before {
     content: "\e889"
 }

 .icon-angellist:before {
     content: "\e888"
 }

 .icon-quora:before {
     content: "\e87a"
 }

 .icon-openid:before {
     content: "\e879"
 }

 .icon-steam:before {
     content: "\e86b"
 }

 .icon-amazon:before {
     content: "\e86a"
 }

 .icon-disqus:before {
     content: "\e85c"
 }

 .icon-plancast:before {
     content: "\e85b"
 }

 .icon-appstore:before {
     content: "\e84d"
 }

 .icon-gowalla:before {
     content: "\e84c"
 }

 .icon-pinterest:before {
     content: "\e83e"
 }

 .icon-fivehundredpx:before {
     content: "\e83d"
 }

 .icon-glass:before {
     content: "\e6bc"
 }

 .icon-music2:before {
     content: "\e6bd"
 }

 .icon-search3:before {
     content: "\e6be"
 }

 .icon-envelope2:before {
     content: "\e6bf"
 }

 .icon-heart3:before {
     content: "\e6c0"
 }

 .icon-star3:before {
     content: "\e6c1"
 }

 .icon-star-empty:before {
     content: "\e6c2"
 }

 .icon-user4:before {
     content: "\e6c3"
 }

 .icon-film:before {
     content: "\e6c4"
 }

 .icon-th-large:before {
     content: "\e6c5"
 }

 .icon-th:before {
     content: "\e6c6"
 }

 .icon-th-list:before {
     content: "\e6c7"
 }

 .icon-ok:before {
     content: "\e6c8"
 }

 .icon-remove:before {
     content: "\e6c9"
 }

 .icon-zoom-in2:before {
     content: "\e6ca"
 }

 .icon-zoom-out2:before {
     content: "\e6cb"
 }

 .icon-off:before {
     content: "\e6cc"
 }

 .icon-signal:before {
     content: "\e6cd"
 }

 .icon-cog:before {
     content: "\e6ce"
 }

 .icon-trash2:before {
     content: "\e6cf"
 }

 .icon-home2:before {
     content: "\e6d0"
 }

 .icon-file2:before {
     content: "\e6d1"
 }

 .icon-time:before {
     content: "\e6d2"
 }

 .icon-road:before {
     content: "\e6d3"
 }

 .icon-download-alt:before {
     content: "\e6d4"
 }

 .icon-download2:before {
     content: "\e6d5"
 }

 .icon-upload:before {
     content: "\e6d6"
 }

 .icon-inbox:before {
     content: "\e6d7"
 }

 .icon-play-circle:before {
     content: "\e6d8"
 }

 .icon-repeat:before {
     content: "\e6d9"
 }

 .icon-refresh2:before {
     content: "\e6da"
 }

 .icon-list-alt:before {
     content: "\e6db"
 }

 .icon-lock3:before {
     content: "\e6dc"
 }

 .icon-flag2:before {
     content: "\e6dd"
 }

 .icon-headphones:before {
     content: "\e6de"
 }

 .icon-volume-off:before {
     content: "\e6df"
 }

 .icon-volume-down:before {
     content: "\e6e0"
 }

 .icon-volume-up:before {
     content: "\e6e1"
 }

 .icon-qrcode:before {
     content: "\e6e2"
 }

 .icon-barcode:before {
     content: "\e6e3"
 }

 .icon-tag3:before {
     content: "\e6e4"
 }

 .icon-tags:before {
     content: "\e6e5"
 }

 .icon-book3:before {
     content: "\e6e6"
 }

 .icon-bookmark2:before {
     content: "\e6e7"
 }

 .icon-print2:before {
     content: "\e6e8"
 }

 .icon-camera3:before {
     content: "\e6e9"
 }

 .icon-font:before {
     content: "\e6ea"
 }

 .icon-bold:before {
     content: "\e6eb"
 }

 .icon-italic:before {
     content: "\e6ec"
 }

 .icon-text-height:before {
     content: "\e6ed"
 }

 .icon-text-width:before {
     content: "\e6ee"
 }

 .icon-align-left2:before {
     content: "\e6ef"
 }

 .icon-align-center2:before {
     content: "\e6f0"
 }

 .icon-align-right2:before {
     content: "\e6f1"
 }

 .icon-align-justify2:before {
     content: "\e6f2"
 }

 .icon-list2:before {
     content: "\e6f3"
 }

 .icon-indent-left:before {
     content: "\e6f4"
 }

 .icon-indent-right:before {
     content: "\e6f5"
 }

 .icon-facetime-video:before {
     content: "\e6f6"
 }

 .icon-picture:before {
     content: "\e6f7"
 }

 .icon-pencil2:before {
     content: "\e6f8"
 }

 .icon-map-marker2:before {
     content: "\e6f9"
 }

 .icon-adjust:before {
     content: "\e6fa"
 }

 .icon-tint:before {
     content: "\e6fb"
 }

 .icon-edit:before {
     content: "\e6fc"
 }

 .icon-share2:before {
     content: "\e6fd"
 }

 .icon-check:before {
     content: "\e6fe"
 }

 .icon-move:before {
     content: "\e6ff"
 }

 .icon-step-backward:before {
     content: "\e700"
 }

 .icon-fast-backward:before {
     content: "\e701"
 }

 .icon-backward:before {
     content: "\e702"
 }

 .icon-play:before {
     content: "\e703"
 }

 .icon-pause:before {
     content: "\e704"
 }

 .icon-stop:before {
     content: "\e705"
 }

 .icon-forward:before {
     content: "\e706"
 }

 .icon-fast-forward:before {
     content: "\e707"
 }

 .icon-step-forward:before {
     content: "\e708"
 }

 .icon-eject:before {
     content: "\e709"
 }

 .icon-chevron-left:before {
     content: "\e70a"
 }

 .icon-chevron-right:before {
     content: "\e70b"
 }

 .icon-plus-sign:before {
     content: "\e70c"
 }

 .icon-minus-sign:before {
     content: "\e70d"
 }

 .icon-remove-sign:before {
     content: "\e70e"
 }

 .icon-ok-sign:before {
     content: "\e70f"
 }

 .icon-question-sign:before {
     content: "\e710"
 }

 .icon-info-sign:before {
     content: "\e711"
 }

 .icon-screenshot:before {
     content: "\e712"
 }

 .icon-remove-circle:before {
     content: "\e713"
 }

 .icon-ok-circle:before {
     content: "\e714"
 }

 .icon-ban-circle:before {
     content: "\e715"
 }

 .icon-arrow-left2:before {
     content: "\e716"
 }

 .icon-arrow-right2:before {
     content: "\e717"
 }

 .icon-arrow-up2:before {
     content: "\e718"
 }

 .icon-arrow-down2:before {
     content: "\e719"
 }

 .icon-share-alt:before {
     content: "\e71a"
 }

 .icon-resize-full:before {
     content: "\e71b"
 }

 .icon-resize-small:before {
     content: "\e71c"
 }

 .icon-plus:before {
     content: "\e71d"
 }

 .icon-minus:before {
     content: "\e71e"
 }

 .icon-asterisk:before {
     content: "\e71f"
 }

 .icon-exclamation-sign:before {
     content: "\e720"
 }

 .icon-gift:before {
     content: "\e721"
 }

 .icon-leaf:before {
     content: "\e722"
 }

 .icon-fire2:before {
     content: "\e723"
 }

 .icon-eye-open:before {
     content: "\e724"
 }

 .icon-eye-close:before {
     content: "\e725"
 }

 .icon-warning-sign:before {
     content: "\e726"
 }

 .icon-plane:before {
     content: "\e727"
 }

 .icon-calendar3:before {
     content: "\e728"
 }

 .icon-random:before {
     content: "\e729"
 }

 .icon-comment2:before {
     content: "\e72a"
 }

 .icon-magnet:before {
     content: "\e72b"
 }

 .icon-chevron-up:before {
     content: "\e72c"
 }

 .icon-chevron-down:before {
     content: "\e72d"
 }

 .icon-retweet:before {
     content: "\e72e"
 }

 .icon-shopping-cart:before {
     content: "\e72f"
 }

 .icon-folder-close:before {
     content: "\e730"
 }

 .icon-folder-open:before {
     content: "\e731"
 }

 .icon-resize-vertical:before {
     content: "\e732"
 }

 .icon-resize-horizontal:before {
     content: "\e733"
 }

 .icon-bar-chart:before {
     content: "\e734"
 }

 .icon-twitter-sign:before {
     content: "\e735"
 }

 .icon-facebook-sign:before {
     content: "\e736"
 }

 .icon-camera-retro:before {
     content: "\e737"
 }

 .icon-key2:before {
     content: "\e738"
 }

 .icon-cogs:before {
     content: "\e739"
 }

 .icon-comments:before {
     content: "\e73a"
 }

 .icon-thumbs-up:before {
     content: "\e73b"
 }

 .icon-thumbs-down:before {
     content: "\e73c"
 }

 .icon-star-half:before {
     content: "\e73d"
 }

 .icon-heart-empty:before {
     content: "\e73e"
 }

 .icon-signout:before {
     content: "\e73f"
 }

 .icon-linkedin-sign:before {
     content: "\e740"
 }

 .icon-pushpin:before {
     content: "\e741"
 }

 .icon-external-link:before {
     content: "\e742"
 }

 .icon-signin:before {
     content: "\e743"
 }

 .icon-trophy:before {
     content: "\e744"
 }

 .icon-github-sign:before {
     content: "\e745"
 }

 .icon-upload-alt:before {
     content: "\e746"
 }

 .icon-lemon:before {
     content: "\e747"
 }

 .icon-phone3:before {
     content: "\e748"
 }

 .icon-check-empty:before {
     content: "\e749"
 }

 .icon-bookmark-empty:before {
     content: "\e74a"
 }

 .icon-phone-sign:before {
     content: "\e74b"
 }

 .icon-twitter2:before {
     content: "\e74c"
 }

 .icon-facebook2:before {
     content: "\e74d"
 }

 .icon-github2:before {
     content: "\e74e"
 }

 .icon-unlock:before {
     content: "\e74f"
 }

 .icon-credit:before {
     content: "\e750"
 }

 .icon-rss2:before {
     content: "\e751"
 }

 .icon-hdd:before {
     content: "\e752"
 }

 .icon-bullhorn2:before {
     content: "\e753"
 }

 .icon-bell:before {
     content: "\e754"
 }

 .icon-certificate:before {
     content: "\e755"
 }

 .icon-hand-right:before {
     content: "\e756"
 }

 .icon-hand-left:before {
     content: "\e757"
 }

 .icon-hand-up:before {
     content: "\e758"
 }

 .icon-hand-down:before {
     content: "\e759"
 }

 .icon-circle-arrow-left:before {
     content: "\e75a"
 }

 .icon-circle-arrow-right:before {
     content: "\e75b"
 }

 .icon-circle-arrow-up:before {
     content: "\e75c"
 }

 .icon-circle-arrow-down:before {
     content: "\e75d"
 }

 .icon-globe:before {
     content: "\e75e"
 }

 .icon-wrench:before {
     content: "\e75f"
 }

 .icon-tasks:before {
     content: "\e760"
 }

 .icon-filter:before {
     content: "\e761"
 }

 .icon-briefcase:before {
     content: "\e762"
 }

 .icon-fullscreen:before {
     content: "\e763"
 }

 .icon-group:before {
     content: "\e764"
 }

 .icon-link:before {
     content: "\e765"
 }

 .icon-cloud3:before {
     content: "\e766"
 }

 .icon-beaker:before {
     content: "\e767"
 }

 .icon-cut:before {
     content: "\e768"
 }

 .icon-copy:before {
     content: "\e769"
 }

 .icon-paper-clip:before {
     content: "\e76a"
 }

 .icon-save:before {
     content: "\e76b"
 }

 .icon-sign-blank:before {
     content: "\e76c"
 }

 .icon-reorder:before {
     content: "\e76d"
 }

 .icon-list-ul:before {
     content: "\e76e"
 }

 .icon-list-ol:before {
     content: "\e76f"
 }

 .icon-strikethrough:before {
     content: "\e770"
 }

 .icon-underline:before {
     content: "\e771"
 }

 .icon-table:before {
     content: "\e772"
 }

 .icon-magic:before {
     content: "\e773"
 }

 .icon-truck2:before {
     content: "\e774"
 }

 .icon-pinterest2:before {
     content: "\e775"
 }

 .icon-pinterest-sign:before {
     content: "\e776"
 }

 .icon-google-plus-sign:before {
     content: "\e777"
 }

 .icon-google-plus:before {
     content: "\e778"
 }

 .icon-money:before {
     content: "\e779"
 }

 .icon-caret-down:before {
     content: "\e77a"
 }

 .icon-caret-up:before {
     content: "\e77b"
 }

 .icon-caret-left:before {
     content: "\e77c"
 }

 .icon-caret-right:before {
     content: "\e77d"
 }

 .icon-columns:before {
     content: "\e77e"
 }

 .icon-sort:before {
     content: "\e77f"
 }

 .icon-sort-down:before {
     content: "\e780"
 }

 .icon-sort-up:before {
     content: "\e781"
 }

 .icon-envelope-alt:before {
     content: "\e782"
 }

 .icon-linkedin2:before {
     content: "\e783"
 }

 .icon-undo:before {
     content: "\e784"
 }

 .icon-legal:before {
     content: "\e785"
 }

 .icon-dashboard:before {
     content: "\e786"
 }

 .icon-comment-alt:before {
     content: "\e787"
 }

 .icon-comments-alt:before {
     content: "\e788"
 }

 .icon-bolt2:before {
     content: "\e789"
 }

 .icon-sitemap:before {
     content: "\e78a"
 }

 .icon-umbrella:before {
     content: "\e78b"
 }

 .icon-paste:before {
     content: "\e78c"
 }

 .icon-lightbulb:before {
     content: "\e78d"
 }

 .icon-exchange:before {
     content: "\e78e"
 }

 .icon-cloud-download:before {
     content: "\e78f"
 }

 .icon-cloud-upload:before {
     content: "\e790"
 }

 .icon-user-md:before {
     content: "\e791"
 }

 .icon-stethoscope:before {
     content: "\e792"
 }

 .icon-suitcase:before {
     content: "\e793"
 }

 .icon-bell-alt:before {
     content: "\e794"
 }

 .icon-coffee2:before {
     content: "\e795"
 }

 .icon-food2:before {
     content: "\e796"
 }

 .icon-file-alt:before {
     content: "\e797"
 }

 .icon-building:before {
     content: "\e798"
 }

 .icon-hospital:before {
     content: "\e799"
 }

 .icon-ambulance:before {
     content: "\e79a"
 }

 .icon-medkit:before {
     content: "\e79b"
 }

 .icon-fighter-jet:before {
     content: "\e79c"
 }

 .icon-beer:before {
     content: "\e79d"
 }

 .icon-h-sign:before {
     content: "\e79e"
 }

 .icon-plus-sign2:before {
     content: "\e79f"
 }

 .icon-double-angle-left:before {
     content: "\e7a0"
 }

 .icon-double-angle-right:before {
     content: "\e7a1"
 }

 .icon-double-angle-up:before {
     content: "\e7a2"
 }

 .icon-double-angle-down:before {
     content: "\e7a3"
 }

 .icon-angle-left:before {
     content: "\e7a4"
 }

 .icon-angle-right:before {
     content: "\e7a5"
 }

 .icon-angle-up:before {
     content: "\e7a6"
 }

 .icon-angle-down:before {
     content: "\e7a7"
 }

 .icon-desktop:before {
     content: "\e7a8"
 }

 .icon-laptop2:before {
     content: "\e7a9"
 }

 .icon-tablet2:before {
     content: "\e7aa"
 }

 .icon-mobile:before {
     content: "\e7ab"
 }

 .icon-circle-blank:before {
     content: "\e7ac"
 }

 .icon-quote-left:before {
     content: "\e7ad"
 }

 .icon-quote-right:before {
     content: "\e7ae"
 }

 .icon-spinner:before {
     content: "\e7af"
 }

 .icon-circle:before {
     content: "\e7b0"
 }

 .icon-reply:before {
     content: "\e7b1"
 }

 .icon-github-alt:before {
     content: "\e7b2"
 }

 .icon-folder-close-alt:before {
     content: "\e7b3"
 }

 .icon-folder-open-alt:before {
     content: "\e7b4"
 }

 .icon-expand-alt:before {
     content: "\e7b5"
 }

 .icon-collapse-alt:before {
     content: "\e7b6"
 }

 .icon-smile:before {
     content: "\e7b7"
 }

 .icon-frown:before {
     content: "\e7b8"
 }

 .icon-meh:before {
     content: "\e7b9"
 }

 .icon-gamepad:before {
     content: "\e7ba"
 }

 .icon-keyboard:before {
     content: "\e7bb"
 }

 .icon-flag-alt:before {
     content: "\e7bc"
 }

 .icon-flag-checkered:before {
     content: "\e7bd"
 }

 .icon-terminal:before {
     content: "\e7be"
 }

 .icon-code:before {
     content: "\e7bf"
 }

 .icon-reply-all:before {
     content: "\e7c0"
 }

 .icon-star-half-full:before {
     content: "\e7c1"
 }

 .icon-location-arrow:before {
     content: "\e7c2"
 }

 .icon-crop2:before {
     content: "\e7c3"
 }

 .icon-code-fork:before {
     content: "\e7c4"
 }

 .icon-unlink:before {
     content: "\e7c5"
 }

 .icon-question:before {
     content: "\e7c6"
 }

 .icon-info:before {
     content: "\e7c7"
 }

 .icon-exclamation:before {
     content: "\e7c8"
 }

 .icon-superscript:before {
     content: "\e7c9"
 }

 .icon-subscript:before {
     content: "\e7ca"
 }

 .icon-eraser:before {
     content: "\e7cb"
 }

 .icon-puzzle:before {
     content: "\e7cc"
 }

 .icon-microphone2:before {
     content: "\e7cd"
 }

 .icon-microphone-off2:before {
     content: "\e7ce"
 }

 .icon-shield:before {
     content: "\e7cf"
 }

 .icon-calendar-empty:before {
     content: "\e7d0"
 }

 .icon-fire-extinguisher:before {
     content: "\e7d1"
 }

 .icon-rocket:before {
     content: "\e7d2"
 }

 .icon-maxcdn:before {
     content: "\e7d3"
 }

 .icon-chevron-sign-left:before {
     content: "\e7d4"
 }

 .icon-chevron-sign-right:before {
     content: "\e7d5"
 }

 .icon-chevron-sign-up:before {
     content: "\e7d6"
 }

 .icon-chevron-sign-down:before {
     content: "\e7d7"
 }

 .icon-html52:before {
     content: "\e7d8"
 }

 .icon-css3:before {
     content: "\e7d9"
 }

 .icon-anchor:before {
     content: "\e7da"
 }

 .icon-unlock-alt:before {
     content: "\e7db"
 }

 .icon-bullseye:before {
     content: "\e7dc"
 }

 .icon-ellipsis-horizontal:before {
     content: "\e7dd"
 }

 .icon-ellipsis-vertical:before {
     content: "\e7de"
 }

 .icon-rss-sign:before {
     content: "\e7df"
 }

 .icon-play-sign:before {
     content: "\e7e0"
 }

 .icon-ticket:before {
     content: "\e7e1"
 }

 .icon-minus-sign-alt:before {
     content: "\e7e2"
 }

 .icon-check-minus:before {
     content: "\e7e3"
 }

 .icon-level-up:before {
     content: "\e7e4"
 }

 .icon-level-down:before {
     content: "\e7e5"
 }

 .icon-check-sign:before {
     content: "\e7e6"
 }

 .icon-edit-sign:before {
     content: "\e7e7"
 }

 .icon-external-link-sign:before {
     content: "\e7e8"
 }

 .icon-share-sign:before {
     content: "\e7e9"
 }

 .icon-compass:before {
     content: "\e7ea"
 }

 .icon-collapse:before {
     content: "\e7eb"
 }

 .icon-collapse-top:before {
     content: "\e7ec"
 }

 .icon-expand:before {
     content: "\e7ed"
 }

 .icon-euro:before {
     content: "\e7ee"
 }

 .icon-gbp:before {
     content: "\e7ef"
 }

 .icon-dollar:before {
     content: "\e7f0"
 }

 .icon-rupee:before {
     content: "\e7f1"
 }

 .icon-yen:before {
     content: "\e7f2"
 }

 .icon-renminbi:before {
     content: "\e7f3"
 }

 .icon-won:before {
     content: "\e7f4"
 }

 .icon-bitcoin2:before {
     content: "\e7f5"
 }

 .icon-file3:before {
     content: "\e7f6"
 }

 .icon-file-text:before {
     content: "\e7f7"
 }

 .icon-sort-by-alphabet:before {
     content: "\e7f8"
 }

 .icon-sort-by-alphabet-alt:before {
     content: "\e7f9"
 }

 .icon-sort-by-attributes:before {
     content: "\e7fa"
 }

 .icon-sort-by-attributes-alt:before {
     content: "\e7fb"
 }

 .icon-sort-by-order:before {
     content: "\e7fc"
 }

 .icon-sort-by-order-alt:before {
     content: "\e7fd"
 }

 .icon-thumbs-up2:before {
     content: "\e7fe"
 }

 .icon-thumbs-down2:before {
     content: "\e7ff"
 }

 .icon-youtube-sign:before {
     content: "\e800"
 }

 .icon-youtube2:before {
     content: "\e801"
 }

 .icon-xing2:before {
     content: "\e802"
 }

 .icon-xing-sign:before {
     content: "\e803"
 }

 .icon-youtube-play:before {
     content: "\e804"
 }

 .icon-dropbox2:before {
     content: "\e805"
 }

 .icon-stackexchange:before {
     content: "\e806"
 }

 .icon-instagram2:before {
     content: "\e807"
 }

 .icon-flickr2:before {
     content: "\e808"
 }

 .icon-adn:before {
     content: "\e809"
 }

 .icon-bitbucket2:before {
     content: "\e80a"
 }

 .icon-bitbucket-sign:before {
     content: "\e80b"
 }

 .icon-tumblr2:before {
     content: "\e80c"
 }

 .icon-tumblr-sign:before {
     content: "\e80d"
 }

 .icon-long-arrow-down:before {
     content: "\e80e"
 }

 .icon-long-arrow-up:before {
     content: "\e80f"
 }

 .icon-long-arrow-left:before {
     content: "\e810"
 }

 .icon-long-arrow-right:before {
     content: "\e811"
 }

 .icon-apple:before {
     content: "\e812"
 }

 .icon-windows3:before {
     content: "\e813"
 }

 .icon-android2:before {
     content: "\e814"
 }

 .icon-linux:before {
     content: "\e815"
 }

 .icon-dribbble2:before {
     content: "\e816"
 }

 .icon-skype2:before {
     content: "\e817"
 }

 .icon-foursquare2:before {
     content: "\e818"
 }

 .icon-trello:before {
     content: "\e819"
 }

 .icon-female:before {
     content: "\e81a"
 }

 .icon-male:before {
     content: "\e81b"
 }

 .icon-gittip:before {
     content: "\e81c"
 }

 .icon-sun2:before {
     content: "\e81d"
 }

 .icon-moon:before {
     content: "\e81e"
 }

 .icon-archive2:before {
     content: "\e81f"
 }

 .icon-bug:before {
     content: "\e820"
 }

 .icon-renren:before {
     content: "\e821"
 }

 .icon-weibo2:before {
     content: "\e822"
 }

 .icon-vk2:before {
     content: "\e823"
 }

 .icon-line-eye:before {
     content: "\e000"
 }

 .icon-line-paper-clip:before {
     content: "\e001"
 }

 .icon-line-mail:before {
     content: "\e002"
 }

 .icon-line-toggle:before {
     content: "\e003"
 }

 .icon-line-layout:before {
     content: "\e004"
 }

 .icon-line-link:before {
     content: "\e005"
 }

 .icon-line-bell:before {
     content: "\e006"
 }

 .icon-line-lock:before {
     content: "\e007"
 }

 .icon-line-unlock:before {
     content: "\e008"
 }

 .icon-line-ribbon:before {
     content: "\e009"
 }

 .icon-line-image:before {
     content: "\e010"
 }

 .icon-line-signal:before {
     content: "\e011"
 }

 .icon-line-target:before {
     content: "\e012"
 }

 .icon-line-clipboard:before {
     content: "\e013"
 }

 .icon-line-clock:before {
     content: "\e014"
 }

 .icon-line-watch:before {
     content: "\e015"
 }

 .icon-line-air-play:before {
     content: "\e016"
 }

 .icon-line-camera:before {
     content: "\e017"
 }

 .icon-line-video:before {
     content: "\e018"
 }

 .icon-line-disc:before {
     content: "\e019"
 }

 .icon-line-printer:before {
     content: "\e020"
 }

 .icon-line-monitor:before {
     content: "\e021"
 }

 .icon-line-server:before {
     content: "\e022"
 }

 .icon-line-cog:before {
     content: "\e023"
 }

 .icon-line-heart:before {
     content: "\e024"
 }

 .icon-line-paragraph:before {
     content: "\e025"
 }

 .icon-line-align-justify:before {
     content: "\e026"
 }

 .icon-line-align-left:before {
     content: "\e027"
 }

 .icon-line-align-center:before {
     content: "\e028"
 }

 .icon-line-align-right:before {
     content: "\e029"
 }

 .icon-line-book:before {
     content: "\e030"
 }

 .icon-line-layers:before {
     content: "\e031"
 }

 .icon-line-stack:before {
     content: "\e032"
 }

 .icon-line-stack-2:before {
     content: "\e033"
 }

 .icon-line-paper:before {
     content: "\e034"
 }

 .icon-line-paper-stack:before {
     content: "\e035"
 }

 .icon-line-search:before {
     content: "\e036"
 }

 .icon-line-zoom-in:before {
     content: "\e037"
 }

 .icon-line-zoom-out:before {
     content: "\e038"
 }

 .icon-line-reply:before {
     content: "\e039"
 }

 .icon-line-circle-plus:before {
     content: "\e040"
 }

 .icon-line-circle-minus:before {
     content: "\e041"
 }

 .icon-line-circle-check:before {
     content: "\e042"
 }

 .icon-line-circle-cross:before {
     content: "\e043"
 }

 .icon-line-square-plus:before {
     content: "\e044"
 }

 .icon-line-square-minus:before {
     content: "\e045"
 }

 .icon-line-square-check:before {
     content: "\e046"
 }

 .icon-line-square-cross:before {
     content: "\e047"
 }

 .icon-line-microphone:before {
     content: "\e048"
 }

 .icon-line-record:before {
     content: "\e049"
 }

 .icon-line-skip-back:before {
     content: "\e050"
 }

 .icon-line-rewind:before {
     content: "\e051"
 }

 .icon-line-play:before {
     content: "\e052"
 }

 .icon-line-pause:before {
     content: "\e053"
 }

 .icon-line-stop:before {
     content: "\e054"
 }

 .icon-line-fast-forward:before {
     content: "\e055"
 }

 .icon-line-skip-forward:before {
     content: "\e056"
 }

 .icon-line-shuffle:before {
     content: "\e057"
 }

 .icon-line-repeat:before {
     content: "\e058"
 }

 .icon-line-folder:before {
     content: "\e059"
 }

 .icon-line-umbrella:before {
     content: "\e060"
 }

 .icon-line-moon:before {
     content: "\e061"
 }

 .icon-line-thermometer:before {
     content: "\e062"
 }

 .icon-line-drop:before {
     content: "\e063"
 }

 .icon-line-sun:before {
     content: "\e064"
 }

 .icon-line-cloud:before {
     content: "\e065"
 }

 .icon-line-cloud-upload:before {
     content: "\e066"
 }

 .icon-line-cloud-download:before {
     content: "\e067"
 }

 .icon-line-upload:before {
     content: "\e068"
 }

 .icon-line-download:before {
     content: "\e069"
 }

 .icon-line-location:before {
     content: "\e070"
 }

 .icon-line-location-2:before {
     content: "\e071"
 }

 .icon-line-map:before {
     content: "\e072"
 }

 .icon-line-battery:before {
     content: "\e073"
 }

 .icon-line-head:before {
     content: "\e074"
 }

 .icon-line-briefcase:before {
     content: "\e075"
 }

 .icon-line-speech-bubble:before {
     content: "\e076"
 }

 .icon-line-anchor:before {
     content: "\e077"
 }

 .icon-line-globe:before {
     content: "\e078"
 }

 .icon-line-box:before {
     content: "\e079"
 }

 .icon-line-reload:before {
     content: "\e080"
 }

 .icon-line-share:before {
     content: "\e081"
 }

 .icon-line-marquee:before {
     content: "\e082"
 }

 .icon-line-marquee-plus:before {
     content: "\e083"
 }

 .icon-line-marquee-minus:before {
     content: "\e084"
 }

 .icon-line-tag:before {
     content: "\e085"
 }

 .icon-line-power:before {
     content: "\e086"
 }

 .icon-line-command:before {
     content: "\e087"
 }

 .icon-line-alt:before {
     content: "\e088"
 }

 .icon-line-esc:before {
     content: "\e089"
 }

 .icon-line-bar-graph:before {
     content: "\e090"
 }

 .icon-line-bar-graph-2:before {
     content: "\e091"
 }

 .icon-line-pie-graph:before {
     content: "\e092"
 }

 .icon-line-star:before {
     content: "\e093"
 }

 .icon-line-arrow-left:before {
     content: "\e094"
 }

 .icon-line-arrow-right:before {
     content: "\e095"
 }

 .icon-line-arrow-up:before {
     content: "\e096"
 }

 .icon-line-arrow-down:before {
     content: "\e097"
 }

 .icon-line-volume:before {
     content: "\e098"
 }

 .icon-line-mute:before {
     content: "\e099"
 }

 .icon-line-content-right:before {
     content: "\e100"
 }

 .icon-line-content-left:before {
     content: "\e101"
 }

 .icon-line-grid:before {
     content: "\e102"
 }

 .icon-line-grid-2:before {
     content: "\e103"
 }

 .icon-line-columns:before {
     content: "\e104"
 }

 .icon-line-loader:before {
     content: "\e105"
 }

 .icon-line-bag:before {
     content: "\e106"
 }

 .icon-line-ban:before {
     content: "\e107"
 }

 .icon-line-flag:before {
     content: "\e108"
 }

 .icon-line-trash:before {
     content: "\e109"
 }

 .icon-line-expand:before {
     content: "\e110"
 }

 .icon-line-contract:before {
     content: "\e111"
 }

 .icon-line-maximize:before {
     content: "\e112"
 }

 .icon-line-minimize:before {
     content: "\e113"
 }

 .icon-line-plus:before {
     content: "\e114"
 }

 .icon-line-minus:before {
     content: "\e115"
 }

 .icon-line-check:before {
     content: "\e116"
 }

 .icon-line-cross:before {
     content: "\e117"
 }

 .icon-line-move:before {
     content: "\e118"
 }

 .icon-line-delete:before {
     content: "\e119"
 }

 .icon-line-menu:before {
     content: "\e120"
 }

 .icon-line-archive:before {
     content: "\e121"
 }

 .icon-line-inbox:before {
     content: "\e122"
 }

 .icon-line-outbox:before {
     content: "\e123"
 }

 .icon-line-file:before {
     content: "\e124"
 }

 .icon-line-file-add:before {
     content: "\e125"
 }

 .icon-line-file-subtract:before {
     content: "\e126"
 }

 .icon-line-help:before {
     content: "\e127"
 }

 .icon-line-open:before {
     content: "\e128"
 }

 .icon-line-ellipsis:before {
     content: "\e129"
 }

 .icon-line2-user-female:before {
     content: "\e000"
 }

 .icon-line2-user-follow:before {
     content: "\e002"
 }

 .icon-line2-user-following:before {
     content: "\e003"
 }

 .icon-line2-user-unfollow:before {
     content: "\e004"
 }

 .icon-line2-trophy:before {
     content: "\e006"
 }

 .icon-line2-screen-smartphone:before {
     content: "\e010"
 }

 .icon-line2-screen-desktop:before {
     content: "\e011"
 }

 .icon-line2-plane:before {
     content: "\e012"
 }

 .icon-line2-notebook:before {
     content: "\e013"
 }

 .icon-line2-moustache:before {
     content: "\e014"
 }

 .icon-line2-mouse:before {
     content: "\e015"
 }

 .icon-line2-magnet:before {
     content: "\e016"
 }

 .icon-line2-energy:before {
     content: "\e020"
 }

 .icon-line2-emoticon-smile:before {
     content: "\e021"
 }

 .icon-line2-disc:before {
     content: "\e022"
 }

 .icon-line2-cursor-move:before {
     content: "\e023"
 }

 .icon-line2-crop:before {
     content: "\e024"
 }

 .icon-line2-credit-card:before {
     content: "\e025"
 }

 .icon-line2-chemistry:before {
     content: "\e026"
 }

 .icon-line2-user:before {
     content: "\e005"
 }

 .icon-line2-speedometer:before {
     content: "\e007"
 }

 .icon-line2-social-youtube:before {
     content: "\e008"
 }

 .icon-line2-social-twitter:before {
     content: "\e009"
 }

 .icon-line2-social-tumblr:before {
     content: "\e00a"
 }

 .icon-line2-social-facebook:before {
     content: "\e00b"
 }

 .icon-line2-social-dropbox:before {
     content: "\e00c"
 }

 .icon-line2-social-dribbble:before {
     content: "\e00d"
 }

 .icon-line2-shield:before {
     content: "\e00e"
 }

 .icon-line2-screen-tablet:before {
     content: "\e00f"
 }

 .icon-line2-magic-wand:before {
     content: "\e017"
 }

 .icon-line2-hourglass:before {
     content: "\e018"
 }

 .icon-line2-graduation:before {
     content: "\e019"
 }

 .icon-line2-ghost:before {
     content: "\e01a"
 }

 .icon-line2-game-controller:before {
     content: "\e01b"
 }

 .icon-line2-fire:before {
     content: "\e01c"
 }

 .icon-line2-eyeglasses:before {
     content: "\e01d"
 }

 .icon-line2-envelope-open:before {
     content: "\e01e"
 }

 .icon-line2-envelope-letter:before {
     content: "\e01f"
 }

 .icon-line2-bell:before {
     content: "\e027"
 }

 .icon-line2-badge:before {
     content: "\e028"
 }

 .icon-line2-anchor:before {
     content: "\e029"
 }

 .icon-line2-wallet:before {
     content: "\e02a"
 }

 .icon-line2-vector:before {
     content: "\e02b"
 }

 .icon-line2-speech:before {
     content: "\e02c"
 }

 .icon-line2-puzzle:before {
     content: "\e02d"
 }

 .icon-line2-printer:before {
     content: "\e02e"
 }

 .icon-line2-present:before {
     content: "\e02f"
 }

 .icon-line2-playlist:before {
     content: "\e030"
 }

 .icon-line2-pin:before {
     content: "\e031"
 }

 .icon-line2-picture:before {
     content: "\e032"
 }

 .icon-line2-map:before {
     content: "\e033"
 }

 .icon-line2-layers:before {
     content: "\e034"
 }

 .icon-line2-handbag:before {
     content: "\e035"
 }

 .icon-line2-globe-alt:before {
     content: "\e036"
 }

 .icon-line2-globe:before {
     content: "\e037"
 }

 .icon-line2-frame:before {
     content: "\e038"
 }

 .icon-line2-folder-alt:before {
     content: "\e039"
 }

 .icon-line2-film:before {
     content: "\e03a"
 }

 .icon-line2-feed:before {
     content: "\e03b"
 }

 .icon-line2-earphones-alt:before {
     content: "\e03c"
 }

 .icon-line2-earphones:before {
     content: "\e03d"
 }

 .icon-line2-drop:before {
     content: "\e03e"
 }

 .icon-line2-drawer:before {
     content: "\e03f"
 }

 .icon-line2-docs:before {
     content: "\e040"
 }

 .icon-line2-directions:before {
     content: "\e041"
 }

 .icon-line2-direction:before {
     content: "\e042"
 }

 .icon-line2-diamond:before {
     content: "\e043"
 }

 .icon-line2-cup:before {
     content: "\e044"
 }

 .icon-line2-compass:before {
     content: "\e045"
 }

 .icon-line2-call-out:before {
     content: "\e046"
 }

 .icon-line2-call-in:before {
     content: "\e047"
 }

 .icon-line2-call-end:before {
     content: "\e048"
 }

 .icon-line2-calculator:before {
     content: "\e049"
 }

 .icon-line2-bubbles:before {
     content: "\e04a"
 }

 .icon-line2-briefcase:before {
     content: "\e04b"
 }

 .icon-line2-book-open:before {
     content: "\e04c"
 }

 .icon-line2-basket-loaded:before {
     content: "\e04d"
 }

 .icon-line2-basket:before {
     content: "\e04e"
 }

 .icon-line2-bag:before {
     content: "\e04f"
 }

 .icon-line2-action-undo:before {
     content: "\e050"
 }

 .icon-line2-action-redo:before {
     content: "\e051"
 }

 .icon-line2-wrench:before {
     content: "\e052"
 }

 .icon-line2-umbrella:before {
     content: "\e053"
 }

 .icon-line2-trash:before {
     content: "\e054"
 }

 .icon-line2-tag:before {
     content: "\e055"
 }

 .icon-line2-support:before {
     content: "\e056"
 }

 .icon-line2-size-fullscreen:before {
     content: "\e057"
 }

 .icon-line2-size-actual:before {
     content: "\e058"
 }

 .icon-line2-shuffle:before {
     content: "\e059"
 }

 .icon-line2-share-alt:before {
     content: "\e05a"
 }

 .icon-line2-share:before {
     content: "\e05b"
 }

 .icon-line2-rocket:before {
     content: "\e05c"
 }

 .icon-line2-question:before {
     content: "\e05d"
 }

 .icon-line2-pie-chart:before {
     content: "\e05e"
 }

 .icon-line2-pencil:before {
     content: "\e05f"
 }

 .icon-line2-note:before {
     content: "\e060"
 }

 .icon-line2-music-tone-alt:before {
     content: "\e061"
 }

 .icon-line2-music-tone:before {
     content: "\e062"
 }

 .icon-line2-microphone:before {
     content: "\e063"
 }

 .icon-line2-loop:before {
     content: "\e064"
 }

 .icon-line2-logout:before {
     content: "\e065"
 }

 .icon-line2-login:before {
     content: "\e066"
 }

 .icon-line2-list:before {
     content: "\e067"
 }

 .icon-line2-like:before {
     content: "\e068"
 }

 .icon-line2-home:before {
     content: "\e069"
 }

 .icon-line2-grid:before {
     content: "\e06a"
 }

 .icon-line2-graph:before {
     content: "\e06b"
 }

 .icon-line2-equalizer:before {
     content: "\e06c"
 }

 .icon-line2-dislike:before {
     content: "\e06d"
 }

 .icon-line2-cursor:before {
     content: "\e06e"
 }

 .icon-line2-control-start:before {
     content: "\e06f"
 }

 .icon-line2-control-rewind:before {
     content: "\e070"
 }

 .icon-line2-control-play:before {
     content: "\e071"
 }

 .icon-line2-control-pause:before {
     content: "\e072"
 }

 .icon-line2-control-forward:before {
     content: "\e073"
 }

 .icon-line2-control-end:before {
     content: "\e074"
 }

 .icon-line2-calendar:before {
     content: "\e075"
 }

 .icon-line2-bulb:before {
     content: "\e076"
 }

 .icon-line2-bar-chart:before {
     content: "\e077"
 }

 .icon-line2-arrow-up:before {
     content: "\e078"
 }

 .icon-line2-arrow-right:before {
     content: "\e079"
 }

 .icon-line2-arrow-left:before {
     content: "\e07a"
 }

 .icon-line2-arrow-down:before {
     content: "\e07b"
 }

 .icon-line2-ban:before {
     content: "\e07c"
 }

 .icon-line2-bubble:before {
     content: "\e07d"
 }

 .icon-line2-camcorder:before {
     content: "\e07e"
 }

 .icon-line2-camera:before {
     content: "\e07f"
 }

 .icon-line2-check:before {
     content: "\e080"
 }

 .icon-line2-clock:before {
     content: "\e081"
 }

 .icon-line2-close:before {
     content: "\e082"
 }

 .icon-line2-cloud-download:before {
     content: "\e083"
 }

 .icon-line2-cloud-upload:before {
     content: "\e084"
 }

 .icon-line2-doc:before {
     content: "\e085"
 }

 .icon-line2-envelope:before {
     content: "\e086"
 }

 .icon-line2-eye:before {
     content: "\e087"
 }

 .icon-line2-flag:before {
     content: "\e088"
 }

 .icon-line2-folder:before {
     content: "\e089"
 }

 .icon-line2-heart:before {
     content: "\e08a"
 }

 .icon-line2-info:before {
     content: "\e08b"
 }

 .icon-line2-key:before {
     content: "\e08c"
 }

 .icon-line2-link:before {
     content: "\e08d"
 }

 .icon-line2-lock:before {
     content: "\e08e"
 }

 .icon-line2-lock-open:before {
     content: "\e08f"
 }

 .icon-line2-magnifier:before {
     content: "\e090"
 }

 .icon-line2-magnifier-add:before {
     content: "\e091"
 }

 .icon-line2-magnifier-remove:before {
     content: "\e092"
 }

 .icon-line2-paper-clip:before {
     content: "\e093"
 }

 .icon-line2-paper-plane:before {
     content: "\e094"
 }

 .icon-line2-plus:before {
     content: "\e095"
 }

 .icon-line2-pointer:before {
     content: "\e096"
 }

 .icon-line2-power:before {
     content: "\e097"
 }

 .icon-line2-refresh:before {
     content: "\e098"
 }

 .icon-line2-reload:before {
     content: "\e099"
 }

 .icon-line2-settings:before {
     content: "\e09a"
 }

 .icon-line2-star:before {
     content: "\e09b"
 }

 .icon-line2-symbol-female:before {
     content: "\e09c"
 }

 .icon-line2-symbol-male:before {
     content: "\e09d"
 }

 .icon-line2-target:before {
     content: "\e09e"
 }

 .icon-line2-volume-1:before {
     content: "\e09f"
 }

 .icon-line2-volume-2:before {
     content: "\e0a0"
 }

 .icon-line2-volume-off:before {
     content: "\e0a1"
 }

 .icon-line2-users:before {
     content: "\e001"
 }

 :root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #007bff;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Outfit, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 }

 *,
 ::after,
 ::before {
     box-sizing: border-box
 }

 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: transparent
 }

 @-ms-viewport {
     width: device-width
 }

 article,
 aside,
 dialog,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {
     display: block
 }

 body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Outfit, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: left;
     background-color: #fff
 }

 [tabindex="-1"]:focus {
     outline: 0 !important
 }

 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: .5rem
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem
 }

 abbr[data-original-title],
 abbr[title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0
 }

 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit
 }

 dl,
 ol,
 ul {
     margin-top: 0;
     margin-bottom: 1rem
 }

 ol ol,
 ol ul,
 ul ol,
 ul ul {
     margin-bottom: 0
 }

 dt {
     font-weight: 700
 }

 dd {
     margin-bottom: .5rem;
     margin-left: 0
 }

 blockquote {
     margin: 0 0 1rem
 }

 dfn {
     font-style: italic
 }

 b,
 strong {
     font-weight: bolder
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 a {
     color: #007bff;
     text-decoration: none;
     background-color: transparent;
     -webkit-text-decoration-skip: objects
 }

 a:hover {
     color: #0056b3;
     text-decoration: underline
 }

 a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none
 }

 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
     color: inherit;
     text-decoration: none
 }

 a:not([href]):not([tabindex]):focus {
     outline: 0
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }

 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     -ms-overflow-style: scrollbar
 }

 figure {
     margin: 0 0 1rem
 }

 img {
     vertical-align: middle;
     border-style: none
 }

 svg:not(:root) {
     overflow: hidden
 }

 table {
     border-collapse: collapse
 }

 caption {
     padding-top: .75rem;
     padding-bottom: .75rem;
     color: #6c757d;
     text-align: left;
     caption-side: bottom
 }

 th {
     text-align: inherit
 }

 label {
     display: inline-block;
     margin-bottom: .5rem
 }

 button {
     border-radius: 0
 }

 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit
 }

 button,
 input {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 [type=reset],
 [type=submit],
 button,
 html [type=button] {
     -webkit-appearance: button
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     padding: 0;
     border-style: none
 }

 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0
 }

 input[type=date],
 input[type=datetime-local],
 input[type=month],
 input[type=time] {
     -webkit-appearance: listbox
 }

 textarea {
     overflow: auto;
     resize: vertical
 }

 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0
 }

 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal
 }

 progress {
     vertical-align: baseline
 }

 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     outline-offset: -2px;
     -webkit-appearance: none
 }

 [type=search]::-webkit-search-cancel-button,
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button
 }

 output {
     display: inline-block
 }

 summary {
     display: list-item;
     cursor: pointer
 }

 template {
     display: none
 }

 [hidden] {
     display: none !important
 }

 .h1,
 h1 {
     font-size: 2.5rem
 }

 .h2,
 h2 {
     font-size: 2rem
 }

 .h3,
 h3 {
     font-size: 1.75rem
 }

 .h4,
 h4 {
     font-size: 1.5rem
 }

 .h5,
 h5 {
     font-size: 1.25rem
 }

 .h6,
 h6 {
     font-size: 1rem
 }

 .lead {
     font-size: 1.25rem;
     font-weight: 300
 }

 .display-1 {
     font-size: 6rem;
     font-weight: 300;
     line-height: 1.2
 }

 .display-2 {
     font-size: 5.5rem;
     font-weight: 300;
     line-height: 1.2
 }

 .display-3 {
     font-size: 4.5rem;
     font-weight: 300;
     line-height: 1.2
 }

 .display-4 {
     font-size: 3.5rem;
     font-weight: 300;
     line-height: 1.2
 }

 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, .1)
 }

 .small,
 small {
     font-size: 80%;
     font-weight: 400
 }

 .mark,
 mark {
     padding: .2em;
     background-color: #fcf8e3
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none
 }

 .list-inline {
     padding-left: 0;
     list-style: none
 }

 .list-inline-item {
     display: inline-block
 }

 .list-inline-item:not(:last-child) {
     margin-right: .5rem
 }

 .initialism {
     font-size: 90%;
     text-transform: uppercase
 }

 .blockquote {
     margin-bottom: 1rem;
     font-size: 1.25rem
 }

 .blockquote-footer {
     display: block;
     font-size: 80%;
     color: #6c757d
 }

 .blockquote-footer::before {
     content: "\2014 \00A0"
 }

 .img-fluid {
     max-width: 100%;
     height: auto
 }

 .img-thumbnail {
     padding: .25rem;
     background-color: #fff;
     border: 1px solid #dee2e6;
     border-radius: .25rem;
     max-width: 100%;
     height: auto
 }

 .figure {
     display: inline-block
 }

 .figure-img {
     margin-bottom: .5rem;
     line-height: 1
 }

 .figure-caption {
     font-size: 90%;
     color: #6c757d
 }

 code,
 kbd,
 pre,
 samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 }

 code {
     font-size: 87.5%;
     color: #e83e8c;
     word-break: break-word
 }

 a>code {
     color: inherit
 }

 kbd {
     padding: .2rem .4rem;
     font-size: 87.5%;
     color: #fff;
     background-color: #212529;
     border-radius: .2rem
 }

 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: 700
 }

 pre {
     display: block;
     font-size: 87.5%;
     color: #212529
 }

 pre code {
     font-size: inherit;
     color: inherit;
     word-break: normal
 }

 .pre-scrollable {
     max-height: 340px;
     overflow-y: scroll
 }

 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
 }

 @media(min-width:576px) {
     .container {
         max-width: 540px
     }
 }

 @media(min-width:768px) {
     .container {
         max-width: 720px
     }
 }

 @media(min-width:992px) {
     .container {
         max-width: 960px
     }
 }

 @media(min-width:1200px) {
     .container {
         max-width: 1140px
     }
 }

 .container-fluid {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
 }

 .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px
 }

 .no-gutters {
     margin-right: 0;
     margin-left: 0
 }

 .no-gutters>.col,
 .no-gutters>[class*=col-] {
     padding-right: 0;
     padding-left: 0
 }

 .col,
 .col-1,
 .col-10,
 .col-11,
 .col-12,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-auto,
 .col-lg,
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-auto,
 .col-md,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .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-auto,
 .col-sm,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-auto,
 .col-xl,
 .col-xl-1,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-auto {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px
 }

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%
 }

 .col-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: none
 }

 .col-1 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%
 }

 .col-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%
 }

 .col-3 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%
 }

 .col-4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%
 }

 .col-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%
 }

 .col-6 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%
 }

 .col-7 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%
 }

 .col-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%
 }

 .col-9 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%
 }

 .col-10 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%
 }

 .col-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%
 }

 .col-12 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%
 }

 .order-first {
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1
 }

 .order-last {
     -webkit-box-ordinal-group: 14;
     -ms-flex-order: 13;
     order: 13
 }

 .order-0 {
     -webkit-box-ordinal-group: 1;
     -ms-flex-order: 0;
     order: 0
 }

 .order-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1
 }

 .order-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2
 }

 .order-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3
 }

 .order-4 {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4
 }

 .order-5 {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5
 }

 .order-6 {
     -webkit-box-ordinal-group: 7;
     -ms-flex-order: 6;
     order: 6
 }

 .order-7 {
     -webkit-box-ordinal-group: 8;
     -ms-flex-order: 7;
     order: 7
 }

 .order-8 {
     -webkit-box-ordinal-group: 9;
     -ms-flex-order: 8;
     order: 8
 }

 .order-9 {
     -webkit-box-ordinal-group: 10;
     -ms-flex-order: 9;
     order: 9
 }

 .order-10 {
     -webkit-box-ordinal-group: 11;
     -ms-flex-order: 10;
     order: 10
 }

 .order-11 {
     -webkit-box-ordinal-group: 12;
     -ms-flex-order: 11;
     order: 11
 }

 .order-12 {
     -webkit-box-ordinal-group: 13;
     -ms-flex-order: 12;
     order: 12
 }

 .offset-1 {
     margin-left: 8.333333%
 }

 .offset-2 {
     margin-left: 16.666667%
 }

 .offset-3 {
     margin-left: 25%
 }

 .offset-4 {
     margin-left: 33.333333%
 }

 .offset-5 {
     margin-left: 41.666667%
 }

 .offset-6 {
     margin-left: 50%
 }

 .offset-7 {
     margin-left: 58.333333%
 }

 .offset-8 {
     margin-left: 66.666667%
 }

 .offset-9 {
     margin-left: 75%
 }

 .offset-10 {
     margin-left: 83.333333%
 }

 .offset-11 {
     margin-left: 91.666667%
 }

 @media(min-width:576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-sm-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-sm-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-sm-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-sm-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-sm-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-sm-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-sm-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-sm-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-sm-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-sm-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-sm-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-sm-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-sm-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-sm-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-sm-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-sm-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-sm-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-sm-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-sm-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-sm-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-sm-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-sm-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-sm-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-sm-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-sm-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-sm-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-sm-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-sm-0 {
         margin-left: 0
     }

     .offset-sm-1 {
         margin-left: 8.333333%
     }

     .offset-sm-2 {
         margin-left: 16.666667%
     }

     .offset-sm-3 {
         margin-left: 25%
     }

     .offset-sm-4 {
         margin-left: 33.333333%
     }

     .offset-sm-5 {
         margin-left: 41.666667%
     }

     .offset-sm-6 {
         margin-left: 50%
     }

     .offset-sm-7 {
         margin-left: 58.333333%
     }

     .offset-sm-8 {
         margin-left: 66.666667%
     }

     .offset-sm-9 {
         margin-left: 75%
     }

     .offset-sm-10 {
         margin-left: 83.333333%
     }

     .offset-sm-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-md-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-md-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-md-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-md-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-md-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-md-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-md-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-md-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-md-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-md-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-md-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-md-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-md-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-md-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-md-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-md-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-md-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-md-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-md-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-md-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-md-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-md-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-md-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-md-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-md-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-md-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-md-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-md-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-md-0 {
         margin-left: 0
     }

     .offset-md-1 {
         margin-left: 8.333333%
     }

     .offset-md-2 {
         margin-left: 16.666667%
     }

     .offset-md-3 {
         margin-left: 25%
     }

     .offset-md-4 {
         margin-left: 33.333333%
     }

     .offset-md-5 {
         margin-left: 41.666667%
     }

     .offset-md-6 {
         margin-left: 50%
     }

     .offset-md-7 {
         margin-left: 58.333333%
     }

     .offset-md-8 {
         margin-left: 66.666667%
     }

     .offset-md-9 {
         margin-left: 75%
     }

     .offset-md-10 {
         margin-left: 83.333333%
     }

     .offset-md-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-lg-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-lg-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-lg-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-lg-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-lg-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-lg-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-lg-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-lg-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-lg-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-lg-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-lg-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-lg-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-lg-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-lg-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-lg-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-lg-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-lg-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-lg-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-lg-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-lg-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-lg-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-lg-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-lg-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-lg-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-lg-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-lg-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-lg-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-lg-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-lg-0 {
         margin-left: 0
     }

     .offset-lg-1 {
         margin-left: 8.333333%
     }

     .offset-lg-2 {
         margin-left: 16.666667%
     }

     .offset-lg-3 {
         margin-left: 25%
     }

     .offset-lg-4 {
         margin-left: 33.333333%
     }

     .offset-lg-5 {
         margin-left: 41.666667%
     }

     .offset-lg-6 {
         margin-left: 50%
     }

     .offset-lg-7 {
         margin-left: 58.333333%
     }

     .offset-lg-8 {
         margin-left: 66.666667%
     }

     .offset-lg-9 {
         margin-left: 75%
     }

     .offset-lg-10 {
         margin-left: 83.333333%
     }

     .offset-lg-11 {
         margin-left: 91.666667%
     }
 }

 @media(min-width:1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%
     }

     .col-xl-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none
     }

     .col-xl-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%
     }

     .col-xl-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%
     }

     .col-xl-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%
     }

     .col-xl-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%
     }

     .col-xl-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%
     }

     .col-xl-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%
     }

     .col-xl-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%
     }

     .col-xl-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%
     }

     .col-xl-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%
     }

     .col-xl-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%
     }

     .col-xl-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%
     }

     .col-xl-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%
     }

     .order-xl-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1
     }

     .order-xl-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13
     }

     .order-xl-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0
     }

     .order-xl-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1
     }

     .order-xl-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2
     }

     .order-xl-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3
     }

     .order-xl-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4
     }

     .order-xl-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5
     }

     .order-xl-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6
     }

     .order-xl-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7
     }

     .order-xl-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8
     }

     .order-xl-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9
     }

     .order-xl-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10
     }

     .order-xl-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11
     }

     .order-xl-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12
     }

     .offset-xl-0 {
         margin-left: 0
     }

     .offset-xl-1 {
         margin-left: 8.333333%
     }

     .offset-xl-2 {
         margin-left: 16.666667%
     }

     .offset-xl-3 {
         margin-left: 25%
     }

     .offset-xl-4 {
         margin-left: 33.333333%
     }

     .offset-xl-5 {
         margin-left: 41.666667%
     }

     .offset-xl-6 {
         margin-left: 50%
     }

     .offset-xl-7 {
         margin-left: 58.333333%
     }

     .offset-xl-8 {
         margin-left: 66.666667%
     }

     .offset-xl-9 {
         margin-left: 75%
     }

     .offset-xl-10 {
         margin-left: 83.333333%
     }

     .offset-xl-11 {
         margin-left: 91.666667%
     }
 }

 .table {
     width: 100%;
     max-width: 100%;
     margin-bottom: 1rem;
     background-color: transparent
 }

 .table td,
 .table th {
     padding: .75rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6
 }

 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6
 }

 .table tbody+tbody {
     border-top: 2px solid #dee2e6
 }

 .table .table {
     background-color: #fff
 }

 .table-sm td,
 .table-sm th {
     padding: .3rem
 }

 .table-bordered {
     border: 1px solid #dee2e6
 }

 .table-bordered td,
 .table-bordered th {
     border: 1px solid #dee2e6
 }

 .table-bordered thead td,
 .table-bordered thead th {
     border-bottom-width: 2px
 }

 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #f1f1f1
 }

 .table-hover tbody tr:hover {
     background-color: rgba(0, 0, 0, .075)
 }

 .table-primary,
 .table-primary>td,
 .table-primary>th {
     background-color: #b8daff
 }

 .table-hover .table-primary:hover {
     background-color: #9fcdff
 }

 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
     background-color: #9fcdff
 }

 .table-secondary,
 .table-secondary>td,
 .table-secondary>th {
     background-color: #d6d8db
 }

 .table-hover .table-secondary:hover {
     background-color: #c8cbcf
 }

 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {
     background-color: #c8cbcf
 }

 .table-success,
 .table-success>td,
 .table-success>th {
     background-color: #c3e6cb
 }

 .table-hover .table-success:hover {
     background-color: #b1dfbb
 }

 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
     background-color: #b1dfbb
 }

 .table-info,
 .table-info>td,
 .table-info>th {
     background-color: #bee5eb
 }

 .table-hover .table-info:hover {
     background-color: #abdde5
 }

 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
     background-color: #abdde5
 }

 .table-warning,
 .table-warning>td,
 .table-warning>th {
     background-color: #ffeeba
 }

 .table-hover .table-warning:hover {
     background-color: #ffe8a1
 }

 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
     background-color: #ffe8a1
 }

 .table-danger,
 .table-danger>td,
 .table-danger>th {
     background-color: #f5c6cb
 }

 .table-hover .table-danger:hover {
     background-color: #f1b0b7
 }

 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
     background-color: #f1b0b7
 }

 .table-light,
 .table-light>td,
 .table-light>th {
     background-color: #fdfdfe
 }

 .table-hover .table-light:hover {
     background-color: #ececf6
 }

 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
     background-color: #ececf6
 }

 .table-dark,
 .table-dark>td,
 .table-dark>th {
     background-color: #c6c8ca
 }

 .table-hover .table-dark:hover {
     background-color: #b9bbbe
 }

 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
     background-color: #b9bbbe
 }

 .table-active,
 .table-active>td,
 .table-active>th {
     background-color: rgba(0, 0, 0, .075)
 }

 .table-hover .table-active:hover {
     background-color: rgba(0, 0, 0, .075)
 }

 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
     background-color: rgba(0, 0, 0, .075)
 }

 .table .thead-dark th {
     color: #fff;
     background-color: #212529;
     border-color: #32383e
 }

 .table .thead-light th {
     color: #495057;
     background-color: #e9ecef;
     border-color: #dee2e6
 }

 .table-dark {
     color: #fff;
     background-color: #212529
 }

 .table-dark td,
 .table-dark th,
 .table-dark thead th {
     border-color: #32383e
 }

 .table-dark.table-bordered {
     border: 0
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, .05)
 }

 .table-dark.table-hover tbody tr:hover {
     background-color: rgba(255, 255, 255, .075)
 }

 @media(max-width:575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-sm>.table-bordered {
         border: 0
     }
 }

 @media(max-width:767.98px) {
     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-md>.table-bordered {
         border: 0
     }
 }

 @media(max-width:991.98px) {
     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-lg>.table-bordered {
         border: 0
     }
 }

 @media(max-width:1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar
     }

     .table-responsive-xl>.table-bordered {
         border: 0
     }
 }

 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar
 }

 .table-responsive>.table-bordered {
     border: 0
 }

 .form-control {
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 16px;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .form-control::-ms-expand {
     background-color: transparent;
     border: 0
 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .form-control::-webkit-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::-moz-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control:-ms-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::-ms-input-placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control::placeholder {
     color: #6c757d;
     opacity: 1
 }

 .form-control:disabled,
 .form-control[readonly] {
     background-color: #e9ecef;
     opacity: 1
 }

 select.form-control:not([size]):not([multiple]) {
     height: calc(2.25rem+2px)
 }

 select.form-control:focus::-ms-value {
     color: #495057;
     background-color: #fff
 }

 .form-control-file,
 .form-control-range {
     display: block;
     width: 100%
 }

 .col-form-label {
     padding-top: calc(.375rem+1px);
     padding-bottom: calc(.375rem+1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5
 }

 .col-form-label-lg {
     padding-top: calc(.5rem+1px);
     padding-bottom: calc(.5rem+1px);
     font-size: 1.25rem;
     line-height: 1.5
 }

 .col-form-label-sm {
     padding-top: calc(.25rem+1px);
     padding-bottom: calc(.25rem+1px);
     font-size: .875rem;
     line-height: 1.5
 }

 .form-control-plaintext {
     display: block;
     width: 100%;
     padding-top: .375rem;
     padding-bottom: .375rem;
     margin-bottom: 0;
     line-height: 1.5;
     background-color: transparent;
     border: solid transparent;
     border-width: 1px 0
 }

 .form-control-plaintext.form-control-lg,
 .form-control-plaintext.form-control-sm,
 .input-group-lg>.form-control-plaintext.form-control,
 .input-group-lg>.input-group-append>.form-control-plaintext.btn,
 .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
 .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
 .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
 .input-group-sm>.form-control-plaintext.form-control,
 .input-group-sm>.input-group-append>.form-control-plaintext.btn,
 .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
 .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
 .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
     padding-right: 0;
     padding-left: 0
 }

 .form-control-sm,
 .input-group-sm>.form-control,
 .input-group-sm>.input-group-append>.btn,
 .input-group-sm>.input-group-append>.input-group-text,
 .input-group-sm>.input-group-prepend>.btn,
 .input-group-sm>.input-group-prepend>.input-group-text {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5;
     border-radius: .2rem
 }

 .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
 .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
 .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
 .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
 .input-group-sm>select.form-control:not([size]):not([multiple]),
 select.form-control-sm:not([size]):not([multiple]) {
     height: calc(1.8125rem+2px)
 }

 .form-control-lg,
 .input-group-lg>.form-control,
 .input-group-lg>.input-group-append>.btn,
 .input-group-lg>.input-group-append>.input-group-text,
 .input-group-lg>.input-group-prepend>.btn,
 .input-group-lg>.input-group-prepend>.input-group-text {
     padding: .5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: .3rem
 }

 .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
 .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
 .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
 .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
 .input-group-lg>select.form-control:not([size]):not([multiple]),
 select.form-control-lg:not([size]):not([multiple]) {
     height: calc(2.875rem+2px)
 }

 .form-group {
     margin-bottom: 1rem
 }

 .form-text {
     display: block;
     margin-top: .25rem
 }

 .form-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px
 }

 .form-row>.col,
 .form-row>[class*=col-] {
     padding-right: 5px;
     padding-left: 5px
 }

 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem
 }

 .form-check-input {
     position: absolute;
     margin-top: .3rem;
     margin-left: -1.25rem
 }

 .form-check-input:disabled~.form-check-label {
     color: #6c757d
 }

 .form-check-label {
     margin-bottom: 0
 }

 .form-check-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
     margin-right: .75rem
 }

 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: .3125rem;
     margin-left: 0
 }

 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: 80%;
     color: #28a745
 }

 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     line-height: 1;
     color: #fff;
     background-color: rgba(40, 167, 69, .8);
     border-radius: .2rem
 }

 .custom-select.is-valid,
 .form-control.is-valid,
 .was-validated .custom-select:valid,
 .was-validated .form-control:valid {
     border-color: #28a745
 }

 .custom-select.is-valid:focus,
 .form-control.is-valid:focus,
 .was-validated .custom-select:valid:focus,
 .was-validated .form-control:valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 }

 .custom-select.is-valid~.valid-feedback,
 .custom-select.is-valid~.valid-tooltip,
 .form-control.is-valid~.valid-feedback,
 .form-control.is-valid~.valid-tooltip,
 .was-validated .custom-select:valid~.valid-feedback,
 .was-validated .custom-select:valid~.valid-tooltip,
 .was-validated .form-control:valid~.valid-feedback,
 .was-validated .form-control:valid~.valid-tooltip {
     display: block
 }

 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {
     color: #28a745
 }

 .form-check-input.is-valid~.valid-feedback,
 .form-check-input.is-valid~.valid-tooltip,
 .was-validated .form-check-input:valid~.valid-feedback,
 .was-validated .form-check-input:valid~.valid-tooltip {
     display: block
 }

 .custom-control-input.is-valid~.custom-control-label,
 .was-validated .custom-control-input:valid~.custom-control-label {
     color: #28a745
 }

 .custom-control-input.is-valid~.custom-control-label::before,
 .was-validated .custom-control-input:valid~.custom-control-label::before {
     background-color: #71dd8a
 }

 .custom-control-input.is-valid~.valid-feedback,
 .custom-control-input.is-valid~.valid-tooltip,
 .was-validated .custom-control-input:valid~.valid-feedback,
 .was-validated .custom-control-input:valid~.valid-tooltip {
     display: block
 }

 .custom-control-input.is-valid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
     background-color: #34ce57
 }

 .custom-control-input.is-valid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
 }

 .custom-file-input.is-valid~.custom-file-label,
 .was-validated .custom-file-input:valid~.custom-file-label {
     border-color: #28a745
 }

 .custom-file-input.is-valid~.custom-file-label::before,
 .was-validated .custom-file-input:valid~.custom-file-label::before {
     border-color: inherit
 }

 .custom-file-input.is-valid~.valid-feedback,
 .custom-file-input.is-valid~.valid-tooltip,
 .was-validated .custom-file-input:valid~.valid-feedback,
 .was-validated .custom-file-input:valid~.valid-tooltip {
     display: block
 }

 .custom-file-input.is-valid:focus~.custom-file-label,
 .was-validated .custom-file-input:valid:focus~.custom-file-label {
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 }

 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: .25rem;
     font-size: 80%;
     color: #dc3545
 }

 .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: .5rem;
     margin-top: .1rem;
     font-size: .875rem;
     line-height: 1;
     color: #fff;
     background-color: rgba(220, 53, 69, .8);
     border-radius: .2rem
 }

 .custom-select.is-invalid,
 .form-control.is-invalid,
 .was-validated .custom-select:invalid,
 .was-validated .form-control:invalid {
     border-color: #dc3545
 }

 .custom-select.is-invalid:focus,
 .form-control.is-invalid:focus,
 .was-validated .custom-select:invalid:focus,
 .was-validated .form-control:invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 }

 .custom-select.is-invalid~.invalid-feedback,
 .custom-select.is-invalid~.invalid-tooltip,
 .form-control.is-invalid~.invalid-feedback,
 .form-control.is-invalid~.invalid-tooltip,
 .was-validated .custom-select:invalid~.invalid-feedback,
 .was-validated .custom-select:invalid~.invalid-tooltip,
 .was-validated .form-control:invalid~.invalid-feedback,
 .was-validated .form-control:invalid~.invalid-tooltip {
     display: block
 }

 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {
     color: #dc3545
 }

 .form-check-input.is-invalid~.invalid-feedback,
 .form-check-input.is-invalid~.invalid-tooltip,
 .was-validated .form-check-input:invalid~.invalid-feedback,
 .was-validated .form-check-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-control-input.is-invalid~.custom-control-label,
 .was-validated .custom-control-input:invalid~.custom-control-label {
     color: #dc3545
 }

 .custom-control-input.is-invalid~.custom-control-label::before,
 .was-validated .custom-control-input:invalid~.custom-control-label::before {
     background-color: #efa2a9
 }

 .custom-control-input.is-invalid~.invalid-feedback,
 .custom-control-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-control-input:invalid~.invalid-feedback,
 .was-validated .custom-control-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-control-input.is-invalid:checked~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
     background-color: #e4606d
 }

 .custom-control-input.is-invalid:focus~.custom-control-label::before,
 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
 }

 .custom-file-input.is-invalid~.custom-file-label,
 .was-validated .custom-file-input:invalid~.custom-file-label {
     border-color: #dc3545
 }

 .custom-file-input.is-invalid~.custom-file-label::before,
 .was-validated .custom-file-input:invalid~.custom-file-label::before {
     border-color: inherit
 }

 .custom-file-input.is-invalid~.invalid-feedback,
 .custom-file-input.is-invalid~.invalid-tooltip,
 .was-validated .custom-file-input:invalid~.invalid-feedback,
 .was-validated .custom-file-input:invalid~.invalid-tooltip {
     display: block
 }

 .custom-file-input.is-invalid:focus~.custom-file-label,
 .was-validated .custom-file-input:invalid:focus~.custom-file-label {
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 }

 .form-inline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .form-inline .form-check {
     width: 100%
 }

 @media(min-width:576px) {
     .form-inline label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 0
     }

     .form-inline .form-group {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-bottom: 0
     }

     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle
     }

     .form-inline .form-control-plaintext {
         display: inline-block
     }

     .form-inline .input-group {
         width: auto
     }

     .form-inline .form-check {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: auto;
         padding-left: 0
     }

     .form-inline .form-check-input {
         position: relative;
         margin-top: 0;
         margin-right: .25rem;
         margin-left: 0
     }

     .form-inline .custom-control {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center
     }

     .form-inline .custom-control-label {
         margin-bottom: 0
     }
 }

 .btn {
     display: inline-block;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .25rem;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }

 .btn:focus,
 .btn:hover {
     text-decoration: none
 }

 .btn.focus,
 .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .btn.disabled,
 .btn:disabled {
     opacity: .65
 }

 .btn:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .btn:not(:disabled):not(.disabled).active,
 .btn:not(:disabled):not(.disabled):active {
     background-image: none
 }

 a.btn.disabled,
 fieldset:disabled a.btn {
     pointer-events: none
 }

 .btn-primary {
     color: #fff;
     background-color: #141414;
     border-color: #141414;
     border-radius: 40px
 }

 .btn-primary:hover {
     color: #fff;
     background-color: #141414;
     border-color: #141414
 }

 .btn-primary.focus,
 .btn-primary:focus {
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     color: #fff;
     background-color: #141414;
     border-color: #141414
 }

 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #141414;
     border-color: #141414
 }

 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 }

 .btn-secondary {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
     border-radius: 40px
 }

 .btn-secondary:hover {
     color: #fff;
     background-color: #5a6268;
     border-color: #545b62;
     border-radius: 40px
 }

 .btn-secondary.focus,
 .btn-secondary:focus {
     box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
     border-radius: 40px
 }

 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #545b62;
     border-color: #4e555b;
     border-radius: 40px
 }

 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 }

 .btn-success {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-success:hover {
     color: #fff;
     background-color: #218838;
     border-color: #1e7e34
 }

 .btn-success.focus,
 .btn-success:focus {
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 }

 .btn-success.disabled,
 .btn-success:disabled {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active,
 .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #1e7e34;
     border-color: #1c7430
 }

 .btn-success:not(:disabled):not(.disabled).active:focus,
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 }

 .btn-info {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-info:hover {
     color: #fff;
     background-color: #138496;
     border-color: #117a8b
 }

 .btn-info.focus,
 .btn-info:focus {
     box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 }

 .btn-info.disabled,
 .btn-info:disabled {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active,
 .show>.btn-info.dropdown-toggle {
     color: #fff;
     background-color: #117a8b;
     border-color: #10707f
 }

 .btn-info:not(:disabled):not(.disabled).active:focus,
 .btn-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 }

 .btn-warning {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-warning:hover {
     color: #212529;
     background-color: #e0a800;
     border-color: #d39e00
 }

 .btn-warning.focus,
 .btn-warning:focus {
     box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 }

 .btn-warning.disabled,
 .btn-warning:disabled {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active,
 .show>.btn-warning.dropdown-toggle {
     color: #212529;
     background-color: #d39e00;
     border-color: #c69500
 }

 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 }

 .btn-danger {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
     border-radius: 40px
 }

 .btn-danger.focus,
 .btn-danger:focus {
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 }

 .btn-danger.disabled,
 .btn-danger:disabled {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active,
 .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #bd2130;
     border-color: #b21f2d
 }

 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 }

 .btn-light {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-light:hover {
     color: #212529;
     background-color: #e2e6ea;
     border-color: #dae0e5
 }

 .btn-light.focus,
 .btn-light:focus {
     box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 }

 .btn-light.disabled,
 .btn-light:disabled {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show>.btn-light.dropdown-toggle {
     color: #212529;
     background-color: #dae0e5;
     border-color: #d3d9df
 }

 .btn-light:not(:disabled):not(.disabled).active:focus,
 .btn-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 }

 .btn-dark {
     color: #fff;
     background-color: #141414;
     border-color: #141414;
 }

 .btn-dark:hover {
     color: #fff;
     background-color: #23272b;
     border-color: #1d2124
 }

 .btn-dark.focus,
 .btn-dark:focus {
     box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 }

 .btn-dark.disabled,
 .btn-dark:disabled {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1d2124;
     border-color: #171a1d
 }

 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 }

 .btn-outline-primary {
     color: #007bff;
     background-color: transparent;
     background-image: none;
     border-color: #007bff
 }

 .btn-outline-primary:hover {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .btn-outline-primary.focus,
 .btn-outline-primary:focus {
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
     color: #007bff;
     background-color: transparent
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-primary.dropdown-toggle {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 }

 .btn-outline-secondary {
     color: #6c757d;
     background-color: transparent;
     background-image: none;
     border-color: #6c757d
 }

 .btn-outline-secondary:hover {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-outline-secondary.focus,
 .btn-outline-secondary:focus {
     box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 }

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
     color: #6c757d;
     background-color: transparent
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-outline-secondary.dropdown-toggle {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d
 }

 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 }

 .btn-outline-success {
     color: #28a745;
     background-color: transparent;
     background-image: none;
     border-color: #28a745
 }

 .btn-outline-success:hover {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-outline-success.focus,
 .btn-outline-success:focus {
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 }

 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
     color: #28a745;
     background-color: transparent
 }

 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active,
 .show>.btn-outline-success.dropdown-toggle {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745
 }

 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 }

 .btn-outline-info {
     color: #17a2b8;
     background-color: transparent;
     background-image: none;
     border-color: #17a2b8
 }

 .btn-outline-info:hover {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-outline-info.focus,
 .btn-outline-info:focus {
     box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 }

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
     color: #17a2b8;
     background-color: transparent
 }

 .btn-outline-info:not(:disabled):not(.disabled).active,
 .btn-outline-info:not(:disabled):not(.disabled):active,
 .show>.btn-outline-info.dropdown-toggle {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8
 }

 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 }

 .btn-outline-warning {
     color: #ffc107;
     background-color: transparent;
     background-image: none;
     border-color: #ffc107
 }

 .btn-outline-warning:hover {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-outline-warning.focus,
 .btn-outline-warning:focus {
     box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 }

 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
     color: #ffc107;
     background-color: transparent
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .show>.btn-outline-warning.dropdown-toggle {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107
 }

 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 }

 .btn-outline-danger {
     color: #dc3545;
     background-color: transparent;
     background-image: none;
     border-color: #dc3545
 }

 .btn-outline-danger:hover {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-outline-danger.focus,
 .btn-outline-danger:focus {
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 }

 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {
     color: #dc3545;
     background-color: transparent
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .show>.btn-outline-danger.dropdown-toggle {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545
 }

 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 }

 .btn-outline-light {
     color: #f8f9fa;
     background-color: transparent;
     background-image: none;
     border-color: #f8f9fa
 }

 .btn-outline-light:hover {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-outline-light.focus,
 .btn-outline-light:focus {
     box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 }

 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
     color: #f8f9fa;
     background-color: transparent
 }

 .btn-outline-light:not(:disabled):not(.disabled).active,
 .btn-outline-light:not(:disabled):not(.disabled):active,
 .show>.btn-outline-light.dropdown-toggle {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa
 }

 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 }

 .btn-outline-dark {
     color: #343a40;
     background-color: transparent;
     background-image: none;
     border-color: #343a40
 }

 .btn-outline-dark:hover {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-outline-dark.focus,
 .btn-outline-dark:focus {
     box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 }

 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
     color: #343a40;
     background-color: transparent
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .show>.btn-outline-dark.dropdown-toggle {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40
 }

 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 }

 .btn-link {
     font-weight: 400;
     color: #007bff;
     background-color: transparent
 }

 .btn-link:hover {
     color: #0056b3;
     text-decoration: underline;
     background-color: transparent;
     border-color: transparent
 }

 .btn-link.focus,
 .btn-link:focus {
     text-decoration: underline;
     border-color: transparent;
     box-shadow: none
 }

 .btn-link.disabled,
 .btn-link:disabled {
     color: #6c757d
 }

 .btn-group-lg>.btn,
 .btn-lg {
     padding: .5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: .3rem
 }

 .btn-group-sm>.btn,
 .btn-sm {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5;
     border-radius: .2rem
 }

 .btn-block {
     display: block;
     width: 100%
 }

 .btn-block+.btn-block {
     margin-top: .5rem
 }

 input[type=button].btn-block,
 input[type=reset].btn-block,
 input[type=submit].btn-block {
     width: 100%
 }

 .fade {
     opacity: 0;
     transition: opacity .15s linear
 }

 .fade.show {
     opacity: 1
 }

 .collapse {
     display: none
 }

 .collapse.show {
     display: block
 }

 tr.collapse.show {
     display: table-row
 }

 tbody.collapse.show {
     display: table-row-group
 }

 .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     transition: height .35s ease
 }

 .dropdown,
 .dropup {
     position: relative
 }

 .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent
 }

 .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 10rem;
     padding: .5rem 0;
     margin: .125rem 0 0;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, .15);
     border-radius: .25rem
 }

 .dropup .dropdown-menu {
     margin-top: 0;
     margin-bottom: .125rem
 }

 .dropup .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: 0;
     border-right: .3em solid transparent;
     border-bottom: .3em solid;
     border-left: .3em solid transparent
 }

 .dropup .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropright .dropdown-menu {
     margin-top: 0;
     margin-left: .125rem
 }

 .dropright .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid transparent;
     border-bottom: .3em solid transparent;
     border-left: .3em solid
 }

 .dropright .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropright .dropdown-toggle::after {
     vertical-align: 0
 }

 .dropleft .dropdown-menu {
     margin-top: 0;
     margin-right: .125rem
 }

 .dropleft .dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: .255em;
     vertical-align: .255em;
     content: ""
 }

 .dropleft .dropdown-toggle::after {
     display: none
 }

 .dropleft .dropdown-toggle::before {
     display: inline-block;
     width: 0;
     height: 0;
     margin-right: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid transparent;
     border-right: .3em solid;
     border-bottom: .3em solid transparent
 }

 .dropleft .dropdown-toggle:empty::after {
     margin-left: 0
 }

 .dropleft .dropdown-toggle::before {
     vertical-align: 0
 }

 .dropdown-divider {
     height: 0;
     margin: .5rem 0;
     overflow: hidden;
     border-top: 1px solid #e9ecef
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0
 }

 .dropdown-item:focus,
 .dropdown-item:hover {
     color: #16181b;
     text-decoration: none;
     background-color: #f8f9fa
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #007bff
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: #6c757d;
     background-color: transparent
 }

 .dropdown-menu.show {
     display: block
 }

 .dropdown-header {
     display: block;
     padding: .5rem 1.5rem;
     margin-bottom: 0;
     font-size: .875rem;
     color: #6c757d;
     white-space: nowrap
 }

 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     vertical-align: middle
 }

 .btn-group-vertical>.btn,
 .btn-group>.btn {
     position: relative;
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto
 }

 .btn-group-vertical>.btn:hover,
 .btn-group>.btn:hover {
     z-index: 1
 }

 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus {
     z-index: 1
 }

 .btn-group .btn+.btn,
 .btn-group .btn+.btn-group,
 .btn-group .btn-group+.btn,
 .btn-group .btn-group+.btn-group,
 .btn-group-vertical .btn+.btn,
 .btn-group-vertical .btn+.btn-group,
 .btn-group-vertical .btn-group+.btn,
 .btn-group-vertical .btn-group+.btn-group {
     margin-left: -1px
 }

 .btn-toolbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }

 .btn-toolbar .input-group {
     width: auto
 }

 .btn-group>.btn:first-child {
     margin-left: 0
 }

 .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .btn-group>.btn-group:not(:first-child)>.btn,
 .btn-group>.btn:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .dropdown-toggle-split {
     padding-right: .5625rem;
     padding-left: .5625rem
 }

 .dropdown-toggle-split::after {
     margin-left: 0
 }

 .btn-group-sm>.btn+.dropdown-toggle-split,
 .btn-sm+.dropdown-toggle-split {
     padding-right: .375rem;
     padding-left: .375rem
 }

 .btn-group-lg>.btn+.dropdown-toggle-split,
 .btn-lg+.dropdown-toggle-split {
     padding-right: .75rem;
     padding-left: .75rem
 }

 .btn-group-vertical {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .btn-group-vertical .btn,
 .btn-group-vertical .btn-group {
     width: 100%
 }

 .btn-group-vertical>.btn+.btn,
 .btn-group-vertical>.btn+.btn-group,
 .btn-group-vertical>.btn-group+.btn,
 .btn-group-vertical>.btn-group+.btn-group {
     margin-top: -1px;
     margin-left: 0
 }

 .btn-group-vertical>.btn-group:not(:last-child)>.btn,
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 .btn-group-vertical>.btn:not(:first-child) {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {
     margin-bottom: 0
 }

 .btn-group-toggle>.btn input[type=checkbox],
 .btn-group-toggle>.btn input[type=radio],
 .btn-group-toggle>.btn-group>.btn input[type=checkbox],
 .btn-group-toggle>.btn-group>.btn input[type=radio] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none
 }

 .input-group {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100%
 }

 .input-group>.custom-file,
 .input-group>.custom-select,
 .input-group>.form-control {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0
 }

 .input-group>.custom-file:focus,
 .input-group>.custom-select:focus,
 .input-group>.form-control:focus {
     z-index: 3
 }

 .input-group>.custom-file+.custom-file,
 .input-group>.custom-file+.custom-select,
 .input-group>.custom-file+.form-control,
 .input-group>.custom-select+.custom-file,
 .input-group>.custom-select+.custom-select,
 .input-group>.custom-select+.form-control,
 .input-group>.form-control+.custom-file,
 .input-group>.form-control+.custom-select,
 .input-group>.form-control+.form-control {
     margin-left: -1px
 }

 .input-group>.custom-select:not(:last-child),
 .input-group>.form-control:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.custom-select:not(:first-child),
 .input-group>.form-control:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .input-group>.custom-file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .input-group>.custom-file:not(:last-child) .custom-file-label,
 .input-group>.custom-file:not(:last-child) .custom-file-label::before {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.custom-file:not(:first-child) .custom-file-label,
 .input-group>.custom-file:not(:first-child) .custom-file-label::before {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .input-group-append,
 .input-group-prepend {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .input-group-append .btn,
 .input-group-prepend .btn {
     position: relative;
     z-index: 2
 }

 .input-group-append .btn+.btn,
 .input-group-append .btn+.input-group-text,
 .input-group-append .input-group-text+.btn,
 .input-group-append .input-group-text+.input-group-text,
 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.btn,
 .input-group-prepend .input-group-text+.input-group-text {
     margin-left: -1px
 }

 .input-group-prepend {
     margin-right: -1px
 }

 .input-group-append {
     margin-left: -1px
 }

 .input-group-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: .375rem .75rem;
     margin-bottom: 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: .25rem
 }

 .input-group-text input[type=checkbox],
 .input-group-text input[type=radio] {
     margin-top: 0
 }

 .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
 .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
 .input-group>.input-group-append:not(:last-child)>.btn,
 .input-group>.input-group-append:not(:last-child)>.input-group-text,
 .input-group>.input-group-prepend>.btn,
 .input-group>.input-group-prepend>.input-group-text {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
 }

 .input-group>.input-group-append>.btn,
 .input-group>.input-group-append>.input-group-text,
 .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
 .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
 .input-group>.input-group-prepend:not(:first-child)>.btn,
 .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
 }

 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5rem
 }

 .custom-control-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 1rem
 }

 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     background-color: #007bff
 }

 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .custom-control-input:active~.custom-control-label::before {
     color: #fff;
     background-color: #b3d7ff
 }

 .custom-control-input:disabled~.custom-control-label {
     color: #6c757d
 }

 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #e9ecef
 }

 .custom-control-label {
     margin-bottom: 0
 }

 .custom-control-label::before {
     position: absolute;
     top: .25rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #dee2e6
 }

 .custom-control-label::after {
     position: absolute;
     top: .25rem;
     left: 0;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%
 }

 .custom-checkbox .custom-control-label::before {
     border-radius: .25rem
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, .5)
 }

 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
     background-color: rgba(0, 123, 255, .5)
 }

 .custom-radio .custom-control-label::before {
     border-radius: 50%
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::before {
     background-color: #007bff
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 }

 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, .5)
 }

 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(2.25rem+2px);
     padding: .375rem 1.75rem .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
     background-size: 8px 10px;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
 }

 .custom-select:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
 }

 .custom-select:focus::-ms-value {
     color: #495057;
     background-color: #fff
 }

 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {
     height: auto;
     padding-right: .75rem;
     background-image: none
 }

 .custom-select:disabled {
     color: #6c757d;
     background-color: #e9ecef
 }

 .custom-select::-ms-expand {
     opacity: 0
 }

 .custom-select-sm {
     height: calc(1.8125rem+2px);
     padding-top: .375rem;
     padding-bottom: .375rem;
     font-size: 75%
 }

 .custom-select-lg {
     height: calc(2.875rem+2px);
     padding-top: .375rem;
     padding-bottom: .375rem;
     font-size: 125%
 }

 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: calc(2.25rem+2px);
     margin-bottom: 0
 }

 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: calc(2.25rem+2px);
     margin: 0;
     opacity: 0
 }

 .custom-file-input:focus~.custom-file-control {
     border-color: #80bdff;
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .custom-file-input:focus~.custom-file-control::before {
     border-color: #80bdff
 }

 .custom-file-input:lang(en)~.custom-file-label::after {
     content: "Browse"
 }

 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: calc(2.25rem+2px);
     padding: .375rem .75rem;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: 40px
 }

 .custom-file-label::after {
     position: absolute;
     top: 2px;
     right: 3px;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(calc(2.25rem+2px) - 5px * 2);
     padding: .175rem .95rem;
     line-height: 1.5;
     color: #495057;
     content: "Browse";
     background-color: #e9ecef;
     border-left: 1px solid #ced4da;
     border-radius: 1.25rem;
     border: 1px solid rgba(0, 0, 0, .125)
 }

 .nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .nav-link {
     display: block;
     padding: .5rem 1rem
 }

 .nav-link:focus,
 .nav-link:hover {
     text-decoration: none
 }

 .nav-link.disabled {
     color: #6c757d
 }

 .nav-tabs {
     border-bottom: 1px solid #dee2e6
 }

 .nav-tabs .nav-item {
     margin-bottom: -1px
 }

 .nav-tabs .nav-link {
     border: 1px solid transparent;
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     border-color: #e9ecef #e9ecef #dee2e6
 }

 .nav-tabs .nav-link.disabled {
     color: #6c757d;
     background-color: transparent;
     border-color: transparent
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff
 }

 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }

 .nav-pills .nav-link {
     border-radius: .25rem
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #007bff
 }

 .nav-fill .nav-item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     text-align: center
 }

 .nav-justified .nav-item {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center
 }

 .tab-content>.tab-pane {
     display: none
 }

 .tab-content>.active {
     display: block
 }

 .navbar {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: .5rem 1rem
 }

 .navbar>.container,
 .navbar>.container-fluid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .navbar-brand {
     display: inline-block;
     padding-top: .3125rem;
     padding-bottom: .3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap
 }

 .navbar-brand:focus,
 .navbar-brand:hover {
     text-decoration: none
 }

 .navbar-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none
 }

 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0
 }

 .navbar-nav .dropdown-menu {
     position: static;
     float: none
 }

 .navbar-text {
     display: inline-block;
     padding-top: .5rem;
     padding-bottom: .5rem
 }

 .navbar-collapse {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .navbar-toggler {
     padding: .25rem .75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: .25rem
 }

 .navbar-toggler:focus,
 .navbar-toggler:hover {
     text-decoration: none
 }

 .navbar-toggler:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%
 }

 @media(max-width:575.98px) {

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:576px) {
     .navbar-expand-sm {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-sm .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-sm .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-sm .navbar-toggler {
         display: none
     }

     .navbar-expand-sm .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:767.98px) {

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:768px) {
     .navbar-expand-md {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-md .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-md .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-md .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-md .navbar-toggler {
         display: none
     }

     .navbar-expand-md .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:991.98px) {

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:992px) {
     .navbar-expand-lg {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-lg .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-lg .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-lg .navbar-toggler {
         display: none
     }

     .navbar-expand-lg .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 @media(max-width:1199.98px) {

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         padding-right: 0;
         padding-left: 0
     }
 }

 @media(min-width:1200px) {
     .navbar-expand-xl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .navbar-expand-xl .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: absolute
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu-right {
         right: 0;
         left: auto
     }

     .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: .5rem;
         padding-left: .5rem
     }

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap
     }

     .navbar-expand-xl .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto
     }

     .navbar-expand-xl .navbar-toggler {
         display: none
     }

     .navbar-expand-xl .dropup .dropdown-menu {
         top: auto;
         bottom: 100%
     }
 }

 .navbar-expand {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     padding-right: 0;
     padding-left: 0
 }

 .navbar-expand .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
 }

 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute
 }

 .navbar-expand .navbar-nav .dropdown-menu-right {
     right: 0;
     left: auto
 }

 .navbar-expand .navbar-nav .nav-link {
     padding-right: .5rem;
     padding-left: .5rem
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
 }

 .navbar-expand .navbar-collapse {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
 }

 .navbar-expand .navbar-toggler {
     display: none
 }

 .navbar-expand .dropup .dropdown-menu {
     top: auto;
     bottom: 100%
 }

 .navbar-light .navbar-brand {
     color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
     color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-nav .nav-link {
     color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
     color: rgba(0, 0, 0, .7)
 }

 .navbar-light .navbar-nav .nav-link.disabled {
     color: rgba(0, 0, 0, .3)
 }

 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show>.nav-link {
     color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-toggler {
     color: rgba(0, 0, 0, .5);
     border-color: rgba(0, 0, 0, .1)
 }

 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 }

 .navbar-light .navbar-text {
     color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-text a {
     color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
     color: rgba(0, 0, 0, .9)
 }

 .navbar-dark .navbar-brand {
     color: #fff
 }

 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
     color: #fff
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, .5)
 }

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
     color: rgba(255, 255, 255, .75)
 }

 .navbar-dark .navbar-nav .nav-link.disabled {
     color: rgba(255, 255, 255, .25)
 }

 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show>.nav-link {
     color: #fff
 }

 .navbar-dark .navbar-toggler {
     color: rgba(255, 255, 255, .5);
     border-color: rgba(255, 255, 255, .1)
 }

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 }

 .navbar-dark .navbar-text {
     color: rgba(255, 255, 255, .5)
 }

 .navbar-dark .navbar-text a {
     color: #fff
 }

 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
     color: #fff
 }

 .card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, .125);
     border-radius: .25rem;
     margin-bottom: 0
 }

 .card>hr {
     margin-right: 0;
     margin-left: 0
 }

 .card>.list-group:first-child .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .card>.list-group:last-child .list-group-item:last-child {
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .card-body {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 2.25rem
 }

 .card-title {
     margin-bottom: .75rem
 }

 .card-subtitle {
     margin-top: -.375rem;
     margin-bottom: 0
 }

 .card-text:last-child {
     margin-bottom: 0
 }

 .card-link:hover {
     text-decoration: none
 }

 .card-link+.card-link {
     margin-left: 1.25rem
 }

 .card-header {
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0, 0, 0, .03);
     border-bottom: 1px solid rgba(0, 0, 0, .125)
 }

 .card-header:first-child {
     border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 }

 .card-header+.list-group .list-group-item:first-child {
     border-top: 0
 }

 .card-footer {
     padding: .75rem 1.25rem;
     background-color: rgba(0, 0, 0, .03);
     border-top: 1px solid rgba(0, 0, 0, .125)
 }

 .card-footer:last-child {
     border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 }

 .card-header-tabs {
     margin-right: -.625rem;
     margin-bottom: -.75rem;
     margin-left: -.625rem;
     border-bottom: 0
 }

 .card-header-pills {
     margin-right: -.625rem;
     margin-left: -.625rem
 }

 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1.25rem
 }

 .card-img {
     width: 100%;
     border-radius: calc(.25rem - 1px)
 }

 .card-img-top {
     width: 100%;
     border-top-left-radius: calc(.25rem - 1px);
     border-top-right-radius: calc(.25rem - 1px)
 }

 .card-img-bottom {
     width: 100%;
     border-bottom-right-radius: calc(.25rem - 1px);
     border-bottom-left-radius: calc(.25rem - 1px)
 }

 .card-deck {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .card-deck .card {
     margin-bottom: 15px
 }

 @media(min-width:576px) {
     .card-deck {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin-right: -15px;
         margin-left: -15px
     }

     .card-deck .card {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex: 1 0 0;
         flex: 1 0 0;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-right: 15px;
         margin-bottom: 0;
         margin-left: 15px
     }
 }

 .card-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column
 }

 .card-group>.card {
     margin-bottom: 15px
 }

 @media(min-width:576px) {
     .card-group {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap
     }

     .card-group>.card {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 0;
         flex: 1 0 0;
         margin-bottom: 0
     }

     .card-group>.card+.card {
         margin-left: 0;
         border-left: 0
     }

     .card-group>.card:first-child {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0
     }

     .card-group>.card:first-child .card-header,
     .card-group>.card:first-child .card-img-top {
         border-top-right-radius: 0
     }

     .card-group>.card:first-child .card-footer,
     .card-group>.card:first-child .card-img-bottom {
         border-bottom-right-radius: 0
     }

     .card-group>.card:last-child {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0
     }

     .card-group>.card:last-child .card-header,
     .card-group>.card:last-child .card-img-top {
         border-top-left-radius: 0
     }

     .card-group>.card:last-child .card-footer,
     .card-group>.card:last-child .card-img-bottom {
         border-bottom-left-radius: 0
     }

     .card-group>.card:only-child {
         border-radius: .25rem
     }

     .card-group>.card:only-child .card-header,
     .card-group>.card:only-child .card-img-top {
         border-top-left-radius: .25rem;
         border-top-right-radius: .25rem
     }

     .card-group>.card:only-child .card-footer,
     .card-group>.card:only-child .card-img-bottom {
         border-bottom-right-radius: .25rem;
         border-bottom-left-radius: .25rem
     }

     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
         border-radius: 0
     }

     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
         border-radius: 0
     }
 }

 .card-columns .card {
     margin-bottom: .75rem
 }

 @media(min-width:576px) {
     .card-columns {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 1.25rem;
         -moz-column-gap: 1.25rem;
         column-gap: 1.25rem
     }

     .card-columns .card {
         display: inline-block;
         width: 100%
     }
 }

 .breadcrumb {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: .75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: .5rem;
     padding-left: .5rem;
     color: #6c757d;
     content: "/"
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: underline
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: none
 }

 .breadcrumb-item.active {
     color: #6c757d
 }

 .pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: .25rem
 }

 .page-link {
     position: relative;
     display: block;
     padding: .5rem .75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #007bff;
     background-color: #fff;
     border: 1px solid #dee2e6
 }

 .page-link:hover {
     color: #0056b3;
     text-decoration: none;
     background-color: #e9ecef;
     border-color: #dee2e6
 }

 .page-link:focus {
     z-index: 2;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .page-link:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .page-item:last-child .page-link {
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem
 }

 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .page-item.disabled .page-link {
     color: #6c757d;
     pointer-events: none;
     cursor: auto;
     background-color: #fff;
     border-color: #dee2e6
 }

 .pagination-lg .page-link {
     padding: .75rem 1.5rem;
     font-size: 1.25rem;
     line-height: 1.5
 }

 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: .3rem;
     border-bottom-left-radius: .3rem
 }

 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: .3rem;
     border-bottom-right-radius: .3rem
 }

 .pagination-sm .page-link {
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 1.5
 }

 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: .2rem;
     border-bottom-left-radius: .2rem
 }

 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: .2rem;
     border-bottom-right-radius: .2rem
 }

 .badge {
     display: inline-block;
     padding: .25em .4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: .25rem
 }

 .badge:empty {
     display: none
 }

 .btn .badge {
     position: relative;
     top: -1px
 }

 .badge-pill {
     padding-right: .6em;
     padding-left: .6em;
     border-radius: 10rem
 }

 .badge-primary {
     color: #fff;
     background-color: #007bff
 }

 .badge-primary[href]:focus,
 .badge-primary[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #0062cc
 }

 .badge-secondary {
     color: #fff;
     background-color: #6c757d
 }

 .badge-secondary[href]:focus,
 .badge-secondary[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #545b62
 }

 .badge-success {
     color: #fff;
     background-color: #28a745
 }

 .badge-success[href]:focus,
 .badge-success[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #1e7e34
 }

 .badge-info {
     color: #fff;
     background-color: #17a2b8
 }

 .badge-info[href]:focus,
 .badge-info[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #117a8b
 }

 .badge-warning {
     color: #212529;
     background-color: #ffc107
 }

 .badge-warning[href]:focus,
 .badge-warning[href]:hover {
     color: #212529;
     text-decoration: none;
     background-color: #d39e00
 }

 .badge-danger {
     color: #fff;
     background-color: #dc3545
 }

 .badge-danger[href]:focus,
 .badge-danger[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #bd2130
 }

 .badge-light {
     color: #212529;
     background-color: #f8f9fa
 }

 .badge-light[href]:focus,
 .badge-light[href]:hover {
     color: #212529;
     text-decoration: none;
     background-color: #dae0e5
 }

 .badge-dark {
     color: #fff;
     background-color: #343a40
 }

 .badge-dark[href]:focus,
 .badge-dark[href]:hover {
     color: #fff;
     text-decoration: none;
     background-color: #1d2124
 }

 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #e9ecef;
     border-radius: .3rem
 }

 @media(min-width:576px) {
     .jumbotron {
         padding: 4rem 2rem
     }
 }

 .jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0
 }

 .alert {
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem
 }

 .alert-heading {
     color: inherit
 }

 .alert-link {
     font-weight: 700
 }

 .alert-dismissible {
     padding-right: 4rem
 }

 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: .75rem 1.25rem;
     color: inherit
 }

 .alert-primary {
     color: #004085;
     background-color: #cce5ff;
     border-color: #b8daff
 }

 .alert-primary hr {
     border-top-color: #9fcdff
 }

 .alert-primary .alert-link {
     color: #002752
 }

 .alert-secondary {
     color: #383d41;
     background-color: #e2e3e5;
     border-color: #d6d8db
 }

 .alert-secondary hr {
     border-top-color: #c8cbcf
 }

 .alert-secondary .alert-link {
     color: #202326
 }

 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb
 }

 .alert-success hr {
     border-top-color: #b1dfbb
 }

 .alert-success .alert-link {
     color: #0b2e13
 }

 .alert-info {
     color: #0c5460;
     background-color: #d1ecf1;
     border-color: #bee5eb
 }

 .alert-info hr {
     border-top-color: #abdde5
 }

 .alert-info .alert-link {
     color: #062c33
 }

 .alert-warning {
     color: #856404;
     background-color: #fff3cd;
     border-color: #ffeeba
 }

 .alert-warning hr {
     border-top-color: #ffe8a1
 }

 .alert-warning .alert-link {
     color: #533f03
 }

 .alert-danger {
     color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb
 }

 .alert-danger hr {
     border-top-color: #f1b0b7
 }

 .alert-danger .alert-link {
     color: #491217
 }

 .alert-light {
     color: #818182;
     background-color: #fefefe;
     border-color: #fdfdfe
 }

 .alert-light hr {
     border-top-color: #ececf6
 }

 .alert-light .alert-link {
     color: #686868
 }

 .alert-dark {
     color: #1b1e21;
     background-color: #d6d8d9;
     border-color: #c6c8ca
 }

 .alert-dark hr {
     border-top-color: #b9bbbe
 }

 .alert-dark .alert-link {
     color: #040505
 }

 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0
     }

     to {
         background-position: 0 0
     }
 }

 @keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0
     }

     to {
         background-position: 0 0
     }
 }

 .progress {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 1rem;
     overflow: hidden;
     font-size: .75rem;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .progress-bar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #000000;
     text-align: center;
     background-color: #007bff;
     transition: width .6s ease
 }

 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
     background-size: 1rem 1rem
 }

 .progress-bar-animated {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     animation: progress-bar-stripes 1s linear infinite
 }

 .media {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
 }

 .media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1
 }

 .list-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0
 }

 .list-group-item-action {
     width: 100%;
     color: #495057;
     text-align: inherit
 }

 .list-group-item-action:focus,
 .list-group-item-action:hover {
     color: #495057;
     text-decoration: none;
     background-color: #f8f9fa
 }

 .list-group-item-action:active {
     color: #212529;
     background-color: #e9ecef
 }

 .list-group-item {
     position: relative;
     display: block;
     padding: .75rem 1.25rem;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .125)
 }

 .list-group-item:first-child {
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem
 }

 .list-group-item:last-child {
     margin-bottom: 0;
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .list-group-item:focus,
 .list-group-item:hover {
     z-index: 1;
     text-decoration: none
 }

 .list-group-item.disabled,
 .list-group-item:disabled {
     color: #6c757d;
     background-color: #fff
 }

 .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff
 }

 .list-group-flush .list-group-item {
     border-right: 0;
     border-left: 0;
     border-radius: 0
 }

 .list-group-flush:first-child .list-group-item:first-child {
     border-top: 0
 }

 .list-group-flush:last-child .list-group-item:last-child {
     border-bottom: 0
 }

 .list-group-item-primary {
     color: #004085;
     background-color: #b8daff
 }

 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
     color: #004085;
     background-color: #9fcdff
 }

 .list-group-item-primary.list-group-item-action.active {
     color: #fff;
     background-color: #004085;
     border-color: #004085
 }

 .list-group-item-secondary {
     color: #383d41;
     background-color: #d6d8db
 }

 .list-group-item-secondary.list-group-item-action:focus,
 .list-group-item-secondary.list-group-item-action:hover {
     color: #383d41;
     background-color: #c8cbcf
 }

 .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
     background-color: #383d41;
     border-color: #383d41
 }

 .list-group-item-success {
     color: #155724;
     background-color: #c3e6cb
 }

 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
     color: #155724;
     background-color: #b1dfbb
 }

 .list-group-item-success.list-group-item-action.active {
     color: #fff;
     background-color: #155724;
     border-color: #155724
 }

 .list-group-item-info {
     color: #0c5460;
     background-color: #bee5eb
 }

 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {
     color: #0c5460;
     background-color: #abdde5
 }

 .list-group-item-info.list-group-item-action.active {
     color: #fff;
     background-color: #0c5460;
     border-color: #0c5460
 }

 .list-group-item-warning {
     color: #856404;
     background-color: #ffeeba
 }

 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {
     color: #856404;
     background-color: #ffe8a1
 }

 .list-group-item-warning.list-group-item-action.active {
     color: #fff;
     background-color: #856404;
     border-color: #856404
 }

 .list-group-item-danger {
     color: #721c24;
     background-color: #f5c6cb
 }

 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {
     color: #721c24;
     background-color: #f1b0b7
 }

 .list-group-item-danger.list-group-item-action.active {
     color: #fff;
     background-color: #721c24;
     border-color: #721c24
 }

 .list-group-item-light {
     color: #818182;
     background-color: #fdfdfe
 }

 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
     color: #818182;
     background-color: #ececf6
 }

 .list-group-item-light.list-group-item-action.active {
     color: #fff;
     background-color: #818182;
     border-color: #818182
 }

 .list-group-item-dark {
     color: #1b1e21;
     background-color: #c6c8ca
 }

 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
     color: #1b1e21;
     background-color: #b9bbbe
 }

 .list-group-item-dark.list-group-item-action.active {
     color: #fff;
     background-color: #1b1e21;
     border-color: #1b1e21
 }

 .close {
     float: right;
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: .5
 }

 .close:focus,
 .close:hover {
     color: #000;
     text-decoration: none;
     opacity: .75
 }

 .close:not(:disabled):not(.disabled) {
     cursor: pointer
 }

 button.close {
     padding: 0;
     background-color: transparent;
     border: 0;
     -webkit-appearance: none
 }

 .modal-open {
     overflow: hidden
 }

 .modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     display: none;
     overflow: hidden;
     outline: 0
 }

 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto
 }

 .modal-dialog {
     position: relative;
     width: auto;
     margin: .5rem;
     pointer-events: none
 }

 .modal.fade .modal-dialog {
     transition: -webkit-transform .3s ease-out;
     transition: transform .3s ease-out;
     transition: transform .3s ease-out, -webkit-transform .3s ease-out;
     -webkit-transform: translate(0, -25%);
     transform: translate(0, -25%)
 }

 .modal.show .modal-dialog {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0)
 }

 .modal-dialog-centered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% -(.5rem * 2))
 }

 .modal-content {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: .3rem;
     outline: 0
 }

 .modal-backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1040;
     background-color: #000
 }

 .modal-backdrop.fade {
     opacity: 0
 }

 .modal-backdrop.show {
     opacity: .5
 }

 .modal-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem;
     border-bottom: 1px solid #e9ecef;
     border-top-left-radius: .3rem;
     border-top-right-radius: .3rem
 }

 .modal-header .close {
     padding: 1rem;
     margin: -1rem -1rem -1rem auto
 }

 .modal-title {
     margin-bottom: 0;
     line-height: 1.5
 }

 .modal-body {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 2rem
 }

 .modal-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1rem;
     border-top: 1px solid #e9ecef
 }

 .modal-footer>:not(:first-child) {
     margin-left: .25rem
 }

 .modal-footer>:not(:last-child) {
     margin-right: .25rem
 }

 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll
 }

 @media(min-width:576px) {
     .modal-dialog {
         max-width: 500px;
         margin: 1.75rem auto
     }

     .modal-dialog-centered {
         min-height: calc(100% -(1.75rem * 2))
     }

     .modal-sm {
         max-width: 300px
     }
 }

 @media(min-width:992px) {
     .modal-lg {
         max-width: 800px
     }
 }

 .tooltip {
     position: absolute;
     z-index: 1070;
     display: block;
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Outfit, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: .875rem;
     word-wrap: break-word;
     opacity: 0
 }

 .tooltip.show {
     opacity: .9
 }

 .tooltip .arrow {
     position: absolute;
     display: block;
     width: .8rem;
     height: .4rem
 }

 .tooltip .arrow::before {
     position: absolute;
     content: "";
     border-color: transparent;
     border-style: solid
 }

 .bs-tooltip-auto[x-placement^=top],
 .bs-tooltip-top {
     padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow,
 .bs-tooltip-top .arrow {
     bottom: 0
 }

 .bs-tooltip-auto[x-placement^=top] .arrow::before,
 .bs-tooltip-top .arrow::before {
     top: 0;
     border-width: .4rem .4rem 0;
     border-top-color: #000
 }

 .bs-tooltip-auto[x-placement^=right],
 .bs-tooltip-right {
     padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow,
 .bs-tooltip-right .arrow {
     left: 0;
     width: .4rem;
     height: .8rem
 }

 .bs-tooltip-auto[x-placement^=right] .arrow::before,
 .bs-tooltip-right .arrow::before {
     right: 0;
     border-width: .4rem .4rem .4rem 0;
     border-right-color: #000
 }

 .bs-tooltip-auto[x-placement^=bottom],
 .bs-tooltip-bottom {
     padding: .4rem 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow,
 .bs-tooltip-bottom .arrow {
     top: 0
 }

 .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
 .bs-tooltip-bottom .arrow::before {
     bottom: 0;
     border-width: 0 .4rem .4rem;
     border-bottom-color: #000
 }

 .bs-tooltip-auto[x-placement^=left],
 .bs-tooltip-left {
     padding: 0 .4rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow,
 .bs-tooltip-left .arrow {
     right: 0;
     width: .4rem;
     height: .8rem
 }

 .bs-tooltip-auto[x-placement^=left] .arrow::before,
 .bs-tooltip-left .arrow::before {
     left: 0;
     border-width: .4rem 0 .4rem .4rem;
     border-left-color: #000
 }

 .tooltip-inner {
     max-width: 200px;
     padding: .25rem .5rem;
     color: #fff;
     text-align: center;
     background-color: #000;
     border-radius: .25rem
 }

 .popover {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1060;
     display: block;
     max-width: 276px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Outfit, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: .875rem;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: .3rem
 }

 .popover .arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: .5rem;
     margin: 0 .3rem
 }

 .popover .arrow::after,
 .popover .arrow::before {
     position: absolute;
     display: block;
     content: "";
     border-color: transparent;
     border-style: solid
 }

 .bs-popover-auto[x-placement^=top],
 .bs-popover-top {
     margin-bottom: .5rem
 }

 .bs-popover-auto[x-placement^=top] .arrow,
 .bs-popover-top .arrow {
     bottom: calc((.5rem+1px) * -1)
 }

 .bs-popover-auto[x-placement^=top] .arrow::after,
 .bs-popover-auto[x-placement^=top] .arrow::before,
 .bs-popover-top .arrow::after,
 .bs-popover-top .arrow::before {
     border-width: .5rem .5rem 0
 }

 .bs-popover-auto[x-placement^=top] .arrow::before,
 .bs-popover-top .arrow::before {
     bottom: 0;
     border-top-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=top] .arrow::after,
 .bs-popover-top .arrow::after {
     bottom: 1px;
     border-top-color: #fff
 }

 .bs-popover-auto[x-placement^=right],
 .bs-popover-right {
     margin-left: .5rem
 }

 .bs-popover-auto[x-placement^=right] .arrow,
 .bs-popover-right .arrow {
     left: calc((.5rem+1px) * -1);
     width: .5rem;
     height: 1rem;
     margin: .3rem 0
 }

 .bs-popover-auto[x-placement^=right] .arrow::after,
 .bs-popover-auto[x-placement^=right] .arrow::before,
 .bs-popover-right .arrow::after,
 .bs-popover-right .arrow::before {
     border-width: .5rem .5rem .5rem 0
 }

 .bs-popover-auto[x-placement^=right] .arrow::before,
 .bs-popover-right .arrow::before {
     left: 0;
     border-right-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=right] .arrow::after,
 .bs-popover-right .arrow::after {
     left: 1px;
     border-right-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom],
 .bs-popover-bottom {
     margin-top: .5rem
 }

 .bs-popover-auto[x-placement^=bottom] .arrow,
 .bs-popover-bottom .arrow {
     top: calc((.5rem+1px) * -1)
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::after,
 .bs-popover-auto[x-placement^=bottom] .arrow::before,
 .bs-popover-bottom .arrow::after,
 .bs-popover-bottom .arrow::before {
     border-width: 0 .5rem .5rem .5rem
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::before,
 .bs-popover-bottom .arrow::before {
     top: 0;
     border-bottom-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=bottom] .arrow::after,
 .bs-popover-bottom .arrow::after {
     top: 1px;
     border-bottom-color: #fff
 }

 .bs-popover-auto[x-placement^=bottom] .popover-header::before,
 .bs-popover-bottom .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: 1rem;
     margin-left: -.5rem;
     content: "";
     border-bottom: 1px solid #f7f7f7
 }

 .bs-popover-auto[x-placement^=left],
 .bs-popover-left {
     margin-right: .5rem
 }

 .bs-popover-auto[x-placement^=left] .arrow,
 .bs-popover-left .arrow {
     right: calc((.5rem+1px) * -1);
     width: .5rem;
     height: 1rem;
     margin: .3rem 0
 }

 .bs-popover-auto[x-placement^=left] .arrow::after,
 .bs-popover-auto[x-placement^=left] .arrow::before,
 .bs-popover-left .arrow::after,
 .bs-popover-left .arrow::before {
     border-width: .5rem 0 .5rem .5rem
 }

 .bs-popover-auto[x-placement^=left] .arrow::before,
 .bs-popover-left .arrow::before {
     right: 0;
     border-left-color: rgba(0, 0, 0, .25)
 }

 .bs-popover-auto[x-placement^=left] .arrow::after,
 .bs-popover-left .arrow::after {
     right: 1px;
     border-left-color: #fff
 }

 .popover-header {
     padding: .5rem .75rem;
     margin-bottom: 0;
     font-size: 1rem;
     color: inherit;
     background-color: #f7f7f7;
     border-bottom: 1px solid #ebebeb;
     border-top-left-radius: calc(.3rem - 1px);
     border-top-right-radius: calc(.3rem - 1px)
 }

 .popover-header:empty {
     display: none
 }

 .popover-body {
     padding: .5rem .75rem;
     color: #212529
 }

 .carousel {
     position: relative
 }

 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden
 }

 .carousel-item {
     position: relative;
     display: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     transition: -webkit-transform .6s ease;
     transition: transform .6s ease;
     transition: transform .6s ease, -webkit-transform .6s ease;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000px;
     perspective: 1000px
 }

 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
     display: block
 }

 .carousel-item-next,
 .carousel-item-prev {
     position: absolute;
     top: 0
 }

 .carousel-item-next.carousel-item-left,
 .carousel-item-prev.carousel-item-right {
     -webkit-transform: translateX(0);
     transform: translateX(0)
 }

 @supports((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

     .carousel-item-next.carousel-item-left,
     .carousel-item-prev.carousel-item-right {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .active.carousel-item-right,
 .carousel-item-next {
     -webkit-transform: translateX(100%);
     transform: translateX(100%)
 }

 @supports((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

     .active.carousel-item-right,
     .carousel-item-next {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0)
     }
 }

 .active.carousel-item-left,
 .carousel-item-prev {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%)
 }

 @supports((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

     .active.carousel-item-left,
     .carousel-item-prev {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0)
     }
 }

 .carousel-control-next,
 .carousel-control-prev {
     position: absolute;
     top: 0;
     bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     opacity: .5
 }

 .carousel-control-next:focus,
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {
     color: #fff;
     text-decoration: none;
     outline: 0;
     opacity: .9
 }

 .carousel-control-prev {
     left: 0
 }

 .carousel-control-next {
     right: 0
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: transparent no-repeat center center;
     background-size: 100% 100%
 }

 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
 }

 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
 }

 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: 10px;
     left: 0;
     z-index: 15;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 0;
     margin-right: 15%;
     margin-left: 15%;
     list-style: none
 }

 .carousel-indicators li {
     position: relative;
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: 30px;
     height: 3px;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     background-color: rgba(255, 255, 255, .5)
 }

 .carousel-indicators li::before {
     position: absolute;
     top: -10px;
     left: 0;
     display: inline-block;
     width: 100%;
     height: 10px;
     content: ""
 }

 .carousel-indicators li::after {
     position: absolute;
     bottom: -10px;
     left: 0;
     display: inline-block;
     width: 100%;
     height: 10px;
     content: ""
 }

 .carousel-indicators .active {
     background-color: #fff
 }

 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center
 }

 .align-baseline {
     vertical-align: baseline !important
 }

 .align-top {
     vertical-align: top !important
 }

 .align-middle {
     vertical-align: middle !important
 }

 .align-bottom {
     vertical-align: bottom !important
 }

 .align-text-bottom {
     vertical-align: text-bottom !important
 }

 .align-text-top {
     vertical-align: text-top !important
 }

 .bg-primary {
     background-color: #007bff !important
 }

 a.bg-primary:focus,
 a.bg-primary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover {
     background-color: #0062cc !important
 }

 .bg-secondary {
     background-color: #6c757d !important
 }

 a.bg-secondary:focus,
 a.bg-secondary:hover,
 button.bg-secondary:focus,
 button.bg-secondary:hover {
     background-color: #545b62 !important
 }

 .bg-success {
     background-color: #28a745 !important
 }

 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {
     background-color: #1e7e34 !important
 }

 .bg-info {
     background-color: #17a2b8 !important
 }

 a.bg-info:focus,
 a.bg-info:hover,
 button.bg-info:focus,
 button.bg-info:hover {
     background-color: #117a8b !important
 }

 .bg-warning {
     background-color: #ffc107 !important
 }

 a.bg-warning:focus,
 a.bg-warning:hover,
 button.bg-warning:focus,
 button.bg-warning:hover {
     background-color: #d39e00 !important
 }

 .bg-danger {
     background-color: #dc3545 !important
 }

 a.bg-danger:focus,
 a.bg-danger:hover,
 button.bg-danger:focus,
 button.bg-danger:hover {
     background-color: #bd2130 !important
 }

 .bg-light {
     background-color: #f8f9fa !important
 }

 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {
     background-color: #dae0e5 !important
 }

 .bg-dark {
     background-color: #343a40 !important
 }

 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {
     background-color: #1d2124 !important
 }

 .bg-white {
     background-color: #fff !important
 }

 .bg-transparent {
     background-color: transparent !important
 }

 .border {
     border: 1px solid #dee2e6 !important
 }

 .border-top {
     border-top: 1px solid #dee2e6 !important
 }

 .border-right {
     border-right: 1px solid #dee2e6 !important
 }

 .border-bottom {
     border-bottom: 1px solid #dee2e6 !important
 }

 .border-left {
     border-left: 1px solid #dee2e6 !important
 }

 .border-0 {
     border: 0 !important
 }

 .border-top-0 {
     border-top: 0 !important
 }

 .border-right-0 {
     border-right: 0 !important
 }

 .border-bottom-0 {
     border-bottom: 0 !important
 }

 .border-left-0 {
     border-left: 0 !important
 }

 .border-primary {
     border-color: #007bff !important
 }

 .border-secondary {
     border-color: #6c757d !important
 }

 .border-success {
     border-color: #28a745 !important
 }

 .border-info {
     border-color: #17a2b8 !important
 }

 .border-warning {
     border-color: #ffc107 !important
 }

 .border-danger {
     border-color: #dc3545 !important
 }

 .border-light {
     border-color: #f8f9fa !important
 }

 .border-dark {
     border-color: #343a40 !important
 }

 .border-white {
     border-color: #fff !important
 }

 .rounded {
     border-radius: .25rem !important
 }

 .rounded-top {
     border-top-left-radius: .25rem !important;
     border-top-right-radius: .25rem !important
 }

 .rounded-right {
     border-top-right-radius: .25rem !important;
     border-bottom-right-radius: .25rem !important
 }

 .rounded-bottom {
     border-bottom-right-radius: .25rem !important;
     border-bottom-left-radius: .25rem !important
 }

 .rounded-left {
     border-top-left-radius: .25rem !important;
     border-bottom-left-radius: .25rem !important
 }

 .rounded-circle {
     border-radius: 50% !important
 }

 .rounded-0 {
     border-radius: 0 !important
 }

 .clearfix::after {
     display: block;
     clear: both;
     content: ""
 }

 .d-none {
     display: none !important
 }

 .d-inline {
     display: inline !important
 }

 .d-inline-block {
     display: inline-block !important
 }

 .d-block {
     display: block !important
 }

 .d-table {
     display: table !important
 }

 .d-table-row {
     display: table-row !important
 }

 .d-table-cell {
     display: table-cell !important
 }

 .d-flex {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important
 }

 .d-inline-flex {
     display: -webkit-inline-box !important;
     display: -ms-inline-flexbox !important;
     display: inline-flex !important
 }

 @media(min-width:576px) {
     .d-sm-none {
         display: none !important
     }

     .d-sm-inline {
         display: inline !important
     }

     .d-sm-inline-block {
         display: inline-block !important
     }

     .d-sm-block {
         display: block !important
     }

     .d-sm-table {
         display: table !important
     }

     .d-sm-table-row {
         display: table-row !important
     }

     .d-sm-table-cell {
         display: table-cell !important
     }

     .d-sm-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-sm-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:768px) {
     .d-md-none {
         display: none !important
     }

     .d-md-inline {
         display: inline !important
     }

     .d-md-inline-block {
         display: inline-block !important
     }

     .d-md-block {
         display: block !important
     }

     .d-md-table {
         display: table !important
     }

     .d-md-table-row {
         display: table-row !important
     }

     .d-md-table-cell {
         display: table-cell !important
     }

     .d-md-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-md-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:992px) {
     .d-lg-none {
         display: none !important
     }

     .d-lg-inline {
         display: inline !important
     }

     .d-lg-inline-block {
         display: inline-block !important
     }

     .d-lg-block {
         display: block !important
     }

     .d-lg-table {
         display: table !important
     }

     .d-lg-table-row {
         display: table-row !important
     }

     .d-lg-table-cell {
         display: table-cell !important
     }

     .d-lg-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-lg-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media(min-width:1200px) {
     .d-xl-none {
         display: none !important
     }

     .d-xl-inline {
         display: inline !important
     }

     .d-xl-inline-block {
         display: inline-block !important
     }

     .d-xl-block {
         display: block !important
     }

     .d-xl-table {
         display: table !important
     }

     .d-xl-table-row {
         display: table-row !important
     }

     .d-xl-table-cell {
         display: table-cell !important
     }

     .d-xl-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-xl-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 @media print {
     .d-print-none {
         display: none !important
     }

     .d-print-inline {
         display: inline !important
     }

     .d-print-inline-block {
         display: inline-block !important
     }

     .d-print-block {
         display: block !important
     }

     .d-print-table {
         display: table !important
     }

     .d-print-table-row {
         display: table-row !important
     }

     .d-print-table-cell {
         display: table-cell !important
     }

     .d-print-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important
     }

     .d-print-inline-flex {
         display: -webkit-inline-box !important;
         display: -ms-inline-flexbox !important;
         display: inline-flex !important
     }
 }

 .embed-responsive {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden
 }

 .embed-responsive::before {
     display: block;
     content: ""
 }

 .embed-responsive .embed-responsive-item,
 .embed-responsive embed,
 .embed-responsive iframe,
 .embed-responsive object,
 .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0
 }

 .embed-responsive-21by9::before {
     padding-top: 42.857143%
 }

 .embed-responsive-16by9::before {
     padding-top: 56.25%
 }

 .embed-responsive-4by3::before {
     padding-top: 75%
 }

 .embed-responsive-1by1::before {
     padding-top: 100%
 }

 .flex-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: row !important;
     flex-direction: row !important
 }

 .flex-column {
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: column !important;
     flex-direction: column !important
 }

 .flex-row-reverse {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: reverse !important;
     -ms-flex-direction: row-reverse !important;
     flex-direction: row-reverse !important
 }

 .flex-column-reverse {
     -webkit-box-orient: vertical !important;
     -webkit-box-direction: reverse !important;
     -ms-flex-direction: column-reverse !important;
     flex-direction: column-reverse !important
 }

 .flex-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
 }

 .flex-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important
 }

 .flex-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important
 }

 .justify-content-start {
     -webkit-box-pack: start !important;
     -ms-flex-pack: start !important;
     justify-content: flex-start !important
 }

 .justify-content-end {
     -webkit-box-pack: end !important;
     -ms-flex-pack: end !important;
     justify-content: flex-end !important
 }

 .justify-content-center {
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important
 }

 .justify-content-between {
     -webkit-box-pack: justify !important;
     -ms-flex-pack: justify !important;
     justify-content: space-between !important
 }

 .justify-content-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important
 }

 .align-items-start {
     -webkit-box-align: start !important;
     -ms-flex-align: start !important;
     align-items: flex-start !important
 }

 .align-items-end {
     -webkit-box-align: end !important;
     -ms-flex-align: end !important;
     align-items: flex-end !important
 }

 .align-items-center {
     -webkit-box-align: center !important;
     -ms-flex-align: center !important;
     align-items: center !important
 }

 .align-items-baseline {
     -webkit-box-align: baseline !important;
     -ms-flex-align: baseline !important;
     align-items: baseline !important
 }

 .align-items-stretch {
     -webkit-box-align: stretch !important;
     -ms-flex-align: stretch !important;
     align-items: stretch !important
 }

 .align-content-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
 }

 .align-content-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
 }

 .align-content-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
 }

 .align-content-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important
 }

 .align-content-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important
 }

 .align-content-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
 }

 .align-self-auto {
     -ms-flex-item-align: auto !important;
     align-self: auto !important
 }

 .align-self-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important
 }

 .align-self-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important
 }

 .align-self-center {
     -ms-flex-item-align: center !important;
     align-self: center !important
 }

 .align-self-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important
 }

 .align-self-stretch {
     -ms-flex-item-align: stretch !important;
     align-self: stretch !important
 }

 @media(min-width:576px) {
     .flex-sm-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-sm-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-sm-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-sm-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

     .flex-sm-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important
     }

     .flex-sm-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important
     }

     .flex-sm-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important
     }

     .justify-content-sm-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-sm-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-sm-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-sm-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-sm-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-sm-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-sm-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-sm-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-sm-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-sm-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-sm-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-sm-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-sm-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-sm-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-sm-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-sm-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-sm-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

     .align-self-sm-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important
     }

     .align-self-sm-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important
     }

     .align-self-sm-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-sm-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-sm-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:768px) {
     .flex-md-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-md-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-md-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-md-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

     .flex-md-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important
     }

     .flex-md-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important
     }

     .flex-md-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important
     }

     .justify-content-md-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-md-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-md-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-md-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-md-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-md-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-md-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-md-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-md-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-md-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-md-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-md-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-md-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-md-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-md-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-md-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-md-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

     .align-self-md-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important
     }

     .align-self-md-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important
     }

     .align-self-md-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-md-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-md-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:992px) {
     .flex-lg-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-lg-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-lg-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-lg-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

     .flex-lg-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important
     }

     .flex-lg-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important
     }

     .flex-lg-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important
     }

     .justify-content-lg-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-lg-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-lg-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-lg-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-lg-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-lg-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-lg-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-lg-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-lg-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-lg-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-lg-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-lg-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-lg-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-lg-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-lg-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-lg-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-lg-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

     .align-self-lg-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important
     }

     .align-self-lg-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important
     }

     .align-self-lg-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-lg-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-lg-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 @media(min-width:1200px) {
     .flex-xl-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important
     }

     .flex-xl-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important
     }

     .flex-xl-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important
     }

     .flex-xl-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important
     }

     .flex-xl-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important
     }

     .flex-xl-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important
     }

     .flex-xl-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important
     }

     .justify-content-xl-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important
     }

     .justify-content-xl-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important
     }

     .justify-content-xl-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important
     }

     .justify-content-xl-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important
     }

     .justify-content-xl-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important
     }

     .align-items-xl-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important
     }

     .align-items-xl-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important
     }

     .align-items-xl-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important
     }

     .align-items-xl-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important
     }

     .align-items-xl-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important
     }

     .align-content-xl-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important
     }

     .align-content-xl-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important
     }

     .align-content-xl-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important
     }

     .align-content-xl-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important
     }

     .align-content-xl-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important
     }

     .align-content-xl-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important
     }

     .align-self-xl-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important
     }

     .align-self-xl-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important
     }

     .align-self-xl-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important
     }

     .align-self-xl-center {
         -ms-flex-item-align: center !important;
         align-self: center !important
     }

     .align-self-xl-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important
     }

     .align-self-xl-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important
     }
 }

 .float-left {
     float: left !important
 }

 .float-right {
     float: right !important
 }

 .float-none {
     float: none !important
 }

 @media(min-width:576px) {
     .float-sm-left {
         float: left !important
     }

     .float-sm-right {
         float: right !important
     }

     .float-sm-none {
         float: none !important
     }
 }

 @media(min-width:768px) {
     .float-md-left {
         float: left !important
     }

     .float-md-right {
         float: right !important
     }

     .float-md-none {
         float: none !important
     }
 }

 @media(min-width:992px) {
     .float-lg-left {
         float: left !important
     }

     .float-lg-right {
         float: right !important
     }

     .float-lg-none {
         float: none !important
     }
 }

 @media(min-width:1200px) {
     .float-xl-left {
         float: left !important
     }

     .float-xl-right {
         float: right !important
     }

     .float-xl-none {
         float: none !important
     }
 }

 .position-static {
     position: static !important
 }

 .position-relative {
     position: relative !important
 }

 .position-absolute {
     position: absolute !important
 }

 .position-fixed {
     position: fixed !important
 }

 .position-sticky {
     position: -webkit-sticky !important;
     position: sticky !important
 }

 .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030
 }

 .fixed-bottom {
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1030
 }

 @supports((position:-webkit-sticky) or (position:sticky)) {
     .sticky-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020
     }
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     border: 0
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
     -webkit-clip-path: none;
     clip-path: none
 }

 .w-25 {
     width: 25% !important
 }

 .w-50 {
     width: 50% !important
 }

 .w-75 {
     width: 75% !important
 }

 .w-100 {
     width: 100% !important
 }

 .h-25 {
     height: 25% !important
 }

 .h-50 {
     height: 50% !important
 }

 .h-75 {
     height: 75% !important
 }

 .h-100 {
     height: 100% !important
 }

 .mw-100 {
     max-width: 100% !important
 }

 .mh-100 {
     max-height: 100% !important
 }

 .m-0 {
     margin: 0 !important
 }

 .mt-0,
 .my-0 {
     margin-top: 0 !important
 }

 .mr-0,
 .mx-0 {
     margin-right: 0 !important
 }

 .mb-0,
 .my-0 {
     margin-bottom: 0 !important
 }

 .ml-0,
 .mx-0 {
     margin-left: 0 !important
 }

 .m-1 {
     margin: .25rem !important
 }

 .mt-1,
 .my-1 {
     margin-top: .25rem !important
 }

 .mr-1,
 .mx-1 {
     margin-right: .25rem !important
 }

 .mb-1,
 .my-1 {
     margin-bottom: .25rem !important
 }

 .ml-1,
 .mx-1 {
     margin-left: .25rem !important
 }

 .m-2 {
     margin: .5rem !important
 }

 .mt-2,
 .my-2 {
     margin-top: .5rem !important
 }

 .mr-2,
 .mx-2 {
     margin-right: .5rem !important
 }

 .mb-2,
 .my-2 {
     margin-bottom: .5rem !important
 }

 .ml-2,
 .mx-2 {
     margin-left: .5rem !important
 }

 .m-3 {
     margin: 1rem !important
 }

 .mt-3,
 .my-3 {
     margin-top: 1rem !important
 }

 .mr-3,
 .mx-3 {
     margin-right: 1rem !important
 }

 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important
 }

 .ml-3,
 .mx-3 {
     margin-left: 1rem !important
 }

 .m-4 {
     margin: 1.5rem !important
 }

 .mt-4,
 .my-4 {
     margin-top: 1.5rem !important
 }

 .mr-4,
 .mx-4 {
     margin-right: 1.5rem !important
 }

 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important
 }

 .ml-4,
 .mx-4 {
     margin-left: 1.5rem !important
 }

 .m-5 {
     margin: 3rem !important
 }

 .mt-5,
 .my-5 {
     margin-top: 3rem !important
 }

 .mr-5,
 .mx-5 {
     margin-right: 3rem !important
 }

 .mb-5,
 .my-5 {
     margin-bottom: 3rem !important
 }

 .ml-5,
 .mx-5 {
     margin-left: 3rem !important
 }

 .p-0 {
     padding: 0 !important
 }

 .pt-0,
 .py-0 {
     padding-top: 0 !important
 }

 .pr-0,
 .px-0 {
     padding-right: 0 !important
 }

 .pb-0,
 .py-0 {
     padding-bottom: 0 !important
 }

 .pl-0,
 .px-0 {
     padding-left: 0 !important
 }

 .p-1 {
     padding: .25rem !important
 }

 .pt-1,
 .py-1 {
     padding-top: .25rem !important
 }

 .pr-1,
 .px-1 {
     padding-right: .25rem !important
 }

 .pb-1,
 .py-1 {
     padding-bottom: .25rem !important
 }

 .pl-1,
 .px-1 {
     padding-left: .25rem !important
 }

 .p-2 {
     padding: .5rem !important
 }

 .pt-2,
 .py-2 {
     padding-top: .5rem !important
 }

 .pr-2,
 .px-2 {
     padding-right: .5rem !important
 }

 .pb-2,
 .py-2 {
     padding-bottom: .5rem !important
 }

 .pl-2,
 .px-2 {
     padding-left: .5rem !important
 }

 .p-3 {
     padding: 1rem !important
 }

 .pt-3,
 .py-3 {
     padding-top: 1rem !important
 }

 .pr-3,
 .px-3 {
     padding-right: 1rem !important
 }

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important
 }

 .pl-3,
 .px-3 {
     padding-left: 1rem !important
 }

 .p-4 {
     padding: 1.5rem !important
 }

 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important
 }

 .pr-4,
 .px-4 {
     padding-right: 1.5rem !important
 }

 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important
 }

 .pl-4,
 .px-4 {
     padding-left: 1.5rem !important
 }

 .p-5 {
     padding: 3rem !important
 }

 .pt-5,
 .py-5 {
     padding-top: 3rem !important
 }

 .pr-5,
 .px-5 {
     padding-right: 3rem !important
 }

 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important
 }

 .pl-5,
 .px-5 {
     padding-left: 3rem !important
 }
 .py-5-new {
     padding-top: 4.5rem !important
 }


 .m-auto {
     margin: auto !important
 }

 .mt-auto,
 .my-auto {
     margin-top: auto !important
 }

 .mr-auto,
 .mx-auto {
     margin-right: auto !important
 }

 .mb-auto,
 .my-auto {
     margin-bottom: auto !important
 }

 .ml-auto,
 .mx-auto {
     margin-left: auto !important
 }

 @media(min-width:576px) {
     .m-sm-0 {
         margin: 0 !important
     }

     .mt-sm-0,
     .my-sm-0 {
         margin-top: 0 !important
     }

     .mr-sm-0,
     .mx-sm-0 {
         margin-right: 0 !important
     }

     .mb-sm-0,
     .my-sm-0 {
         margin-bottom: 0 !important
     }

     .ml-sm-0,
     .mx-sm-0 {
         margin-left: 0 !important
     }

     .m-sm-1 {
         margin: .25rem !important
     }

     .mt-sm-1,
     .my-sm-1 {
         margin-top: .25rem !important
     }

     .mr-sm-1,
     .mx-sm-1 {
         margin-right: .25rem !important
     }

     .mb-sm-1,
     .my-sm-1 {
         margin-bottom: .25rem !important
     }

     .ml-sm-1,
     .mx-sm-1 {
         margin-left: .25rem !important
     }

     .m-sm-2 {
         margin: .5rem !important
     }

     .mt-sm-2,
     .my-sm-2 {
         margin-top: .5rem !important
     }

     .mr-sm-2,
     .mx-sm-2 {
         margin-right: .5rem !important
     }

     .mb-sm-2,
     .my-sm-2 {
         margin-bottom: .5rem !important
     }

     .ml-sm-2,
     .mx-sm-2 {
         margin-left: .5rem !important
     }

     .m-sm-3 {
         margin: 1rem !important
     }

     .mt-sm-3,
     .my-sm-3 {
         margin-top: 1rem !important
     }

     .mr-sm-3,
     .mx-sm-3 {
         margin-right: 1rem !important
     }

     .mb-sm-3,
     .my-sm-3 {
         margin-bottom: 1rem !important
     }

     .ml-sm-3,
     .mx-sm-3 {
         margin-left: 1rem !important
     }

     .m-sm-4 {
         margin: 1.5rem !important
     }

     .mt-sm-4,
     .my-sm-4 {
         margin-top: 1.5rem !important
     }

     .mr-sm-4,
     .mx-sm-4 {
         margin-right: 1.5rem !important
     }

     .mb-sm-4,
     .my-sm-4 {
         margin-bottom: 1.5rem !important
     }

     .ml-sm-4,
     .mx-sm-4 {
         margin-left: 1.5rem !important
     }

     .m-sm-5 {
         margin: 3rem !important
     }

     .mt-sm-5,
     .my-sm-5 {
         margin-top: 3rem !important
     }

     .mr-sm-5,
     .mx-sm-5 {
         margin-right: 3rem !important
     }

     .mb-sm-5,
     .my-sm-5 {
         margin-bottom: 3rem !important
     }

     .ml-sm-5,
     .mx-sm-5 {
         margin-left: 3rem !important
     }

     .p-sm-0 {
         padding: 0 !important
     }

     .pt-sm-0,
     .py-sm-0 {
         padding-top: 0 !important
     }

     .pr-sm-0,
     .px-sm-0 {
         padding-right: 0 !important
     }

     .pb-sm-0,
     .py-sm-0 {
         padding-bottom: 0 !important
     }

     .pl-sm-0,
     .px-sm-0 {
         padding-left: 0 !important
     }

     .p-sm-1 {
         padding: .25rem !important
     }

     .pt-sm-1,
     .py-sm-1 {
         padding-top: .25rem !important
     }

     .pr-sm-1,
     .px-sm-1 {
         padding-right: .25rem !important
     }

     .pb-sm-1,
     .py-sm-1 {
         padding-bottom: .25rem !important
     }

     .pl-sm-1,
     .px-sm-1 {
         padding-left: .25rem !important
     }

     .p-sm-2 {
         padding: .5rem !important
     }

     .pt-sm-2,
     .py-sm-2 {
         padding-top: .5rem !important
     }

     .pr-sm-2,
     .px-sm-2 {
         padding-right: .5rem !important
     }

     .pb-sm-2,
     .py-sm-2 {
         padding-bottom: .5rem !important
     }

     .pl-sm-2,
     .px-sm-2 {
         padding-left: .5rem !important
     }

     .p-sm-3 {
         padding: 1rem !important
     }

     .pt-sm-3,
     .py-sm-3 {
         padding-top: 1rem !important
     }

     .pr-sm-3,
     .px-sm-3 {
         padding-right: 1rem !important
     }

     .pb-sm-3,
     .py-sm-3 {
         padding-bottom: 1rem !important
     }

     .pl-sm-3,
     .px-sm-3 {
         padding-left: 1rem !important
     }

     .p-sm-4 {
         padding: 1.5rem !important
     }

     .pt-sm-4,
     .py-sm-4 {
         padding-top: 1.5rem !important
     }

     .pr-sm-4,
     .px-sm-4 {
         padding-right: 1.5rem !important
     }

     .pb-sm-4,
     .py-sm-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-sm-4,
     .px-sm-4 {
         padding-left: 1.5rem !important
     }

     .p-sm-5 {
         padding: 3rem !important
     }

     .pt-sm-5,
     .py-sm-5 {
         padding-top: 3rem !important
     }

     .pr-sm-5,
     .px-sm-5 {
         padding-right: 3rem !important
     }

     .pb-sm-5,
     .py-sm-5 {
         padding-bottom: 3rem !important
     }

     .pl-sm-5,
     .px-sm-5 {
         padding-left: 3rem !important
     }

     .m-sm-auto {
         margin: auto !important
     }

     .mt-sm-auto,
     .my-sm-auto {
         margin-top: auto !important
     }

     .mr-sm-auto,
     .mx-sm-auto {
         margin-right: auto !important
     }

     .mb-sm-auto,
     .my-sm-auto {
         margin-bottom: auto !important
     }

     .ml-sm-auto,
     .mx-sm-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:768px) {
     .m-md-0 {
         margin: 0 !important
     }

     .mt-md-0,
     .my-md-0 {
         margin-top: 0 !important
     }

     .mr-md-0,
     .mx-md-0 {
         margin-right: 0 !important
     }

     .mb-md-0,
     .my-md-0 {
         margin-bottom: 0 !important
     }

     .ml-md-0,
     .mx-md-0 {
         margin-left: 0 !important
     }

     .m-md-1 {
         margin: .25rem !important
     }

     .mt-md-1,
     .my-md-1 {
         margin-top: .25rem !important
     }

     .mr-md-1,
     .mx-md-1 {
         margin-right: .25rem !important
     }

     .mb-md-1,
     .my-md-1 {
         margin-bottom: .25rem !important
     }

     .ml-md-1,
     .mx-md-1 {
         margin-left: .25rem !important
     }

     .m-md-2 {
         margin: .5rem !important
     }

     .mt-md-2,
     .my-md-2 {
         margin-top: .5rem !important
     }

     .mr-md-2,
     .mx-md-2 {
         margin-right: .5rem !important
     }

     .mb-md-2,
     .my-md-2 {
         margin-bottom: .5rem !important
     }

     .ml-md-2,
     .mx-md-2 {
         margin-left: .5rem !important
     }

     .m-md-3 {
         margin: 1rem !important
     }

     .mt-md-3,
     .my-md-3 {
         margin-top: 1rem !important
     }

     .mr-md-3,
     .mx-md-3 {
         margin-right: 1rem !important
     }

     .mb-md-3,
     .my-md-3 {
         margin-bottom: 1rem !important
     }

     .ml-md-3,
     .mx-md-3 {
         margin-left: 1rem !important
     }

     .m-md-4 {
         margin: 1.5rem !important
     }

     .mt-md-4,
     .my-md-4 {
         margin-top: 1.5rem !important
     }

     .mr-md-4,
     .mx-md-4 {
         margin-right: 1.5rem !important
     }

     .mb-md-4,
     .my-md-4 {
         margin-bottom: 1.5rem !important
     }

     .ml-md-4,
     .mx-md-4 {
         margin-left: 1.5rem !important
     }

     .m-md-5 {
         margin: 3rem !important
     }

     .mt-md-5,
     .my-md-5 {
         margin-top: 3rem !important
     }

     .mr-md-5,
     .mx-md-5 {
         margin-right: 3rem !important
     }

     .mb-md-5,
     .my-md-5 {
         margin-bottom: 3rem !important
     }

     .ml-md-5,
     .mx-md-5 {
         margin-left: 3rem !important
     }

     .p-md-0 {
         padding: 0 !important
     }

     .pt-md-0,
     .py-md-0 {
         padding-top: 0 !important
     }

     .pr-md-0,
     .px-md-0 {
         padding-right: 0 !important
     }

     .pb-md-0,
     .py-md-0 {
         padding-bottom: 0 !important
     }

     .pl-md-0,
     .px-md-0 {
         padding-left: 0 !important
     }

     .p-md-1 {
         padding: .25rem !important
     }

     .pt-md-1,
     .py-md-1 {
         padding-top: .25rem !important
     }

     .pr-md-1,
     .px-md-1 {
         padding-right: .25rem !important
     }

     .pb-md-1,
     .py-md-1 {
         padding-bottom: .25rem !important
     }

     .pl-md-1,
     .px-md-1 {
         padding-left: .25rem !important
     }

     .p-md-2 {
         padding: .5rem !important
     }

     .pt-md-2,
     .py-md-2 {
         padding-top: .5rem !important
     }

     .pr-md-2,
     .px-md-2 {
         padding-right: .5rem !important
     }

     .pb-md-2,
     .py-md-2 {
         padding-bottom: .5rem !important
     }

     .pl-md-2,
     .px-md-2 {
         padding-left: .5rem !important
     }

     .p-md-3 {
         padding: 1rem !important
     }

     .pt-md-3,
     .py-md-3 {
         padding-top: 1rem !important
     }

     .pr-md-3,
     .px-md-3 {
         padding-right: 1rem !important
     }

     .pb-md-3,
     .py-md-3 {
         padding-bottom: 1rem !important
     }

     .pl-md-3,
     .px-md-3 {
         padding-left: 1rem !important
     }

     .p-md-4 {
         padding: 1.5rem !important
     }

     .pt-md-4,
     .py-md-4 {
         padding-top: 1.5rem !important
     }

     .pr-md-4,
     .px-md-4 {
         padding-right: 1.5rem !important
     }

     .pb-md-4,
     .py-md-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-md-4,
     .px-md-4 {
         padding-left: 1.5rem !important
     }

     .p-md-5 {
         padding: 3rem !important
     }

     .pt-md-5,
     .py-md-5 {
         padding-top: 3rem !important
     }

     .pr-md-5,
     .px-md-5 {
         padding-right: 3rem !important
     }

     .pb-md-5,
     .py-md-5 {
         padding-bottom: 3rem !important
     }

     .pl-md-5,
     .px-md-5 {
         padding-left: 3rem !important
     }

     .m-md-auto {
         margin: auto !important
     }

     .mt-md-auto,
     .my-md-auto {
         margin-top: auto !important
     }

     .mr-md-auto,
     .mx-md-auto {
         margin-right: auto !important
     }

     .mb-md-auto,
     .my-md-auto {
         margin-bottom: auto !important
     }

     .ml-md-auto,
     .mx-md-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:992px) {
     .m-lg-0 {
         margin: 0 !important
     }

     .mt-lg-0,
     .my-lg-0 {
         margin-top: 0 !important
     }

     .mr-lg-0,
     .mx-lg-0 {
         margin-right: 0 !important
     }

     .mb-lg-0,
     .my-lg-0 {
         margin-bottom: 0 !important
     }

     .ml-lg-0,
     .mx-lg-0 {
         margin-left: 0 !important
     }

     .m-lg-1 {
         margin: .25rem !important
     }

     .mt-lg-1,
     .my-lg-1 {
         margin-top: .25rem !important
     }

     .mr-lg-1,
     .mx-lg-1 {
         margin-right: .25rem !important
     }

     .mb-lg-1,
     .my-lg-1 {
         margin-bottom: .25rem !important
     }

     .ml-lg-1,
     .mx-lg-1 {
         margin-left: .25rem !important
     }

     .m-lg-2 {
         margin: .5rem !important
     }

     .mt-lg-2,
     .my-lg-2 {
         margin-top: .5rem !important
     }

     .mr-lg-2,
     .mx-lg-2 {
         margin-right: .5rem !important
     }

     .mb-lg-2,
     .my-lg-2 {
         margin-bottom: .5rem !important
     }

     .ml-lg-2,
     .mx-lg-2 {
         margin-left: .5rem !important
     }

     .m-lg-3 {
         margin: 1rem !important
     }

     .mt-lg-3,
     .my-lg-3 {
         margin-top: 1rem !important
     }

     .mr-lg-3,
     .mx-lg-3 {
         margin-right: 1rem !important
     }

     .mb-lg-3,
     .my-lg-3 {
         margin-bottom: 1rem !important
     }

     .ml-lg-3,
     .mx-lg-3 {
         margin-left: 1rem !important
     }

     .m-lg-4 {
         margin: 1.5rem !important
     }

     .mt-lg-4,
     .my-lg-4 {
         margin-top: 1.5rem !important
     }

     .mr-lg-4,
     .mx-lg-4 {
         margin-right: 1.5rem !important
     }

     .mb-lg-4,
     .my-lg-4 {
         margin-bottom: 1.5rem !important
     }

     .ml-lg-4,
     .mx-lg-4 {
         margin-left: 1.5rem !important
     }

     .m-lg-5 {
         margin: 3rem !important
     }

     .mt-lg-5,
     .my-lg-5 {
         margin-top: 3rem !important
     }

     .mr-lg-5,
     .mx-lg-5 {
         margin-right: 3rem !important
     }

     .mb-lg-5,
     .my-lg-5 {
         margin-bottom: 3rem !important
     }

     .ml-lg-5,
     .mx-lg-5 {
         margin-left: 3rem !important
     }

     .p-lg-0 {
         padding: 0 !important
     }

     .pt-lg-0,
     .py-lg-0 {
         padding-top: 0 !important
     }

     .pr-lg-0,
     .px-lg-0 {
         padding-right: 0 !important
     }

     .pb-lg-0,
     .py-lg-0 {
         padding-bottom: 0 !important
     }

     .pl-lg-0,
     .px-lg-0 {
         padding-left: 0 !important
     }

     .p-lg-1 {
         padding: .25rem !important
     }

     .pt-lg-1,
     .py-lg-1 {
         padding-top: .25rem !important
     }

     .pr-lg-1,
     .px-lg-1 {
         padding-right: .25rem !important
     }

     .pb-lg-1,
     .py-lg-1 {
         padding-bottom: .25rem !important
     }

     .pl-lg-1,
     .px-lg-1 {
         padding-left: .25rem !important
     }

     .p-lg-2 {
         padding: .5rem !important
     }

     .pt-lg-2,
     .py-lg-2 {
         padding-top: .5rem !important
     }

     .pr-lg-2,
     .px-lg-2 {
         padding-right: .5rem !important
     }

     .pb-lg-2,
     .py-lg-2 {
         padding-bottom: .5rem !important
     }

     .pl-lg-2,
     .px-lg-2 {
         padding-left: .5rem !important
     }

     .p-lg-3 {
         padding: 1rem !important
     }

     .pt-lg-3,
     .py-lg-3 {
         padding-top: 1rem !important
     }

     .pr-lg-3,
     .px-lg-3 {
         padding-right: 1rem !important
     }

     .pb-lg-3,
     .py-lg-3 {
         padding-bottom: 1rem !important
     }

     .pl-lg-3,
     .px-lg-3 {
         padding-left: 1rem !important
     }

     .p-lg-4 {
         padding: 1.5rem !important
     }

     .pt-lg-4,
     .py-lg-4 {
         padding-top: 1.5rem !important
     }

     .pr-lg-4,
     .px-lg-4 {
         padding-right: 1.5rem !important
     }

     .pb-lg-4,
     .py-lg-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-lg-4,
     .px-lg-4 {
         padding-left: 1.5rem !important
     }

     .p-lg-5 {
         padding: 3rem !important
     }

     .pt-lg-5,
     .py-lg-5 {
         padding-top: 3rem !important
     }

     .pr-lg-5,
     .px-lg-5 {
         padding-right: 3rem !important
     }

     .pb-lg-5,
     .py-lg-5 {
         padding-bottom: 3rem !important
     }

     .pl-lg-5,
     .px-lg-5 {
         padding-left: 3rem !important
     }

     .m-lg-auto {
         margin: auto !important
     }

     .mt-lg-auto,
     .my-lg-auto {
         margin-top: auto !important
     }

     .mr-lg-auto,
     .mx-lg-auto {
         margin-right: auto !important
     }

     .mb-lg-auto,
     .my-lg-auto {
         margin-bottom: auto !important
     }

     .ml-lg-auto,
     .mx-lg-auto {
         margin-left: auto !important
     }
 }

 @media(min-width:1200px) {
     .m-xl-0 {
         margin: 0 !important
     }

     .mt-xl-0,
     .my-xl-0 {
         margin-top: 0 !important
     }

     .mr-xl-0,
     .mx-xl-0 {
         margin-right: 0 !important
     }

     .mb-xl-0,
     .my-xl-0 {
         margin-bottom: 0 !important
     }

     .ml-xl-0,
     .mx-xl-0 {
         margin-left: 0 !important
     }

     .m-xl-1 {
         margin: .25rem !important
     }

     .mt-xl-1,
     .my-xl-1 {
         margin-top: .25rem !important
     }

     .mr-xl-1,
     .mx-xl-1 {
         margin-right: .25rem !important
     }

     .mb-xl-1,
     .my-xl-1 {
         margin-bottom: .25rem !important
     }

     .ml-xl-1,
     .mx-xl-1 {
         margin-left: .25rem !important
     }

     .m-xl-2 {
         margin: .5rem !important
     }

     .mt-xl-2,
     .my-xl-2 {
         margin-top: .5rem !important
     }

     .mr-xl-2,
     .mx-xl-2 {
         margin-right: .5rem !important
     }

     .mb-xl-2,
     .my-xl-2 {
         margin-bottom: .5rem !important
     }

     .ml-xl-2,
     .mx-xl-2 {
         margin-left: .5rem !important
     }

     .m-xl-3 {
         margin: 1rem !important
     }

     .mt-xl-3,
     .my-xl-3 {
         margin-top: 1rem !important
     }

     .mr-xl-3,
     .mx-xl-3 {
         margin-right: 1rem !important
     }

     .mb-xl-3,
     .my-xl-3 {
         margin-bottom: 1rem !important
     }

     .ml-xl-3,
     .mx-xl-3 {
         margin-left: 1rem !important
     }

     .m-xl-4 {
         margin: 1.5rem !important
     }

     .mt-xl-4,
     .my-xl-4 {
         margin-top: 1.5rem !important
     }

     .mr-xl-4,
     .mx-xl-4 {
         margin-right: 1.5rem !important
     }

     .mb-xl-4,
     .my-xl-4 {
         margin-bottom: 1.5rem !important
     }

     .ml-xl-4,
     .mx-xl-4 {
         margin-left: 1.5rem !important
     }

     .m-xl-5 {
         margin: 3rem !important
     }

     .mt-xl-5,
     .my-xl-5 {
         margin-top: 3rem !important
     }

     .mr-xl-5,
     .mx-xl-5 {
         margin-right: 3rem !important
     }

     .mb-xl-5,
     .my-xl-5 {
         margin-bottom: 3rem !important
     }

     .ml-xl-5,
     .mx-xl-5 {
         margin-left: 3rem !important
     }

     .p-xl-0 {
         padding: 0 !important
     }

     .pt-xl-0,
     .py-xl-0 {
         padding-top: 0 !important
     }

     .pr-xl-0,
     .px-xl-0 {
         padding-right: 0 !important
     }

     .pb-xl-0,
     .py-xl-0 {
         padding-bottom: 0 !important
     }

     .pl-xl-0,
     .px-xl-0 {
         padding-left: 0 !important
     }

     .p-xl-1 {
         padding: .25rem !important
     }

     .pt-xl-1,
     .py-xl-1 {
         padding-top: .25rem !important
     }

     .pr-xl-1,
     .px-xl-1 {
         padding-right: .25rem !important
     }

     .pb-xl-1,
     .py-xl-1 {
         padding-bottom: .25rem !important
     }

     .pl-xl-1,
     .px-xl-1 {
         padding-left: .25rem !important
     }

     .p-xl-2 {
         padding: .5rem !important
     }

     .pt-xl-2,
     .py-xl-2 {
         padding-top: .5rem !important
     }

     .pr-xl-2,
     .px-xl-2 {
         padding-right: .5rem !important
     }

     .pb-xl-2,
     .py-xl-2 {
         padding-bottom: .5rem !important
     }

     .pl-xl-2,
     .px-xl-2 {
         padding-left: .5rem !important
     }

     .p-xl-3 {
         padding: 1rem !important
     }

     .pt-xl-3,
     .py-xl-3 {
         padding-top: 1rem !important
     }

     .pr-xl-3,
     .px-xl-3 {
         padding-right: 1rem !important
     }

     .pb-xl-3,
     .py-xl-3 {
         padding-bottom: 1rem !important
     }

     .pl-xl-3,
     .px-xl-3 {
         padding-left: 1rem !important
     }

     .p-xl-4 {
         padding: 1.5rem !important
     }

     .pt-xl-4,
     .py-xl-4 {
         padding-top: 1.5rem !important
     }

     .pr-xl-4,
     .px-xl-4 {
         padding-right: 1.5rem !important
     }

     .pb-xl-4,
     .py-xl-4 {
         padding-bottom: 1.5rem !important
     }

     .pl-xl-4,
     .px-xl-4 {
         padding-left: 1.5rem !important
     }

     .p-xl-5 {
         padding: 3rem !important
     }

     .pt-xl-5,
     .py-xl-5 {
         padding-top: 3rem !important
     }

     .pr-xl-5,
     .px-xl-5 {
         padding-right: 3rem !important
     }

     .pb-xl-5,
     .py-xl-5 {
         padding-bottom: 3rem !important
     }

     .pl-xl-5,
     .px-xl-5 {
         padding-left: 3rem !important
     }

     .m-xl-auto {
         margin: auto !important
     }

     .mt-xl-auto,
     .my-xl-auto {
         margin-top: auto !important
     }

     .mr-xl-auto,
     .mx-xl-auto {
         margin-right: auto !important
     }

     .mb-xl-auto,
     .my-xl-auto {
         margin-bottom: auto !important
     }

     .ml-xl-auto,
     .mx-xl-auto {
         margin-left: auto !important
     }
 }

 .text-justify {
     text-align: justify !important
 }

 .text-nowrap {
     white-space: nowrap !important
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .text-left {
     text-align: left !important
 }

 .text-right {
     text-align: right !important
 }

 .text-center {
     text-align: center !important
 }

 @media(min-width:576px) {
     .text-sm-left {
         text-align: left !important
     }

     .text-sm-right {
         text-align: right !important
     }

     .text-sm-center {
         text-align: center !important
     }
 }

 @media(min-width:768px) {
     .text-md-left {
         text-align: left !important
     }

     .text-md-right {
         text-align: right !important
     }

     .text-md-center {
         text-align: center !important
     }
 }

 @media(min-width:992px) {
     .text-lg-left {
         text-align: left !important
     }

     .text-lg-right {
         text-align: right !important
     }

     .text-lg-center {
         text-align: center !important
     }
 }

 @media(min-width:1200px) {
     .text-xl-left {
         text-align: left !important
     }

     .text-xl-right {
         text-align: right !important
     }

     .text-xl-center {
         text-align: center !important
     }
 }

 .text-lowercase {
     text-transform: lowercase !important
 }

 .text-uppercase {
     text-transform: uppercase !important
 }

 .text-capitalize {
     text-transform: capitalize !important
 }

 .font-weight-light {
     font-weight: 300 !important
 }

 .font-weight-normal {
     font-weight: 400 !important
 }

 .font-weight-bold {
     font-weight: 700 !important
 }

 .font-italic {
     font-style: italic !important
 }

 .text-white {
     color: #fff !important
 }

 .text-primary {
     color: #007bff !important
 }

 a.text-primary:focus,
 a.text-primary:hover {
     color: #0062cc !important
 }

 .text-secondary {
     color: #6c757d !important
 }

 a.text-secondary:focus,
 a.text-secondary:hover {
     color: #545b62 !important
 }

 .text-success {
     color: #28a745 !important
 }

 a.text-success:focus,
 a.text-success:hover {
     color: #1e7e34 !important
 }

 .text-info {
     color: #17a2b8 !important
 }

 a.text-info:focus,
 a.text-info:hover {
     color: #117a8b !important
 }

 .text-warning {
     color: #ffc107 !important
 }

 a.text-warning:focus,
 a.text-warning:hover {
     color: #d39e00 !important
 }

 .text-danger {
     color: #dc3545 !important
 }

 a.text-danger:focus,
 a.text-danger:hover {
     color: #bd2130 !important
 }

 .text-light {
     color: #f8f9fa !important
 }

 a.text-light:focus,
 a.text-light:hover {
     color: #dae0e5 !important
 }

 .text-dark {
     color: #343a40 !important
 }

 a.text-dark:focus,
 a.text-dark:hover {
     color: #1d2124 !important
 }

 .text-muted {
     color: #6c757d !important
 }

 .text-hide {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0
 }

 .visible {
     visibility: visible !important
 }

 .invisible {
     visibility: hidden !important
 }

 @media print {

     *,
     ::after,
     ::before {
         text-shadow: none !important;
         box-shadow: none !important
     }

     a:not(.btn) {
         text-decoration: underline
     }

     abbr[title]::after {
         content: " (" attr(title) ")"
     }

     pre {
         white-space: pre-wrap !important
     }

     blockquote,
     pre {
         border: 1px solid #999;
         page-break-inside: avoid
     }

     thead {
         display: table-header-group
     }

     img,
     tr {
         page-break-inside: avoid
     }

     h2,
     h3,
     p {
         orphans: 3;
         widows: 3
     }

     h2,
     h3 {
         page-break-after: avoid
     }

     @page {
         size: a3
     }

     body {
         min-width: 992px !important
     }

     .container {
         min-width: 992px !important
     }

     .navbar {
         display: none
     }

     .badge {
         border: 1px solid #000
     }

     .table {
         border-collapse: collapse !important
     }

     .table td,
     .table th {
         background-color: #fff !important
     }

     .table-bordered td,
     .table-bordered th {
         border: 1px solid #ddd !important
     }
 }

 @media(min-width:576px) {
     .container {
         max-width: 540px
     }
 }

 @media(min-width:768px) {
     .container {
         max-width: 750px
     }
 }

 @media(min-width:992px) {
     .container {
         max-width: 970px
     }
 }

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

 .dropdown-menu,
 body {
     font-size: .875rem;
     font-family: 'Outfit';
 }

 .Program table tbody tr td .sign {
     padding: 10px 14px !important;
     font-size: 12px
 }

 dd,
 dl,
 dt,
 li,
 ol,
 ul {
     margin: 0;
     padding: 0
 }

 .tcppdiv ol,
 .tcppdiv ul {
     list-style-type: square;
     padding-left: 15px;
     padding-bottom: 10px
 }

 h3.term {
     padding: 5px 0
 }

 h6.term {
     margin-top: 10px;
     margin-bottom: 5px
 }

 .clear {
     clear: both;
     display: block;
     font-size: 0;
     height: 0;
     line-height: 0;
     width: 100%;
     overflow: hidden
 }

 ::selection {
     background: #0453ee;
     color: #fff;
     text-shadow: none
 }

 ::-moz-selection {
     background: #0453ee;
     color: #fff;
     text-shadow: none
 }

 ::-webkit-selection {
     background: #0453ee;
     color: #fff;
     text-shadow: none
 }

 input:-webkit-autofill {
     -webkit-text-fill-color: #000 !important;
     -webkit-box-shadow: 0 0 0 30px #fff inset !important
 }

 .hide {
     display: none
 }

 :active,
 :focus {
     outline: 0 !important
 }

 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0;
     width: 20px;
     height: 15px
 }

 .modal-header .close {
     padding: 8px 19px;
     margin: -1rem -1rem -1rem auto;
     font-size: 37px
 }

 .eligible {
     display: block;
     width: 100%;
     overflow-x: auto
 }

 .eligible thead {
     background: #f5f5f5
 }

 .eligible table {
     border: 1px solid #ccc;
     margin: auto;
     width: 80%
 }

 .eligible td,
 .eligible th,
 .eligible tr {
     border: 1px solid #ccc;
     padding: 8px
 }

 .gender {
     margin-top: 13px
 }

 .sidebar {
     background: #fff
 }

 .dark {
     color: #000
 }

 ul li {
     list-style: none
 }

 .progress {
     height: 2rem;
     border-radius: .25rem
 }

 .progress-bar {
     background-color: #e5eefe
 }

 .profilename {
     padding: 12px 9px 0;
     font-size: 16px;
     font-weight: 600;
     word-break: break-all
 }

 .tab-content li {
     font-size: 12px
 }

 .change {
     position: absolute;
     left: 0;
     right: 0;
     top: 166px
 }

 .change .button-border {
     background: #fff;
     font-size: 17px;
     opacity: .6
 }

 .change .button.button-mini {
     padding: 0 14px;
     font-size: 15px;
     height: 33px;
     line-height: 30px
 }

 .change .button-border {
     border: 1px solid #0353ee;
     color: #0553ee;
     border-radius: 50%;
     width: 33px;
     height: 30px
 }

 .change span {
     position: relative;
     left: -7px;
     top: 7px
 }

 .change .button-border:hover {
     background-color: #ee690b;
     color: #fff
 }

 .complete {
     height: 1.9rem !important;
     line-height: 34px;
     margin: 0
 }

 .profile-Active {
     box-shadow: none;
     border-radius: .35rem
 }

 .profilemenu li:hover {
     background: #0353ee;
     color: #fff
 }

 .programdetill {
     line-height: 1.8
 }

 .profile-img {
     padding-bottom: 10px;
     border: 1px solid rgba(0, 0, 0, .125);
     background: #ffffff
 }

 .profile-img h6 {
     word-break: break-all;
     padding: 0 11px
 }

 .profilenum {
     padding: 6px 0;
     font-size: 15px;
     font-weight: 400;
     color: #000000
 }

 .profile-img hr {
     margin: 10px 15px
 }

 .profile-img h4 {
     color: #2874f0;
     font-weight: 800;
     font-size: 20px;
     margin-bottom: 10px
 }

 .profilemenu li {
     padding: 5px 0;
     border-left: 1px solid #999;
     margin: 0
 }

 .profilemenu li a {
     padding: 0 14px;
     font-size: 16px;
     font-weight: 600
 }

 .profilemenu li:first-child {
     border-left: none
 }

 .profileheading {
     color: #000000;
     font-size: 22px
 }

 .bottommargin-smm {
     margin-bottom: 30px !important
 }

 .programdetill b {
     padding-right: 3px
 }

 .pofile h4 {
     padding-bottom: 15px
 }

 .familyprofile img,
 .pofile img {
     width: 50%;
     margin-top: 7px;
     height:120px;
     width:120px;
 }
 .famlimage{
    object-fit: cover;
 }

 .pofile h4:after {
     top: 14px;
     content: '';
     display: none;
     position: absolute;
     left: 15px;
     margin: 15px auto;
     width: 50%;
     height: 3px;
     background: #2874f0
 }

 .programdetill span:first-child {
     color: #000
 }

 .programdetill span {
     display: block;
     line-height: 1.4;
     color: rgba(0, 0, 0, .6)
 }

 .row.pofile {
     margin-bottom: 10px
 }

 .passport-size {
     max-width: 25%;
     flex: 0 0 25%
 }


 .profile-right {
     padding-left: 15px
 }

 .button-border {
     border: 1px solid #0353ee;
     background: 0;
     color: #0553ee
 }

 .profile .nav li {
     display: inline-block;
     border: 1px solid #ddd;
     border-bottom: 0;
     border-left: 0;
     height: 41px
 }

 .profile .nav li:first-child {
     border-left: 1px solid #ddd
 }

 .profile .nav li a {
     display: block;
     padding: 0 15px;
     color: #444;
     height: 40px;
     line-height: 40px;
     background-color: #f2f2f2;
     font-size: 14px;
     font-weight: 700
 }

 .profile .nav li.active {
     position: relative;
     background-color: #fff !important;
     display: block;
     padding: 0;
     color: #444;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     font-weight: 700
 }

 .profile .nav li.active a {
     position: relative;
     top: 1px;
     background-color: #e5eefe
 }

 .change .button.button-mini {
     padding: 0 14px;
     font-size: 15px;
     height: 33px;
     line-height: 30px
 }

 .change .button-border {
     border: 1px solid #0353ee;
     color: #0553ee;
     border-radius: 50%;
     width: 33px;
     height: 30px
 }

 .change span {
     position: relative;
     left: -7px
 }

 body {
     line-height: 1.5;
     font-family: 'Outfit';
 }

 a {
     text-decoration: none !important;
     color: #0050cf;
     cursor: pointer
 }

 a:hover {
     color: #0050cf
 }

 a img {
     border: 0
 }

 iframe {
     border: none !important
 }

 h1,
 h2,
 h4,
 h5,
 h6 {
     font-weight: 600;
     margin: 0 0 30px;
     font-family: 'Outfit';
 }

 h5,
 h6 {
     margin-bottom: 20px
 }

 h1 {
     font-size: 36px
 }

 h2 {
     font-size: 30px
 }

 h3 {
     font-size: 24px
 }

 h6 {
     font-size: 12px
 }

 h4 {
     font-weight: 600
 }

 h5,
 h6 {
     font-weight: 500
 }

 h1>span:not(.nocolor):not(.badge),
 h2>span:not(.nocolor):not(.badge),
 h3>span:not(.nocolor):not(.badge),
 h4>span:not(.nocolor):not(.badge),
 h6>span:not(.nocolor):not(.badge) {
     color: #0453ee
 }

 ,
 address,
 blockquote,
 dd,
 dl,
 fieldset,
 ol,
 p,
 pre,
 table,
 ul {
     margin-bottom: 30px;
     font-family: Outfit
 }

 .uppercase {
     text-transform: uppercase !important
 }

 .lowercase {
     text-transform: lowercase !important
 }

 .capitalize {
     text-transform: capitalize !important
 }

 .nott {
     text-transform: none !important
 }

 .tright {
     text-align: right !important
 }

 .tleft {
     text-align: left !important
 }

 .fright {
     float: right !important;
     padding-bottom: 10px
 }

 .fleft {
     float: left !important
 }

 .fnone {
     float: none !important
 }

 .ohidden {
     position: relative;
     overflow: hidden !important
 }

 #wrapper {
     position: relative;
     float: none;
     width: 1220px;
     margin: 0 auto;
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1)
 }

 .line {
     clear: both;
     position: relative;
     width: 100%;
     margin: 10px 0;
     border-top: 1px solid #000
 }

 .line.line-sm {
     margin: 30px 0
 }

 span.middot {
     display: inline-block;
     margin: 0 5px
 }

 .double-line {
     border-top: 3px double #e5e5e5
 }

 .emptydiv {
     display: block !important;
     position: relative !important
 }

 .allmargin {
     margin: 50px !important
 }

 .leftmargin {
     margin-left: 50px !important
 }

 .rightmargin {
     margin-right: 50px !important
 }

 .topmargin {
     margin-top: 50px !important
 }

 .bottommargin {
     margin-bottom: 50px !important
 }

 .clear-bottommargin {
     margin-bottom: -50px !important
 }

 .allmargin-sm {
     margin: 30px !important
 }

 .leftmargin-sm {
     margin-left: 30px !important
 }

 .rightmargin-sm {
     margin-right: 30px !important
 }

 .topmargin-sm {
     margin-top: 30px !important
 }

 .bottommargin-sm {
     margin-bottom: 50px !important
 }

 .clear-bottommargin-sm {
     margin-bottom: -30px !important
 }

 .allmargin-lg {
     margin: 80px !important
 }

 .leftmargin-lg {
     margin-left: 80px !important
 }

 .rightmargin-lg {
     margin-right: 80px !important
 }

 .topmargin-lg {
     margin-top: 80px !important
 }

 .bottommargin-lg {
     margin-bottom: 80px !important;
     border-radius: 40px
 }

 .clear-bottommargin-lg {
     margin-bottom: -80px !important
 }

 .nomargin {
     margin: 0 !important
 }

 .noleftmargin {
     margin-left: 0 !important
 }

 .norightmargin {
     margin-right: 0 !important
 }

 .notopmargin {
     margin-top: 0 !important
 }

 .nobottommargin {
     margin-bottom: 0 !important
 }

 .header-stick {
     margin-top: -50px !important
 }

 .content-wrap .header-stick {
     margin-top: -80px !important
 }

 .footer-stick {
     margin-bottom: -50px !important
 }

 .content-wrap .footer-stick {
     margin-bottom: -80px !important
 }

 .noborder {
     border: none !important
 }

 .noleftborder {
     border-left: none !important
 }

 .norightborder {
     border-right: none !important
 }

 .notopborder {
     border-top: none !important
 }

 .nobottomborder {
     border-bottom: none !important
 }

 .noradius {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -ms-border-radius: 0 !important;
     -o-border-radius: 0 !important;
     border-radius: 0 !important
 }

 .col-padding {
     padding: 60px
 }

 .nopadding {
     padding: 0 !important
 }

 .noleftpadding {
     padding-left: 0 !important
 }

 .allpadding-sm {
     padding: 20px
 }

 .personal span i {
     padding-right: 10px
 }

 .norightpadding {
     padding-right: 0 !important
 }

 .notoppadding {
     padding-top: 0 !important
 }

 .nobottompadding {
     padding-bottom: 0 !important
 }

 .noabsolute {
     position: relative !important
 }

 .noshadow {
     box-shadow: none !important
 }

 .notextshadow {
     text-shadow: none !important
 }

 .hidden {
     display: none !important
 }

 .nothidden {
     display: block !important
 }

 .inline-block {
     float: none !important;
     display: inline-block !important
 }

 .center {
     text-align: center !important
 }

 .divcenter {
     position: relative !important;
     float: none !important;
     margin-left: auto !important;
     margin-right: auto !important
 }

 .noheight {
     height: 0 !important
 }

 .nolineheight {
     line-height: 0 !important
 }

 .font-body {
     font-family: Outfit;
 }

 .font-primary {
     font-family: Outfit;
 }

 .bgicon {
     display: block;
     position: absolute;
     bottom: 25px;
     right: 30%;
     font-size: 139px;
     color: rgba(190, 208, 246, .85)
 }

 .helpsup {
     z-index: 9;
     line-height: 1.3;
     font-size: 14px;
     position: relative
 }

 .helpsupport {
     display: inline-flex
 }

 .helpsupport .center {
     width: 100%
 }

 .helpbold {
     font-size: 28px;
     display: block
 }

 .helpbold a {
     color: #000
 }

 .helpbold a:hover {
     color: #0050cf
 }

 .chat {
     position: relative;
     z-index: 9
 }

 .imagescale,
 .imagescalein {
     display: block;
     overflow: hidden
 }

 .imagescale img,
 .imagescalein img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 1s ease;
     transition: all 1s ease
 }

 .imagescale:hover img {
     -webkit-transform: scale(1);
     transform: scale(1)
 }

 .imagescalein img {
     -webkit-transform: scale(1);
     transform: scale(1)
 }

 .imagescalein:hover img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
 }

 .grayscale {
     filter: brightness(80%) grayscale(1) contrast(90%);
     -webkit-filter: brightness(80%) grayscale(1) contrast(90%);
     -moz-filter: brightness(80%) grayscale(1) contrast(90%);
     -o-filter: brightness(80%) grayscale(1) contrast(90%);
     -ms-filter: brightness(80%) grayscale(1) contrast(90%);
     transition: 1s filter ease;
     -webkit-transition: 1s -webkit-filter ease;
     -moz-transition: 1s -moz-filter ease;
     -ms-transition: 1s -ms-filter ease;
     -o-transition: 1s -o-filter ease
 }

 .grayscale:hover {
     filter: brightness(100%) grayscale(0);
     -webkit-filter: brightness(100%) grayscale(0);
     -moz-filter: brightness(100%) grayscale(0);
     -o-filter: brightness(100%) grayscale(0);
     -ms-filter: brightness(100%) grayscale(0)
 }

 .bganimate {
     -webkit-animation: BgAnimated 30s infinite linear;
     -moz-animation: BgAnimated 30s infinite linear;
     -ms-animation: BgAnimated 30s infinite linear;
     -o-animation: BgAnimated 30s infinite linear;
     animation: BgAnimated 30s infinite linear
 }

 @-webkit-keyframes BgAnimated {
     from {
         background-position: 0 0
     }

     to {
         background-position: 0 400px
     }
 }

 @-moz-keyframes BgAnimated {
     from {
         background-position: 0 0
     }

     to {
         background-position: 0 400px
     }
 }

 @-ms-keyframes BgAnimated {
     from {
         background-position: 0 0
     }

     to {
         background-position: 0 400px
     }
 }

 @-o-keyframes BgAnimated {
     from {
         background-position: 0 0
     }

     to {
         background-position: 0 400px
     }
 }

 @keyframes BgAnimated {
     from {
         background-position: 0 0
     }

     to {
         background-position: 0 400px
     }
 }

 .input-block-level {
     display: block;
     width: 100% !important;
     min-height: 30px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .vertical-middle {
     height: auto !important;
     left: 0;
     max-width: none !important;
     z-index: 2
 }

 .vertical-middle+.video-wrap {
     z-index: 1 !important
 }

 .magnific-max-width .mfp-content {
     max-width: 800px
 }

 .loginpage {
     box-shadow: 1px 1px 7px 5px #ccc
 }

 .section {
     position: relative;
     margin: 60px 0;
     padding: 60px 0;
     background-color: #f9f9f9;
     overflow: hidden
 }

 .parallax {
     background-color: transparent;
     background-attachment: fixed;
     background-position: 50% 0;
     background-repeat: no-repeat;
     overflow: hidden
 }

 .mobile-parallax,
 .video-placeholder {
     background-size: cover !important;
     background-attachment: scroll !important;
     background-position: center center !important
 }

 .section .container {
     z-index: 2
 }

 .section .container+.video-wrap {
     z-index: 1
 }

 .revealer-image {
     position: relative;
     bottom: -100px;
     transition: bottom .3s ease-in-out;
     -webkit-transition: bottom .3s ease-in-out;
     -o-transition: bottom .3s ease-in-out
 }

 .section:hover .revealer-image {
     bottom: -50px
 }

 .col_full {
     width: 100%
 }

 .col_half,
 .postcontent.bothsidebar {
     width: 48%
 }

 .col_one_third {
     width: 30.63%
 }

 .col_two_third {
     width: 65.33%
 }

 .col_one_fourth,
 .sidebar {
     width: 24%
 }

 .col_three_fourth,
 .postcontent {
     width: 74%
 }

 .col_one_fifth {
     width: 16.8%
 }

 .col_two_fifth {
     width: 37.6%
 }

 .col_three_fifth {
     width: 58.4%
 }

 .col_four_fifth {
     width: 79.2%
 }

 .col_one_sixth {
     width: 13.33%
 }

 .col_five_sixth {
     width: 82.67%
 }

 body.stretched .container-fullwidth {
     position: relative;
     padding: 0 60px;
     width: 100%
 }

 .col_five_sixth,
 .col_four_fifth,
 .col_full,
 .col_half,
 .col_one_fifth,
 .col_one_fourth,
 .col_one_sixth,
 .col_one_third,
 .col_three_fifth,
 .col_three_fourth,
 .col_two_fifth,
 .col_two_third,
 .postcontent,
 .sidebar {
     display: block;
     position: relative;
     margin-right: 1%;
     float: left
 }

 .col_full {
     clear: both;
     float: none;
     margin-right: 0
 }

 .postcontent.col_last,
 .sidebar.col_last {
     float: right
 }

 .col_last {
     margin-right: 0 !important;
     clear: right
 }

 .flex-control-nav.flex-control-thumbs {
     position: relative;
     top: 0;
     left: 0;
     right: 0;
     margin: 2px -2px -2px 0;
     height: 75px
 }

 .fslider,
 .fslider .flexslider,
 .fslider .slide,
 .fslider .slide>a,
 .fslider .slide>a>img,
 .fslider .slide>img,
 .fslider .slider-wrap {
     position: relative;
     display: block;
     width: 100%;
     height: auto;
     overflow: hidden;
     -webkit-backface-visibility: hidden
 }

 .flex-control-nav.flex-control-thumbs li,
 .flex-control-nav.flex-control-thumbs li img {
     display: block;
     width: 100px !important;
     height: auto !important
 }

 .flex-control-nav.flex-control-thumbs li img {
     cursor: pointer;
     text-indent: -9999px;
     border: 0;
     border-radius: 0;
     margin: 0;
     opacity: .5;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .flex-control-nav.flex-control-thumbs li img.flex-active,
 .flex-control-nav.flex-control-thumbs li:hover img {
     border-width: 0;
     opacity: 1
 }

 .fslider {
     min-height: 32px
 }

 .flex-container a:active,
 .flex-container a:focus,
 .flexslider a:active,
 .flexslider a:focus {
     outline: 0;
     border: 0
 }

 .flex-control-nav,
 .flex-direction-nav,
 .slider-wrap {
     margin: 0;
     padding: 0;
     list-style: none;
     border: 0
 }

 .flexslider {
     position: relative;
     margin: 0;
     padding: 0
 }

 .flexslider .slider-wrap>.slide {
     display: none;
     -webkit-backface-visibility: hidden;
     opacity: 1 !important
 }

 .flexslider .slider-wrap img {
     width: 100%;
     display: block
 }

 .flex-pauseplay span {
     text-transform: capitalize
 }

 .slider-wrap:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 html[xmlns] .slider-wrap {
     display: block
 }

 * html .slider-wrap {
     height: 1%
 }

 .no-js .slider-wrap>.slide:first-child {
     display: block
 }

 .flex-viewport {
     max-height: 2000px;
     -webkit-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease
 }

 .flex-control-nav {
     position: absolute;
     z-index: 10;
     text-align: center;
     top: 14px;
     right: 10px;
     margin: 0
 }

 .flex-control-nav li {
     float: left;
     display: block;
     margin: 0 3px;
     width: 10px;
     height: 10px
 }

 .flex-control-nav li a {
     display: block;
     cursor: pointer;
     text-indent: -9999px;
     width: 10px !important;
     height: 10px !important;
     border: 1px solid #fff;
     border-radius: 50%;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out
 }

 .flex-control-nav li a.flex-active,
 .flex-control-nav li:hover a {
     background-color: #fff
 }

 #top-bar {
     position: relative;
     border-bottom: 1px solid #eee;
     height: 45px;
     line-height: 44px;
     font-size: 13px
 }

 #top-bar .col_half {
     width: auto
 }

 div#show_hide_password {
     border: 1px solid #ced4da;
     border-radius: 3px
 }

 div#show_hide_password input {
     border: 0
 }

 .top-links {
     position: relative;
     float: left
 }

 .top-links ul {
     margin: 0;
     list-style: none
 }

 .top-links ul li {
     float: left;
     position: relative;
     height: 44px;
     border-left: 1px solid #eee
 }

 .top-links ul li:first-child,
 .top-links ul ul li {
     border-left: 0 !important
 }

 .top-links li>a {
     display: block;
     padding: 0 12px;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     height: 44px;
     color: #666
 }

 .top-links li i {
     vertical-align: top
 }

 .top-links li i.icon-angle-down {
     margin: 0 0 0 5px !important
 }

 .top-links li i:first-child {
     margin-right: 3px
 }

 .top-links li.full-icon i {
     top: 2px;
     font-size: 14px;
     margin: 0
 }

 .top-links li:hover {
     background-color: #eee
 }

 .top-links ul div.top-link-section,
 .top-links ul ul {
     display: none;
     pointer-events: none;
     position: absolute;
     z-index: 210;
     line-height: 1.5;
     background: #fff;
     border: 0;
     top: 44px;
     left: 0;
     width: 140px;
     margin: 0;
     border-top: 1px solid #1abc9c;
     border-bottom: 1px solid #eee;
     box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
     -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2)
 }

 .top-links li:hover div.top-link-section,
 .top-links li:hover ul {
     pointer-events: auto
 }

 .top-links ul ul li {
     float: none;
     height: 36px;
     border-top: 1px solid #f5f5f5;
     border-left: 1px solid #eee
 }

 .top-links ul ul li:hover {
     background-color: #f9f9f9
 }

 .top-links ul ul li:first-child {
     border-top: none !important;
     border-left: 1px solid #eee
 }

 .top-links ul ul a {
     height: 36px;
     line-height: 36px;
     font-size: 12px
 }

 .top-links ul ul img {
     display: inline-block;
     position: relative;
     top: -1px;
     width: 16px;
     height: 16px;
     margin-right: 4px
 }

 .top-links ul ul.top-demo-lang img {
     top: 4px;
     width: 16px;
     height: 16px
 }

 .top-links ul div.top-link-section {
     padding: 25px;
     left: 0;
     width: 280px
 }

 .fright .top-links ul div.top-link-section,
 .top-links.fright ul div.top-link-section {
     left: auto;
     right: 0
 }

 #header {
     position: relative;
     background-color: #fff;
     border-bottom: 1px solid #f5f5f5
 }

 #header .container {
     position: relative
 }

 #header.transparent-header {
     background: 0;
     border-bottom: 0;
     z-index: 199;
     height: 100px
 }

 #header.semi-transparent {
     background-color: rgba(255, 255, 255, .8)
 }

 #header.transparent-header.floating-header {
     margin-top: 60px
 }

 #header.transparent-header.floating-header .container {
     width: 1190px;
     max-width: 1190px;
     background-color: #fff;
     padding: 0 40px;
     border-radius: 2px
 }

 #header.transparent-header.floating-header.sticky-header .container {
     width: 1140px;
     max-width: 1140px;
     padding: 0 15px
 }

 #header.transparent-header+#google-map,
 #header.transparent-header+#page-title.page-title-parallax,
 #header.transparent-header+#slider,
 #slider+#header.transparent-header {
     top: -100px;
     margin-bottom: -100px
 }

 #header.transparent-header.floating-header+#google-map,
 #header.transparent-header.floating-header+#slider {
     top: -160px;
     margin-bottom: -160px
 }

 #header.transparent-header+#page-title.page-title-parallax .container {
     z-index: 5;
     padding-top: 100px
 }

 #header.full-header {
     border-bottom-color: #eee
 }

 #slider+#header.transparent-header.full-header #header-wrap {
     border-top: 1px solid rgba(0, 0, 0, .1);
     border-bottom: 0
 }

 #logo {
     position: relative;
     float: left;
     font-family: Outfit;
     font-size: 36px;
     line-height: 100%;
     margin-right: 40px
 }

 #logo a {
     display: block;
     color: #000
 }

 #logo img {
     display: block;
     max-width: 89%;
     padding: 15px 0
 }

 #logo a.standard-logo {
     display: block
 }

 #logo a.retina-logo {
     display: none
 }

 .header-extras {
     float: right;
     margin: 30px 0 0
 }

 .header-extras li {
     float: left;
     margin-left: 20px;
     height: 40px;
     overflow: hidden;
     list-style: none
 }

 .header-extras li i {
     margin-top: 3px !important
 }

 .header-extras li:first-child {
     margin-left: 0
 }

 .header-extras li .he-text {
     float: left;
     padding-left: 10px;
     font-weight: 700;
     font-size: 14px;
     line-height: 1.43
 }

 .header-extras li .he-text span {
     display: block;
     font-weight: 400;
     color: #1abc9c
 }

 body.stretched #header.full-header .container {
     width: 100%;
     max-width: none;
     padding: 27px 59px 0
 }

 #primary-menu {
     float: right
 }

 #primary-menu ul.mobile-primary-menu {
     display: none
 }

 #page-submenu-trigger,
 #primary-menu-trigger {
     opacity: 0;
     pointer-events: none;
     cursor: pointer;
     font-size: 28px;
     position: absolute;
     top: 50%;
     margin-top: -25px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     -webkit-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
     transition: opacity .3s ease
 }

 #primary-menu ul {
     list-style: none;
     margin: 0
 }

 #primary-menu>ul {
     float: left
 }

 #primary-menu ul li {
     position: relative
 }

 #primary-menu ul li.mega-menu {
     position: inherit
 }

 #primary-menu ul>li {
     float: left;
     margin-left: 25px
 }

 #primary-menu>ul>li:first-child {
     margin-left: 0
 }

 #primary-menu ul li>a {
     display: block;
     padding: 26px 0;
     color: #000;
     font-weight: 600;
     font-family: Outfit;
 }

 #primary-menu ul li>a span {
     display: none
 }

 .wish {
     padding-left: 57px;
     display: inline
 }

 #primary-menu ul li>a i {
     position: relative;
     top: -3px;
     font-size: 17px;
     width: 16px;
     text-align: center;
     margin-right: 9px;
     vertical-align: top
 }

 #primary-menu ul li>a i.icon-angle-down:last-child {
     font-size: 12px;
     margin: 0 0 0 5px
 }

 #primary-menu ul li.current>a,
 #primary-menu ul li:hover>a {
     color: #00c6ba
 }

 body.no-superfish #primary-menu li:hover>.mega-menu-content,
 body.no-superfish #primary-menu li:hover>ul:not(.mega-menu-column) {
     display: block
 }

 #primary-menu ul li .mega-menu-content,
 #primary-menu ul ul:not(.mega-menu-column) {
     display: none;
     position: absolute;
     width: 220px;
     background-color: #fff;
     box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
     border: 1px solid #eee;
     border-top: 2px solid #1abc9c;
     height: auto;
     z-index: 199;
     top: 100%;
     left: 0;
     margin: 0
 }

 #primary-menu ul ul:not(.mega-menu-column) ul {
     top: -2px !important;
     left: 218px
 }

 #primary-menu ul li .mega-menu-content.menu-pos-invert,
 #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column) {
     left: auto;
     right: 0
 }

 #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
     right: 218px
 }

 #primary-menu ul ul li {
     float: none;
     margin: 0
 }

 #primary-menu ul ul li:first-child {
     border-top: 0
 }

 #primary-menu ul ul li>a {
     font-size: 12px;
     font-weight: 700;
     color: #666;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 0;
     letter-spacing: 0;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 #primary-menu ul ul li>a i {
     vertical-align: middle
 }

 #primary-menu ul ul li:hover>a {
     background-color: #f9f9f9;
     padding-left: 18px;
     color: #1abc9c
 }

 #primary-menu ul ul>li.sub-menu:hover>a,
 #primary-menu ul ul>li.sub-menu>a {
     background-image: url(images/icons/submenu.png);
     background-position: right center;
     background-repeat: no-repeat
 }

 #side-panel-trigger a,
 #top-search a {
     display: block;
     position: relative;
     width: 14px;
     height: 14px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #333;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }

 #top-cart>a {
     display: block;
     position: relative;
     width: 50px;
     height: 50px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #333;
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }

 #top-cart-trigger img {
     width: 38px;
     cursor: pointer;
     border-radius: 50%
 }

 .top-cart-items ul {
     margin-bottom: 0
 }

 .top-cart-items ul li {
     padding-bottom: 8px;
     font-size: 15px;
     list-style: none
 }

 .top-cart-items ul li a {
     color: #666
 }

 .top-cart-items ul li a i {
     color: #011636;
     font-size: 16px;
     margin: 12px
 }

 #top-search a {
     z-index: 11
 }

 .top-cart-content {
     position: relative
 }

 .top-cart-content:after,
 .top-cart-content:before {
     bottom: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none
 }

 #top-cart-trigger span {
     font-size: 14px;
     text-transform: capitalize;
     padding-right: 10px;
     color: #007bff
 }

 #primary-menu .notifi ul>li {
     float: none;
     margin-left: 0
 }

 #primary-menu .notifi ul li>a {
     padding: 0;
     font-weight: 400
 }

 .top-cart-title span {
     font-size: 12px;
     color: #8291a4
 }

 .notifi img {
     width: 20px
 }

 .notifi sup {
     top: -.5em;
     left: -1em;
     background: #001e64;
     color: #fff;
     border-radius: 50% !important
 }

 .top-cart-content:after {
     border-color: rgba(194, 225, 245, 0);
     border-bottom-color: #fff;
     border-width: 16px;
     margin-left: 77px
 }

 #top-search a i.icon-line-cross,
 body.top-search-open #top-search a i.icon-search3 {
     opacity: 0
 }

 body.top-search-open #top-search a i.icon-line-cross {
     opacity: 1;
     z-index: 11;
     font-size: 16px
 }

 #top-cart>a:hover {
     color: #1abc9c
 }

 #top-search form {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     padding: 0 15px;
     margin: 0;
     top: 0;
     left: 0;
     -webkit-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }

 body.top-search-open #top-search form {
     opacity: 1;
     z-index: 10
 }

 #top-search form input {
     box-shadow: none !important;
     pointer-events: none;
     border-radius: 0;
     border: 0;
     outline: 0 !important;
     font-size: 32px;
     padding: 10px 80px 10px 0;
     height: 100%;
     background-color: transparent;
     color: #333;
     font-weight: 700;
     margin-top: 0 !important;
     font-family: Outfit;
     letter-spacing: 2px
 }

 body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input {
     padding-left: 40px
 }

 body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input {
     padding-left: 60px
 }

 body.top-search-open #top-search form input {
     pointer-events: auto
 }

 body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {
     border-bottom: 2px solid rgba(0, 0, 0, .1)
 }

 #top-search form input::-moz-placeholder {
     color: #555;
     opacity: 1;
     text-transform: uppercase
 }

 #top-search form input:-ms-input-placeholder {
     color: #555;
     text-transform: uppercase
 }

 #top-search form input::-webkit-input-placeholder {
     color: #555;
     text-transform: uppercase
 }

 #primary-menu .container #top-search form input,
 .sticky-header #top-search form input {
     border: none !important
 }

 #top-cart {
     margin-right: 0
 }

 #top-cart>a>span {
     display: block;
     position: absolute;
     top: -7px;
     left: auto;
     right: -14px;
     font-size: 10px;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     width: 16px;
     height: 16px;
     line-height: 16px;
     text-align: center;
     background-color: #1abc9c;
     border-radius: 50%
 }

 #top-cart .top-cart-content {
     opacity: 0;
     z-index: -2;
     position: absolute;
     width: 220px;
     background-color: #fff;
     box-shadow: 0 20px 50px 10px rgba(0, 0, 0, .05);
     border: 1px solid #eee;
     border-top: 1px solid #eee;
     top: 65px;
     right: 0;
     left: auto;
     margin: -10000px 0 0;
     -webkit-transition: opacity .5s ease, top .4s ease;
     -o-transition: opacity .5s ease, top .4s ease;
     transition: opacity .5s ease, top .4s ease
 }

 .style-2 .container #top-cart .top-cart-content {
     top: 40px
 }

 .style-2.sub-title .container #top-cart .top-cart-content {
     top: 50px
 }

 #top-cart.top-cart-open .top-cart-content {
     opacity: 1;
     z-index: 11;
     margin-top: 0
 }

 .top-cart-title {
     padding: 12px 15px;
     border-bottom: 1px solid #eee
 }

 .top-cart-title h4 {
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
     color: #011636
 }

 .top-cart-items {
     padding: 15px
 }

 .top-cart-item {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #f5f5f5
 }

 .top-cart-item:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }

 .top-cart-item-image {
     float: left;
     margin-right: 15px;
     width: 48px !important;
     height: 48px !important;
     border: 2px solid #eee;
     -webkit-transition: border-color .2s linear;
     -o-transition: border-color .2s linear;
     transition: border-color .2s linear
 }

 .top-cart-item-image a,
 .top-cart-item-image img {
     display: block;
     width: 44px !important;
     height: 44px !important
 }

 .top-cart-item-image:hover {
     border-color: #1abc9c
 }

 .top-cart-item-desc {
     position: relative;
     overflow: hidden
 }

 .top-cart-item-desc a {
     text-align: left !important;
     font-size: 13px !important;
     width: auto !important;
     height: auto !important;
     color: #333;
     font-weight: 700
 }

 .top-cart-item-desc a:hover {
     color: #0050cf !important
 }

 .top-cart-item-desc span.top-cart-item-price {
     display: block;
     line-height: 20px;
     font-size: 12px !important;
     color: #999
 }

 .top-cart-item-desc span.top-cart-item-quantity {
     display: block;
     position: absolute;
     font-size: 12px !important;
     right: 0;
     top: 2px;
     color: #444
 }

 .top-cart-action {
     padding: 15px;
     border-top: 1px solid #eee
 }

 .top-cart-action span.top-checkout-price {
     font-size: 20px;
     color: #2874f0
 }

 #top-account {
     margin: 35px 0 34px 20px
 }

 #top-account a {
     -webkit-transition: color .3s ease-in-out;
     -o-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out
 }

 #top-account a span {
     margin-left: 5px;
     font-weight: 700
 }

 #top-account a i.icon-angle-down {
     margin-left: 5px;
     font-size: 12px
 }

 #top-account .dropdown-menu {
     padding: 10px 0
 }

 #top-account .dropdown-menu li a {
     font-weight: 400;
     text-align: left;
     line-height: 22px
 }

 #top-account .dropdown-menu li a .badge {
     display: block;
     float: right;
     margin: 2px 0 0 0
 }

 #top-account .dropdown-menu li a i:last-child {
     position: relative;
     top: 1px;
     margin-left: 5px
 }

 #header,
 #header-wrap,
 #logo img {
     height: auto;
     -webkit-transition: height .4s ease, opacity .3s ease;
     -o-transition: height .4s ease, opacity .3s ease;
     transition: height .4s ease, opacity .3s ease
 }

 #primary-menu>ul>li.mega-menu>.mega-menu-content,
 #primary-menu>ul>li>.mega-menu-content,
 #primary-menu>ul>li>ul {
     -webkit-transition: top .4s ease;
     -o-transition: top .4s ease;
     transition: top .4s ease
 }

 #top-cart,
 #top-search {
     -webkit-transition: margin .4s ease, opacity .3s ease;
     -o-transition: margin .4s ease, opacity .3s ease;
     transition: margin .4s ease, opacity .3s ease
 }

 body:not(.top-search-open) #header-wrap #logo,
 body:not(.top-search-open) #primary-menu>.container>ul,
 body:not(.top-search-open) #primary-menu>ul,
 body:not(.top-search-open) #side-panel-trigger,
 body:not(.top-search-open) #top-account,
 body:not(.top-search-open) #top-cart {
     opacity: 1;
     -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
     -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
     transition: height .4s ease, margin .4s ease, opacity .2s .2s ease
 }

 body.top-search-open #header-wrap #logo,
 body.top-search-open #primary-menu>.container>ul,
 body.top-search-open #primary-menu>ul,
 body.top-search-open #side-panel-trigger,
 body.top-search-open #top-account,
 body.top-search-open #top-cart {
     opacity: 0
 }

 #header.sticky-header.semi-transparent {
     background-color: transparent
 }

 #header-wrap {
     position: relative;
     z-index: 199;
     -webkit-backface-visibility: hidden
 }

 .innerpage #header-wrap {
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
     height: 74px
 }

 #header.sticky-header #header-wrap {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1)
 }

 #header.semi-transparent.sticky-header #header-wrap {
     background-color: rgba(255, 255, 255, .8)
 }

 #header.sticky-header:not(.static-sticky),
 #header.sticky-header:not(.static-sticky) #header-wrap {
     height: 74px
 }

 #header.sticky-header:not(.static-sticky) .container {
     padding: 0 15px 0 !important
 }

 #header.sticky-header:not(.static-sticky) .inner .container {
     padding: 0 15px 0 !important
 }

 #header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
     padding-top: 26px;
     padding-bottom: 19px
 }

 #header.sticky-header:not(.static-sticky).sticky-style-2,
 #header.sticky-header:not(.static-sticky).sticky-style-3 {
     height: 161px
 }

 #header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
 #header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {
     border-top: 0
 }

 #header.sticky-header:not(.static-sticky) #top-account {
     margin-top: 15px !important;
     margin-bottom: 14px !important
 }

 #header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {
     top: 61px
 }

 #header.sticky-header.sticky-style-2 #primary-menu {
     border-top: 0
 }

 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li,
 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li {
     background: 0 0 !important;
     margin-left: 2px
 }

 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li:first-child,
 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li:first-child {
     margin-left: 0
 }

 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title>div>ul>li>a,
 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li>a {
     line-height: 22px;
     padding: 19px 15px;
     text-transform: none;
     font-size: 14px;
     border-top: 0
 }

 #header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span {
     display: none
 }

 .slider-element {
     position: relative;
     width: 100%;
     overflow: hidden
 }

 .search {
     background: #000000;
     color: #fff
 }

 .slider-caption input::-moz-placeholder {
     font-size: 5px !important
 }

 ::-webkit-input-placeholder {
     color: #333
 }

 ::-moz-placeholder {
     color: #333
 }

 :-ms-input-placeholder {
     color: #333
 }

 :-moz-placeholder {
     color: #333
 }

 .slider-parallax {
     position: relative
 }

 .slider-parallax,
 .slider-parallax .swiper-container {
     visibility: visible;
     -webkit-backface-visibility: hidden
 }

 .slider-parallax .slider-parallax-inner {
     position: fixed;
     width: 100%;
     height: 100%
 }

 .device-touch .slider-parallax .slider-parallax-inner {
     position: relative
 }

 body:not(.side-header) .slider-parallax .slider-parallax-inner {
     left: 0
 }

 body:not(.stretched) .slider-parallax .slider-parallax-inner {
     left: auto
 }

 #header.transparent-header+.slider-parallax .slider-parallax-inner {
     top: 0
 }

 .slider-parallax .slider-caption,
 .slider-parallax .slider-parallax-inner {
     will-change: transform;
     -webkit-transform: translate3d(0, 0, 0);
     -webkit-transition: transform 0s linear;
     -webkit-backface-visibility: hidden
 }

 .swiper_wrapper {
     width: 100%;
     height: 432px;
     overflow: hidden
 }

 .full-screen .swiper_wrapper {
     height: auto
 }

 .swiper_wrapper .swiper-container {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;
     cursor: inherit !important
 }

 .swiper_wrapper .swiper-slide {
     position: relative;
     margin: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
     height: 508px
 }

 .swiper-slide [data-caption-animate] {
     -webkit-backface-visibility: hidden
 }

 .section .video-wrap,
 .section .yt-bg-player,
 .swiper-slide .video-wrap,
 .swiper-slide .yt-bg-player {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: -1;
     top: 0;
     left: 0
 }

 .slider-element .container {
     position: relative;
     height: 100%
 }

 .slider-element.canvas-slider .swiper-slide img {
     width: 100%
 }

 .slider-element.canvas-slider a {
     display: block;
     height: 100%
 }

 .homeslider {
     height: 518px;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     left: 0;
     right: 0
 }

 .homeslider ul {
     list-style: none;
     position: relative
 }

 @-webkit-keyframes anim_slides {

     0%,
     100%,
     23% {
         opacity: 1
     }

     36%,
     90% {
         opacity: 0
     }
 }

 @-webkit-keyframes anim_slides2 {

     0%,
     100%,
     23%,
     69% {
         opacity: 0
     }

     36%,
     56% {
         opacity: 1
     }
 }

 @-webkit-keyframes anim_slides3 {

     0%,
     100%,
     56% {
         opacity: 0
     }

     69%,
     89% {
         opacity: 1
     }
 }

 @-moz-keyframes anim_slides {

     0%,
     100%,
     23% {
         opacity: 1
     }

     36%,
     90% {
         opacity: 0
     }
 }

 @-moz-keyframes anim_slides2 {

     0%,
     100%,
     23%,
     69% {
         opacity: 0
     }

     36%,
     56% {
         opacity: 1
     }
 }

 @-moz-keyframes anim_slides3 {

     0%,
     100%,
     56% {
         opacity: 0
     }

     69%,
     89% {
         opacity: 1
     }
 }

 .homeslider ul li {
     opacity: 0;
     position: absolute;
     left: 0;
     right: 0;
     -webkit-animation-duration: 10s;
     -webkit-animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-duration: 10s;
     -moz-animation-timing-function: linear;
     -moz-animation-iteration-count: infinite
 }

 .homeslider ul li:nth-child(1),
 .homeslider ul li:nth-child(1) div {
     -moz-animation-name: anim_slides;
     -webkit-animation-name: anim_slides
 }

 .homeslider ul li:nth-child(2),
 .homeslider ul li:nth-child(2) div {
     -webkit-animation-name: anim_slides2;
     -moz-animation-name: anim_slides2
 }

 .homeslider ul li:nth-child(3),
 .homeslider ul li:nth-child(3) div {
     -webkit-animation-name: anim_slides3;
     -moz-animation-name: anim_slides3
 }

 .homeslider ul li img {
     display: block;
     margin: auto
 }

 .video-wrap {
     overflow: hidden;
     width: 100%;
     position: relative
 }

 .video-wrap video {
     position: relative;
     z-index: 1;
     width: 100%
 }

 .video-overlay,
 .video-placeholder {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 5;
     background: transparent url(images/grid.png) repeat;
     -webkit-backface-visibility: hidden
 }

 .video-placeholder {
     z-index: 4;
     background-repeat: no-repeat !important
 }

 .flex-caption,
 .slider-caption {
     position: absolute;
     top: 0;
     left: 15px;
     z-index: 20;
     max-width: 550px;
     color: #eee;
     font-size: 1.375rem;
     font-weight: 300;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
     -webkit-transition: top .3s ease;
     -o-transition: top .3s ease;
     transition: top .3s ease
 }

 .slider-caption:not(.dark),
 .slider-caption:not(.dark) h2 {
     color: #000;
     text-shadow: none
 }

 .slider-caption h2 {
     font-size: 2rem;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 0
 }

 .slider-caption p {
     margin-top: 30px;
     margin-bottom: 10px;
     font-size: 24px
 }

 .slider-caption.slider-caption-right {
     left: auto;
     right: 15px
 }

 .home-slider.slider-caption-center {
     position: absolute;
     max-width: 800px;
     text-align: center;
     margin: 0 auto;
     top: 0;
     left: 0;
     right: 0
 }

 .slider-caption-bg {
     padding: 5px 12px;
     border-radius: 2px;
     background-color: rgba(0, 0, 0, .6);
     bottom: 50px;
     left: 50px
 }

 .slider-caption-bg.slider-caption-bg-light {
     background-color: rgba(255, 255, 255, .8);
     color: #333;
     font-weight: 400;
     text-shadow: none
 }

 .slider-caption-top-left {
     top: 50px;
     bottom: auto
 }

 .slider-caption-top-right {
     top: 50px;
     bottom: auto;
     left: auto;
     right: 50px
 }

 .slider-caption-bottom-right {
     left: auto;
     right: 50px
 }

 .slider-element .owl-carousel {
     margin: 0
 }

 .flex-next {
     right: 13px
 }

 .flex-next,
 .flex-prev,
 .slider-arrow-bottom-sm,
 .slider-arrow-left,
 .slider-arrow-right,
 .slider-arrow-top-sm {
     position: absolute;
     cursor: pointer;
     z-index: 10;
     top: 50%;
     left: 0;
     margin-top: -26px;
     background-color: #fff;
     width: 30px;
     height: 30px;
     border: 0;
     border-radius: 0 3px 3px 0;
     -webkit-transition: background-color .3s ease-in-out;
     -o-transition: background-color .3s ease-in-out;
     transition: background-color .3s ease-in-out;
     box-shadow: 1px 1px 6px 2px #ccc
 }

 .slider-arrow-bottom-sm,
 .slider-arrow-top-sm {
     top: auto;
     bottom: 57px;
     left: auto;
     right: 20px;
     margin: 0;
     width: 32px;
     height: 32px;
     border-radius: 3px 3px 0 0
 }

 .slider-arrow-bottom-sm {
     bottom: 20px;
     border-radius: 0 0 3px 3px
 }

 .fslider[data-thumbs=true] .flex-next,
 .fslider[data-thumbs=true] .flex-prev {
     margin-top: -64px
 }

 .flex-next,
 .slider-arrow-right,
 .slider-element .owl-next {
     left: auto;
     border-radius: 3px 0 0 3px
 }

 .flex-next i,
 .flex-prev i,
 .slider-arrow-bottom-sm i,
 .slider-arrow-left i,
 .slider-arrow-right i,
 .slider-arrow-top-sm i {
     line-height: 31px;
     width: 0;
     height: 48px;
     color: #000;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
     font-size: 22px;
     text-align: center;
     margin-left: 11px
 }

 .slider-arrow-bottom-sm i,
 .slider-arrow-top-sm i {
     width: 32px;
     height: 32px;
     margin: 0;
     line-height: 30px;
     font-size: 18px;
     color: #fff;
     color: #fff
 }

 .slider-element .owl-prev i {
     margin-left: 0
 }

 .slider-arrow-right i {
     margin-left: 10px
 }

 .slider-element .owl-next i {
     margin-right: 4px
 }

 .flex-prev {
     left: 12px
 }

 .flex-next:hover,
 .flex-next:hover i,
 .flex-prev:hover i,
 .flex-prev:hover,
 .slider-arrow-bottom-sm:hover,
 .slider-arrow-left:hover,
 .slider-arrow-right:hover,
 .slider-arrow-top-sm:hover {
     background-color: #00c6ba !important;
     color: #00c6ba
 }

 .flexthum .flex-active-slide {
     opacity: .6
 }

 .slider-element .owl-dots {
     position: absolute;
     width: 100%;
     z-index: 20;
     margin: 0;
     top: auto;
     bottom: 15px
 }

 .slider-element .owl-dots button {
     width: 10px;
     height: 10px;
     margin: 0 3px;
     opacity: 1 !important;
     background-color: transparent !important;
     border: 1px solid #fff
 }

 .slider-element .owl-dots .owl-dot.active,
 .slider-element .owl-dots .owl-dot:hover {
     background-color: #fff !important
 }

 #page-title {
     position: relative;
     padding: 16px 0;
     background-color: #222;
     border-bottom: 1px solid #f44336
 }

 #page-title .container {
     position: relative
 }

 #page-title h1 {
     padding: 0;
     margin: 0;
     line-height: 1;
     font-weight: 700;
     color: #868181;
     font-size: 14px;
     font-family: Outfit;
 }

 #page-title span {
     display: block;
     margin-top: 10px;
     font-weight: 300;
     color: #777;
     font-size: 18px
 }

 .breadcrumb {
     position: absolute !important;
     width: auto !important;
     top: 50% !important;
     left: 16% !important;
     right: auto !important;
     margin: -12px 0 0 0 !important;
     background-color: transparent !important;
     padding: 0 !important;
     font-size: 12px
 }

 li.breadcrumb-item {
     border: 1px solid #ddd;
     background: #fff;
     padding: 4px 19px;
     margin-right: 10px;
     margin-bottom: 10px
 }

 .breadcrumb-item+.breadcrumb-item::before {
     display: none
 }

 body.stretched .container-fullwidth .breadcrumb {
     right: 60px !important
 }

 #header.transparent-header+#page-title.page-title-parallax .breadcrumb {
     margin-top: 35px !important
 }

 .breadcrumb a {
     color: #555
 }

 .breadcrumb a:hover {
     color: #1abc9c
 }

 .breadcrumb i {
     width: auto !important
 }

 svg.radial-progress {
     height: auto;
     max-width: 100%;
     padding: 3px;
     transform: rotate(-90deg);
     width: 100%
 }

 svg.radial-progress circle {
     fill: transparent;
     stroke: #000;
     stroke-dashoffset: 219.91148575129;
     stroke-width: 10
 }

 svg.radial-progress circle.incomplete {
     opacity: .25
 }

 svg.radial-progress circle.complete {
     stroke-dasharray: 219.91148575129
 }

 svg.radial-progress text {
     fill: #000;
     font: 400 1em/1;
     text-anchor: middle
 }

 svg.radial-progress:nth-of-type(6n+1) circle {
     stroke: #bd00ff
 }

 .Institue {
     box-shadow: 0 4px 3px 1px #ccc;
     margin-bottom: 30px;
     padding: 20px 7px;
     background: #fff
 }

 .Institue li {
     list-style: none;
     font-size: 13px;
     color: #000;
     font-weight: 800
 }

 .Institue strong {
     font-size: 14px
 }

 .Institue li span {
     color: #000;
     font-weight: 100
 }

 .Institue li b {
     color: #fe7040;
     padding: 3px;
     font-size: 15px;
     font-weight: 900
 }

 .details li,
 .programdetil li {
     list-style: none;
     font-size: 12px;
     font-family: Outfit;
     color: #000
 }

 .eyeopen {
     line-height: .7;
     text-align: center
 }

 .eyeopen i {
     font-size: 20px;
     color: #222;
     text-align: center;
     padding-bottom: 5px
 }

 td.eyeopen a {
     font-size: 12px;
     color: #000;
     cursor: pointer;
     font-weight: 500
 }

 .Program {
     background: #fff
 }

 .Program .icon-rupee {
     padding: 0 5px
 }

 .programdetil b {
     padding-right: 5px
 }

 .degree {
     color: #0453ee;
     font-size: 16px;
     line-height: .1
 }

 .Program table tbody tr td {
     padding: 20px 11px
 }

 a.btn.btn-default {
     background: #f1f1f1;
     width: 100%;
     text-align: left;
     margin-bottom: 7px;
     color: #fd6d3e;
     font-weight: 800;
     text-transform: uppercase;
     font-size: 13px
 }

 .btn-default i {
     color: #000;
     font-size: 22px;
     padding-right: 14px
 }

 .btn.focus,
 .btn:focus {
     outline: 0;
     box-shadow: none
 }

 .flexthum {
     margin-top: 30px;
     padding-left: 55px;
     padding-right: 55px
 }

 ul.details {
     margin-bottom: 10px
 }

 .descpt {
     padding: 28px 20px;
     background: #e1eff8;
     border-radius: 5px
 }

 .descpt p {
     padding: 0;
     margin-bottom: 1px
 }

 #page-title.page-title-dark {
     background-color: #333;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .15) !important;
     border-bottom: 0
 }

 #page-title.page-title-dark h1 {
     color: rgba(255, 255, 255, .9) !important
 }

 #page-title.page-title-dark span {
     color: rgba(255, 255, 255, .7)
 }

 #page-title.page-title-dark .breadcrumb>.active {
     color: rgba(255, 255, 255, .6)
 }

 #page-title.page-title-dark .breadcrumb a {
     color: rgba(255, 255, 255, .8)
 }

 #page-title.page-title-dark .breadcrumb a:hover {
     color: rgba(255, 255, 255, .95)
 }

 #page-title.page-title-right {
     text-align: right
 }

 #page-title.page-title-right .breadcrumb {
     left: 15px !important;
     right: auto !important
 }

 #page-title.page-title-center {
     text-align: center
 }

 #page-title.page-title-center span {
     max-width: 700px;
     margin-left: auto;
     margin-right: auto
 }

 #page-title.page-title-center .breadcrumb {
     position: relative !important;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     margin: 20px 0 0 !important;
     justify-content: center
 }

 .shadow {
     /* box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important */

     box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, .15) !important;
 }

 #content {
     position: relative;
     overflow: hidden
 }

 .container {
     position: relative
 }

 .grid-container {
     position: relative;
     overflow: hidden
 }

 body:not(.device-touch) .grid-container {
     -webkit-transition: height .4s ease;
     -o-transition: height .4s ease;
     transition: height .4s ease
 }

 .postcontent .portfolio.portfolio-5 {
     margin: 0
 }

 .postcontent .portfolio-5 .portfolio-item {
     padding: 0
 }

 .postcontent .portfolio-5 .portfolio-desc h3 {
     font-size: 15px
 }

 .postcontent .portfolio-5 .portfolio-desc span {
     font-size: 12px
 }

 .postcontent .portfolio-5 .portfolio-desc {
     padding: 15px 10px
 }

 .postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
     height: 68px;
     bottom: -69px
 }

 .postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
 .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
     bottom: -68px
 }

 .postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
     margin-top: -50px !important
 }

 #posts {
     position: relative
 }

 .entry {
     position: relative;
     margin: 0 0 50px
 }

 .entry:after {
     content: '';
     position: relative;
     height: 2px;
     margin-top: 50px;
     background-color: #f5f5f5
 }

 .entry-image {
     margin-bottom: 30px
 }

 .entry-image,
 .entry-image .slide a,
 .entry-image img,
 .entry-image>a {
     display: block;
     position: relative;
     height: auto
 }

 li.date {
     list-style: none;
     color: #000;
     padding: 4px 28px 0;
     font-size: 12px
 }

 li.newstitile {
     list-style: none;
     color: #000;
     padding-top: 2px;
     font-weight: 700;
     padding: 21px 28px 0;
     font-size: 21px;
     line-height: 1.2
 }

 .newsblog .ievent .entry-image {
     width: 100%;
     margin-right: 20px
 }

 .newsblog .ievent {
     padding: 0 28px;
     background: 0;
     border: 0
 }

 .entry-image iframe {
     display: block
 }

 .entry-image img {
     border-radius: 3px
 }

 .entry-title h2 {
     margin: 0;
     font-size: 24px;
     font-weight: 600
 }

 .entry-title h2 a {
     color: #00c6ba
 }

 .entry-title h2 a:hover {
     color: #f44336
 }

 .entry-meta {
     margin: 30px -10px -15px 0;
     list-style: none
 }

 .single-post .entry-meta {
     margin-bottom: 20px
 }

 .entry-meta li {
     float: left;
     font-size: 13px;
     line-height: 14px;
     margin: 0 10px 15px 0;
     color: #999
 }

 .entry-meta li:before {
     content: '/';
     display: inline-block;
     margin-right: 10px;
     opacity: .5
 }

 .entry-meta li i {
     position: relative;
     top: 1px;
     font-size: 14px;
     margin-right: 3px
 }

 .entry-meta li a {
     color: #000
 }

 .entry-meta li a:hover {
     color: #f44336
 }

 .entry-meta li:first-child:before {
     display: none
 }

 .entry-meta li ins {
     font-weight: 700;
     text-decoration: none
 }

 .entry-c {
     position: relative;
     overflow: hidden
 }

 #posts .entry-content {
     margin-top: 30px
 }

 .single-post .entry-content .entry-image {
     max-width: 350px
 }

 .entry-content {
     position: relative
 }

 .entry-link {
     display: block;
     width: 100%;
     background-color: #f5f5f5;
     padding: 30px 0;
     text-align: center;
     color: #444;
     font-family: Outfit;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 24px;
     font-weight: 700;
     border-radius: 3px
 }

 body:not(.device-touch) .entry-link {
     -webkit-transition: background-color .3s ease-in-out;
     -o-transition: background-color .3s ease-in-out;
     transition: background-color .3s ease-in-out
 }

 .entry-link:hover {
     color: #fff;
     background-color: #1abc9c;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 .entry-link span {
     display: block;
     margin-top: 5px;
     font-family: 'Crete Round', serif;
     font-style: italic;
     font-weight: 400;
     text-transform: none;
     letter-spacing: 0;
     font-size: 14px;
     color: #aaa
 }

 .entry-link:hover span {
     color: #eee
 }

 .entry blockquote p {
     font-weight: 400;
     font-family: 'Crete Round', serif;
     font-style: italic
 }

 .ievent .entry-image,
 .small-thumbs .entry-image {
     float: left;
     margin: 0
 }

 .ievent .entry-image img,
 .small-thumbs .entry-image img {
     border-radius: 0
 }

 .ievent .entry-c .entry-image,
 .small-thumbs .entry-c .entry-image {
     float: none;
     width: 100%;
     margin: 0 0 20px 0
 }

 .ievent .entry-c .entry-image img,
 .small-thumbs .entry-c .entry-image img {
     border-radius: 5px
 }

 .ievent .entry-title h2,
 .small-thumbs .entry-title h2 {
     font-size: 20px;
     font-weight: 300
 }

 .small-thumbs.alt .entry-image {
     float: right;
     margin: 0 0 0 30px
 }

 .small-thumbs.alt .entry-c .entry-image {
     float: none;
     margin: 0 0 20px 0
 }

 .bothsidebar .small-thumbs .entry-image {
     width: 200px;
     margin: 0 25px 0 0
 }

 .bothsidebar .small-thumbs.alt .entry-image {
     margin: 0 0 0 25px
 }

 .bothsidebar .small-thumbs .entry-c .entry-image {
     width: 100%;
     margin: 0 0 20px 0
 }

 .bothsidebar .small-thumbs .entry-title h2 {
     font-size: 18px
 }

 .post-grid {
     margin-right: -28px
 }

 .post-grid .entry {
     float: left;
     width: 25%;
     padding-right: 28px
 }

 .post-grid .entry-image img {
     border-radius: 0
 }

 .post-grid .entry-title h2 {
     font-size: 17px;
     font-weight: 600
 }

 .post-grid .entry-link {
     font-size: 24px
 }

 .post-grid .entry-link span {
     font-size: 13px
 }

 .post-grid.grid-3 {
     margin-right: -30px
 }

 .post-grid.grid-3 .entry {
     width: 33.33333333%;
     padding-right: 30px
 }

 .post-grid.grid-3 .entry-title h2 {
     font-size: 18px
 }

 .postcontent .post-grid.grid-3 {
     margin-right: -25px
 }

 .postcontent .post-grid.grid-3 .entry {
     padding-right: 25px
 }

 .postcontent .post-grid.grid-3 .entry-title h2 {
     font-size: 16px
 }

 .post-grid.grid-2 {
     margin-right: -40px
 }

 .post-grid.grid-2 .entry {
     width: 50%;
     padding-right: 40px
 }

 .post-grid.grid-2 .entry-title h2 {
     font-size: 20px
 }

 .postcontent .post-grid.grid-2 .entry-title h2 {
     font-size: 18px
 }

 .bothsidebar .post-grid.grid-2 .entry-title h2 {
     font-size: 16px
 }

 .post-masonry .entry-image,
 .post-masonry .entry-image img {
     height: auto !important
 }

 .post-masonry-full {
     margin: -80px 0 -80px -1px !important
 }

 .post-masonry-full .entry {
     width: 24.9% !important;
     margin: 0 !important;
     padding: 40px 30px;
     border-bottom: 1px dashed;
     border-left: 1px dashed;
     border-color: #e5e5e5
 }

 .post-masonry-full .entry:after {
     display: none
 }

 .post-masonry-full.grid-3 .entry {
     width: 33.3% !important
 }

 .timeline-border {
     position: absolute;
     top: 0;
     left: 50%;
     margin-left: -71px;
     width: 0;
     border-left: 1px dashed #ccc;
     height: 100%
 }

 .post-timeline {
     margin-right: -140px !important
 }

 .post-timeline .entry {
     width: 500px !important;
     margin-right: 140px !important;
     padding-right: 0 !important
 }

 .entry.entry-date-section {
     width: 100% !important;
     margin: 50px -70px 80px;
     padding: 0;
     border: 0;
     text-align: center
 }

 .entry.entry-date-section span {
     display: inline-block;
     padding: 10px 15px;
     background-color: #fff;
     border: 2px solid #eee;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family: Outfit;
 }

 .post-timeline .entry-timeline {
     display: none;
     position: absolute;
     border: 2px solid #ccc;
     background-color: #fff;
     padding-top: 0;
     text-indent: -9999px;
     top: 40px;
     left: auto;
     right: -76px;
     width: 13px;
     height: 13px;
     border-radius: 50%;
     font-size: 26px;
     font-weight: 700;
     color: #aaa;
     text-align: center;
     line-height: 1;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .post-timeline .entry-timeline div.timeline-divider {
     position: absolute;
     top: 4px;
     left: -58px;
     width: 50px;
     height: 0;
     border-top: 1px dashed #ccc;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .post-timeline .alt .entry-timeline {
     right: auto;
     left: -77px
 }

 .post-timeline .alt .entry-timeline div.timeline-divider {
     left: auto;
     right: -58px
 }

 .post-timeline .entry-timeline span {
     display: block;
     margin-top: 3px;
     font-size: 13px;
     font-weight: 400
 }

 .post-timeline .entry:hover .entry-timeline,
 .post-timeline .entry:hover .timeline-divider {
     border-color: #1abc9c;
     color: #1abc9c
 }

 .postcontent .timeline-border {
     left: 32px;
     margin-left: 0
 }

 .postcontent .post-timeline {
     padding-left: 100px;
     margin-right: 0 !important
 }

 .postcontent .post-timeline .entry {
     width: 100% !important;
     margin-right: 140px !important
 }

 .postcontent .post-timeline .entry-timeline {
     display: block;
     border: 3px solid #ccc;
     background-color: #fff;
     padding-top: 10px;
     text-indent: 0;
     top: 20px;
     left: -100px;
     right: auto;
     width: 64px;
     height: 64px;
     font-size: 24px
 }

 .postcontent .post-timeline .entry-timeline div.timeline-divider {
     top: 29px;
     left: 64px;
     width: 32px
 }

 .ipost .entry-image img {
     border-radius: 0
 }

 .ipost .entry-title h3,
 .ipost .entry-title h4 {
     margin: 0;
     font-size: 16px;
     font-weight: 600
 }

 .ipost .entry-title h4 {
     font-size: 15px
 }

 .ipost .entry-title h3 a,
 .ipost .entry-title h4 a {
     color: #333
 }

 .ipost .entry-title h3 a:hover,
 .ipost .entry-title h4 a:hover {
     color: #1abc9c
 }

 .ipost .entry-meta {
     margin-right: -10px
 }

 .ipost .entry-meta li {
     font-size: 13px;
     margin-right: 10px
 }

 .ipost .entry-content {
     margin-top: 20px
 }

 .ipost .entry-content p {
     margin-bottom: 0
 }

 .more-link {
     display: inline-block;
     border-bottom: 1px solid #1abc9c;
     padding: 0 2px;
     font-family: 'Crete Round', serif;
     font-style: italic
 }

 .more-link:hover {
     border-bottom-color: #555
 }

 .overlay-icon {
     position: absolute;
     left: auto;
     right: 0;
     top: auto;
     bottom: 0;
     width: 48px;
     height: 48px;
     background-color: rgba(0, 0, 0, .2);
     text-align: center
 }

 .overlay-icon i {
     line-height: 48px;
     font-size: 28px;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 .mpost,
 .spost {
     margin-top: 20px;
     padding-top: 20px;
     border-top: 1px dashed #e5e5e5
 }

 .mpost {
     margin-top: 25px;
     padding-top: 25px
 }

 .mpost:first-child,
 .spost:first-child {
     margin-top: 0;
     padding-top: 0;
     border-top: 0
 }

 .mpost .entry-image,
 .spost .entry-image {
     float: left;
     margin: 0 15px 0 0;
     text-align: center
 }

 .spost .entry-image,
 .spost .entry-image a,
 .spost .entry-image i,
 .spost .entry-image img {
     width: 48px;
     height: 48px
 }

 .mpost .entry-image a i,
 .spost .entry-image a i {
     font-size: 28px;
     line-height: 48px;
     color: #666;
     background-color: #eee
 }

 .mpost .entry-title h4,
 .spost .entry-title h4 {
     margin: 0;
     font-size: 14px;
     font-weight: 600
 }

 .mpost .entry-title h4 a,
 .spost .entry-title h4 a {
     color: #333
 }

 .mpost .entry-title h4 a:hover,
 .spost .entry-title h4 a:hover {
     color: #1abc9c
 }

 .spost .entry-meta {
     margin: 8px -10px 0 0
 }

 .mpost .entry-meta li,
 .spost .entry-meta li {
     font-size: 13px;
     margin: 0 10px 0 0
 }

 .mpost .entry-image {
     margin-right: 20px
 }

 .mpost .entry-image,
 .mpost .entry-image a,
 .mpost .entry-image i,
 .mpost .entry-image img {
     width: 170px;
     height: 128px
 }

 .mpost .entry-image a,
 .mpost .entry-image img {
     border-radius: 2px
 }

 .mpost .entry-image a i {
     font-size: 42px;
     line-height: 128px
 }

 .mpost .entry-title h4 {
     margin: 0;
     font-size: 17px;
     font-weight: 600
 }

 .mpost .entry-meta {
     margin-top: 5px
 }

 .mpost .entry-meta li i {
     margin-right: 2px
 }

 .mpost .entry-content {
     margin-top: 15px
 }

 .post-navigation+.line {
     margin: 40px 0 50px
 }

 .author-image {
     float: left;
     width: 84px;
     height: 84px;
     margin-right: 15px
 }

 .author-image img {
     width: 84px;
     height: 84px
 }

 #comments {
     position: relative;
     margin-top: 50px;
     padding-top: 50px;
     border-top: 1px solid #eee
 }

 .commentlist {
     list-style: none;
     padding-bottom: 50px;
     margin: 0 0 50px;
     border-bottom: 1px solid #eee
 }

 #reviews .commentlist {
     padding-bottom: 30px;
     margin: 0 0 20px
 }

 .commentlist ul {
     list-style: none
 }

 .commentlist li,
 .commentlist li ul,
 .commentlist li ul li {
     margin: 30px 0 0 0
 }

 .commentlist ul:first-child {
     margin-top: 0
 }

 .commentlist li {
     position: relative;
     margin: 30px 0 0 30px
 }

 #reviews .commentlist li {
     margin-top: 20px
 }

 .comment-wrap {
     position: relative;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     padding: 20px 20px 20px 35px
 }

 .commentlist ul .comment-wrap {
     margin-left: 25px;
     padding-left: 20px
 }

 #reviews .comment-wrap {
     border: 0;
     padding: 10px 0 0 35px
 }

 #reviews .commentlist>li:first-child,
 .commentlist>li:first-child {
     padding-top: 0;
     margin-top: 0
 }

 .commentlist li .children {
     margin-top: 0
 }

 .commentlist li li .children {
     margin-left: 30px
 }

 .commentlist li .comment-content,
 .pingback {
     position: relative;
     overflow: hidden
 }

 .commentlist li .comment-content p,
 .pingback p {
     margin: 20px 0 0 0
 }

 .commentlist li .comment-content {
     padding: 0 0 0 15px
 }

 .commentlist li .comment-meta {
     float: left;
     margin-right: 0;
     line-height: 1
 }

 .comment-avatar {
     position: absolute;
     top: 15px;
     left: -35px;
     padding: 4px;
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 50%
 }

 .comment-avatar img {
     display: block;
     border-radius: 50%
 }

 .commentlist li .children .comment-avatar {
     left: -25px
 }

 .comment-content .comment-author {
     margin-bottom: -10px;
     font-size: 16px;
     font-weight: 700;
     color: #555
 }

 .comment-content .comment-author a {
     border: 0;
     color: #333
 }

 .comment-content .comment-author a:hover {
     color: #1abc9c
 }

 .comment-content .comment-author span {
     display: block
 }

 .comment-content .comment-author span,
 .comment-content .comment-author span a {
     font-size: 12px;
     font-weight: 400;
     font-family: 'Crete Round', serif;
     font-style: italic;
     color: #aaa
 }

 .comment-content .comment-author span a:hover {
     color: #888
 }

 .comment-reply-link,
 .review-comment-ratings {
     display: block;
     position: absolute;
     top: 4px;
     left: auto;
     text-align: center;
     right: 0;
     width: 14px;
     height: 14px;
     color: #ccc;
     font-size: 14px;
     line-height: 1
 }

 .review-comment-ratings {
     width: auto;
     color: #333
 }

 .comment-reply-link:hover {
     color: #888
 }

 #respond,
 #respond form {
     margin-bottom: 0
 }

 .commentlist li #respond {
     margin: 30px 0 0
 }

 .commentlist li li #respond {
     margin-left: 30px
 }

 #respond p {
     margin: 10px 0 0 0
 }

 #respond p:first-child {
     margin-top: 0
 }

 #respond label small {
     color: #999;
     font-weight: 400
 }

 #respond input[type=text],
 #respond textarea {
     margin-bottom: 0
 }

 #respond .col_full,
 #respond .col_one_third {
     margin-bottom: 20px
 }

 .fb-comments,
 .fb-comments>span,
 .fb-comments>span>iframe,
 .fb_iframe_widget,
 .fb_iframe_widget>span,
 .fb_iframe_widget>span>iframe {
     display: block !important;
     width: 100% !important;
     margin: 0
 }

 div.alignleft,
 img.alignleft {
     float: left;
     margin: 5px 20px 13px 0;
     max-width: 100%
 }

 div.aligncenter>img,
 div.alignleft>img,
 div.alignnone>img,
 div.alignright>img {
     display: block;
     float: none
 }

 div.aligncenter,
 div.alignnone,
 img.aligncenter,
 img.alignnone {
     display: block;
     margin: 10px 0;
     float: none
 }

 div.aligncenter,
 div.aligncenter img,
 img.aligncenter {
     margin-left: auto;
     margin-right: auto;
     clear: both
 }

 div.alignright,
 img.alignright {
     float: right;
     margin: 5px 0 13px 20px
 }

 .wp-caption {
     text-align: center;
     margin: 10px 20px 13px;
     font-family: Lato, Georgia, "Times New Roman", Times, serif;
     font-style: italic
 }

 .wp-caption img,
 .wp-caption img a {
     display: block;
     margin: 0
 }

 p.wp-caption-text {
     display: inline-block;
     margin: 10px 0 0;
     padding: 5px 10px;
     background-color: #eee;
     border-radius: 50px
 }

 .wp-smiley {
     max-height: 13px;
     margin: 0 !important
 }

 #infscr-loading,
 #portfolio-ajax-loader {
     position: fixed;
     z-index: 20;
     top: 50%;
     left: 50%;
     width: 48px;
     height: 48px;
     margin: -24px 0 0 -24px;
     background-color: rgba(0, 0, 0, .7);
     border-radius: 3px;
     line-height: 48px;
     font-size: 24px;
     color: #fff;
     text-align: center
 }

 #infscr-loading img,
 #portfolio-ajax-loader img {
     display: none;
     width: 24px;
     height: 24px;
     margin: 12px
 }

 #portfolio-ajax-loader {
     display: none
 }

 #portfolio-ajax-loader img {
     display: block
 }

 .page-load-status {
     position: relative;
     display: none;
     padding: 30px 0
 }

 .page-load-status .css3-spinner {
     position: absolute;
     z-index: auto;
     background-color: transparent !important
 }

 .page-load-status .css3-spinner-ball-pulse-sync>div {
     background-color: #333
 }

 .shop {
     position: relative;
     margin: 0 -20px -20px 0
 }

 .product {
     position: relative
 }

 .shop .product {
     float: left;
     padding: 0 20px 20px 0;
     width: 25%
 }

 .product-image {
     position: relative;
     width: 100%;
     height: auto;
     overflow: hidden
 }

 .product-image .slide a,
 .product-image img,
 .product-image>a {
     display: block;
     width: 100%;
     height: 100%
 }

 body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image>a {
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }

 .product-image>a:nth-of-type(2) {
     opacity: 0;
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0
 }

 .product-image:hover>a:nth-of-type(2) {
     opacity: 1;
     z-index: 2
 }

 .product-desc {
     padding: 15px 0;
     font-size: 14px
 }

 .product-title {
     margin-bottom: 7px
 }

 .product-title h3 {
     margin: 0;
     font-size: 20px
 }

 .product-title h3 a,
 .single-product .product-title h2 a {
     color: #333
 }

 .product-title h3 a:hover,
 .single-product .product-title h2 a:hover {
     color: #1abc9c
 }

 .product-price {
     font-size: 18px;
     font-weight: 700;
     color: #444;
     margin-bottom: 4px
 }

 .product-price del {
     font-weight: 400;
     font-size: 90%;
     color: #888
 }

 .product-price ins {
     text-decoration: none;
     color: #1abc9c
 }

 .product-overlay {
     position: absolute;
     width: 100%;
     height: 44px;
     line-height: 44px;
     top: auto;
     bottom: -44px;
     left: 0;
     z-index: 6;
     overflow: hidden
 }

 body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay {
     -webkit-transition: bottom .3s ease-in-out;
     -o-transition: bottom .3s ease-in-out;
     transition: bottom .3s ease-in-out
 }

 .product:hover .product-overlay {
     bottom: 0
 }

 .product-overlay a {
     display: block;
     float: left;
     width: 50%;
     font-size: 13px;
     color: #333;
     background-color: #f5f5f5;
     text-align: center;
     border-right: 1px solid rgba(0, 0, 0, .1)
 }

 body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .product-overlay a.item-quick-view {
     border-right: 0
 }

 .product-overlay a i {
     position: relative;
     top: 1px;
     font-size: 14px;
     margin-right: 3px
 }

 .product-overlay a:hover {
     background-color: #333;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 .shop.product-3 {
     margin: 0 -30px -30px 0
 }

 .product-3 .product {
     padding: 0 30px 30px 0;
     width: 33.33333333%
 }

 .postcontent .shop.product-3 {
     margin: 0 -25px -25px 0
 }

 .postcontent .product-3 .product {
     padding: 0 25px 25px 0
 }

 .postcontent .shop.product-2 {
     margin: 0 -40px -40px 0
 }

 .postcontent .product-2 .product {
     padding: 0 40px 40px 0;
     width: 50%
 }

 .bothsidebar .shop.product-2 {
     margin: 0 -40px -20px 0
 }

 .bothsidebar .product-2 .product {
     padding: 0 40px 20px 0
 }

 .shop.product-1 {
     margin: 0 0 -40px 0
 }

 .product-1 .product {
     float: none;
     margin: 0 0 40px;
     padding: 0;
     width: 100%
 }

 .product-1 .product-image {
     float: left;
     width: 300px;
     height: 400px;
     margin-right: 30px
 }

 .product-1 .product.alt .product-image {
     float: right;
     margin: 0 0 0 30px
 }

 .product-1 .product-desc {
     padding: 0;
     position: relative;
     overflow: hidden
 }

 .product-1 .product-title h3 {
     font-size: 22px
 }

 .product-1 .product-desc .product-price {
     font-size: 20px
 }

 .product-1 .product-desc .product-rating {
     margin-bottom: 15px
 }

 .bothsidebar .product-1 .product {
     border-top: 1px solid #f5f5f5;
     padding-top: 40px
 }

 .bothsidebar .product-1 .product:first-child {
     border-top: 0;
     padding-top: 0
 }

 .bothsidebar .product-1 .product-image {
     width: 240px;
     height: 320px
 }

 .bothsidebar .product-1 .product-title h3 {
     font-size: 20px
 }

 .bothsidebar .product-1 .product-desc .product-price {
     font-size: 16px
 }

 .single-product .product {
     width: 100%;
     margin: 0
 }

 .portfolio-ajax-modal,
 .shop-quick-view-ajax {
     position: relative;
     background-color: #fff;
     width: 800px;
     margin: 0 auto
 }

 .single-product .product-image,
 .single-product .product-image img {
     height: auto;
     cursor: pointer
 }

 .single-product .product-desc {
     padding: 0
 }

 .single-product .product-title h2 {
     font-size: 28px;
     margin-bottom: 8px
 }

 .single-product .product-price {
     float: left;
     font-size: 24px;
     color: #1abc9c;
     margin-bottom: 0
 }

 .single-product .product-rating {
     float: right;
     position: relative;
     top: 9px
 }

 .single-product .product-desc .line {
     margin: 20px 0
 }

 .quantity {
     float: left;
     margin-right: 30px
 }

 .quantity .qty {
     float: left;
     width: 50px;
     height: 40px;
     line-height: 40px;
     border: 0;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
     background-color: #eee;
     text-align: center;
     margin-bottom: 0
 }

 .quantity .minus,
 .quantity .plus {
     display: block;
     float: left;
     cursor: pointer;
     border: 0 transparent;
     padding: 0;
     width: 36px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-color: #eee;
     font-size: 16px;
     font-weight: 700;
     transition: background-color .2s linear;
     -webkit-transition: background-color .2s linear;
     -o-transition: background-color .2s linear
 }

 .quantity .minus:hover,
 .quantity .plus:hover {
     background-color: #ddd
 }

 .quantity .minus:focus,
 .quantity .plus:focus,
 .quantity .qty:focus {
     box-shadow: none !important;
     outline: 0 !important
 }

 .single-product .add-to-cart.button {
     height: 40px;
     line-height: 40px
 }

 .product-meta {
     font-size: 13px;
     color: #777
 }

 .product-meta>.panel-body {
     margin-bottom: -5px
 }

 .product-meta>.panel-body>span {
     display: block;
     margin-bottom: 5px
 }

 .single-product .feature-box.fbox-plain.fbox-small {
     padding-left: 26px
 }

 .single-product .feature-box.fbox-plain.fbox-small .fbox-icon {
     width: 20px
 }

 .single-product .feature-box.fbox-plain.fbox-small h3 {
     font-size: 15px;
     font-weight: 700;
     line-height: 18px;
     margin-bottom: 7px
 }

 .single-product .feature-box.fbox-plain.fbox-small p {
     margin-left: -26px
 }

 .single-product .feature-box.fbox-plain.fbox-small .fbox-icon i {
     font-size: 18px
 }

 .product.iproduct {
     float: none;
     margin: 0;
     padding: 0;
     width: 100%
 }

 .iproduct .product-image,
 .iproduct .product-image a,
 .iproduct .product-image img {
     height: auto
 }

 .cart .remove {
     font-size: 14px;
     color: red
 }

 .cart .remove:hover {
     color: #000
 }

 .cart th {
     padding: 12px 15px !important;
     font-size: 14px
 }

 .cart td {
     border-color: #e5e5e5 !important;
     font-family: Outfit !important;
     font-size: 14px !important;
     padding: 17px
 }

 .cart-product-thumbnail a {
     display: block
 }

 .cart-product-thumbnail img {
     display: block;
     width: 64px;
     height: 64px
 }

 .cart-product-thumbnail img:hover {
     border-color: #1abc9c
 }

 .cart-product-name a,
 .product-name a {}

 .cart-product-name .icon-rupee {
     padding-right: 3px
 }

 .cart-product-name a:hover,
 .product-name a:hover {
     color: #666
 }

 .cart-product-price,
 .cart-product-quantity,
 .cart-product-subtotal {}

 .cart-product-quantity .quantity {
     display: inline-block;
     margin: 0;
     float: none;
     border: 1px solid #ccc;
     padding: 4px 10px
 }

 .cart-item table {
     margin-bottom: 0
 }

 .cart .move {
     font-size: 12px
 }

 .cart .option a {
     padding-right: 8px;
     color: #db3444
 }

 .cart-product-name div {
     padding-bottom: 5px
 }

 .cart-product-name div b {
     padding-right: 5px
 }

 .cart-item {
     background: #fff;
     box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
     border-radius: 15px
 }

 .cart .lead {
     font-weight: 400;
     color: #333;
     font-size: 15px
 }

 .table thead th {
     border-bottom: 1px solid #dee2e6
 }

 td.actions {
     padding: 20px 15px !important;
     vertical-align: top !important;
     background-color: #f5f5f5
 }

 .cart th {
     border-top: 0
 }

 div.table-responsive>div.dataTables_wrapper>div.row {
     padding: 5px 18px
 }

 .events .entry,
 .ievent {
     padding: 0;
     background-color: #f1f1f1;
     border: 1px solid #ddd;
     /* box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important */
 }

 .Colleges .entry-image img {
     width: 101px !important;
     height: 100px
 }

 .Colleges .ievent .entry-image {
     margin: 0;
     background: #fff;
     padding: 5px
 }

 .Colleges .ievent .entry-c {
     padding: 5px 9px
 }

 .events .entry-image .entry-date,
 .ievent .entry-image .entry-date {
     position: absolute;
     top: 10px;
     left: 10px;
     background-color: rgba(0, 0, 0, .7);
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     width: 60px;
     height: 64px;
     text-align: center;
     padding-top: 7px;
     font-size: 26px;
     line-height: 1
 }

 .events .entry-image .entry-date span,
 .ievent .entry-image .entry-date span {
     display: block;
     font-size: 15px;
     margin-top: 5px
 }

 .events .entry-c,
 .ievent .entry-c {
     padding: 5px 10px
 }

 .single-event .entry-image img {
     border-radius: 0
 }

 .single-event .events-meta {
     font-size: 14px
 }

 .parallax .iconlist li,
 .single-event .events-meta .iconlist li {
     margin: 5px 0
 }

 .parallax .entry-overlay-meta,
 .single-event .entry-overlay {
     position: absolute;
     top: auto;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 80px;
     background-color: rgba(0, 0, 0, .85);
     text-align: center;
     line-height: 80px;
     font-size: 22px;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     z-index: 5
 }

 .single-event .countdown {
     display: inline-block;
     position: relative;
     top: 7px
 }

 .single-event .countdown-section {
     padding: 0 15px;
     border-left-color: rgba(255, 255, 255, .3);
     color: #ccc
 }

 .single-event .countdown-amount {
     color: #fff
 }

 .parallax .entry-overlay,
 .parallax .entry-overlay-meta {
     background: 0;
     width: auto;
     text-align: right;
     bottom: 30px;
     left: auto;
     right: 30px
 }

 .parallax .entry-overlay-meta {
     padding: 20px;
     font-size: 14px;
     text-align: left;
     right: 38px;
     bottom: 130px;
     width: 368px;
     height: auto;
     line-height: inherit;
     background-color: rgba(0, 0, 0, .7);
     border-radius: 3px
 }

 .parallax.overlay-left .entry-overlay,
 .parallax.overlay-left .entry-overlay-meta {
     right: auto;
     left: 30px
 }

 .parallax.overlay-left .entry-overlay-meta {
     left: 38px
 }

 .parallax.overlay-center .entry-overlay,
 .parallax.overlay-center .entry-overlay-meta {
     bottom: 100px;
     right: auto;
     left: 50%;
     margin-left: -192px
 }

 .parallax.overlay-center .entry-overlay-meta {
     top: 100px;
     bottom: auto;
     margin-left: -184px
 }

 .parallax .entry-overlay-meta h2 {
     font-size: 20px;
     text-transform: uppercase;
     border-bottom: 1px dashed rgba(255, 255, 255, .2);
     padding-bottom: 17px
 }

 .parallax .entry-overlay-meta h2 a {
     color: #fff
 }

 .parallax .entry-overlay-meta h2 a:hover {
     color: #ddd
 }

 .parallax .countdown {
     top: 0
 }

 .parallax .countdown-section {
     border-left: 0;
     width: 80px;
     height: 80px;
     margin: 0 8px;
     font-size: 13px;
     background-color: rgba(0, 0, 0, .7);
     border-radius: 3px;
     padding-top: 14px
 }

 .parallax .countdown-amount {
     font-size: 28px;
     margin-bottom: 6px
 }

 .ievent {
     position: relative;
     margin-top: 20px
 }

 .ievent .entry-content {
     margin-top: 20px
 }

 .ievent .entry-title h2 {
     font-size: 16px;
     font-weight: 900
 }

 .ievent .entry-meta {
     margin-right: -10px
 }

 .ievent .entry-meta li {
     font-size: 13px;
     background: 0;
     padding: 0;
     color: #000
 }

 .ievent .entry-meta li a {
     background: #3c942a;
     padding: 2px 7px;
     border-radius: 9px;
     font-size: 10px;
     margin-left: 13px;
     color: #fff
 }

 .ievent .entry-meta li a:hover {
     background: #ee6805
 }

 .countdown {
     display: block
 }

 .countdown-row {
     display: block;
     position: relative;
     text-align: center
 }

 .countdown-section {
     display: inline-block;
     font-size: 11px;
     line-height: 1;
     text-align: center;
     width: 25%;
     border-left: 1px dotted #bbb;
     color: #888;
     text-transform: capitalize
 }

 .countdown-section:first-child {
     border-left: 0
 }

 .countdown-amount {
     display: block;
     font-size: 20px;
     color: #333;
     margin-bottom: 5px
 }

 .countdown-descr {
     display: block;
     width: 100%
 }

 .countdown-medium .countdown-section {
     font-size: 14px
 }

 .countdown-medium .countdown-amount {
     font-size: 30px;
     margin-bottom: 7px
 }

 .countdown-large .countdown-section {
     font-size: 18px
 }

 .countdown-large .countdown-amount {
     font-size: 44px;
     font-weight: 700;
     margin-bottom: 8px
 }

 .countdown.countdown-inline {
     display: inline-block
 }

 .countdown.countdown-inline .countdown-row {
     display: inline-block;
     text-align: center
 }

 .countdown.countdown-inline .countdown-section {
     display: inline-block;
     font-size: inherit;
     line-height: inherit;
     width: auto;
     border: 0;
     color: inherit;
     margin-left: 7px;
     text-transform: inherit
 }

 .countdown.countdown-inline .countdown-section:first-child {
     margin-left: 0
 }

 .countdown.countdown-inline .countdown-amount {
     display: inline-block;
     font-size: inherit;
     color: inherit;
     font-weight: 700;
     margin: 0 3px 0 0
 }

 .countdown.countdown-inline .countdown-descr {
     display: inline-block;
     width: auto
 }

 body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-section {
     border: 0;
     padding: 15px
 }

 body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-amount {
     height: 140px;
     line-height: 140px;
     border-radius: 50%;
     background-color: rgba(0, 0, 0, .2);
     margin-bottom: 15px !important
 }

 .button {
     display: inline-block;
     position: relative;
     cursor: pointer;
     outline: 0;
     white-space: nowrap;
     margin: 5px;
     padding: 0 22px;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
     background-color: #005df1;
     border-radius: .35rem;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     border: 0;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 body:not(.device-touch) .button {
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }

 .button-dark {
     background-color: #444
 }

 .button-light {
     background-color: #eee;
     color: #333;
     text-shadow: none !important
 }

 .button:hover {
     background-color: #0050cf;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 .button.button-dark:hover {
     background-color: #1abc9c
 }

 .button.button-mini {
     padding: 0 14px;
     font-size: 11px;
     height: 28px;
     line-height: 28px
 }

 .button.button-small {
     padding: 0 17px;
     font-size: 12px;
     height: 34px;
     line-height: 34px;
     border-radius: 40px
 }

 .button.button-large {
     padding: 0 26px;
     font-size: 16px;
     height: 46px;
     line-height: 46px
 }

 .button.button-xlarge {
     padding: 0 32px;
     font-size: 18px;
     letter-spacing: 2px;
     height: 52px;
     line-height: 52px
 }

 .button.button-desc {
     text-align: left;
     padding: 24px 34px;
     font-size: 22px;
     height: auto;
     line-height: 1;
     font-family: Outfit;
 }

 .button.button-desc span {
     display: block;
     margin-top: 10px;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 1px;
     font-family: 'Crete Round', serif;
     font-style: italic;
     text-transform: none
 }

 .button i {
     position: relative;
     top: 1px;
     line-height: 1;
     margin-right: 5px;
     width: 16px;
     text-align: center
 }

 .button.tright i {
     margin: 0 0 0 5px
 }

 .button-mini i {
     margin-right: 3px
 }

 .button-mini.tright i {
     margin: 0 0 0 3px
 }

 .button-small i {
     margin-right: 4px
 }

 .button-small.tright i {
     margin: 0 0 0 4px
 }

 .button-xlarge i {
     top: 2px;
     margin-right: 8px
 }

 .button-xlarge.tright i {
     margin: 0 0 0 8px
 }

 .button.button-desc i {
     top: 1px;
     font-size: 48px;
     width: 48px;
     text-align: center;
     margin-right: 12px
 }

 .button.button-desc.tright i {
     margin: 0 0 0 12px
 }

 .button.button-desc div {
     display: inline-block
 }

 .button.button-rounded {
     border-radius: 40px
 }

 .button.button-full {
     display: block;
     width: 100%;
     white-space: normal;
     margin: 0;
     height: auto;
     line-height: 1.6;
     padding: 30px 0;
     font-size: 30px;
     font-weight: 300;
     text-transform: none;
     border-radius: 0;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
 }

 .button.button-full.button-light {
     border-bottom: 1px solid rgba(0, 0, 0, .15)
 }

 .button.button-full strong {
     font-weight: 700;
     border-bottom: 2px solid #eee
 }

 body:not(.device-touch) .button.button-full strong {
     -webkit-transition: border .2s ease-in-out;
     -o-transition: border .2s ease-in-out;
     transition: border .2s ease-in-out
 }

 .button.button-full.button-light strong {
     border-bottom-color: #333
 }

 .button.button-full.button-light:hover strong {
     border-bottom-color: #eee
 }

 .button.button-circle {
     border-radius: 20px
 }

 .button.button-mini.button-circle {
     border-radius: 14px
 }

 .button.button-small.button-circle {
     border-radius: 17px
 }

 .button.button-large.button-circle {
     border-radius: 23px
 }

 .button.button-xlarge.button-circle {
     border-radius: 26px
 }

 .button.button-border.button-fill {
     overflow: hidden;
     transform-style: preserve-3d;
     -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
     -webkit-backface-visibility: hidden
 }

 .button.button-border.button-fill span {
     position: relative
 }

 .button.button-border.button-fill:hover {
     background-color: transparent !important;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
 }

 .button.button-border.button-fill.button-light:hover {
     border-color: #eee !important;
     color: #333 !important;
     text-shadow: none
 }

 .button.button-border.button-fill:before {
     content: '';
     position: absolute;
     background-color: #ee690b;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     -webkit-backface-visibility: hidden
 }

 .button.button-border.button-fill.button-light:before {
     background-color: #eee
 }

 .button.button-border.button-fill.fill-from-right:before {
     left: auto;
     right: 0
 }

 .button.button-border.button-fill:hover:before {
     width: 100%
 }

 .button.button-border.button-fill.fill-from-bottom:before,
 .button.button-border.button-fill.fill-from-top:before {
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .button.button-border.button-fill.fill-from-top:before {
     width: 100%;
     height: 0
 }

 .button.button-border.button-fill.fill-from-top:hover:before {
     height: 100%
 }

 .button.button-border.button-fill.fill-from-bottom:before {
     width: 100%;
     height: 0;
     top: auto;
     bottom: 0
 }

 .button.button-border.button-fill.fill-from-bottom:hover:before {
     height: 100%
 }

 .button-red {
     background-color: #c02942
 }

 .button-3d.button-red:hover,
 .button-border.button-red.button-fill:before,
 .button-border.button-red:hover,
 .button-reveal.button-red:hover {
     background-color: #0050cf !important
 }

 .button-border.button-red {
     color: #c02942;
     border-color: #c02942
 }

 .button-teal {
     background-color: #53777a
 }

 .button-3d.button-teal:hover,
 .button-border.button-teal.button-fill:before,
 .button-border.button-teal:hover,
 .button-reveal.button-teal:hover {
     background-color: #53777a !important
 }

 .button-border.button-teal {
     color: #53777a;
     border-color: #53777a
 }

 .button-yellow {
     background-color: #ecd078
 }

 .button-3d.button-yellow:hover,
 .button-border.button-yellow.button-fill:before,
 .button-border.button-yellow:hover,
 .button-reveal.button-yellow:hover {
     background-color: #ecd078 !important
 }

 .button-border.button-yellow,
 .button-border.button-yellow.button-fill.button-light:hover {
     color: #ecd078 !important;
     border-color: #ecd078 !important
 }

 .button-border.button-yellow.button-fill.button-light:hover,
 .button-border.button-yellow:hover {
     color: #333 !important
 }

 .button-green {
     background-color: #59ba41
 }

 .button-3d.button-green:hover,
 .button-border.button-green.button-fill:before,
 .button-border.button-green:hover,
 .button-reveal.button-green:hover {
     background-color: #59ba41 !important
 }

 .button-border.button-green {
     color: #59ba41;
     border-color: #59ba41
 }

 .button-brown {
     background-color: #774f38
 }

 .button-3d.button-brown:hover,
 .button-border.button-brown.button-fill:before,
 .button-border.button-brown:hover,
 .button-reveal.button-brown:hover {
     background-color: #774f38 !important
 }

 .button-border.button-brown {
     color: #774f38;
     border-color: #774f38
 }

 .button-aqua {
     background-color: #40c0cb
 }

 .button-3d.button-aqua:hover,
 .button-border.button-aqua.button-fill:before,
 .button-border.button-aqua:hover,
 .button-reveal.button-aqua:hover {
     background-color: #40c0cb !important
 }

 .button-border.button-aqua {
     color: #40c0cb;
     border-color: #40c0cb
 }

 .button-lime {
     background-color: #aee239
 }

 .button-3d.button-lime:hover,
 .button-border.button-lime.button-fill:before,
 .button-border.button-lime:hover,
 .button-reveal.button-lime:hover {
     background-color: #aee239 !important
 }

 .button-border.button-lime {
     color: #aee239;
     border-color: #aee239
 }

 .button-purple {
     background-color: #5d4157
 }

 .button-3d.button-purple:hover,
 .button-border.button-purple.button-fill:before,
 .button-border.button-purple:hover,
 .button-reveal.button-purple:hover {
     background-color: #5d4157 !important
 }

 .button-border.button-purple {
     color: #5d4157;
     border-color: #5d4157
 }

 .button-leaf {
     background-color: #a8caba
 }

 .button-3d.button-leaf:hover,
 .button-border.button-leaf.button-fill:before,
 .button-border.button-leaf:hover,
 .button-reveal.button-leaf:hover {
     background-color: #a8caba !important
 }

 .button-border.button-leaf {
     color: #a8caba;
     border-color: #a8caba
 }

 .button-pink {
     background-color: #f89fa1
 }

 .button-3d.button-pink:hover,
 .button-border.button-pink.button-fill:before,
 .button-border.button-pink:hover,
 .button-reveal.button-pink:hover {
     background-color: #f89fa1 !important
 }

 .button-border.button-pink {
     color: #f89fa1;
     border-color: #f89fa1
 }

 .button-dirtygreen {
     background-color: #1693a5
 }

 .button-3d.button-dirtygreen:hover,
 .button-border.button-dirtygreen.button-fill:before,
 .button-border.button-dirtygreen:hover,
 .button-reveal.button-dirtygreen:hover {
     background-color: #1693a5 !important
 }

 .button-border.button-dirtygreen {
     color: #1693a5;
     border-color: #1693a5
 }

 .button-blue {
     background-color: #1265a8
 }

 .button-3d.button-blue:hover,
 .button-border.button-blue.button-fill:before,
 .button-border.button-blue:hover,
 .button-reveal.button-blue:hover {
     background-color: #1265a8 !important
 }

 .button-border.button-blue {
     color: #1265a8;
     border-color: #1265a8
 }

 .button-amber {
     background-color: #eb9c4d
 }

 .button-3d.button-amber:hover,
 .button-border.button-amber.button-fill:before,
 .button-border.button-amber:hover,
 .button-reveal.button-amber:hover {
     background-color: #eb9c4d !important
 }

 .button-border.button-amber {
     color: #eb9c4d;
     border-color: #eb9c4d
 }

 .button-black {
     background-color: #111
 }

 .button-3d.button-black:hover,
 .button-border.button-black.button-fill:before,
 .button-border.button-black:hover,
 .button-reveal.button-black:hover {
     background-color: #111 !important
 }

 .button-border.button-black {
     color: #111;
     border-color: #111
 }

 .button-white {
     background-color: #f9f9f9
 }

 .button-3d.button-white:hover,
 .button-reveal.button-white:hover {
     background-color: #f9f9f9 !important
 }

 .button.button-nohover:hover {
     opacity: inherit !important;
     background-color: inherit !important;
     color: inherit !important;
     border-color: inherit !important
 }

 .feature-box {
     position: relative;
     margin-top: 20px;
     padding: 0 0 0 80px
 }

 .feature-box:first-child {
     margin-top: 0
 }

 .feature-box .fbox-icon {
     display: block;
     position: absolute;
     width: 64px;
     height: 64px;
     top: 0;
     left: 0
 }

 .feature-box .fbox-icon a,
 .feature-box .fbox-icon i,
 .feature-box .fbox-icon img {
     display: block;
     position: relative;
     width: 100%;
     height: 100%;
     color: #fff
 }

 .feature-box .fbox-icon i,
 .feature-box .fbox-icon img {
     border-radius: 50%;
     background-color: #0453ee
 }

 .feature-box .fbox-icon i {
     font-style: normal;
     font-size: 28px;
     text-align: center;
     line-height: 64px
 }

 .feature-box h3 {
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 0;
     color: #333
 }

 .feature-box p {
     margin: 8px 0 0;
     color: #999
 }

 .feature-box .before-heading {
     font-size: 14px
 }

 .feature-box.fbox-outline .fbox-icon {
     border: 1px solid #333;
     border-radius: 50%;
     padding: 3px
 }

 .feature-box.fbox-outline .fbox-icon i {
     line-height: 56px
 }

 .feature-box ul li i {
     padding-right: 10px
 }

 .feature-box.fbox-outline.fbox-large .fbox-icon {
     padding: 4px
 }

 .feature-box.fbox-outline.fbox-large .fbox-icon i {
     line-height: 86px
 }

 .feature-box.fbox-border .fbox-icon {
     border: 1px solid #0453ee;
     border-radius: 50%
 }

 .feature-box.fbox-border .fbox-icon i,
 .feature-box.fbox-border .fbox-icon img {
     border: 0;
     background-color: transparent !important;
     color: #0453ee
 }

 .feature-box.fbox-border .fbox-icon {
     padding: 0
 }

 .feature-box.fbox-border .fbox-icon i {
     line-height: 62px !important
 }

 .feature-box.fbox-border.fbox-large .fbox-icon i {
     line-height: 94px !important
 }

 .feature-box.fbox-border.fbox-dark .fbox-icon {
     border-color: #333
 }

 .feature-box.fbox-border.fbox-dark .fbox-icon i,
 .feature-box.fbox-border.fbox-dark .fbox-icon img {
     color: #444
 }

 .feature-box.fbox-center {
     padding: 0;
     text-align: center
 }

 .feature-box.fbox-center.fbox-small {
     padding-left: 0 !important
 }

 .feature-box.fbox-center .fbox-icon {
     position: relative;
     width: 96px;
     height: 96px;
     margin: 0 auto 30px
 }

 .feature-box.fbox-center .fbox-icon i {
     font-size: 42px;
     line-height: 96px
 }

 .feature-box.fbox-center.fbox-outline .fbox-icon i {
     line-height: 88px
 }

 .feature-box.fbox-center p {
     font-size: 14px;
     margin-top: 15px
 }

 .feature-box.fbox-bg.fbox-center {
     margin-top: 68px;
     padding: 68px 30px 30px;
     background-color: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 5px
 }

 .feature-box.fbox-bg.fbox-center:first-child {
     margin-top: 48px
 }

 .feature-box.fbox-bg.fbox-center.fbox-large {
     margin-top: 84px;
     padding-top: 84px
 }

 .feature-box.fbox-bg.fbox-center.fbox-large:first-child {
     margin-top: 64px
 }

 .feature-box.fbox-bg.fbox-center .fbox-icon {
     position: absolute;
     top: -48px;
     left: 50%;
     margin: 0 0 0 -48px
 }

 .feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
     top: -64px;
     left: 50%;
     margin-left: -64px
 }

 .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
 .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon,
 .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon {
     background-color: #fff
 }

 .fbox-effect .fbox-icon i {
     z-index: 1
 }

 .fbox-effect .fbox-icon i:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .fbox-rounded.fbox-effect .fbox-icon i:after {
     border-radius: 3px
 }

 .fbox-effect .fbox-icon i {
     -webkit-transition: background-color .3s, color .3s;
     -o-transition: background-color .3s, color .3s;
     transition: background-color .3s, color .3s
 }

 .fbox-effect .fbox-icon i:after {
     top: -3px;
     left: -3px;
     padding: 3px;
     box-shadow: 0 0 0 2px #333;
     -webkit-transition: -webkit-transform .3s, opacity .3s;
     -webkit-transform: scale(.8);
     -moz-transition: -moz-transform .3s, opacity .3s;
     -moz-transform: scale(.8);
     -ms-transform: scale(.8);
     transition: transform .3s, opacity .3s;
     transform: scale(.8);
     opacity: 0
 }

 .fbox-effect .fbox-icon i:hover,
 .fbox-effect:hover .fbox-icon i {
     background-color: #333;
     color: #fff
 }

 .fbox-effect.fbox-dark .fbox-icon i:after {
     box-shadow: 0 0 0 2px #0453ee
 }

 .fbox-effect.fbox-dark .fbox-icon i:hover,
 .fbox-effect.fbox-dark:hover .fbox-icon i {
     background-color: #0453ee
 }

 .fbox-effect .fbox-icon i:hover:after,
 .fbox-effect:hover .fbox-icon i:after {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1
 }

 .fbox-border.fbox-effect .fbox-icon i {
     -webkit-transition: color .5s, box-shadow .5s, background-color .5s;
     -o-transition: color .5s, box-shadow .5s, background-color .5s;
     transition: color .5s, box-shadow .5s, background-color .5s
 }

 .fbox-border.fbox-effect .fbox-icon i:after {
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     box-shadow: none;
     background-image: url(images/icons/iconalt.svg);
     background-position: center center;
     background-size: 100% 100%;
     -webkit-transition: -webkit-transform .5s, opacity .5s, background-color .5s;
     -o-transition: -moz-transform .5s, opacity .5s, background-color .5s;
     transition: transform .5s, opacity .5s, background-color .5s
 }

 .fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after {
     border-radius: 3px
 }

 .fbox-border.fbox-effect .fbox-icon i:hover,
 .fbox-border.fbox-effect:hover .fbox-icon i {
     color: #fff;
     box-shadow: 0 0 0 1px #333
 }

 .fbox-border.fbox-effect .fbox-icon i:after {
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
     opacity: 0;
     background-color: #333
 }

 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
 .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
     box-shadow: 0 0 0 1px #0453ee
 }

 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
     background-color: #0453ee
 }

 .fbox-border.fbox-effect .fbox-icon i:hover:after,
 .fbox-border.fbox-effect:hover .fbox-icon i:after {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1
 }

 .feature-box.media-box {
     padding: 0
 }

 .feature-box.media-box .fbox-media {
     margin: 0 0 25px
 }

 .feature-box.media-box .fbox-media,
 .feature-box.media-box .fbox-media a,
 .feature-box.media-box .fbox-media img {
     position: relative;
     display: block;
     width: 100%;
     height: auto
 }

 .feature-box.media-box .fbox-media iframe {
     display: block
 }

 .feature-box.media-box p {
     margin-top: 17px
 }

 .feature-box.media-box.fbox-bg .fbox-media {
     margin: 0
 }

 .feature-box.media-box.fbox-bg .fbox-desc {
     padding: 25px;
     background-color: #fff;
     border: 1px solid #e5e5e5;
     border-top: 0;
     border-radius: 0 0 5px 5px
 }

 .feature-box.media-box.fbox-bg .fbox-media img {
     border-radius: 5px 5px 0 0
 }

 .feature-box ul {
     list-style: none
 }

 .process-steps {
     margin: 0 0 20px;
     list-style: none
 }

 .process-steps li {
     float: left;
     position: relative;
     width: 20%;
     text-align: center;
     overflow: hidden
 }

 .process-steps.process-2 li {
     width: 50%
 }

 .process-steps.process-3 li {
     width: 33.33%
 }

 .process-steps.process-5 li {
     width: 20%
 }

 .process-steps li .i-circled {
     margin-bottom: 0 !important
 }

 .process-steps li .i-bordered {
     background-color: #fff
 }

 .process-steps li h5 {
     margin: 15px 0 0;
     font-size: 13px;
     font-weight: 300
 }

 .process-steps li.active h5,
 .process-steps li.ui-tabs-active h5 {
     font-weight: 600;
     color: #0353ee
 }

 .process-steps li.active a,
 .process-steps li.ui-tabs-active a {
     background-color: #ee690b !important;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     border-color: #ee690b !important
 }

 .process-steps li:after,
 .process-steps li:before {
     content: '';
     position: absolute;
     top: 30px;
     left: 0;
     margin-left: -26px;
     width: 50%;
     border-top: 1px dashed #ddd
 }

 .process-steps li:after {
     left: auto;
     right: 0;
     margin: 0 -26px 0 0
 }

 #processTabs {
     background: #fff;
     padding: 27px 10px 10px
 }

 #processTabs .steprocess {
     padding: 20px 40px
 }

 .steprocess .form-group {
     margin-bottom: 1.5rem
 }

 h3.steptitle {
     padding-bottom: 14px
 }

 .process-steps li {
     pointer-events: none
 }

 .process-steps li:first-child:before,
 .process-steps li:last-child:after {
     display: none
 }

 .input-group-text {
     background-color: #bdbdbd;
     border-left: 1px solid #ced4da;
     line-height: 2.5;
     height: calc(3.04rem+1px)
 }

 .custom-file-input {
     cursor: pointer;
     border-radius: 40px
 }

 .custom-file-label::after {
     background-color: #979797;
     border-left: 1px solid #979797;
     line-height: 1.5;
     color: #fff;
     top: 0;
     right: 0
 }

 #ptab1 ul li {
     line-height: 1.9;
     font-size: 12px
 }

 .admore {
     background: #005df1;
     padding: 8px;
     color: #fff;
     border-radius: 40px
 }

 .admore:hover {
     background: #0050cf
 }

 button.remove_field {
     margin-left: 37%
 }

 .successmsg {
     background: #c5ebd4;
     color: #184b21
 }

 .errormsg {
     background: #fcc;
     color: #740d0a
 }

 .infomsg {
     background: #b9dff4;
     color: #124f70
 }

 .alertmsg {
     background: #fce0b6;
     color: #975e06
 }

 .i-bordered,
 .i-circled,
 .i-plain,
 .i-rounded,
 .social-icon {
     display: block;
     float: left;
     margin: 4px 11px 7px 0;
     text-align: center !important;
     font-size: 28px;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     cursor: pointer;
     font-style: normal
 }

 body:not(.device-touch) .i-bordered,
 body:not(.device-touch) .i-circled,
 body:not(.device-touch) .i-plain,
 body:not(.device-touch) .i-rounded,
 body:not(.device-touch) .social-icon {
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .i-bordered,
 .i-circled,
 .i-rounded {
     width: 52px !important;
     height: 52px !important;
     line-height: 52px !important;
     background-color: #444;
     border-radius: 3px
 }

 .i-bordered {
     border: 1px solid #555;
     line-height: 50px !important;
     background-color: transparent !important;
     color: #444;
     text-shadow: none
 }

 .i-plain {
     width: 36px !important;
     height: 36px !important;
     font-size: 28px;
     line-height: 36px !important;
     color: #444;
     text-shadow: 1px 1px 1px #fff
 }

 .i-plain:hover {
     color: #777
 }

 .i-circled {
     border-radius: 50%
 }

 .i-light {
     background-color: #f5f5f5;
     color: #444;
     text-shadow: 1px 1px 1px #fff;
     box-shadow: inset 0 0 15px rgba(0, 0, 0, .2)
 }

 .i-alt {
     background-image: url(images/icons/iconalt.svg);
     background-position: center center;
     background-size: 100% 100%
 }

 .i-circled:hover,
 .i-rounded:hover {
     background-color: #0453ee;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     box-shadow: 0 0 0 rgba(0, 0, 0, .2)
 }

 .i-bordered:hover {
     background-color: #ee690b !important;
     color: #fff;
     border-color: #ee690b
 }

 .i-overlay,
 .i-overlay a {
     display: block;
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     top: 0;
     left: 0;
     text-align: center;
     background: rgba(0, 0, 0, .2) url(images/grid.png) repeat
 }

 .i-overlay a {
     background: 0
 }

 .i-overlay i,
 .i-overlay img {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -24px 0 0 -24px;
     width: 48px !important;
     height: 48px !important;
     font-size: 48px;
     line-height: 1;
     color: #e5e5e5;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
 }

 .i-overlay i {
     margin: -18px 0 0 -18px;
     width: 36px !important;
     height: 36px !important;
     line-height: 36px;
     font-size: 24px
 }

 .on-hover.i-overlay {
     opacity: 0
 }

 body:not(.device-touch) .on-hover.i-overlay {
     -webkit-transition: opacity .3s linear;
     -o-transition: opacity .3s linear;
     transition: opacity .3s linear
 }

 .on-hover.i-overlay:hover {
     opacity: 1
 }

 .social-icon {
     margin: 0 5px 5px 0;
     width: 40px;
     height: 40px;
     font-size: 20px;
     line-height: 38px !important;
     color: #b4b4b4;
     text-shadow: none;
     border: 1px solid #aaa;
     border-radius: 3px;
     overflow: hidden
 }

 .si-rounded {
     border-radius: 50%
 }

 .si-borderless {
     border-color: transparent !important
 }

 .si-dark {
     background-color: #444;
     color: #fff !important;
     border-color: transparent
 }

 .si-light {
     background-color: rgba(0, 0, 0, .05);
     color: #666 !important;
     border-color: transparent
 }

 .si-colored {
     border-color: transparent !important
 }

 .si-colored i {
     color: #fff
 }

 .social-icon.si-small {
     width: 30px;
     height: 30px;
     font-size: 14px;
     line-height: 30px !important
 }

 .social-icon i {
     display: block;
     position: relative
 }

 body:not(.device-touch) .social-icon i {
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .social-icon i:last-child {
     color: #fff !important
 }

 .social-icon:hover i:first-child {
     margin-top: -38px
 }

 .social-icon.si-large:hover i:first-child {
     margin-top: -54px
 }

 .social-icon.si-small:hover i:first-child {
     margin-top: -30px
 }

 .social-icon:hover {
     color: #555;
     border-color: transparent
 }

 .si-colored.social-icon {
     border-color: transparent
 }

 .si-text-color.si-facebook i {
     color: #3b5998
 }

 .si-text-color:hover {
     color: #fff
 }

 .toggle {
     display: block;
     position: relative;
     margin: 0 0 20px 0
 }

 .toggle .togglet,
 .toggle .toggleta {
     display: block;
     position: relative;
     line-height: 24px;
     padding: 0 0 0 24px;
     margin: 0;
     font-size: 16px;
     font-weight: 700;
     color: #444;
     cursor: pointer
 }

 .toggle .togglet i {
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     text-align: center;
     font-size: 16px;
     line-height: 24px
 }

 .toggle .toggleta {
     font-weight: 700
 }

 .toggle .togglet i.toggle-open,
 .toggle .toggleta i.toggle-closed {
     display: none
 }

 .toggle .toggleta i.toggle-open {
     display: block
 }

 .toggle .togglet.toggleta span.toggle-closed,
 .toggle .togglet:not(.toggleta) span.toggle-open {
     display: none
 }

 .toggle .togglet.toggleta span.toggle-open,
 .toggle .togglet:not(.toggleta) span.toggle-closed {
     display: block
 }

 .toggle .togglec {
     display: block;
     position: relative;
     padding: 10px 0 0 24px
 }

 .toggle.toggle-bg .togglet,
 .toggle.toggle-bg .toggleta {
     background-color: #eee;
     line-height: 44px;
     padding: 0 0 0 36px;
     border-radius: 2px
 }

 .toggle.toggle-bg .togglet i {
     left: 14px;
     line-height: 44px
 }

 .toggle.toggle-bg .togglec {
     padding: 12px 0 0 36px
 }

 .toggle.toggle-border {
     border: 1px solid #ccc;
     border-radius: 4px
 }

 .toggle.toggle-border .togglet,
 .toggle.toggle-border .toggleta {
     line-height: 44px;
     padding: 0 15px 0 36px
 }

 .toggle.toggle-border .togglet i {
     left: 14px;
     line-height: 44px
 }

 .toggle.toggle-border .togglec {
     padding: 0 15px 15px 36px
 }

 .accordion {
     margin-bottom: 20px
 }

 #accordion .table td {
     border: none !important
 }

 .acctitle {
     display: block;
     position: relative;
     line-height: 24px;
     margin: 0;
     font-size: 16px;
     font-weight: 700;
     color: #444;
     cursor: pointer;
     border-top: 1px dotted #ddd;
     padding: 10px 0 10px 20px
 }

 .acctitlec {
     cursor: auto
 }

 .acctitle:first-child {
     border-top: 0
 }

 .acctitle i {
     position: absolute;
     top: 0;
     left: 0;
     width: 14px;
     text-align: center;
     font-size: 14px;
     line-height: 44px
 }

 .acctitle i.acc-open,
 .acctitlec i.acc-closed {
     display: none
 }

 .acctitlec i.acc-open {
     display: block
 }

 .acc_content {
     position: relative;
     padding: 0 0 15px 20px
 }

 .accordion.accordion-bg .acctitle {
     background-color: #e2e9f9;
     line-height: 36px;
     padding: 0 0 0 16px;
     border-top: 0;
     margin-bottom: 5px
 }

 .accordion.accordion-bg .acctitle i {
     left: 14px;
     line-height: 44px
 }

 .accordion.accordion-bg .acc_content {
     padding: 10px 21px 15px 29px;
     border: 1px solid #ccc;
     margin-bottom: 9px;
     position: relative;
     top: -5px;
     line-height: 1.6;
     font-size: 16px
 }

 .accordion.accordion-bg .acctitlec {
     background: #e1eff8;
     color: #000
 }

 #accordion table {
     margin-bottom: 0;
     border-bottom: 1px solid #dee2e6
 }

 .backcolor table th {
     border-top: 0
 }

 .tabs {
     position: relative;
     margin: 0 0 30px 0
 }

 ul.tab-nav:not(.tab-nav-lg) {
     margin: 0;
     border-bottom: 1px solid #ddd;
     list-style: none
 }

 ul.tab-nav:not(.tab-nav-lg) li {
     display: inline-block;
     border: 1px solid #ddd;
     border-bottom: 0;
     border-left: 0;
     height: 41px
 }

 ul.tab-nav:not(.tab-nav-lg) li:first-child {
     border-left: 1px solid #ddd
 }

 ul.tab-nav:not(.tab-nav-lg) li a {
     display: block;
     padding: 0 15px;
     color: #444;
     height: 40px;
     line-height: 40px;
     font-size: 22px;
     font-weight: 700
 }

 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
     position: relative;
     top: 1px;
     background-color: #fff
 }

 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a:after {
     border-bottom: 2px solid #333;
     content: '';
     width: 60px;
     height: 5px;
     position: absolute;
     margin-top: 48px;
     right: 21%
 }

 .tabs.tabs-alt ul.tab-nav li {
     border-color: transparent
 }

 .tabs.tabs-alt ul.tab-nav li:first-child {
     border-left: 0
 }

 .tabs.tabs-alt ul.tab-nav li a {
     background-color: #fff
 }

 .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
     border: 1px solid #ddd;
     border-bottom: 0
 }

 .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
     top: -1px;
     height: 43px;
     line-height: 38px;
     border-top: 2px solid #0453ee
 }

 .tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a {
     height: 42px
 }

 .tabs.tabs-bb ul.tab-nav li {
     border: 0;
     margin: 0
 }

 .tabs.tabs-bb ul.tab-nav li a {
     background-color: transparent;
     border-bottom: 2px solid transparent
 }

 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
     border-bottom: 2px solid #0453ee;
     top: -2px;
     height: 44px;
     line-height: 44px
 }

 .faqlist li {
     margin-bottom: 5px;
     font-size: 15px
 }

 .faqlist li a {
     color: #444
 }

 .faqlist li a:hover {
     color: #0453ee !important
 }

 .newsevent {
     background: #f1f1f1;
     padding: 22px 10px;
     margin-bottom: 18px !important
 }

 .newsevent h4 {
     font-size: 23px;
     line-height: 1.3;
     margin-bottom: 0
 }

 .eventss {
     border-bottom: 1px solid #ccc;
     padding: 10px 0
 }

 .fbratespan {
     margin-top: 10px
 }

 div .eventss:last-child {
     margin-bottom: 20px
 }

 .eventss .title {
     color: #0453ee;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.1
 }

 .eventss .date {
     color: #686868
 }

 .eventss span {
     color: #212529;
     font-size: 12px
 }

 .clients-grid,
 .testimonials-grid {
     list-style: none;
     overflow: hidden
 }

 .client img {
     padding: 18px
 }

 .slick-slide .entry-image img {
     padding: 0
 }

 .clients-grid li,
 .testimonials-grid li {
     float: left;
     position: relative;
     width: 20%;
     padding: 20px 0;
     -webkit-backface-visibility: hidden
 }

 .clients-grid.grid-2 li {
     width: 50%;
     padding: 25px 0
 }

 .clients-grid.grid-3 li {
     width: 33.33%
 }

 .clients-grid.grid-4 li {
     width: 25%
 }

 .clients-grid.grid-6 li {
     width: 16.66%
 }

 .clients-grid li a {
     opacity: .6
 }

 body:not(.device-touch) .clients-grid li a {
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }

 .clients-grid li a:hover {
     opacity: 1
 }

 .clients-grid li a,
 .clients-grid li img {
     display: block;
     width: 75%;
     margin-left: auto;
     margin-right: auto
 }

 .clients-grid li a img {
     width: 100%
 }

 .clients-grid li:after,
 .clients-grid li:before,
 .testimonials-grid li:after,
 .testimonials-grid li:before {
     content: '';
     position: absolute
 }

 .clients-grid li:before,
 .testimonials-grid li:before {
     height: 100%;
     top: 0;
     left: -1px;
     border-left: 1px dashed #ddd
 }

 .clients-grid li:after,
 .testimonials-grid li:after {
     width: 100%;
     height: 0;
     top: auto;
     left: 0;
     bottom: -1px;
     border-bottom: 1px dashed #ddd
 }

 .testi h2 {
     line-height: 1.3;
     margin-bottom: 10px;
     font-size: 23px
 }

 .counter {
     font-size: 42px;
     font-weight: 600;
     font-family: Outfit;
 }

 .counter.counter-small {
     font-size: 28px
 }

 .counter.counter-large {
     font-size: 56px
 }

 .counter.counter-xlarge {
     font-size: 64px;
     font-weight: 400
 }

 .counter.counter-inherit {
     font-size: inherit;
     font-weight: inherit
 }

 .counter+h5 {
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: 10px
 }

 .counter.counter-lined+h5:before {
     display: block;
     position: relative;
     margin: 20px auto 25px auto;
     content: '';
     width: 15%;
     border-top: 2px solid #444;
     opacity: .9
 }

 .counter.counter-small+h5 {
     font-size: 13px
 }

 .counter.counter-large+h5,
 .counter.counter-xlarge+h5 {
     font-size: 15px;
     font-weight: 300
 }

 .widget .counter+h5 {
     opacity: .7
 }

 .rounded-skill {
     display: inline-block;
     margin: 0 15px 15px;
     display: inline-block;
     position: relative;
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     color: #333
 }

 body:not(.device-touch) .rounded-skill {
     -webkit-transition: opacity .4s ease;
     -o-transition: opacity .4s ease;
     transition: opacity .4s ease
 }

 .rounded-skill+h5 {
     margin-bottom: 0
 }

 .rounded-skill i {
     font-size: 42px
 }

 .rounded-skill canvas {
     position: absolute;
     top: 0;
     left: 0
 }

 .institute canvas {
     top: 7px
 }

 .placement {
     font-size: 10px;
     display: block;
     position: absolute;
     top: 20px;
     left: 26px
 }

 span.t300 {
     color: #000
 }

 .mapcont {
     color: #000000;
     font-size: 75px;
     text-shadow: -4px 6px 0 #ccc;
     display: contents !important
 }

 .skills {
     margin: 0;
     list-style: none;
     padding-top: 25px
 }

 .skills li {
     position: relative;
     margin-top: 38px;
     height: 4px;
     background-color: #f5f5f5;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
     border-radius: 2px
 }

 .skills li:first-child {
     margin-top: 0
 }

 .skills li .progress {
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background-color: #0453ee;
     overflow: visible !important;
     border-radius: 2px;
     -webkit-transition: width 1.2s ease-in-out;
     -o-transition: width 1.2s ease-in-out;
     transition: width 1.2s ease-in-out
 }

 .skills li .progress-percent {
     position: absolute;
     top: -28px;
     right: 0;
     background-color: #333;
     color: #f9f9f9;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     height: 22px;
     line-height: 22px;
     padding: 0 5px;
     font-size: 11px;
     border-radius: 2px
 }

 .skills li .progress-percent .counter {
     font-weight: 400
 }

 .progress-percent:after,
 .progress-percent:before {
     top: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none
 }

 .progress-percent:after {
     border-top-color: #333;
     border-width: 4px;
     left: 50%;
     margin-left: -4px
 }

 .progress-percent:before {
     border-top-color: #333;
     border-width: 5px;
     left: 50%;
     margin-left: -5px
 }

 .skills li>span {
     position: absolute;
     z-index: 1;
     top: -23px;
     left: 0;
     line-height: 20px;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     color: #222
 }

 blockquote p {
     margin-bottom: 15px
 }

 blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17px;
     border-left: 5px solid #eee
 }

 .blockquote-reverse {
     padding-right: 15px;
     padding-left: 0;
     border-right: 5px solid #eee;
     border-left: 0;
     text-align: right
 }

 blockquote.float-left {
     max-width: 300px;
     margin: 5px 20px 10px 0;
     padding-right: 0
 }

 blockquote.float-right {
     max-width: 300px;
     margin: 5px 0 10px 20px;
     padding-left: 0
 }

 .quote {
     border: none !important;
     position: relative
 }

 .quote p {
     position: relative
 }

 .quote:before {
     font-family: font-icons;
     speak: none;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     content: "\e7ad";
     position: absolute;
     width: 48px;
     height: 48px;
     line-height: 48px;
     font-size: 42px;
     top: 0;
     left: 0;
     color: #eee
 }

 .quote.blockquote-reverse:before {
     content: "\e7ae";
     left: auto;
     right: 0
 }

 .dropcap {
     float: left;
     font-size: 42px;
     line-height: 1;
     margin: 0 5px 0 0;
     text-transform: uppercase
 }

 .highlight {
     padding: 2px 5px;
     background-color: #444;
     color: #fff;
     border-radius: 2px
 }

 .overlay .overlay-wrap,
 .text-overlay {
     opacity: 0;
     position: relative;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .6)
 }

 body:not(.device-touch) .overlay .overlay-wrap,
 body:not(.device-touch) .text-overlay {
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .overlay .overlay-wrap i {
     position: absolute;
     opacity: .8;
     font-size: 24px;
     line-height: 1;
     width: 24px;
     height: 24px;
     text-align: center;
     top: 50%;
     margin-top: -12px;
     left: 50%;
     margin-left: -12px;
     color: #fff
 }

 .overlay:hover .overlay-wrap,
 .overlay:hover .text-overlay {
     opacity: 1
 }

 .text-overlay {
     position: absolute;
     opacity: .85;
     top: auto;
     bottom: 0;
     height: auto;
     padding: 40px 15px 15px;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .85)));
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
     backface-visibility: hidden
 }

 .text-overlay-title h2,
 .text-overlay-title h3,
 .text-overlay-title h4 {
     margin: 0;
     color: #f5f5f5
 }

 .text-overlay-title h2 {
     font-size: 28px
 }

 .text-overlay-title h3 {
     font-size: 17px;
     font-weight: 600
 }

 .text-overlay-meta,
 .text-overlay-title h2,
 .text-overlay-title h3,
 .text-overlay-title h4 {
     max-width: 100%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }

 .text-overlay-meta {
     color: #ccc;
     font-size: 13px
 }

 .text-overlay-meta span i {
     position: relative;
     top: 1px;
     font-size: 14px
 }

 .news-carousel .text-overlay {
     padding: 40px 30px 25px
 }

 .news-carousel .text-overlay-title {
     margin: 15px 0 10px
 }

 .news-carousel .text-overlay-title h2,
 .news-carousel .text-overlay-title h3,
 .news-carousel .text-overlay-title h4 {
     line-height: 1.2;
     text-overflow: none;
     white-space: normal
 }

 .news-carousel .text-overlay-meta {
     font-size: 14px
 }

 .news-carousel .rounded-skill {
     position: absolute;
     margin: 0 !important;
     top: 30px;
     right: 30px;
     color: #fff;
     font-weight: 700
 }

 .sm-form-control {
     display: block;
     width: 100%;
     height: 38px;
     padding: 8px 14px;
     font-size: 15px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 2px solid #ddd;
     border-radius: 0 !important;
     -webkit-transition: border-color ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s;
     transition: border-color ease-in-out .15s
 }

 .sm-form-control:focus {
     border-color: #aaa;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none
 }

 .sm-form-control::-moz-placeholder {
     color: #999;
     opacity: 1
 }

 .sm-form-control:-ms-input-placeholder {
     color: #999
 }

 .sm-form-control::-webkit-input-placeholder {
     color: #999
 }

 .sm-form-control[disabled],
 .sm-form-control[readonly],
 fieldset[disabled] .sm-form-control {
     cursor: not-allowed;
     background-color: #eee;
     opacity: 1
 }

 .sm-form-control {
     height: auto
 }

 .form-control {
     border-radius: 3px
 }

 .form-control:active,
 .form-control:focus {
     border-color: #999;
     box-shadow: none
 }

 label {
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     font-family: Outfit;
     letter-spacing: 0;
     color: #555;
     margin-bottom: 10px;
     cursor: auto
 }

 label.label-muted {
     color: #999;
     font-weight: 400;
     margin-right: 5px
 }

 form .col_five_sixth,
 form .col_four_fifth,
 form .col_full,
 form .col_half,
 form .col_one_fifth,
 form .col_one_fourth,
 form .col_one_sixth,
 form .col_one_third,
 form .col_three_fifth,
 form .col_three_fourth,
 form .col_two_fifth,
 form .col_two_third {
     margin-bottom: 0
 }

 #contact-form-overlay,
 #contact-form-overlay-mini {
     position: relative;
     max-width: 800px;
     background-color: #fff;
     padding: 40px;
     margin: 0 auto;
     z-index: 10;
     border-radius: 4px;
     box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
 }

 #contact-form-overlay-mini {
     float: right;
     width: 380px;
     margin: 0
 }

 label.error {
     margin-top: 5px;
     color: #e42c3e;
     font-weight: 400
 }

 label.error {
     display: none !important
 }

 .show-error-msg+label.error {
     display: block !important
 }

 input[type=checkbox]:not(:checked)+label.error {
     display: block !important
 }

 .form-control.error,
 .sm-form-control.error {
     border-color: #e42c3e
 }

 #google-map {
     position: relative;
     width: 100%;
     height: 450px
 }

 .gmap img {
     max-width: none !important
 }

 .gm-style .gm-style-iw h3 span {
     font-size: inherit;
     font-family: inherit
 }

 #map-overlay {
     position: relative;
     padding: 100px 0
 }

 #map-overlay #google-map {
     position: absolute;
     height: 100%;
     top: 0;
     left: 0
 }

 #content .cse .gsc-control-cse,
 #content .gsc-above-wrapper-area,
 #content .gsc-adBlock,
 #content .gsc-control-cse,
 #content .gsc-result,
 #content .gsc-table-result,
 #content .gsc-thumbnail-inside,
 #content .gsc-url-top,
 #content .gsc-webResult {
     padding: 0 !important
 }

 #content .gsc-selected-option-container {
     width: auto !important
 }

 #content .gsc-result-info {
     padding-left: 0 !important
 }

 #content .gsc-above-wrapper-area-container,
 #content .gsc-table-result {
     margin-bottom: 10px
 }

 #content .gcsc-branding {
     display: none
 }

 #content .gsc-results,
 #content .gsc-webResult {
     width: 100% !important
 }

 #content .gs-error-result .gs-snippet,
 #content .gs-no-results-result .gs-snippet {
     margin: 0 !important
 }

 .title-block {
     padding: 2px 0 3px 20px;
     border-left: 7px solid #0453ee;
     margin-bottom: 30px
 }

 .title-block-right {
     padding: 2px 20px 3px 0;
     border-left: 0;
     border-right: 7px solid #0453ee;
     text-align: right
 }

 .title-block h1,
 .title-block h2,
 .title-block h3,
 .title-block h4 {
     margin-bottom: 0
 }

 .title-block>span {
     display: block;
     margin-top: 4px;
     color: #555;
     font-weight: 300
 }

 .title-block h1+span {
     font-size: 22px
 }

 .title-block h2+span {
     font-size: 19px
 }

 .title-block h3+span {
     font-size: 17px
 }

 .heading-block {
     padding-top: 46px;
     margin-bottom: -12px
 }

 .emphasis-title h1,
 .emphasis-title h2,
 .heading-block h1,
 .heading-block h2,
 .heading-block h3,
 .heading-block h4 {
     margin-bottom: 30px;
     font-weight: 600;
     color: #000
 }

 .innerabout {
     position: absolute;
     top: -260px;
     color: #fff;
     width: 50%;
     left: 10px
 }

 .innerabout h2 {
     font-weight: 300 !important;
     color: #000;
     text-align: left;
     line-height: 1.3;
     font-family: 'Raleway';
     margin-left: 10px
 }

 .heading-block h1 {
     font-size: 32px
 }

 .heading-block h3 {
     font-size: 26px
 }

 .heading-block h4 {
     font-size: 20px;
     font-weight: 700
 }

 .heading-block>span:not(.before-heading) {
     display: block;
     margin-top: 10px;
     font-weight: 700;
     color: #000
 }

 .heading-block .before-heading {
     margin-bottom: 7px
 }

 .center .heading-block>span,
 .heading-block.center>span,
 .heading-block.title-center>span {
     max-width: 700px;
     margin-left: auto;
     margin-right: auto
 }

 .heading-block h1+span {
     font-size: 24px
 }

 .heading-block h2+span {
     font-size: 19px
 }

 .heading-block h3+span,
 .heading-block h4+span {
     font-size: 20px
 }

 .heading-block~p:not(.lead) {
     font-size: 15px
 }

 .heading-block:after {
     content: '';
     display: block
 }

 .center .heading-block:after,
 .heading-block.center:after,
 .heading-block.title-center:after {
     margin: 30px auto 0
 }

 .heading-block.title-right,
 .heading-block.tright,
 .tright .heading-block {
     direction: rtl
 }

 .heading-block.noborder:after,
 .heading-block.nobottomborder:after {
     display: none
 }

 .heading-block.border-color:after {
     border-color: #0453ee
 }

 .emphasis-title {
     margin: 0 0 50px
 }

 .emphasis-title h1,
 .emphasis-title h2 {
     font-size: 64px;
     letter-spacing: -2px
 }

 .emphasis-title h1 strong,
 .emphasis-title h2 strong {
     font-weight: 700
 }

 .fancy-title {
     position: relative;
     margin-bottom: 30px
 }

 .fancy-title h1,
 .fancy-title h2,
 .fancy-title h3,
 .fancy-title h4,
 .fancy-title h5,
 .fancy-title h6 {
     position: relative;
     display: inline-block;
     background-color: #fff;
     padding-right: 15px;
     margin-bottom: 0
 }

 .fancy-title h4,
 .fancy-title h5,
 .fancy-title h6 {
     padding-right: 10px
 }

 .fancy-title.title-border-color:before,
 .fancy-title.title-border:before,
 .fancy-title.title-double-border:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 0;
     border-top: 3px double #e5e5e5;
     left: auto;
     top: 46%;
     right: 0
 }

 .fancy-title.title-border:before {
     top: 49%;
     border-top: 1px solid #eee
 }

 .fancy-title.title-border-color:before {
     top: 49%;
     border-top: 1px solid #0453ee;
     opacity: .6
 }

 .title-center {
     text-align: center
 }

 .title-center h1,
 .title-center h2,
 .title-center h3 {
     padding: 0 15px
 }

 .title-center h4,
 .title-center h5,
 .title-center h6 {
     padding: 0 10px
 }

 .title-right {
     text-align: right
 }

 .title-right h1,
 .title-right h2,
 .title-right h3 {
     padding: 0 0 0 15px
 }

 .title-right h4,
 .title-right h5,
 .title-right h6 {
     padding: 0 0 0 10px
 }

 .fancy-title.title-bottom-border h1,
 .fancy-title.title-bottom-border h2,
 .fancy-title.title-bottom-border h3,
 .fancy-title.title-bottom-border h4,
 .fancy-title.title-bottom-border h5,
 .fancy-title.title-bottom-border h6 {
     display: block;
     background: 0;
     padding: 0 0 10px;
     border-bottom: 2px solid #0453ee
 }

 .fancy-title.title-dotted-border {
     background: url(images/icons/dotted.png) repeat-x center
 }

 .before-heading {
     display: block;
     margin: 0 0 5px;
     font-size: 16px;
     font-family: 'Crete Round', serif;
     font-style: italic;
     font-weight: 400;
     color: #999
 }

 .divider {
     position: relative;
     overflow: hidden;
     margin: 35px 0;
     color: #e5e5e5;
     width: 100%
 }

 .divider.divider-margin {
     margin: 70px 0
 }

 .divider.divider-center.divider-short:before,
 .divider.divider-center:before,
 .divider:after {
     content: '';
     position: absolute;
     width: 100%;
     top: 8px;
     left: 30px;
     height: 0;
     border-top: 1px solid #eee
 }

 .divider.divider-center.divider-short.divider-thick:before,
 .divider.divider-center.divider-thick:before,
 .divider.divider-thick:after {
     border-top-width: 3px
 }

 .divider.divider-short:after {
     width: 30%
 }

 .divider.divider-vshort:after {
     width: 12%
 }

 .divider i {
     position: relative;
     width: 18px;
     height: 18px;
     line-height: 1;
     font-size: 18px !important;
     text-align: center
 }

 .divider a {
     position: relative;
     display: inline-block;
     color: inherit;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease
 }

 .divider a:hover {
     color: #888
 }

 .divider.divider-right {
     text-align: right
 }

 .divider.divider-right:after {
     left: auto;
     right: 30px
 }

 .divider.divider-center,
 .divider.divider-center.divider-short {
     text-align: center
 }

 .divider.divider-center:before {
     left: -50% !important;
     right: 0;
     margin-left: -20px
 }

 .divider.divider-center:after {
     left: 50% !important;
     right: 0;
     margin-left: 20px
 }

 .divider.divider-center.divider-short:before {
     left: auto !important;
     right: 50%;
     margin-right: 20px;
     width: 15%
 }

 .divider.divider-center.divider-short:after {
     left: 50% !important;
     right: auto !important;
     margin-left: 20px;
     width: 15%
 }

 .divider.divider-center.divider-vshort:after,
 .divider.divider-center.divider-vshort:before {
     width: 6%
 }

 .divider.divider-rounded {
     color: #bbb
 }

 .divider.divider-border.divider-center:before,
 .divider.divider-border.divider-short:before,
 .divider.divider-border:after,
 .divider.divider-rounded.divider-center:before,
 .divider.divider-rounded.divider-short:before,
 .divider.divider-rounded:after {
     top: 19px;
     left: 40px
 }

 .divider.divider-border i,
 .divider.divider-rounded i {
     width: 40px;
     height: 40px;
     line-height: 40px;
     background-color: #f5f5f5;
     border-radius: 50%
 }

 .divider.divider-border.divider-right:after,
 .divider.divider-rounded.divider-right:after {
     left: auto;
     right: 40px
 }

 .divider.divider-border {
     color: #e5e5e5
 }

 .divider.divider-border i {
     line-height: 38px;
     background-color: transparent;
     border: 1px solid #eee
 }

 .divider.divider-line:after,
 .divider.divider-line:before {
     margin-left: 0 !important;
     margin-right: 0 !important
 }

 .top-advert {
     float: right;
     padding: 5px;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee
 }

 .top-advert a,
 .top-advert img {
     display: block
 }

 .bnews-title {
     display: block;
     float: left;
     margin-top: 2px;
     padding-top: .3em;
     text-transform: uppercase
 }

 .bnews-slider {
     float: left;
     width: 970px;
     margin-left: 20px;
     min-height: 0
 }

 #gotoTop {
     display: none;
     z-index: 299;
     position: fixed;
     width: 40px;
     height: 40px;
     /* background-color: #333; */
     background-color: #bd00ff;
     font-size: 20px;
     line-height: 36px;
     text-align: center;
     color: #fff;
     top: auto;
     left: auto;
     right: 30px;
     bottom: 50px;
     cursor: pointer;
     border-radius: 2px
 }

 body:not(.device-touch) #gotoTop {
     transition: background-color .2s linear;
     -webkit-transition: background-color .2s linear;
     -o-transition: background-color .2s linear
 }

 .stretched #gotoTop {
     bottom: 30px
 }

 #gotoTop:hover {
     background-color: #ffe200;
     color:#000;
 }

 .error404 {
     display: block;
     font-size: 216px;
     font-weight: 700;
     color: #ddd;
     line-height: 1.35;
     letter-spacing: 4px
 }

 .error404-wrap .container {
     z-index: 7
 }

 .error404-wrap .error404 {
     line-height: .9;
     margin-bottom: 40px;
     font-weight: 700;
     font-size: 244px;
     color: #fff !important;
     opacity: .2;
     text-shadow: 1px 1px 5px rgba(0, 0, 0, .4)
 }

 .error404-wrap .heading-block h4 {
     font-weight: 300;
     margin-bottom: 8px
 }

 .error404-wrap .heading-block span {
     font-size: 17px
 }

 .error404-wrap form {
     max-width: 500px
 }

 .landing-wide-form {
     background: rgba(0, 0, 0, .3);
     padding: 30px;
     border-radius: 3px
 }

 .landing-form-overlay {
     position: absolute;
     z-index: 10;
     top: auto;
     left: auto;
     right: 0;
     bottom: -154px;
     background-color: rgba(0, 0, 0, .6);
     border-radius: 3px 3px 0 0
 }

 .landing-video {
     z-index: 1;
     width: 560px;
     height: 315px;
     margin: 22px 0 0 95px;
     overflow: hidden
 }

 .landing-promo h3 {
     font-size: 26px
 }

 .landing-promo>.container>span {
     font-size: 17px
 }

 .form-process,
 .preloader,
 .preloader2 {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/preloader.gif) center center no-repeat #fff
 }

 .preloader2 {
     background-color: transparent
 }

 .form-process {
     display: none;
     position: absolute;
     z-index: 3;
     background-color: rgba(255, 255, 255, .7)
 }

 #footer {
     position: relative;
     background-color: #000
 }

 .device-lg.sticky-footer #top-bar,
 .device-xl.sticky-footer #top-bar {
     z-index: 299
 }

 .device-lg.sticky-footer #header,
 .device-xl.sticky-footer #header {
     z-index: 199
 }

 .device-lg.sticky-footer #content,
 .device-lg.sticky-footer #page-submenu,
 .device-lg.sticky-footer #page-title,
 .device-lg.sticky-footer #slider:not(.slider-parallax-invisible),
 .device-xl.sticky-footer #content,
 .device-xl.sticky-footer #page-submenu,
 .device-xl.sticky-footer #page-title,
 .device-xl.sticky-footer #slider:not(.slider-parallax-invisible) {
     z-index: 2
 }

 .device-lg.sticky-footer #footer,
 .device-xl.sticky-footer #footer {
     position: fixed;
     top: auto;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 1
 }

 .device-lg.sticky-footer:not(.stretched) #footer,
 .device-xl.sticky-footer:not(.stretched) #footer {
     left: 50%;
     margin-left: -610px;
     width: 1220px
 }

 .device-lg.sticky-footer:not(.stretched) #footer {
     margin-left: -500px;
     width: 1000px
 }

 #footer .footer-widgets-wrap {
     position: relative;
     padding: 20px 0
 }

 .footer-widgets-wrap .col_five_sixth,
 .footer-widgets-wrap .col_four_fifth,
 .footer-widgets-wrap .col_full,
 .footer-widgets-wrap .col_half,
 .footer-widgets-wrap .col_one_fifth,
 .footer-widgets-wrap .col_one_fourth,
 .footer-widgets-wrap .col_one_sixth,
 .footer-widgets-wrap .col_one_third,
 .footer-widgets-wrap .col_three_fifth,
 .footer-widgets-wrap .col_three_fourth,
 .footer-widgets-wrap .col_two_fifth,
 .footer-widgets-wrap .col_two_third {
     margin-bottom: 0
 }

 #copyrights {
     padding: 40px 0;
     background-color: #ddd;
     font-size: 14px;
     line-height: 1.8
 }

 #copyrights i.footer-icon {
     position: relative;
     top: 1px;
     font-size: 14px;
     width: 14px;
     text-align: center;
     margin-right: 3px
 }

 .copyright-links a {
     display: inline-block;
     margin: 0 3px;
     color: #333;
     border-bottom: 1px dotted #444
 }

 .copyright-links a:hover {
     color: #555;
     border-bottom: 1px solid #666
 }

 .copyrights-menu {
     margin-bottom: 10px
 }

 .copyrights-menu a {
     font-size: 14px;
     margin: 0 10px;
     border-bottom: 0 !important
 }

 #copyrights .col_half {
     margin-bottom: 0 !important
 }

 #copyrights a:first-child {
     margin-left: 0
 }

 #copyrights .tright a:last-child {
     margin-right: 0
 }

 .footer-logo {
     display: block;
     margin-bottom: 20px;
     width: 30%
 }

 .widget {
     position: relative;
     margin-top: 50px
 }

 .widget p {
     line-height: 1.7
 }

 .sidebar-widgets-wrap .widget {
     padding-top: 50px;
     border-top: 1px solid #eee
 }

 .widget:first-child {
     margin-top: 0
 }

 .sidebar-widgets-wrap .widget:first-child {
     padding-top: 0;
     border-top: 0
 }

 .widget>h4 {
     margin-bottom: 5px;
     font-size: 15px;
     font-weight: 600;
     color: #fff
 }

 .sidebar-widgets-wrap .widget>h4 {
     letter-spacing: 1px
 }

 .widget p:not(.lead) {
     font-size: 14px
 }

 .tagcloud {
     margin-bottom: -2px
 }

 .tagcloud a {
     display: block;
     float: left;
     margin-right: 4px;
     margin-bottom: 4px;
     padding: 3px 6px;
     border: 1px solid #e5e5e5;
     font-size: 13px !important;
     color: #666;
     border-radius: 2px
 }

 body:not(.device-touch) .tagcloud a {
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }

 .tagcloud a:hover {
     border-color: #0453ee !important;
     color: #0453ee !important
 }

 .widget_archive li,
 .widget_archive ul,
 .widget_categories li,
 .widget_categories ul,
 .widget_links li,
 .widget_links ul,
 .widget_meta li,
 .widget_meta ul,
 .widget_nav_menu li,
 .widget_nav_menu ul,
 .widget_pages li,
 .widget_pages ul,
 .widget_recent_comments li,
 .widget_recent_comments ul,
 .widget_recent_entries li,
 .widget_recent_entries ul,
 .widget_rss li,
 .widget_rss ul {
     list-style: none;
     margin: 0
 }

 .widget_archive li,
 .widget_categories li,
 .widget_links li,
 .widget_meta li,
 .widget_nav_menu li,
 .widget_pages li,
 .widget_recent_comments li,
 .widget_recent_entries li,
 .widget_rss li {
     padding: 4px 0
 }

 .widget_recent_comments li {
     display: block;
     background: url(images/icons/widget-comment.png) left top no-repeat;
     padding: 4px 0 4px 20px
 }

 .widget_archive li a,
 .widget_categories li a,
 .widget_links li a,
 .widget_meta li a,
 .widget_nav_menu li a,
 .widget_pages li a,
 .widget_recent_comments li a,
 .widget_recent_entries li a,
 .widget_rss li a {
     border: none !important;
     color: #fff;
     font-size: 12px
 }

 .widget_archive li a:hover,
 .widget_categories li a:hover,
 .widget_links li a:hover,
 .widget_meta li a:hover,
 .widget_nav_menu li a:hover,
 .widget_pages li a:hover,
 .widget_recent_comments li a:hover,
 .widget_recent_entries li a:hover,
 .widget_rss li a:hover {
     color: #000
 }

 .widget_recent_comments li a {
     display: inline;
     padding: 0;
     background: 0 0 !important
 }

 .widget_archive>ul>li:first-child,
 .widget_categories>ul>li:first-child,
 .widget_links>ul>li:first-child,
 .widget_meta>ul>li:first-child,
 .widget_nav_menu>ul>li:first-child,
 .widget_pages>ul>li:first-child,
 .widget_recent_comments>ul>li:first-child,
 .widget_recent_entries>ul>li:first-child,
 .widget_rss>ul>li:first-child {
     border-top: 0 !important
 }

 .widget_archive>ul,
 .widget_categories>ul,
 .widget_links>ul,
 .widget_meta>ul,
 .widget_nav_menu>ul,
 .widget_pages>ul,
 .widget_recent_comments>ul,
 .widget_recent_entries>ul,
 .widget_rss>ul {
     margin-top: -4px !important
 }

 .widget_archive ul ul,
 .widget_categories ul ul,
 .widget_links ul ul,
 .widget_meta ul ul,
 .widget_nav_menu ul ul,
 .widget_pages ul ul,
 .widget_recent_comments ul ul,
 .widget_recent_entries ul ul,
 .widget_rss ul ul {
     margin-left: 15px
 }

 .widget .testimonial.no-image .testi-image {
     display: none
 }

 .widget .testimonial.twitter-scroll .testi-image {
     margin-right: 10px
 }

 .widget .testimonial:not(.twitter-scroll) .testi-image,
 .widget .testimonial:not(.twitter-scroll) .testi-image a,
 .widget .testimonial:not(.twitter-scroll) .testi-image img {
     width: 42px;
     height: 42px
 }

 .widget .testimonial.twitter-scroll .testi-image,
 .widget .testimonial.twitter-scroll .testi-image a,
 .widget .testimonial.twitter-scroll .testi-image i,
 .widget .testimonial.twitter-scroll .testi-image img {
     width: 28px;
     height: 28px
 }

 .widget .testimonial.twitter-scroll .testi-image i {
     background-color: #eee;
     line-height: 28px;
     font-size: 14px;
     color: #888
 }

 .widget .testimonial p {
     font-size: 14px
 }

 .subscribe-widget h5 {
     font-weight: 300;
     font-size: 14px;
     line-height: 1.5
 }

 .headersearch .input-group-text {
     background: 0;
     border-right: 0
 }

 input#widget-subscribe-form-email {
     border-left: none;
     padding-left: 0
 }

 .widget-twitter-feed li {
     margin: 15px 0 0 0
 }

 .widget-twitter-feed li:first-child {
     margin-top: 0
 }

 .widget-twitter-feed small {
     display: block;
     margin-top: 3px
 }

 .widget-twitter-feed small a {
     color: #999
 }

 .widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar {
     display: none
 }

 .widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter {
     display: none
 }

 .widget-twitter-feed .twitter-feed-avatar {
     margin-left: 44px
 }

 .widget-twitter-feed .twitter-feed-avatar>li a.twitter-avatar {
     display: block;
     position: absolute;
     left: -44px;
     text-align: center;
     top: 2px;
     width: 32px;
     height: 32px
 }

 .twitter-feed-avatar a.twitter-avatar img {
     border-radius: 50%
 }

 .widget-filter-links ul {
     list-style: none;
     margin-bottom: 0
 }

 .widget-filter-links .widget-filter-reset {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     font-size: 12px;
     line-height: 22px
 }

 .widget:not(:first-child) .widget-filter-reset {
     top: 50px
 }

 .widget-filter-links .widget-filter-reset a {
     color: red
 }

 .widget-filter-links .widget-filter-reset.active-filter {
     display: none
 }

 .widget-filter-links li {
     position: relative;
     font-size: 15px;
     line-height: 24px
 }

 .widget-filter-links li:not(:first-child) {
     margin-top: 10px
 }

 .widget-filter-links li a {
     display: block;
     color: #444;
     font-family: Outfit;
     font-weight: 500
 }

 .widget-filter-links li span {
     position: absolute;
     top: 1px;
     left: auto;
     right: 0;
     font-size: 11px;
     width: 22px;
     height: 22px;
     line-height: 22px;
     text-align: center;
     color: #777;
     background-color: #eee;
     border-radius: 50%
 }

 .widget-filter-links li:hover a {
     color: #777
 }

 .widget-filter-links li.active-filter a {
     font-weight: 700
 }

 .widget-filter-links li.active-filter span {
     color: #fff;
     background-color: #0453ee;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
 }

 .nav-tree {
     position: relative;
     margin-bottom: 40px
 }

 .nav-tree ul {
     margin-bottom: 0;
     list-style: none
 }

 .nav-tree>ul {
     margin: -8px 0
 }

 .nav-tree li {
     position: relative
 }

 .nav-tree li a {
     display: block;
     padding: 8px 0;
     color: #333;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 2px;
     font-family: Outfit;
 }

 .nav-tree li i {
     font-size: 14px;
     width: 16px;
     text-align: center
 }

 .nav-tree li i:not(.icon-angle-down) {
     margin-right: 8px;
     position: relative;
     top: 1px
 }

 .nav-tree li a i.icon-angle-down {
     width: auto;
     font-size: 12px;
     margin-left: 2px
 }

 .nav-tree li.active>a,
 .nav-tree li.current>a,
 .nav-tree li:hover>a {
     color: #0453ee !important
 }

 .nav-tree ul ul {
     display: none
 }

 .nav-tree li.current>ul {
     display: block
 }

 .nav-tree ul ul a {
     font-size: 12px;
     padding: 6px 0;
     letter-spacing: 1px
 }

 .nav-tree ul ul a i.icon-angle-down {
     font-size: 12px
 }

 .nav-tree ul ul a {
     padding-left: 20px
 }

 .nav-tree ul ul ul a {
     padding-left: 40px
 }

 .nav-tree ul ul ul ul a {
     padding-left: 60px
 }

 .nav-tree ul ul ul ul ul a {
     padding-left: 80px
 }

 .table .success {
     color: #3c763d
 }

 .table .info {
     color: #31708f
 }

 .table .warning {
     color: #8a6d3b
 }

 .table .danger {
     color: #a94442
 }

 .btn-link,
 .page-link,
 .page-link:focus,
 .page-link:hover {
     color: #0453ee
 }

 .btn-link:focus,
 .btn-link:hover {
     color: #222
 }

 .boot-tabs {
     margin-bottom: 20px !important
 }

 .carousel-control .icon-chevron-left,
 .carousel-control .icon-chevron-right {
     position: absolute;
     top: 47.5%;
     z-index: 5;
     display: inline-block
 }

 .carousel-control .icon-chevron-left {
     left: 50%
 }

 .carousel-control .icon-chevron-right {
     right: 50%
 }

 .responsive-utilities th small {
     display: block;
     font-weight: 400;
     color: #999
 }

 .show-grid [class^=col-] {
     padding-top: 10px;
     padding-bottom: 10px;
     background-color: #eee;
     border: 1px solid #ddd
 }

 .img-circle {
     border-radius: 50% !important
 }

 .page-item.active .page-link,
 .page-link:focus,
 .page-link:hover {
     color: #fff !important;
     background-color: #0453ee !important;
     border-color: #0453ee !important
 }

 .nav-pills>li.active>a,
 .nav-pills>li.active>a:focus,
 .nav-pills>li.active>a:hover {
     background-color: #0453ee
 }

 label.checkbox,
 label.radio {
     padding-left: 20px
 }

 .input-group-lg>.input-group-addon {
     line-height: 1
 }

 #cookie-notification {
     position: fixed;
     top: auto;
     bottom: -70px;
     left: 0;
     width: 100%;
     padding: 20px 0;
     line-height: 24px;
     background-color: #eee;
     color: #444;
     z-index: 99;
     -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .15);
     -moz-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .15);
     box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .15);
     -webkit-transition: bottom .4s ease;
     -o-transition: bottom .4s ease;
     transition: bottom .4s ease
 }

 .stretched #wrapper {
     width: 100%;
     margin: 0;
     box-shadow: none
 }

 .animsition-overlay,
 body:not(.no-transition) #wrapper {
     position: relative;
     opacity: 0;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .datepicker td,
 .datepicker th {
     padding: 5px
 }

 .application .oc-item {
     background: #f1f1f1;
     border: solid 1px #00c6ba;
     padding: 8px 30px;
     font-size: 16px;
     cursor: pointer;
     height: 180px
 }

 .btn-group-sm>.btn,
 .btn-sm {
     padding: .3rem 1.5rem;
     font-size: .875rem;
     line-height: 1.5;
     font-weight: 300;
     font-family: Outfit;
 }

 .application .oc-item a {
     color: #00c6ba
 }

 .application .oc-item b {
     color: #00c6ba
 }

 .application .oc-item:hover,
 .application .oc-item:hover b,
 .application .oc-item:hover span {
     background: #00c6ba;
     color: #fff !important
 }

 .date {
     color: #f33
 }

 .application .oc-item:hover a,
 .application .oc-item:hover span {
     color: #fff
 }

 .event ul li {
     list-style: none;
     line-height: 1.2;
     padding: 4px 0;
     font-size: 16px;
     color: #000;
     margin-bottom: 15px
 }

 .event ul li a {
     color: #00c6ba
 }

 .event ul.tab-nav:not(.tab-nav-lg),
 .event ul.tab-nav:not(.tab-nav-lg) li {
     border-bottom: 0;
     border: 0
 }

 .events ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
     border-bottom: 2px solid #949494
 }

 .form-control-lg,
 .input-group-lg>.form-control,
 .input-group-lg>.input-group-append>.btn,
 .input-group-lg>.input-group-append>.input-group-text,
 .input-group-lg>.input-group-prepend>.btn,
 .input-group-lg>.input-group-prepend>.input-group-text {
     padding: .6rem 1.5rem;
     font-size: 19px;
     line-height: 1.5;
     font-weight: 100
 }

 .most_liked img {
     height: 100px;
     width: 100px
 }

 .most_liked .entry-image {
     background: #fff;
     padding: 5px;
     margin-right: 9px
 }

 .course p {
     position: absolute;
     bottom: 0;
     color: #fff;
     font-size: 22px;
     margin: 0;
     line-height: 1.2;
     font-weight: 500;
     height: 400px;
     width: 100%;
     font-family: Outfit;
     padding: 15px;
     cursor: pointer
 }

 .course span {
     position: absolute;
     bottom: 15px;
     left: 17px;
     color: #fff;
     font-weight: 900
 }

 .course p span {
     position: absolute;
     top: 243px
 }

 .sign {
     padding: 7px 20px !important;
     color: #fff !important;
     border-radius: 5px;
     background: #0553ee;
     margin-top: 20px;
     font-weight: 400 !important
 }

 .btn-primary {
     color: #fff;
     background-color: #141414;
     border-color: #141414
 }

 .btn-primary:hover,
 .career [type=submit]:hover {
     color: #fff;
     background-color: #141414;
     border-color: #141414
 }

 .event ul li a:hover,
 .widget_links li a:hover {
     color: #00c6ba
 }

 .contact {
     background: url(https://www.gofillform.com/assets/images/back1.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     padding: 30px 29px
 }

 .contact a {
     font-weight: 500
 }

 .contact a:hover {
     background: #fff;
     color: #000;
     font-weight: 500
 }

 .career {
     background: url(https://www.gofillform.com/assets/images/back.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     padding: 30px 24px
 }

 .blog .oc-item.row {
     margin: 0
 }

 .blog .owl-item .oc-item img {
     width: 100%;
     height: 125px
 }

 .blog .readblog {
     background: #a6b594;
     padding: 10px
 }

 .blog p {
     font-size: 29px;
     color: #000;
     line-height: 1.2 !important
 }

 .career p {
     color: #fff;
     margin-bottom: 25px
 }

 .career .col_one_third,
 .career h3,
 .contact h3 {
     margin: 0;
     color: #fff;
     line-height: 1.2
 }

 .contact h3 {
     margin-bottom: 12px;
     line-height: 1.3
 }

 .career input {
     padding: 8px 3px;
     border: 0
 }

 .career [type=submit] {
     border-radius: 3px;
     padding: 8px 22px;
     background: #fff;
     border: 0;
     color: #0453ee;
     font-weight: 500
 }

 .career .first {
     margin-left: 21px
 }

 .career .second {
     margin-left: 20px
 }

 .modal-header {
     padding: 5px 10px
 }

 .facebook i,
 .google i {
     padding-right: 10px
 }

 .circle span {
     background: #0d3c84;
     color: #fff;
     padding: 10px;
     border-radius: 50%;
     text-transform: uppercase;
     font-weight: 700
 }

 .modal {
     background-color: rgba(0, 0, 0, .75)
 }

 .form-control:active,
 .form-control:focus {
     border-color: #0353ee;
     box-shadow: none
 }

 .inputText {
     font-size: 15px;
     padding: 15px 15px 5px 15px
 }

 .footer-text {
     text-align: center;
     font-size: 12px
 }

 select.form-control:not([size]):not([multiple]) {
     font-size: 16px
 }

 .loginpop {
     width: 483px
 }

 .login-header {
     background: #fff;
     color: #000;
     padding: 19px;
     border-radius: 12px 11px 0 0
 }

 #login-form-submit {
     padding: 5px 20px
 }

 .modal-content {
     border-radius: 15px
 }

 .login-header .close1 {
     right: 10px;
     position: absolute;
     top: 13px;
     color: #000;
     opacity: 10;
     text-shadow: none;
     background: 0;
     border: 0;
     font-size: 16px;
     cursor: pointer;
     border: solid 1px;
     border-radius: 65%
 }

 .sociallogin ul li {
     margin-top: 11px;
     float: left;
     list-style: none;
     margin-right: 8px
 }

 .sociallogin .google {
     background: #2873f0;
     color: #fff;
     padding: 11px;
     font-weight: 800;
     padding: 5px 48px 7px 8px;
     border-radius: 5px
 }

 .sociallogin .facebook {
     background: #29487d;
     color: #fff;
     padding: 11px;
     font-weight: 800;
     padding: 5px 48px 7px 8px;
     border-radius: 5px
 }

 #signupForm .sociallogin .facebook,
 #signupForm .sociallogin .google {
     padding: 5px 14px
 }

 .sociallogin a {
     color: #fff;
     font-size: 12px
 }

 .modal-header {
     padding: 5px 10px
 }

 .facebook i,
 .google i {
     padding-right: 10px
 }

 .sociallogin {
     padding: 0 0 14px;
     margin: auto
 }

 #loginForm .floating-input,
 #signupForm .floating-input {
     /*border-bottom: 1px solid #ced4da;*/
     /*border-left: none;*/
     /*border-right: 0;*/
     /*border-top: 0;*/
     /*border-radius: 0;*/
     /*padding: 5px 6px*/
     /*border: 1px solid #ced4da !important;*/
    border-left: none;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    padding: 5px 10px;
    margin-bottom:15px;
 }

 .loginpop .acc_content {
     padding: 0 36px
 }

 #loginForm .floating-label,
 #signupForm .floating-label {
     /*pointer-events: none;*/
     /*position: absolute;*/
     /*left: 5px;*/
     /*top: 8px;*/
     /*font-weight: 400*/
      pointer-events: none;
    position: absolute;
    left: 24px;
    top: 8px;
    font-weight: 400;
 }

 #loginForm input:focus~.floating-label,
 #loginForm input:not(:focus):valid~.floating-label,
 #signupForm input:focus~.floating-label,
 #signupForm input:not(:focus):valid~.floating-label {
     top: -15px;
     left: 12px;
     font-size: 12px;
     color: #000
 }

 #loginForm .footer-text {
     font-size: 12px;
     font-weight: 500
 }

 .otp {
     font-size: 10px;
     padding-top: 4px
 }

 .agree:before {
     border: 2px solid #ddd;
     width: 18px !important;
     height: 18px !important;
     margin: 0 5px 0 -21px !important
 }

 .checkbox-style:checked+.agree:before {
     background: #2874f0 !important
 }

 .footer-widgets-wrap .col_one_sixth {
     width: 15.5%;
     margin-right: 1%
 }

 #img {
     position: relative;
     top: 27px
 }

 .mobile {
     display: none
 }

 .slidercontent {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 999
 }

 .slidercontent h2 {
     color: #000;
     font-size: 35px
 }

 .slider-caption .input-group input::-moz-placeholder {
     color: #555;
     font-size: 8px
 }

 .slider-caption .input-group input::-ms-input-placeholder {
     color: #555;
     font-size: 8px
 }

 .slider-caption .input-group input::-webkit-input-placeholder {
     color: #555;
     font-size: 8px
 }

 .Program table {
     border: 1px solid #ccc
 }

 .Program .table thead th {
     font-size: 17px;
     color: #333;
     font-weight: 600;
     background: #f1f1f1
 }

 .Program .table tbody .open {
     color: green;
     font-weight: 500;
     font-size: 15px;
     line-height: 1.2
 }

 td.open span {
     background: #3c942a;
     color: #fff;
     padding: 1px 7px;
     border-radius: 5px
 }

 .posttitle {
     font-weight: 700;
     font-size: 30px;
     color: #000
 }

 .downloadproswl span,
 .enqire span,
 .prospectusdownload span {
     position: absolute;
     padding-top: 5px;
     font-size: 14px
 }

 .Program .table tbody .close_soon {
     color: #f74948;
     font-weight: 500;
     font-size: 15px;
     line-height: 1.2
 }

 .close_soon {
     color: #f74948
 }

 .Program .table tbody .close {
     float: none;
     font-size: 15px
 }

 .copyrights {
     font-size: 13px !important;
     color: #fff
 }

 .tabs .col_one_fourth {
     background: #f4f4f4;
     border: solid 1px #00c6ba;
     margin-bottom: 28px;
     padding: 14px;
     box-shadow: 1px 1px 0 0 #e4e0e0;
     height: 150px
 }

 .tabs .col_one_fourth ul {
     margin-bottom: 0
 }

 #slideshow {
     position: relative;
     width: auto;
     height: 418px
 }

 #slideshow>div {
     position: absolute;
     top: 10px;
     left: 10px;
     right: 10px;
     bottom: 10px
 }

 #stage {
     width: auto;
     height: 508px
 }

 #stage a {
     position: absolute;
     left: 20%;
     top: 0;
     cursor: initial
 }

 #stage a img {
     z-index: 999;
     background: #f1f1f1;
     cursor: initial
 }

 #stage a:nth-of-type(1) {
     animation-name: fader;
     animation-delay: 4s;
     animation-duration: 1s;
     z-index: 999
 }

 #stage a:nth-of-type(2) {
     z-index: 10
 }

 #stage a:nth-of-type(n+3) {
     display: none
 }

 @keyframes fader {
     from {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .rank li {
     color: #333;
     font-size: 13px;
     list-style: none
 }

 .rank li b {
     padding-right: 0
 }

 .college-details {
     box-shadow: 1px 4px 2px 2px #ddd;
     background: #fff;
     border: 0;
     padding: 10px
 }

 .college-details .entry-image {
     margin-right: 20px
 }

 .college-details .entry-title h2 {
     font-size: 23px;
     line-height: 1;
     font-weight: 600
 }

 .college-details .entry-meta li a:hover {
     background: #ee6805
 }

 .Program table tbody td .like a,
 .college-details .entry-meta li a {
     background: #3c942a;
     padding: 2px 12px;
     border-radius: 9px;
     font-size: 13px;
     margin-left: 20px;
     color: #fff
 }

 .course .oc-item:hover {
     background: rgba(0, 0, 0, .6);
     background-size: 100% 100%;
     border-radius: 20px
 }

 .college-details .entry-title h2 a {
     color: #00c6ba
 }

 .college-details span {
     font-size: 12px;
     color: #afa9a9
 }

 .college-details .entry-meta {
     margin: 9px -10px -15px 0;
     list-style: none
 }

 .college-details .entry-meta li:hover {
     background: 0
 }

 .college-details .entry-meta li {
     font-size: 14px;
     background: 0;
     padding: 0;
     color: #000
 }

 .college_details .oc-item:nth-of-type(even)>div {
     /* margin-right: 0 !important; */
     clear: right
 }

 .Program table tbody td .like i,
 .entry-meta li i {
     position: relative;
     top: 1px;
     font-size: 14px;
     margin-right: 3px;
     color: #3c942a
 }

 .wishlist {
     padding-left: 35%
 }

 .wishlist b {
     color: #0453ee;
     font-size: 20px
 }

 .wishlist p {
     color: #615c5c;
     font-weight: 800;
     text-transform: capitalize;
     font-size: 12px;
     margin-bottom: 0
 }

 .wishlist p i {
     color: #d85a4b;
     font-size: 17px;
     padding: 20px 11px 0 0;
     position: relative;
     top: 4px
 }

 .wishlist p a {
     color: #615c5c;
     font-size: 12px
 }

 .wishlist p a:hover,
 .wishlist p a:hover i {
     color: #f44336
 }

 .autocomplete {
     font-size: 16px !important
 }

 .ui-autocomplete {
     position: absolute;
     z-index: 999999 !important;
     cursor: default;
     padding: 0;
     margin-top: 2px;
     list-style: none;
     background-color: #fff;
     border: 1px solid #ccc;
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
 }

 .ui-autocomplete>li {
     padding: 7px 20px;
     border-bottom: 1px solid #e7e5e5
 }

 .ui-autocomplete>li.ui-state-focus {
     background-color: #0062cc;
     color: #fff
 }

 .course p.ui-helper-hidden-accessible {
     display: none
 }

 .search-output {
     background: #e0f2fc;
     height: auto;
     padding: 10px 20px
 }

 .search-output p {
     margin: 8px;
     color: #333;
     font-weight: 500;
     font-size: 14px;
     font-family: Outfit;
     line-height: 1.2
 }

 .college_details .ievent .entry-image a {
     color: #fff;
     font-size: 11px;
     text-align: center;
     margin-bottom: 26px
 }

 .college_details .ievent .entry-image {
     background: #fff;
     margin-right: 0;
     padding: 8px 10px
 }

 .appliedform {
     width: 76px !important;
     height: 76px !important;
     line-height: 76px !important
 }

 .appliedform canvas {
     width: 74px !important;
     height: 74px !important;
     line-height: 74px !important
 }

 .ageprofile {
     padding: 10px;
     margin: 0
 }

 .appliedform .counter {
     font-size: 15px !important
 }

 .college_details .ievent:first-child {
     margin-top: 20px
 }

 .college_details .ievent .entry-c {
     padding: 10px !important
 }

 .college_details .entry-title h2 a {
     color: #666;
     font-weight: 600
 }

 .college_details ul li span {
     font-weight: 800;
     color: #000;
     padding-right: 5px
 }

 .college_details .ievent .entry-title h2 {
     font-size: 14px;
     margin-bottom: 10px
 }

 .college_details ul {
     margin-bottom: 0
 }

 .college_details ul li a {
     font-size: 14px;
     list-style: none;
     color: #0050cf;
     font-weight: 600
 }

 .college_details ul li b {
     color: #2874f0;
     font-size: 14px
 }

 .price .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem;
     min-height: 20px;
     margin-top: 10px;
     margin-bottom: 10px;
     vertical-align: middle
 }

 .price .form-check-input {
     width: 15px;
     height: 15px
 }

 .price .form-check label {
     display: inline-block;
     font-size: 12px;
     font-weight: 400;
     text-transform: capitalize;
     letter-spacing: 0;
     margin-bottom: 0;
     cursor: pointer;
     font-family: 'Open Sans', sans-serif !important;
     margin-left: 7px
 }

 .form-check label {
     display: inline-block;
     font-size: 10px;
     font-weight: 500;
     text-transform: capitalize;
     letter-spacing: 0;
     margin-bottom: 0;
     cursor: pointer
 }

 .scrollbar {
     overflow-y: scroll;
     max-height: 100px
 }

 #collegefilter::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     background-color: #f5f5f5;
     border-radius: 10px
 }

 #collegefilter::-webkit-scrollbar {
     width: 10px;
     background-color: #f5f5f5
 }

 .college-mar {
     margin-right: 33px !important
 }

 #collegefilter::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.44, #7a99d9), color-stop(.72, #497dbd), color-stop(.86, #1c3a94))
 }

 .addtocart {
     display: contents
 }

 .dropdown-menu1 {
     border: 0;
     display: block;
     transform: scale(1) !important;
     height: 0;
     padding: 0;
     top: 180px;
     transition: all .3s;
     opacity: 0
 }

 .dropdown:hover .dropdown-menu1 {
     display: block;
     top: 100%;
     height: inherit;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s
 }

 .dropdown:hover .dropdown-menu {
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     opacity: 1
 }

 .dropdown .dropdown-menu {
     top: 8px !important;
     width: 350px !important;
     left: -153px !important;
     box-shadow: 0 5px 30px #000;
     transform: none !important
 }

 .text-info {
     color: #0553ee !important
 }

 .total-header-section {
     border-bottom: 1px solid #d2d2d2
 }

 .total-section p {
     margin-bottom: 20px
 }

 .cart-detail {
     padding: 15px
 }

 .cart-detail-img img {
     width: 100%;
     height: 100%;
     padding-left: 15px
 }

 .cart-detail-product p {
     margin: 0;
     color: #000;
     font-weight: 500
 }

 .cart-detail .price {
     font-size: 12px;
     margin-right: 10px;
     font-weight: 500
 }

 .cart-detail .count {
     color: #c2c2dc
 }

 .checkout {
     padding: 15px
 }

 .checkout .btn-primary {
     height: 32px;
     font-size: 14px
 }

 .college_form .col_one_fourth {
     margin-right: 2%;
     width: 23.5%
 }

 .formdetails {
     border: 1px solid #dcdcdc;
     background: #fff;
     padding: 15px 10px 30px;
     margin-bottom: 10px;
     border-radius: 20px
 }

 .formdetails:hover {
     background-color: #e5eefe
 }

 .formdetails b {
     font-size: 18px;
     font-family: Outfit;
 }

 .formdetails h5 b {
     font-size: 65px;
     color: #000000;
     font-weight: 700
 }

 .formdetails h5 span {
     font-weight: 600;
     position: absolute;
     top: 35px;
     font-size: 18px;
     color: #000000 !important
 }

 .formevent .ievent .entry-image a {
     color: #fff;
     font-size: 11px;
     text-align: center;
     margin-bottom: 10px;
     border-radius: 40px
 }

 .formevent .ievent .entry-image {
     background: #fff;
     margin-right: 0;
     padding: 8px 10px
 }

 .btn-end {
     background-color: #fff;
     color: #f74749;
     border-color: #f74749;
     border-radius: 40px;
     font-size: 11px;
     height: 30px;
     text-align: center !important
 }

 .formevent ul {
     margin-bottom: 20px;
     font-family: Outfit, Arial, sans-serif
 }

 .course_mode {
     background: #f1f1f1;
     padding: 24px
 }

 .course_mode table {
     margin-bottom: 0
 }

 .course_mode .table td,
 .course_mode .table th {
     padding: .3rem .5rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6;
     font-size: 13px;
     font-family: Outfit;
     background: #fff
 }

 .course_mode table td ul {
     margin-left: 1px;
     list-style: none;
     margin-right: 9px;
     margin-bottom: 9px
 }

 .course_mode table td .fleft {
     width: 190px;
     padding: 10px 10px 10px 0
 }

 .course_mode table td ul li:before {
     content: "\e7e6";
     color: #3e9522;
     padding: 0 2px;
     font-size: 14px;
     border-radius: 2px;
     margin-right: 6px;
     font-family: font-icons
 }

 .steps li:before {
     display: none
 }

 .steps li span {
     display: table;
     float: left;
     color: #3e9522;
     font-size: 16px
 }

 .steps li {
     padding-bottom: 10px
 }

 .innertable .btn {
     width: 100%;
     border-radius: 0;
     color: #fff
 }

 .innertable i {
     padding-right: 5px
 }

 .testimonial-full .testi-image,
 .testimonial-full .testi-image a,
 .testimonial-full .testi-image i,
 .testimonial-full .testi-image img {
     display: block;
     width: 50px;
     height: 50px
 }

 .testi-image img {
     border-radius: 50%
 }

 .testi-content p {
     background: #da522c;
     color: #fff;
     padding: 20px;
     font-size: 10px;
     border-radius: 6px;
     line-height: 1.8;
     margin-bottom: 20px;
     font-family: Outfit;
 }

 .testi-meta {
     margin-top: 10px;
     font-size: 11px;
     font-weight: 700;
     position: absolute;
     left: 59px;
     color: #222
 }

 .testi-content p .icon-quote-left {
     font-size: 13px;
     color: #eba895;
     position: absolute;
     top: 2px;
     left: 5px
 }

 .testi-content p .icon-quote-right {
     font-size: 13px;
     color: #eba895;
     position: absolute;
     bottom: 84px;
     right: 23px
 }

 .testi-content p:after {
     content: " ";
     position: absolute;
     width: 0;
     height: 0;
     left: 26px;
     right: auto;
     top: auto;
     bottom: 60px;
     border: 5px solid;
     border-color: #da522c transparent transparent #da522c
 }

 .checkbox-style,
 .radio-style {
     opacity: 0;
     position: absolute
 }

 .checkbox-style,
 .checkbox-style-1-label.radio-style-1-label,
 .checkbox-style-3-label,
 .radio-style {
     display: inline-block;
     vertical-align: middle;
     margin: 5px;
     cursor: pointer
 }

 .checkbox-style-1-label,
 .checkbox-style-3-label,
 .radio-style-1-label {
     position: relative
 }

 .checkbox-style-1-label:before,
 .checkbox-style-3-label:before,
 .radio-style-1-label:before,
 .radio-style-3-label:before {
     content: '';
     background: #fff;
     border: 1px solid #bdbdbd;
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     padding: 4px;
     margin-right: 10px;
     line-height: 1;
     text-align: center
 }

 .radio-style-1-label:before {
     border-radius: 50%
 }

 .checkbox-style:checked+.checkbox-style-1-label:before {
     background: #bdbdbd
 }

 .radio-style:checked+.radio-style-1-label:before {
     background: #bdbdbd
 }

 .checkbox-style-1-label:before,
 .radio-style-1-label.radio-small:before {
     border: 2px solid #ddd;
     width: 16px;
     height: 16px;
     margin: 0 8px 1px 0
 }

 .checkbox-style:checked+.checkbox-style-3-label:before,
 .radio-style:checked+.radio-style-3-label:before {
     content: "\e116";
     font-family: lined-icons;
     background: #005df1;
     color: #fff
 }

 .checkbox-style+.checkbox-style-3-label.checkbox-small:before {
     font-size: 17px
 }

 .lagmargin {
     margin-top: 14px !important
 }

 @-webkit-keyframes inputHighlighter {
     from {
         background: #5264ae
     }

     to {
         width: 0;
         background: 0
     }
 }

 @-moz-keyframes inputHighlighter {
     from {
         background: #5264ae
     }

     to {
         width: 0;
         background: 0
     }
 }

 @keyframes inputHighlighter {
     from {
         background: #5264ae
     }

     to {
         width: 0;
         background: 0
     }
 }

 .updateuser {
     background-color: #fff;
     padding: 30px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important
 }

 div#mycheckboxdiv {
     background: #fff;
     box-shadow: 1px 1px 3px 0 #2874f0;
     padding: 15px 0;
     border: 1px solid #ccc
 }

 #mycheckboxdiv .form-group {
     margin: 5px 0 0
 }

 #mycheckboxdiv .form-row:nth-child(even) {
     background-color: #f2f2f2
 }

 #mycheckboxdiv .form-row:nth-child(odd) {
     background: #e5eefe
 }

 .slick-slide .entry-image {
     background: #fff;
     padding: 0
 }

 .slick-slide img {
     display: block;
     width: 100px;
     height: 100px
 }

 .ticket #headingOne {
     border-bottom: 1px solid #ccc
 }

 .endsoon {
     background: #f1f1f1;
     padding: 20px 20px
 }

 .endsoon .ievent {
     border-bottom: 1px dashed #0e0e0e;
     border-top: 0;
     border-left: none;
     border-right: 0;
     margin-top: 0
 }

 .endsoon .entry-title h2 a,
 .endsoon p a {
     color: #000
 }

 .endsoon .ievent .entry-title h2 {
     font-size: 15px
 }

 .rank li {
     list-style-type: none
 }

 .contact-section {
     top: 0;
     right: 0;
     padding: 60px 20px;
     z-index: 0
 }

 .backcolor {
     background: #f1f1f1
 }

 #cookieConsent {
     background-color: #2f2f2f;
     min-height: 26px;
     font-size: 12px;
     color: #ccc;
     line-height: 26px;
     padding: 5px 0 5px 30px;
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     display: none;
     z-index: 9999
 }

 #cookieConsent a {
     color: #fff;
     text-decoration: none
 }

 #closeCookieConsent {
     float: right;
     display: inline-block;
     cursor: pointer;
     height: 20px;
     width: 20px;
     margin: 0;
     font-weight: 700
 }

 #closeCookieConsent:hover {
     color: #fff
 }

 #cookieConsent a.cookieConsentOK {
     background-color: #2874f0;
     color: #fff;
     display: inline-block;
     border-radius: 5px;
     padding: 0 20px;
     cursor: pointer;
     float: right;
     margin: 0 60px 0 10px
 }

 #cookieConsent a.cookieConsentOK:hover {
     background-color: #ee690b
 }

 .forgin {
     margin-top: 28px;
     margin-bottom: 0 !important
 }

 .contactus h4 {
     margin-bottom: 11px !important
 }

 .newsblog .owl-stage {
     display: flex
 }

 .newsblog .owl-stage-outer {
     overflow: visible
 }

 .newsblog .owl-item.active {
     opacity: 1
 }

 .newsblog .owl-item {
     opacity: 0
 }

 .newsblog .owl-item {
     border: 1px solid #ccc;
     border-radius: 0;
     background: #f1f1f1
 }

 .newsblog .owl-item {
     display: flex;
     flex: 1 0 auto;
     border: 1px solid #ccc
 }

 a.readblog {
     color: #0553ee;
     font-weight: 700;
     padding: 13px 0 25px
 }

 .newsblog .entry-c p,
 .newsblog .entry-c span {
     font-size: 16px;
     color: #000
 }

 @media only screen and (max-width:768px) {
     .autosearch {
         margin-left: 0
     }

     #logo {
         text-align: left !important
     }

     .dropdown .dropdown-menu {
         left: 0 !important
     }

     .formevent ul li:nth-child(3),
     .search-output {
         height: auto
     }

     .Program .table thead th {
         font-size: 12px
     }

     .floating label {
         font-size: 12px
     }

     .mobile {
         display: flex
     }

     .desktop {
         display: none
     }

     .career input {
         padding: 8px 3px;
         border: 0;
         width: 90%
     }

     #stage {
         display: none
     }

     .slidercontent .bottommargin-sm {
         margin-bottom: 20px !important
     }

     .slidercontent h2 {
         font-size: 15px
     }

     .slidercontent {
         position: absolute;
         top: 47px !important;
         left: 0;
         right: 0;
         margin: auto 11px
     }

     .col-padding {
         padding: 0
     }

     .wishlist {
         padding-left: 0
     }

     .newsevent {
         padding-bottom: 10px !important
     }

     .Program table tbody tr td {
         padding: 20px 5px
     }

     .posttitle {
         font-size: 21px
     }

     #logo img {
         width: 60%
     }

     .application .oc-item {
         height: auto
     }

     .heading-block h2 {
         margin-bottom: 12px
     }

     .leftmargin-sm {
         margin-left: 28px !important
     }

     .Colleges .entry-image img {
         width: 100% !important;
         height: auto
     }

     .blog .readblog {
         background: 0 0 !important
     }

     button.remove_field {
         margin-left: 0
     }

     #processTabs .steprocess {
         padding: 0
     }

     .slider-element {
         margin-top: 0
     }
 }

 .custom-select.is-invalid:focus,
 .custom-select.is-valid:focus,
 .form-control.is-invalid:focus,
 .form-control.is-valid:focus,
 .was-validated .custom-select:invalid:focus,
 .was-validated .custom-select:valid:focus,
 .was-validated .form-control:invalid:focus,
 .was-validated .form-control:valid:focus {
     border-color: #dc3545;
     box-shadow: none
 }

 .alert-success .icon {
     display: inline
 }

 #ui-datepicker-div {
     display: none
 }

 .app {
     margin-bottom: 20px
 }

 .app a {
     font-size: 20px
 }

 .date {
     position: absolute;
     bottom: 10px
 }

 .news {
     position: absolute;
     bottom: 10px
 }

 .bottommargin-sm img {
     width: 100%
 }

 .ap img {
     width: 100%;
     margin-top: 30px
 }

 .disclaimer {
     height: 70vh
 }

 .user_agrement {
     height: 65vh;
     margin-top: 30px
 }

 .abt {
     height: 65vh
 }

 .m_top {
     margin-top: -25px
 }

 .cart-product-name img {
     width: 40px;
     height: 40px
 }

 .log_account {
     text-align: center;
     border-top: solid 1px #ced4da;
     padding-top: 15px
 }

 .loginpage h6 {
     font-size: 16px
 }

 .google_log {
     margin: 0 !important
 }

 .log_frm {
     padding-right: 10px
 }

 .helpbold {
     font-size: 20px;
     color: #000
 }

 .link_institute {
     top: -130px
 }

 .innerabout1 {
     position: absolute;
     top: -260px;
     color: #fff;
     width: 50%;
     left: 10px
 }

 .innerabout2 {
     position: absolute;
     top: -260px;
     color: #fff;
     width: 50%;
     left: 10px
 }

 .innerabout3 {
     position: absolute;
     top: -260px;
     color: #fff;
     width: 57%;
     left: 10px
 }

 .innerabout4 {
     position: absolute;
     top: -320px;
     color: #fff;
     width: 57%;
     left: 10px
 }

 .innerabout1 h2 {
     font-weight: 300 !important;
     color: #000;
     text-align: left;
     line-height: 1.3;
     font-family: 'Raleway';
     margin-left: 10px;
     font-size: 50px
 }

 .innerabout2 h2 {
     font-weight: 300 !important;
     color: #000;
     text-align: left;
     line-height: 1.3;
     font-family: 'Raleway';
     margin-left: 10px;
     font-size: 35px
 }

 .innerabout3 h2 {
     font-weight: 300 !important;
     color: #000;
     text-align: left;
     line-height: 1.3;
     font-family: 'Raleway';
     margin-left: 10px;
     font-size: 35px
 }

 .innerabout4 h2 {
     font-weight: 300 !important;
     color: #000;
     text-align: left;
     line-height: 1.3;
     font-family: 'Raleway';
     font-size: 35px
 }

 .gapheight {
     line-height: 1.3
 }

 .career_text h2 {
     line-height: 1.3;
     font-family: 'Raleway';
     font-size: 28px;
     color: black
 }

 #hidedata {
     padding: 17px
 }

 #hidedata h4 {
     padding-top: 20px
 }

 .floating-input {
     font-size: 16px
 }

 .ticketUpload {
     margin-top: 32px
 }

 .cart_det {
     font-size: 11px;
     color: grey
 }

 .cart_user_tr_td2_a {
     line-height: 1.2
 }

 .cart_user_tr_td3_a {
     line-height: 1
 }

 .cart-product-name {
     line-height: 1
 }

 .cancel_btn {
     border: solid 1px #005df1;
     background: #fff;
     color: #005df1
 }

 .ticket_btn {
     margin: -1px -12px 30px
 }

 .ticket_btn {
     margin: -1px -24px 30px
 }

 .home1 {
     min-height: 65vh
 }

 .movetocart-header {
     background: #fff;
     color: #000;
     padding: 10px;
     border-radius: 12px 11px 0 0
 }

 .movetocart-header .close1 {
     right: 10px;
     position: absolute;
     top: 13px;
     color: #000;
     opacity: 10;
     text-shadow: none;
     background: 0;
     border: 0;
     font-size: 16px;
     cursor: pointer;
     border: solid 1px;
     border-radius: 65%
 }

 .btn-danger {
     border-radius: 40px
 }

 .btn-success {
     border-radius: 40px
 }
 .parents {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 600;
}

.font_classi
{
    font-family: 'Sora'
}