html, body {
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 13px;
    color: #676a6c;
 overflow-x: hidden  height: 100%
}

.dataTables_filter{

}

.note {
    color: #C5C5C5;
    font-size: 12px;
    font-weight: normal;
}
.tiny {
    font-size: 11px;
}
.full-width-btn {
    width: 100%;
}
body.full-height-layout #wrapper, body.full-height-layout #page-wrapper {
    height: 100%
}
#page-wrapper {
    min-height: auto
}
.no-bullet-points {
    list-style-type: none;
}
/*------------DOWNLOAD STYLES--------------*/

a.download-report:hover {
    text-decoration: underline;
}
.blue-download {
    color: #597ab7!important;
}
body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75)
}
.top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation {
    max-width: 1300px!important
}
.block {
    display: block
}
.clear {
    display: block;
    overflow: hidden
}
a {
    cursor: pointer
}
a:hover, a:focus {
    text-decoration: none
}
.border-bottom {
    border-bottom: 1px solid #e7eaec!important
}
.font-bold {
    font-weight: 600
}
.font-normal {
    font-weight: 400
}
.font-white {
    color: #fff
}
.text-uppercase {
    text-transform: uppercase
}
.b-r {
    border-right: 1px solid #e7eaec
}
.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}
.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid!important;
    margin-top: 15px;
    margin-bottom: 15px
}
video {
    width: 100%!important;
    height: auto!important
}
.gallery > .row > div {
    margin-bottom: 15px
}
.fancybox img {
    margin-bottom: 5px;
    width: 24%
}
.note-editor {
    height: auto;
    min-height: 300px
}
.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative
}
.modal-dialog {
    z-index: 2200
}
.modal-body {
    padding: 20px 30px 30px
}
.inmodal .modal-body {
    background: #f8fafb
}
.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center
}
.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.inmodal .modal-title {
    font-size: 26px
}
.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3
}
.modal-footer {
    margin-top: 0
}
#wrapper {
    width: 100%;
    overflow-x: hidden
}
.wrapper {
    padding: 0 20px
}
.wrapper-content {
    padding: 20px 10px 30px;
}
#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    position: relative!important
}







/*  Form Wrappers */
.NPform,
.NPform * {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.NPform {
 line-height: 1.231;
 font-weight: 400;
 font-size: 14px;
 color: #626262;
}
.NPform .section {
 margin-bottom: 22px;
}
.NPform .gui-input,
.NPform .gui-textarea,
.NPform .select > select,
.NPform input[type="button"],
.NPform input[type="submit"],
.NPform input[type="search"],
.NPform .select-multiple select {
 -webkit-tap-highlight-color: transparent;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none; 

}


.NPform .radio,
.NPform .button,
.NPform .checkbox,
.NPform .select .arrow,
.NPform .switch > label,
.NPform .ui-slider .ui-slider-handle {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.NPform label,
.NPform input,
.NPform button,
.NPform select,
.NPform textarea {
 margin: 0;
 font-size: 14px;
 font-weight: 400;
 color: #626262;
 outline: none;
}
.NPform .radio,
.NPform .button,
.NPform .tooltip,
.NPform .checkbox,
.NPform .gui-input,
.NPform .input-footer,
.NPform .notification,
.NPform .gui-textarea,
.NPform .select > select,
.NPform .select-multiple select {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 outline: none;
}
.NPform .input-link,
.NPform .panel-heading,
.NPform .section-divider span,
.NPform .select > select,
.NPform .select-multiple select {
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

select.form-control.input-sm {
    margin-right: 5px;
    padding: 5px!important;
    background: #ffffff;
    color: #676a6c;
    border: 1px solid #ccc;
    height: 30px;
    width: 50px;
}

.NPform .spacer {
 border-top: 1px solid #eee;
 margin-top: 10px;
 margin-bottom: 10px;
 display: block;
 height: 0;
}
.NPform .section-divider {
 height: 0;
 border-top: 1px solid #DDD;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 30px;
}
.NPform .section-divider span {
 display: inline-block;
 position: relative;
 padding: 0 17px;
 background: #fff;
 color: #999;
 top: -11px;
 font-size: 15px;
}
.NPform.panel .section-divider span,
.NPform .panel .section-divider span,
.NPform.tab-content .section-divider span,
.NPform .tab-content .section-divider span {
 background: #fff;
}
.NPform.well .section-divider span,
.NPform .well .section-divider span {
 background: #f5f5f5;
}
.NPform .switch,
.NPform .option,
.NPform .field-label {
 font-size: 14px;
}
.NPform .field-label[class*='col-'] {
 line-height: 42px;
}
.NPform .field-align {
 line-height: 42px;
}
.NPform .radio,
.NPform .option,
.NPform .checkbox {
 cursor: pointer;
}
.NPform .field {
 display: block;
 position: relative;
}
.NPform .field-icon i {
 color: #BBB;
 position: relative;
}
.NPform .field-label {
 display: block;
 margin-bottom: 7px;
}
.NPform .field-label em {
 color: #e74c3c;
 font-size: 14px;
 font-style: normal;
 display: inline-block;
 margin-left: 4px;
 position: relative;
 top: 3px;
}
.NPform .gui-input,
.NPform .gui-textarea {
 padding: 10px;
}
.NPform .select,
.NPform .gui-input,
.NPform .gui-textarea,
.NPform .select > select,
.NPform .select-multiple select {
 position: relative;
 vertical-align: top;
 border: 1px solid #DDD;
 display: -moz-inline-stack;
 display: inline-block;
 *display: inline;
 color: #626262;
 outline: none;
 height: 42px;
 width: 100%;
 *zoom: 1;
}
.NPform .select option {
 background: #fff;
}
.NPform select[disabled],
.NPform .select > select[disabled] {
 color: #aaa !important;
}
.NPform .gui-textarea {
 resize: none;
 line-height: 19px;
 overflow: auto;
 max-width: 100%;
 height: 96px;
}
.NPform .select {
 border: 0;
 z-index: 10;
/* background: #FFF;*/
}
.NPform .select > select {
    display: block;
    z-index: 10;
    margin: 0;
    padding: 9px 10px;
    color: #696969;
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #ffffff;
    border: 1px solid #cccccc;
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    appearance: normal;
}
.NPform .select:before,
.NPform .select:after {
 background: #FFF;
}
.NPform .select > select::-ms-expand {
 display: none;
}
.NPform .select .arrow {
        pointer-events: none;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 32px;
    height: 25px;
    color: #676a6c;
    z-index: 100;
    /* background-color: #337ab7; */
    padding: 15px;
    overflow: hidden!important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-bottom: 18px;
}
.NPform .select .arrow:after,
.NPform .select .arrow:before {
 content: '';
 position: absolute;
 font: 12px "Consolas", monospace;
 font-style: normal;
 pointer-events: none;
 display: none\9;
 left: 5px;
}
.NPform .select .arrow:before {
 content: '\25BC';
 bottom: 4px;
}
.NPform .select .double:after {
 content: '\25B2';
 top: -1px;
}
.NPform .select .double:before {
 content: '\25BC';
 bottom: -1px;
}
.NPform .select-multiple select {
 width: 100%;
 height: 123px;
 padding: 10px;
}
.NPform .file {
 display: block;
 width: 100%;
}
.NPform .file .gui-file {
 width: 100%;
 height: 100%;
 cursor: pointer;
 padding: 8px 10px;
 position: absolute;
 -moz-opacity: 0;
 opacity: 0;
 z-index: 11;
 bottom: 0;
 right: 0;
}
.NPform .file .button {
 position: absolute;
 top: 4px;
 right: 4px;
 float: none;
 height: 34px;
 line-height: 34px;
 padding: 0 16px;
 z-index: 10;
}
.NPform .file.append-button .button {
 left: 4px;
 right: auto;
}
.NPform .file.append-button > input.gui-input {
 padding-right: 40px;
 padding-left: 125px;
 text-align: right;
}
.NPform .file.append-button > label.field-icon {
 right: 4px;
 left: auto;
}
.NPform .gui-input:hover,
.NPform .gui-textarea:hover,
.NPform .select > select:hover,
.NPform .select-multiple select:hover,
.NPform .gui-input:hover ~ .input-footer,
.NPform .file .gui-file:hover + .gui-input,
.NPform .gui-textarea:hover ~ .input-footer {
 border-color: #ccc;
}
.NPform .gui-input:focus,
.NPform .gui-textarea:focus,
.NPform .select > select:focus,
.NPform .select-multiple select:focus {
 color: #3c3c3c;
 background: #fff;
 border: 1px solid #1c84c6;
 outline: none;
}
.NPform .select > select:focus {
 z-index: 10;
 z-index: 20\9;
}
.NPform .gui-textarea:focus {
 height: 120px;
}
.NPform .select > select:focus {
 z-index: 10;
 z-index: 20\9;
}
.NPform .gui-input:focus ~ .field-icon i,
.NPform .gui-textarea:focus ~ .field-icon i {
 color: #999;
}
.NPform .select-multiple select:focus,
.NPform .gui-input:focus ~ .input-footer,
.NPform .gui-textarea:focus ~ .input-footer,
.NPform .file .gui-file:focus + .gui-input {
 border-color: #999;
}
.NPform .select > select:focus + .arrow {
 color: #999;
}
.NPform .option {
 position: relative;
 padding-right: 15px;
 display: inline-block;
 vertical-align: middle;
}
.NPform .option > input {
 position: absolute;
 height: inherit;
 width: inherit;
 opacity: 0;
 left: 0;
}
.NPform .checkbox,
.NPform .radio {
 cursor: pointer;
 position: relative;
 margin-right: 5px;
 background: #fff;
 display: inline-block;
 border: 3px solid #DDD;
 height: 21px;
 width: 21px;
 top: 4px;
}
.NPform .checkbox:before,
.NPform .radio:before {
 content: '';
 display: none;
}
.NPform input:checked + .checkbox:before,
.NPform input:checked + .radio:before {
 display: block;
}
.NPform .checkbox:before {
 position: absolute;
 top: 4px;
 left: 3px;
 width: 6px;
 height: 3px;
 border: solid #888;
 border-width: 0 0 3px 3px;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.NPform input:checked + .checkbox,
.NPform input:checked + .radio {
 border: 3px solid #888;
}
.NPform .radio {
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
}
.NPform .radio:before {
 margin: 4px;
 width: 7px;
 height: 7px;
 background: #888;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -o-border-radius: 10px;
 border-radius: 10px;
}
.NPform input:not([disabled]):hover + .checkbox,
.NPform input:not([disabled]):hover + .radio {
 border-color: #666;
}
.NPform input:focus + .checkbox,
.NPform input:focus + .radio {
 border-color: #666;
}
.NPform input:focus + .radio:before {
 background: #666;
}
.NPform input:focus + .checkbox:before {
 border-color: #666;
}
.NPform .switch {
 cursor: pointer;
 position: relative;
 padding-right: 10px;
 display: inline-block;
 margin-bottom: 5px;
 height: 26px;
}
.NPform .switch > label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #848484;
    border: 2px solid #848484;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
}
.NPform .switch > label + span {
 display: inline-block;
 padding-left: 5px;
 position: relative;
 top: -7px;
}
.NPform .switch > label:before {
 content: attr(data-off);
 position: absolute;
 top: 1px;
 right: 3px;
 width: 33px;
}
.NPform .switch > label:after {
 content: "";
 margin: 1px;
 width: 19px;
 height: 19px;
 display: block;
 background: #fff;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.NPform .switch > input {
 -webkit-appearance: none;
 position: absolute;
 width: inherit;
 height: inherit;
 opacity: 0;
 left: 0;
 top: 0;
}
.NPform .switch > input:focus {
 outline: none;
}
.NPform .switch > input:focus + label {
 color: #fff;
 border-color: #848484;
 background: #848484;
}
.NPform .switch > input:focus + label:after {
 background: #fff;
}
.NPform .switch > input:checked + label {
     border-color: #4ea24e;
    background: #4ea24e;
    padding-left: 33px;
    color: white;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.NPform .switch > input:checked + label:before {
 content: attr(data-on);
 left: 1px;
 top: 1px;
}
.NPform .switch > input:checked + label:after {
 margin: 1px;
 width: 19px;
 height: 19px;
 background: white;
}
.NPform .switch > input:checked:focus + label {
 background: #555;
 border-color: #555;
}
.NPform .switch-round > label {
 -webkit-border-radius: 13px;
 -moz-border-radius: 13px;
 -o-border-radius: 13px;
 border-radius: 13px;
}
.NPform .switch-round > label + span {
 top: -2px;
}
.NPform .switch-round > label:before {
 width: 33px;
}
.NPform .switch-round > label:after {
 width: 19px;
 color: #D7D7D7;
 content: "\2022";
 font: 20px/20px Times, Serif;
 -webkit-border-radius: 13px;
 -moz-border-radius: 13px;
 -o-border-radius: 13px;
 border-radius: 13px;
}
.NPform .switch-round > input:checked + label {
 padding-left: 33px;
}
.NPform .switch-round > input:checked + label:after {
 color: #999;
}
.NPform .switch-custom > label {
 background: #f3a79b;
 border-color: #f3a79b;
}
.NPform .switch-custom > input:hover + label,
.NPform .switch-custom > input:focus + label {
 background: #e74b31;
 border-color: #e74b31;
}
.NPform .switch-custom > input:checked + label {
 background: #70ca63;
 border-color: #70ca63;
}
.NPform .switch-custom > input:checked:hover + label,
.NPform .switch-custom > input:checked:focus + label {
 background: #47a839;
 border-color: #47a839;
}
.NPform .button[disabled],
.NPform .state-disabled .button,
.NPform input[disabled] + .radio,
.NPform input[disabled] + .checkbox,
.NPform .switch > input[disabled] + label {
 cursor: default;
 opacity: 0.5;
}
.NPform .gui-input[disabled],
.NPform .gui-textarea[disabled],
.NPform .select > select[disabled],
.NPform .select-multiple select[disabled],
.NPform .gui-input[disabled] ~ .input-footer,
.NPform .file .gui-file[disabled] + .gui-input,
.NPform .file .gui-file[disabled]:hover + .gui-input,
.NPform .gui-textarea[disabled] ~ .input-footer {
 background-color: #f4f6f6;
 border-color: #d5dbdb!important;
 cursor: default;
 color: #d5dbdb;
 opacity: 0.7;
}
.NPform input[disabled] ~ .field-icon i,
.NPform textarea[disabled] ~ .field-icon i,
.NPform .select > select[disabled] + .arrow {
 opacity: 0.4;
}
.NPform .input-footer {
 padding: 10px;
 display: block;
 margin-top: -1px;
 line-height: 16px;
 position: relative;
 background: #F5F5F5;
 border: 1px solid #DDD;
 font-family: Arial, Helvetica, sans-serif;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 border-radius: 0;
 font-size: 11px;
 color: #999;
}
.NPform .append-icon,
.NPform .prepend-icon {
 top: 0;
 left: 0;
 display: inline-block;
 vertical-align: top;
 position: relative;
 width: 100%;
}
.NPform .append-icon .field-icon,
.NPform .prepend-icon .field-icon {
 top: 0;
 z-index: 4;
 width: 42px;
 height: 42px;
 color: inherit;
 line-height: 42px;
 position: absolute;
 text-align: center;
 -webkit-transition: all 0.5s ease-out;
 -moz-transition: all 0.5s ease-out;
 -ms-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
 pointer-events: none;
}
.NPform .append-icon .field-icon i,
.NPform .prepend-icon .field-icon i {
 position: relative;
 font-size: 14px;
}
.NPform .prepend-icon .field-icon {
 left: 0;
}
.NPform .append-icon .field-icon {
 right: 0;
}
.NPform .prepend-icon > input,
.NPform .prepend-icon > textarea {
 padding-left: 36px;
}
.NPform .append-icon > input,
.NPform .append-icon > textarea {
 padding-right: 36px;
 padding-left: 10px;
}
.NPform .append-icon > textarea {
 padding-right: 36px;
}
.NPform .tooltip {
    position: absolute;
    /* z-index: -1; */
    /* opacity: 0; */
    color: #fff;
    width: 184px;
    /* left: -9999px; */
    top: auto;
    font-size: 11px;
    font-weight: normal;
    /* background: #666; */
    -webkit-transition: margin 0.6s, opacity 0.6s;
    -moz-transition: margin 0.6s, opacity 0.6s;
    -ms-transition: margin 0.6s, opacity 0.6s;
    -o-transition: margin 0.6s, opacity 0.6s;
    transition: margin 0.6s, opacity 0.6s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.tooltip.info {
    position: absolute!important;
    left: -62px!important;
    width: 30px!important;
    text-align: center!important;
    top:3px!important;
}


div.tooltip.export{
    position: absolute!important;
    left: -30px!important;
    width: 30px!important;
    text-align: center!important;
    top: 3px!important;
}

div.tooltip.similar-reports{
    position: absolute!important;
    width: 30px!important;
    text-align: center!important;
    top: 3px!important;
}

i.mdi.mdi-information-outline.mdi-24px {
  color:rgba(0, 0, 0, 0.2)!important;
}

i.mdi.mdi-information-outline.mdi-24px:hover {
  color:rgba(0, 0, 0, 0.35)!important;
}



i.mdi.mdi-file-export.mdi-24px {
    color:rgba(0, 0, 0, 0.2)!important;
}

i.mdi.mdi-file-export.mdi-24px:hover {
    color:rgba(0, 0, 0, 0.35)!important;
}

i.mdi.mdi-dots-vertical.mdi-24px {
    color:rgba(0, 0, 0, 0.2)!important;
}

i.mdi.mdi-dots-vertical.mdi-24px:hover {
    color:rgba(0, 0, 0, 0.35)!important;
}


div.tooltip.info.right-25 {
    margin-right:25px!important;
}



div.tooltip.info.left-60 {
    left:-60px!important;
}

div.tooltip.export.m-l-n-xs-2 {
    margin-right:2px!important;
}

div.tooltip.namepulse a.namepulse_icon {
    opacity: 0.2!important;
    position:absolute!important;
    top:5px!important;
    left:7px!important;
}

div.tooltip.namepulse a.namepulse_icon:hover {
    opacity: 0.7!important;
    position:absolute!important;
    top:5px!important;
    left:7px!important;
}

.NPform .tooltip > em {
 padding: 12px;
 font-style: normal;
 display: block;
 position: static;
}
.NPform .tooltip:after {
 content: '';
 position: absolute;
}
.NPform .gui-input:focus + .tooltip,
.NPform .gui-textarea:focus + .tooltip {
 opacity: 1;
 z-index: 999;
}
.NPform .tip-left {
 top: 1px;
 margin-right: -20px;
}
.NPform .tip-left:after {
 top: 12px;
 left: 100%;
 border-left: 8px solid #666;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-left,
.NPform .gui-textarea:focus + .tip-left {
 margin-right: 5px;
 right: 100%;
 left: auto;
}
.NPform .tip-right {
 top: 1px;
 margin-left: -20px;
}
.NPform .tip-right:after {
 top: 12px;
 right: 100%;
 border-right: 8px solid #666;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-right,
.NPform .gui-textarea:focus + .tip-right {
 left: 100%;
 margin-left: 5px;
}
.NPform .tip-right-top {
 bottom: 100%;
 margin-bottom: -20px;
}
.NPform .tip-right-top:after {
 top: 100%;
 right: 12px;
 border-top: 8px solid #666;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-right-top,
.NPform .gui-textarea:focus + .tip-right-top {
 right: 0;
 left: auto;
 margin-bottom: 10px;
}
.NPform .tip-left-top {
 bottom: 100%;
 margin-bottom: -20px;
}
.NPform .tip-left-top:after {
 top: 100%;
 left: 12px;
 border-top: 8px solid #666;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-left-top,
.NPform .gui-textarea:focus + .tip-left-top {
 left: 0;
 right: auto;
 margin-bottom: 10px;
}
.NPform .tip-right-bottom {
 top: 100%;
 margin-top: -20px;
}
.NPform .tip-right-bottom:after {
 right: 12px;
 bottom: 100%;
 border-bottom: 8px solid #666;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-right-bottom,
.NPform .gui-textarea:focus + .tip-right-bottom {
 margin-top: 10px;
 left: auto;
 right: 0;
}
.NPform .tip-left-bottom {
 top: 100%;
 margin-top: -20px;
}
.NPform .tip-left-bottom:after {
 left: 12px;
 bottom: 100%;
 border-bottom: 8px solid #666;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
.NPform .gui-input:focus + .tip-left-bottom,
.NPform .gui-textarea:focus + .tip-left-bottom {
 margin-top: 10px;
 right: auto;
 left: 0;
}
.NPform .rating {
 overflow: hidden;
}
.NPform .rating.block {
 display: block;
 margin: 10px 0;
}
.NPform .rating label {
 color: #CCC;
}
.NPform .rating label i {
 font-size: 17px;
 text-align: center;
 color: inherit;
}
.NPform .rating label span {
 font: 22px/22px Times, Serif;
}
.NPform .rating-star {
 margin-left: 4px;
}
.NPform .rating-input {
 position: absolute;
 left: -9999px;
 top: auto;
}
.NPform .rating:hover .rating-star:hover,
.NPform .rating:hover .rating-star:hover ~ .rating-star,
.NPform .rating-input:checked ~ .rating-star {
 color: #666;
}
.NPform .rating-star,
.NPform .rating:hover .rating-star {
 width: 18px;
 float: right;
 display: block;
 cursor: pointer;
 color: #CCC;
}
.wizard {
 background-color: #FFF;
}
.wizard .steps {
 text-align: center;
 padding: 20px 15px 10px;
 border: 1px solid #E8E8E8;
 border-bottom: 0;
}
.wizard .steps ul,
.wizard .steps li {
 list-style: none;
 text-decoration: none;
 padding: 0;
 margin: 0;
}
.wizard .steps li {
 display: inline-block;
 margin-right: 10px;
 background-color: #649ae1;
}
.wizard .steps li.last {
 margin-right: 0;
}
.wizard .steps li.disabled a {
 cursor: not-allowed;
}
.wizard .steps li a {
 display: inline-block;
 color: #FFF;
 font-size: 15px;
 text-align: center;
 padding: 12px 18px;
 text-decoration: none;
 -webkit-user-drag: none;
}
.wizard .steps li.current {
 background-color: #2e76d6;
}
.wizard .steps li.disabled {
 background-color: #BBBBBB !important;
}
.wizard .steps li.current a:focus {
 outline-color: transparent;
}
.wizard .steps li a .current-info,
.wizard .steps li a .number {
 display: none;
}
.wizard .content {
 background-color: #ffffff;
 border: 1px solid #E8E8E8;
 border-top: 0;
}
.wizard .content + .actions {
 border-top: 0;
}
.wizard .wizard-section-title {
 display: none;
}
.wizard .wizard-section.body {
 padding: 15px;
}
.wizard .actions {
 padding: 10px 15px;
 background-color: #f8f8f8;
 border: 1px solid #E8E8E8;
}
.wizard .actions ul {
 list-style: none;
 text-decoration: none;
 padding: 0;
 margin: 0;
 float: right;
}
.wizard .actions li {
 display: inline-block;
 margin-left: 10px;
}
.wizard .actions li a {
 display: inline-block;
 color: #FFF;
 padding: 9px 18px;
 background-color: #4a89dc;
 text-decoration: none;
 -webkit-user-drag: none;
}
.wizard .actions li.disabled a {
 cursor: not-allowed;
 background-color: #BBB !important;
}
.wizard.steps-hide-icons .steps .fa,
.wizard.steps-hide-icons .steps .glyphicon,
.wizard.steps-hide-icons .steps .glyphicon {
 display: none !important;
}
.wizard.steps-show-icons .steps .fa,
.wizard.steps-show-icons .steps .glyphicon,
.wizard.steps-show-icons .steps .glyphicon {
 display: inline-block !important;
}
.wizard.steps-left .steps {
 text-align: left;
}
.wizard.steps-right .steps {
 text-align: right;
}
.wizard.steps-tabs .steps {
 padding: 0;
 height: 55px;
 position: relative;
 background-color: #EEE;
 border-color: transparent;
 border-bottom: 1px solid #E8E8E8;
}
.wizard.steps-tabs .steps li {
 margin: 0;
}
.wizard.steps-tabs .steps li a {
 padding: 18px 23px 18px;
}
.wizard.steps-justified .steps {
 position: relative;
 width: 100%;
 height: auto;
}
.wizard.steps-justified .steps li {
 display: table-cell;
 position: relative;
 float: none;
 width: 1%;
 vertical-align: middle;
}
.wizard.steps-justified .steps li a {
 display: block;
}
.wizard.steps-bg .steps {
 padding: 15px;
 position: relative;
 background-color: #f8f8f8;
 border-bottom: 1px solid #E8E8E8;
}
.wizard.steps-bg.steps-tabs .steps {
 padding: 0;
 border-color: #E8E8E8;
}
.wizard.steps-bg .content,
.wizard.steps-tabs .content,
.wizard.steps-justified .content {
 padding-top: 10px;
}
.NPform .radio,
.NPform .checkbox {
 margin-top: 0;
 margin-bottom: 0;
 padding-left: 0;
 top: 1px;
 vertical-align: bottom;
}
.NPform .checkbox:after,
.NPform .checkbox:before {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 -o-box-sizing: content-box;
 box-sizing: content-box;
}
.NPform.inq .gui-textarea:focus {
 height: 120px;
}
.NPform.inq .select > select:focus {
 z-index: 10;
 z-index: 20\9;
}
.NPform.inq .gui-input:focus ~ .field-icon i,
.NPform.inq .gui-textarea:focus ~ .field-icon i {
 color: #4a89dc;
}
.NPform.inq .select-multiple select:focus,
.NPform.inq .gui-input:focus ~ .input-footer,
.NPform.inq .gui-textarea:focus ~ .input-footer,
.NPform.inq .file .gui-file:focus + .gui-input {
 border-color: #5d9cec;
}
.NPform.inq .select > select:focus + .arrow {
 color: #4a89dc;
}
.NPform.inq .rating:hover .rating-star:hover,
.NPform.inq .rating:hover .rating-star:hover ~ .rating-star,
.NPform.inq .rating-input:checked ~ .rating-star {
 color: #4a89dc;
}
.NPform.inq .rating-star,
.NPform.inq .rating:hover .rating-star {
 color: #A2A6A8;
}
.NPform.inq .ui-datepicker .ui-datepicker-prev,
.NPform.inq .ui-datepicker .ui-datepicker-next,
.NPform.inq .ui-datepicker .ui-datepicker-title {
 color: #4a89dc;
}
.NPform.inq .ui-datepicker-today a,
.NPform.inq .ui-datepicker-today a:hover,
.NPform.inq .ui-datepicker .ui-state-highlight {
 background: #9fc1ed !important;
}
.NPform.inq .ui-datepicker .ui-state-active {
 background: #4a89dc !important;
}
.NPform.inq .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
 background: #FFF !important;
}
.NPform.inq .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
 border-color: #4a89dc;
}
.NPform.inq .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
 background-color: #4a89dc;
}
.NPform.inq .wizard .steps li {
 background-color: #4a89dc;
}
.NPform.inq .wizard .steps li.current {
 background-color: #2e76d6;
}
.NPform.inq .wizard .actions li a {
 background-color: #4a89dc;
}


































/* ==========================================================================
   01. GENERAL STYLE
========================================================================== */

.gray-bg {
    background-color: #F6F7F8;
}
.single-white-pages-bg {
    background-color: #FFF;
}
.main-container {
    overflow: hidden;
}
section {
    position: relative;
    overflow: hidden;
}
.disabled-link {
    pointer-events: none!important;
    cursor: default!important;
    color: #c1c1c1!important;
}
a, a:link, a:visited, a:hover, a:active {
    color: #597ab7;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
a.inverse, .inverse a, i.inverse {
    color: #ffffff !important;
}
blockquote {
    border-left: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: none;
}
iframe {
    border: 0;
}
video::-webkit-media-controls-start-playback-button {
 display: none !important;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 0;
    height: 0;
}
.videoWrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* for page builder */

.videoWrapper > .frameCover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: none;
}



/*------------------------------------------------------------------*/
/*   Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix
/*-----------------------------------------------------------------*/

@-webkit-viewport {
 width: device-width;
}
@-moz-viewport {
 width: device-width;
}
@-ms-viewport {
 width: device-width;
}
@-o-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}
/* ==========================================================================
   02. TYPOGRAPHY
========================================================================== */
/* set margin for optimize vertical-align-middle */



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .lead {
    margin-top: 0;
    margin-bottom: 10px;
}
h1, .h1 {
    font-weight: 100!important;
    font-size: 52px;
    line-height: 56px;
    text-transform: uppercase;
}
h2, .h2 {
    font-weight: 900;
    font-size: 32px;
    line-height: 46px;
    text-transform: uppercase;
}
h3, .h3 {
    font-weight: 400;
    font-size: 34px;
    line-height: 38px;
}
h4, .h4 {
    font-weight: 900;
    font-size: 22px;
    line-height: 30px;
}
h5, .h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
h6 {
    color: #FFF;
    font-size: 15px;
    line-height: 0px;
    margin-top: -10px;
}
p {
    font-size: 14px;
    line-height: 20px;
}
.p-opacity {
    opacity: 0.7;
}
strong, b {
    font-weight: 900;
}
.lead {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}
.lead strong, .lead b {
    font-weight: 700;
}
.padding-l-r-100 {
    padding-left: 100px;
    padding-right: 100px;
}
h5.quick-links-heading {
    padding: 0px 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}
.intro-heading {
    font-weight: 300;
}
/*------------------------------------------------------------------*/
/*   Lato Font Weight
/*-----------------------------------------------------------------*/

.f-w-300 {
    font-weight: 300;
}
.f-w-400 {
    font-weight: 400;
}
.f-w-700 {
    font-weight: 700;
}
.f-w-900 {
    font-weight: 900;
 font-size;
 14px;
}
.bg-footer {
    background: #202628;
}
/*------------------------------------------------------------------*/
/*   Contextual Colors
/*-----------------------------------------------------------------*/

.text-white {
    color: #ffffff;
}
.text-black {
    color: #69696E;
}
.text-blue {
    color: #439fe0;
}
.navbar-brand>img {
}
.center-block {
    text-align: center;
    margin: 0px auto!important;
    display: block!important;
    width: 300px!important;
}
/* ==========================================================================
   03. BACKGROUNDS
========================================================================== */

.bg-dark {
    background: url("../images/header_bg.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
div#pricing {
    background: url("../images/price_bg.svg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.video-bg {
    background: url("../images/price_bg.svg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top;
}
.video-bg-snapshot-overlay {
    background: url("../images/video_bg.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top;
    height: 400px;
    background-size: cover;
}
.bg-black {
    background-color: #2e3234;
}
.bg-white {
    background-color: #ffffff;
}
/*------------------------------------------*/
/*   Background Images for demos
/*------------------------------------------*/

.bg-img {
    background: url("/images/BG.png") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.bg-parallax {
    background: transparent;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* Provides cross-browser RGBa background */
    
    zoom: 1;
 filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000');
    background: transparent;
    background: rgba(51, 51, 51, 0.5);
}
/* set filter as none for IE9+, because IE9+ support RGBa */

:root .overlay {
    filter: none\0/IE9;
}
/* BG SET block subject for removal upon testing  */
/* styles for this block are incorporated in  bootstrap.min.css  */


.gray-bg {
    background-color: #EBEEF0;
}
.login-background-image {
    background: url("../images/login-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.white-bg {
}
.white-bg-splash {
    background-color: #fff;
}
.navy-bg {
    background-color: #1C84C6;
    color: #fff
}
.blue-bg {
    background-color: #3498DB;
    color: #fff
}
.panel-primary {
    border-color: #1c84c6
}
.panel-primary > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6
}
.panel-success {
    border-color: #1ab394
}
.panel-success > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #fff
}
.panel-info {
    border-color: #23c6c8
}
.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}
.panel-warning {
    border-color: #f8ac59
}
.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}
.panel-danger {
    border-color: #ed5565
}
.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}
.progress-bar {
    background-color: #1C84C6
}
.progress-small, .progress-small .progress-bar {
    height: 10px
}
.progress-small, .progress-mini {
    margin-top: 5px;
    height: 10px!important;
}
.progress-mini, .progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0
}
.progress-bar-navy-light {
    background-color: #2980B9;
}
.progress-bar-success {
    background-color: #1c84c6;
}
.progress-bar-info {
    background-color: #23c6c8;
}
.progress-bar-warning {
    background-color: #f8ac59;
}
.progress-bar-danger {
    background-color: #ed5565;
}
.panel-title {
    font-size: inherit;
}
.jumbotron {
    border-radius: 6px;
    padding: 40px
}
.jumbotron h1 {
    margin-top: 0
}
.text-navy {
    color: #1C84C6
}
.text-primary {
    color: #1C84C6
}
.text-success {
    color: #1ab394
}
.text-info {
    color: #23c6c8
}
.text-warning {
    color: #f8ac59
}
.text-danger {
    color: #ed5565
}
.text-muted {
    color: #888
}
/* ==========================================================================
   04. BUTTONS
========================================================================== */

.login-btn {
    padding: 5px 15px!important;
    border: 2px solid #FFFFFF;
    font-size: 12px!important;
}
.reg-btn {
    padding: 5px 15px!important;
    border: 2px solid #FFFFFF;
    font-size: 12px!important;
}
.btn, a.btn {
    display: inline-block;
    color: #ffffff;
    margin-right: 5px;
    font-size: 15px;
    /* letter-spacing: .1px; */
    
    vertical-align: middle;
    white-space: pre-line;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* font-family: 'Lato', sans-serif!important; */
    
    font-weight: 401!important;
    -webkit-font-smoothing: subpixel-antialiased;
    text-shadow: none!important;
    letter-spacing: .2px;
    font-weight: 400!important;
}
.btn:focus, a.btn:focus, .btn:hover, a.btn:hover, .btn.active:focus, a.btn.active:focus, .btn:active:focus, a.btn:active:focus {
    color: #fff;
    outline: none;
}
.table-buttons {
    float: right!important;
    margin-top: -6px!important;
}
.btn-md, a.btn-md {
    padding: 10px 60px;
    font-size: 16px;
    border-radius: 100px;
}
.btn-lg, a.btn-lg {
    padding: 25px 60px;
    font-size: 18px;
}
.pure-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0,0,0,.8);
    border: 1px solid #999;
    border: 0 rgba(0,0,0,0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
    border: 0;
    background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none;
}
.pure-button {
    font-family: inherit;
}
.btn-cancel {
    border-radius: 2px;
}
.btn-primary-xx {
    background-color: #3498DB;
    color: #FFFFFF!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
}
.btn-primary-xx:hover, .btn-primary-xx:focus, .btn-primary-xx:active, .btn-primary-xx.active, .open .dropdown-toggle.btn-primary {
    background-color: #3189C3;
    color: #FFFFFF!important;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #c0c2c3;
}
.btn-success-xx {
    background-color: #5CB85C;
    color: #FFFFFF!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
    color: #FFF;
}
.btn-success-xx:hover, .btn-success-xxfocus, .btn-success-xx:active, .btn-success-xx.active, .open .dropdown-toggle.btn-success {
    background-color: #4ca94c;
    color: #FFFFFF!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
}
.btn-success-xx:active, .btn-success-xx.active, .open .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success-xx.disabled, .btn-success-xx.disabled:hover, .btn-success-xx.disabled:focus, .btn-success-xx.disabled:active, .btn-success.disabled.active, .btn-success-xx[disabled], .btn-success-xx[disabled]:hover, .btn-success[disabled]:focus, .btn-success-xx[disabled]:active, .btn-success-xx.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success-xx:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success-xx:active, fieldset[disabled] .btn-success.active {
    background-color: #1f90d8;
}
.loading-button-object {
    height: auto;
    background: none;
    /*    #c0c2c3;*/
    padding: none!important;
    vertical-align: middle;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: 401!important;
    -webkit-font-smoothing: subpixel-antialiased;
}
.btn-neutral-xx {
    background-color: #cccccc;
    color: #5d5d5d!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
    color: #FFF;
}
.btn-neutral-xx:hover, .btn-neutral-xx:focus, .btn-neutral-xx:active, .btn-neutral-xx.active, .open .dropdown-toggle.btn-neutral {
    background-color: #bfbfbf;
    color: #464646!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
    color: #FFF;
}
.btn-warning-xx {
    background-color: rgb(234, 83, 83);
    color: #FFFFFF!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
    color: #FFF;
}
.btn-info, .btn-info, .btn-info, .btn-info, .open .dropdown-toggle.btn-info {
    background-color: #9aa3a7!important;
    border-radius: 3px!important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #859298!important;
    border-radius: 3px!important;
}
.btn-warning-xx:hover, .btn-warning-xx:focus, .btn-warning-xx:active, .btn-warning-xx.active, .open .dropdown-toggle.btn-warning {
    background-color: #ce3d4c;
    color: #FFFFFF!important;
    padding: 2px 10px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 12px!important;
    color: #FFF;
}
.btn-success {
    background-color: #5CB85C;
    color: #FFFFFF!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #4ca94c;
    color: #FFFFFF!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #1f90d8!important;
}
.btn-neutral {
    background-color: #f1f1f1;
    color: #5d5d5d!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF;
}
.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .open .dropdown-toggle.btn-neutral {
    background: #e4e4e4!important;
    /*    background-color: #b1b1b1!important;*/
    color: #676767!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
}
.btn-danger {
    background-color: #db3434!important;
    color: #FFFFFF!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF!important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #ce3d4c!important;
    color: #FFFFFF!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF!important;
}
.btn-warning {
    background-color: rgb(234, 83, 83)!important;
    color: #FFFFFF!important;
    padding: 5px 25px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF!important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #ce3d4c!important;
    color: #FFFFFF!important;
    padding: 5px 25px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    color: #FFF!important;
}
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}
.btn-rounded {
    border-radius: 50px
}
.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px
}
button.dim {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 20px!important
}
button.dim:active {
    top: 3px
}
button.btn-primary.dim {
    box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999
}
button.btn-primary.dim:active {
    box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999
}
button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999
}
button.btn-default.dim:active {
    box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999
}
button.btn-warning.dim {
    box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999
}
button.btn-warning.dim:active {
    box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999
}
button.btn-info.dim {
    box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999
}
button.btn-info.dim:active {
    box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999
}
button.btn-success.dim {
    box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999
}
button.btn-success.dim:active {
    box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999
}
button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999
}
button.btn-danger.dim:active {
    box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999
}
button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    display: block;
    padding-top: 10px
}
button.dim:active:before {
    top: 7px;
    font-size: 50px
}
.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px
}
/* SMALL DOMAIN BUTTONS */

.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-domainiq-color {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -5px -5px;
}
.sprite-domainiq-dark {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -5px -53px;
}
.sprite-domainiq-dark:hover {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -5px -5px;
}
.sprite-estibot-dark {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 37px;
    background-position: -5px -101px;
}
.sprite-estibot-dark:hover {
    width: 164px;
    height: 37px;
    background-position: -5px -148px;
}
.sprite-estibot-light {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 37px;
    background-position: -5px -148px;
}
.sprite-site-color {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 37px;
    background-position: -5px -195px;
}
.sprite-site-dark {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 37px;
    background-position: -179px -5px;
}
.sprite-site-dark:hover {
    width: 164px;
    height: 37px;
    background-position: -5px -195px;
}
.sprite-trademark-dark {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -179px -52px;
}
.sprite-trademark-dark:hover {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -179px -100px;
}
.sprite-trademark-light_0-75x {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 38px;
    background-position: -179px -100px;
}
.btn-sm-estibot {
    width: 200px;
    margin: 0px auto;
    display: block;
    padding: 5px 5px!important;
    margin: 0px auto!important;
    display: block!important;
    border: 1px solid #dedede;
    border-radius: 3px;
}
.btn-sm-estibot a {
    text-indent: -9999px;
    display: block;
}
.btn-sm-domainiq {
    background-image: url("../images/domainiq-dark.png");
    background-position: center;
    background-repeat: no-repeat!important;
    background-size: 65%;
}
.btn-sm-domainiq:hover {
    background-image: url("../images/domainiq-color.png");
    background-position: center;
    background-repeat: no-repeat!important;
    background-size: 65%;
}
.btn-sm-domainiq a {
    text-indent: -9999px;
    display: block;
}
.btn-sm-trademark {
    width: 200px;
    margin: 0px auto;
    display: block;
    padding: 10px 20px!important;
    margin: 0px auto!important;
    display: block!important;
    border: 1px solid #dedede;
    border-radius: 3px;
}
.btn-sm-trademark a {
    text-indent: -9999px;
    display: block;
}
.site-btn {
    width: 200px;
    margin: 0px auto;
    display: block;
    padding: 17px 0px!important;
    margin: 0px auto!important;
    display: block!important;
    border: 1px solid #dedede;
    border-radius: 3px;
    text-align: center;
}
.site-btn a {
    width: 200px;
    margin: 0px auto;
    display: block;
    padding: 17px 0px!important;
    margin: 0px auto!important;
    display: block!important;
    border: 1px solid #dedede;
    border-radius: 3px;
    text-align: center;
}
.site-btn a:hover {
    width: 200px;
    margin: 0px auto;
    display: block;
    padding: 17px 0px!important;
    margin: 0px auto!important;
    display: block!important;
    border: 1px solid #dedede;
    border-radius: 3px;
    text-align: center;
}
.float-e-margins .btn {
    margin-bottom: 5px
}
.btn-w-m {
    min-width: 120px
}
.btn-primary.btn-outline.toolset-btns {
    color: #424242!important;
    border: .5px solid rgba(226, 226, 226, 0.55)!important;
    font-weight: 100!important;
    background: #f5f5f5!important;
}
.btn-primary.btn-outline.toolset-btns:hover {
    color: #424242!important;
    border: .5px solid rgba(226, 226, 226, 0.55)!important;
    font-weight: 100!important;
    background: #efefef!important;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active {
    background-color: hsla(203,28%,11%,0.10);
    color: #424242!important;
    padding: 5px 20px!important;
    font-weight: 300!important;
    border-radius: 3px!important;
    font-size: 14px!important;
    border: .8px solid #FFF!important;
}
.btn-primary.btn-border-none {
    border: none!important;
}
.btn-success.btn-outline {
    color: #1ab394
}
.btn-info.btn-outline {
    color: #23c6c8
}
.btn-warning.btn-outline {
    color: #f8ac59
}
.btn-danger.btn-outline {
    color: #ed5565
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
    color: #fff!important;
}
.btn-primary {
    background-color: #3498DB!important;
    color: #FFFFFF!important;
    padding: 5px 20px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #3189C3!important;
    color: #FFFFFF!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none
}
/*------------------------------------------------------------------
    [Scroll to top button]
*/

.material-scrolltop {
    display: block!important;
    position: fixed!important;
    width: 0!important;
    height: 0!important;
    bottom: 23px!important;
    right: 23px!important;
    padding: 0!important;
    overflow: hidden!important;
    outline: none!important;
    border: none!important;
    border-radius: 2px!important;
    /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); */
    cursor: hand!important;
    border-radius: 50%!important;
    background: rgba(36, 40, 48, 0.25)!important;
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1)!important;
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1)!important;
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1)!important;
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}
.material-scrolltop:hover {
    background-color: rgba(36, 40, 48, 0.6)!important;
    text-decoration: none!important;
}
.material-scrolltop::before {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    content: ""!important;
    width: 0!important;
    border-radius: 100%!important;
    background: rgba(36, 40, 48, 0.9)!important;
}
.material-scrolltop:active::before {
    width: 120%!important;
    padding-top: 120%!important;
    -webkit-transition: all 0.2s ease-out!important;
    -ms-transition: all 0.2s ease-out!important;
    -moz-transition: all 0.2s ease-out!important;
    -o-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}
.material-scrolltop.reveal {
    width: 56px!important;
    height: 56px!important;
}
.material-scrolltop span {
    display: block!important;
    font-size: 25px!important;
    color: #fff!important;
}
.material-scrolltop, .material-scrolltop::before {
    background-image: url(../images/top-arrow.svg)!important;
    background-position: center 50%!important;
    background-repeat: no-repeat!important;
}
/*------------------------------------------*/
/*  Menu Buttons
/*------------------------------------------*/


.nav-inq {
    margin: 0 0 30px;
    background-color: #363C47;
    margin-bottom: 30px;
    padding-bottom: 9px;
}
.nav-inq > li {
    text-transform: uppercase;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif
}
.nav-inq > li > a {
    color: #FFFFFF;
    padding: 14px 19px!important;
    border-radius: 0!important;
    /*    font-weight: 700!important;*/
    -webkit-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0;
    letter-spacing: .5px;
}
.nav-inq > li > a .badge {
    background-color: transparent;
    color: #9fa8bc;
    font-size: 12px;
    text-transform: none;
    padding: 0;
    font-weight: 400;
    margin-top: 3px;
    margin-right: 2px
}
.nav-inq > li > a > i {
    width: 16px;
    font-size: 14px;
    text-align: center;
    margin-right: 7px;
    vertical-align: top;
    margin-top: 1.5555px;
    -webkit-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0
}
.nav-inq > li > a:hover, .nav-inq > li > a:focus {
    color: #FFF;
    background-color: #2d323c;
}
.nav-inq > li + li {
    margin: 0;
    margin-top: 0px!important;
}
.nav-inq > li + li:hover {
background-color:none!important background:none!important;
}
.nav-inq > li:last-child {
}
.nav-inq > li.nav-parent > a {
    position: relative
}
.nav-inq > li.nav-active > ul {
    display: block
}
.nav-inq > li.active {
    border-top-color: transparent
}
.nav-inq > li.active + li {
    border-top-width: 0
}
.nav-inq > li.active > a {
    color: #fff;
    background: #3B4354!important;
}
.nav-inq > li.active > a .badge {
    color: rgba(255, 255, 255, 0.5)
}
.nav-inq > li.active > a > i {
    color: #fff
}
.nav-inq > li.active > a:after {
    color: #fff
}
.nav-inq > li.active .children {
    display: block;
    border-top: 0;
}
.nav-inq .children {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 1px solid #1f2229;
    background-color: #242830;
}
.nav-inq .children > li {
    margin-left: 21px;
    border-left: 1px solid #888888;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    font-size: 13px;
}
.nav-inq .children > li:first-child {
    padding-top: 7px
}
.nav-inq .children > li:last-child {
    padding-bottom: 7px
}
.nav-inq .children > li > a {
    display: block;
    font-weight: 300;
    padding: 5px 0 5px 19px;
    color: #FFFFFF;
    position: relative;
    height: 30px;
    -webkit-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0;
}
.nav-inq .children > li > a:before {
    content: '\f111';
    position: absolute;
    font-size: 10px;
    color: #888888;
    width: 0;
    left: -5px;
    top: 23%;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0;
    font-family: 'FontAwesome';
}
.nav-inq .children > li > a:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #a0a8b9;
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -15px;
    opacity: 0;
    -webkit-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0
}
.nav-inq .children > li > a:hover, .nav-inq .children > li > a:focus, .nav-inq .children > li > a:active {
    text-decoration: none;
    color: #FFF!important;
    background: #1d2129!important;
}
.nav-inq .children > li > a:hover:before, .nav-inq .children > li > a:focus:before, .nav-inq .children > li > a:active:before {
    background-color: #657390
}
.nav-inq .children > li > a:hover:after, .nav-inq .children > li > a:focus:after, .nav-inq .children > li > a:active:after {
    opacity: 1;
    border: none;
    width: 16px;
    height: 15px;
    left: -9px;
    margin-top: -8px
}
.nav-inq .children > li.active > a {
    color: #259dab
}
.nav-inq .children > li.active > a:before {
    background-color: #259dab
}
.nav-inq .children > li.active > a:after {
    opacity: 1;
    border: none;
    width: 11px;
    height: 11px;
    left: -6px;
    margin-top: -6px
}
.navbar-default .children.nav > li > a:focus {
}
.children.nav li > a.active {
    color: #27ae60;
}
.children.nav li > a.active:before {
    content: '\f111';
    position: absolute;
    font-size: 11px;
    color: #27ae60;
    width: 0;
    left: -5px;
    top: 24%;
    font-family: 'FontAwesome';
}
.dataTables_filter_top {
    padding-top: 25px;
    display: block;
}

div#table_registrants_filter.dataTables_filter { float:right!important; }
div#table_registrants_filter.dataTables_filter label { margin-bottom:10px; margin-left:5px!important;}
div#table_data_filter.dataTables_filter { text-align:right!important; margin-bottom:10px!important; }


div#table_data_filter.dataTables_filter input {margin-left:5px!important;}
div#table_main_filter.dataTables_filter input {margin-left:5px!important; }
div#table_registrants_filter.dataTables_filter label input.form-control.input-sm { margin-left:5px!important }

.filters2 {
    margin-right: 20px;
    display: inline-block;
    float: left;
}
.selected-item-options2 {
    display: inline-block;
    float: left;
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}
.show-menu-min {
    left: 70px
}
.show-menu-full {
    left: 220px
}
.mt25 {
    margin-top: 25px!important
}
.tab-block {
    position: relative;
    z-index: 0;
}
#hover-menu {
    background: #3b4354;
    left: 0;
    position: absolute;
    width: 200px;
    margin-left: 70px
}
#hover-menu > ul {
    padding: 0 0 0 10px;
    list-style: none
}
#hover-menu > ul > li {
    padding: 5px
}
#hover-menu > ul > li > a {
    color: #259dab
}
#hover-menu > ul > li > a:hover {
    color: #FFF
}
.panel {
    border-radius: 0!important
}
.panel-heading {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}
.singlepostinfo {
    font-size: 12px;
}
.alert {
    border-radius: 2px!important;
}
.clearfix-sections {
    clear: both!important;
    padding: 10px;
}
.validation-error-alert {
    background-color: #f77070;
    color: #FFF;
    letter-spacing: .4px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 100!important;
    font-size: 1.4rem;
}
.progress {
    border-radius: 0!important;
}
.table-progress-bar {
    font-size: 1.3rem!important;
    /* height: 30px!important; */
    
    -webkit-font-smoothing: subpixel-antialiased!important;
    font-family: 'lato'!important;
    height: 10px!important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #dadada;
}
.div-ajax-response {
    display: none;
}
.background-overlay-lock {
    background-color: rgba(255, 255, 255, 0.7);
    /* opacity: 0.7; */
    
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0!important;
}
.content-blur {
    -webkit-filter: blur(3px);
    /* Chrome, Safari, Opera */
    
    filter: blur(3px);
}
.mar-t-20-p-left-0 {
    margin-top: 20px;
    padding-left: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}
div#table_main_filter {
    float: right;
    margin-bottom: 10px;
}
label#table_main_filter {
    margin-right: 4px;
}
#tb_cont {
    position: relative;
    width: auto;
}
.btn-nav, a.btn-nav, .navbar-nav>li>a.btn-nav {
    color: #ffffff;
    margin-right: 0;
    margin-bottom: 0;
    opacity: 1 !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.active .btn-nav {
    background-color: #525e6c !important;
}
.cta-header .active .btn-blue.btn-nav {
    background-color: #439FE0 !important;
}
.cta-header .active .btn-nav.btn-green {
    background-color: #56B68B !important;
}
.cta-header .active .btn-nav.btn-yellow {
    background-color: #f1c40f !important;
}
.btn.btn-border {
    background-color: transparent !important;
}
/*------------------------------------------*/
/*  Blue Buttons
/*------------------------------------------*/

.btn-green, a.inverse.btn-green, .inverse a.btn-green {
    background-color: #3498DB;
}
.btn.btn-green {
    border: 2px solid #3498DB;
    border-radius: 2px;
    padding: 10px 70px;
    font-weight: 400;
}
.btn.blue-wire {
    border: 2px solid #3498DB;
    border-radius: 2px;
    padding: 10px 70px;
    font-weight: 400;
    color: #3498DB;
    background: none;
}
.blue-wire:hover, .btn-nav.blue-wire:hover, .blue-wire:focus, .btn-nav.blue-wire:focus {
    background-color: #3498DB;
}
.btn-green:hover, .btn-nav.btn-green:hover, .btn-green:focus, .btn-nav.btn-green:focus {
    background-color: #3498DB;
}
.btn.btn-green:hover, .btn.btn-green:focus {
    border: 2px solid #3498DB;
}
.btn-border.btn-green, a.btn-border.btn-green {
    color: #56B68B;
}
/*------------------------------------------*/
/*  Ghost-White Buttons
/*------------------------------------------*/

.btn-ghost {
    background-color: transparent;
    border: 2px solid #DDDDDD;
    color: #3D3D3D;
    padding: 10px 60px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
}
.btn-ghost:hover {
    background-color: #fff;
    color: #69696E!important;
}
.btn-white {
    background-color: #fff;
    border: 3px solid #fff;
    color: #69696E!important;
}
.btn-white:hover {
    background-color: transparent;
    color: #fff!important;
}
a.sidebar-button-space {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 25px;
}
.btn-ghost-p {
    background-color: transparent;
    border: 2px solid #3498DB!important;
    color: #337ab7!important;
    padding: 10px 40px!important;
    font-weight: bold;
    border-radius: 4px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}
.btn-ghost-p:hover {
    background-color: #fff;
    color: #337ab7!important;
}
.btn-white-p {
    background-color: #fff;
    border: 3px solid #fff;
    color: #3D3D3D!important;
}
.btn-white-p:hover {
    background-color: transparent;
    color: #3D3D3D!important;
}
.btn-ghost-blue {
    background-color: #3498DB;
    color: #FFFFFF!important;
    padding: 10px 40px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    margin: 30px 0px;
}
.btn-ghost-blue:hover {
    background-color: #3189C3;
    color: #FFFFFF!important;
    padding: 10px 40px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
}
.brn-ghost-netrual-def {
    background-color: #C2C5C7;
    color: #FFFFFF!important;
    padding: 10px 40px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
}
.brn-ghost-netrual-def:hover {
    background-color: #B2B5B7;
    color: #FFFFFF!important;
    padding: 10px 40px!important;
    font-weight: 400!important;
    border-radius: 2px!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
}
/*------------------------------------------*/
/*  ExrTa Padding Margin Room Classes
/*------------------------------------------*/

.mar10 {
    margin-top: 10px;
}
.mar6 {
    margin-top: 6px;
}
.mar20 {
    margin-top: 20px;
}
.mar25 {
    margin-top: 25px;
}
.mar30 {
    margin-top: 30px;
}
.mar40 {
    margin-top: 40px;
}
.marbot10 {
    margin-bottom: 25px;
}
.marbot25 {
    margin-bottom: -25px;
}
/*------------------------------------------*/
/*   Back to Top Button
/*------------------------------------------*/

.top {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #439FE0 url("../images/top-arrow.svg") no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.top.is-visible, .top.fade-out, .no-touch .top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.top.is-visible {
    /* the button becomes visible */
    
    visibility: visible;
    opacity: 1;
}
.top.fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    
    opacity: .5;
}
.no-touch .top:hover {
    background-color: #e86256;
    opacity: 1;
}
.mc-response {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    margin-top: 10px;
    color: #fff;
    background-color: #8e44ad;
    padding: 20px;
    border-radius: 5px;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
/* contact form response */

.success, .failed {
    display: none;
    padding: 10px;
    border-radius: 5px;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
}
.success i, .failed i {
    margin-right: 5px;
}
.success {
    background-color: #56B68B;
}
.failed {
    background-color: #e74c3c;
}
/* ==========================================================================
   06. CAROUSEL, LOADER, LIGHTBOX & HOVER EFFECT
========================================================================== */
/*------------------------------------------*/
/*   Owl Carousel
/*------------------------------------------*/

.shadow {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.shadow:hover {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
}
.owl-theme .owl-controls .owl-page span {
    margin: 4px;
}
.owl-theme.inverse .owl-controls .owl-page.active span {
    background-color: #fff;
    border: 2px solid #fff;
}
.owl-theme.inverse .owl-controls .owl-page span {
    border: 2px solid #fff;
    background-color: transparent;
}
#owl-team .item {
    margin: 3px 15px;
}
#owl-team .item img {
    display: block;
    width: 100%;
    height: auto;
}
/*------------------------------------------*/
/*   Lightbox Popup
/*------------------------------------------*/

.mfp-bg {
    opacity: 0.9;
}
.mfp-title {
    font-weight: 900;
    font-size: 15px;
}
.mfp-close {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 30px;
}
/* ==========================================================================
   07. SPACING & ALIGNMENT
========================================================================== */
/* margin */

.m-a-0 {
    margin: 0 !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.m-b-0 {
    margin-bottom: 0 !important;
}
.m-l-0 {
    margin-left: 0 !important;
}
.m-l-15 {
    margin-left: 1.5px !important;
}
.m-l-1 {
    margin-left: 1px!important;
}
.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.p-t-70 {
    padding-top: 70px;
}
.pad-r-0 {
    padding-right: 0px!important;
}
.pad-r-0-img {
    padding-right: 0px!important;
    overflow: hidden;
    position: relative;
    width: 90%;
    margin-right: 0px;
    float: right;
}
.m-a {
    margin: 10px !important;
}
.m-t {
    margin-top: 10px !important;
}
.m-r {
    margin-right: 10px !important;
}
.m-b {
    margin-bottom: 10px !important;
}
.m-l {
    margin-left: 10px !important;
}
.m-x {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.m-y {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.m-a-md {
    margin: 25px !important;
}
.m-t-md {
    margin-top: 25px !important;
}
.m-r-md {
    margin-right: 25px !important;
}
.m-b-md {
    margin-bottom: 25px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-l-md {
    margin-left: 25px !important;
}
.m-x-md {
    margin-right: 25px !important;
    margin-left: 25px !important;
}
.m-y-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.m-a-lg {
    margin: 50px !important;
}
.m-t-lg {
    margin-top: 50px !important;
}
.m-r-lg {
    margin-right: 50px !important;
}
.m-b-lg {
    margin-bottom: 50px !important;
}
.m-l-lg {
    margin-left: 50px !important;
}
.m-x-lg {
    margin-right: 50px !important;
    margin-left: 50px !important;
}
.m-y-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.p-b-15 {
    margin-bottom: 15px!important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-80 {
    margin-bottom: 80px!important;
}
.m-b-150 {
    margin-bottom: 150px!important;
}
.doc-list-padding-meth {
    padding: 10px 40px 7px 0px;
}
.new-row-md, .new-row-sm {
    margin-top: 40px;
}
.p-t-b-15 {
    padding-top: 15px;
    padding-bottom: 10px;
}
.p-15 {
    padding: 15px;
}
.p-a-0 {
    padding: 0 !important;
}
.p-t-0 {
    padding-top: 0 !important;
}
.p-r-0 {
    padding-right: 0 !important;
}
.p-b-0 {
    padding-bottom: 0 !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.p-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pad-card-0-35 {
    padding: 0px 35px;
}
.p-list-20 {
    padding: 20px;
}
.p-list-20-20 {
    padding: 20px;
    padding-bottom: 5px;
}
.p-a {
    padding: 30px !important;
}
.p-t {
    padding-top: 30px !important;
}
.p-r {
    padding-right: 30px !important;
}
.p-t-80 {
    padding-top: 80px !important;
}
.p-b-80 {
    padding-bottom: 80px !important;
}
.p-b {
    padding-bottom: 30px !important;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-l {
    padding-left: 30px !important;
}
.p-x {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.p-y {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.p-a-md {
    padding: 60px !important;
}
.p-t-md {
    padding-top: 60px !important;
}
.p-r-md {
    padding-right: 60px !important;
}
.p-b-md {
    padding-bottom: 60px !important;
}
.p-l-md {
    padding-left: 60px !important;
}
.p-x-md {
    padding-right: 60px !important;
    padding-left: 60px !important;
}
.p-y-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.p-a-lg {
    padding: 120px !important;
}
.p-t-lg {
    padding-top: 50px !important;
}
.p-r-lg {
    padding-right: 120px !important;
}
.p-b-lg {
    padding-bottom: 120px !important;
}
.p-l-lg {
    padding-left: 120px !important;
}
.p-x-lg {
    padding-right: 120px !important;
    padding-left: 120px !important;
}
.p-y-lg {
    padding-top: 60px !important;
    padding-bottom: 70px !important;
}
.p-y-lg-xl {
    padding-top: 150px !important;
    padding-bottom: 120px !important;
}
.p-b-lg-200 {
    padding-bottom: 200px!important;
}
.p-b-lg-xxl {
    padding-bottom: 300px;
}
.p-b-lg-330 {
    padding-bottom: 330px;
}
.p-b-lg-300 {
    padding-bottom: 300px;
}
.pad-left50 {
    padding-right: 0px;
}
.p-t-140 {
    padding-top: 140px;
}
.p-t-120 {
    padding-top: 120px!important;
}
.p-b-120 {
    padding-bottom: 120px!important;
}
.p-t-70 {
    padding-top: 70px;
}
.p-b-lg-180 {
    padding-bottom: 180px !important;
}

.p-25 { padding:20px 10px!important;}

.p-xxs {
    padding: 5px
}
.p-xs {
    padding: 10px
}
.p-sm {
    padding: 15px
}
.p-m {
    padding: 20px
}
.p-md {
    padding: 25px
}
.p-lg {
    padding: 30px
}
.p-xl {
    padding: 40px
}
.m-xxs {
    margin: 2px 4px
}
.m-xs {
    margin: 5px
}
.m-sm {
    margin: 10px
}
.m {
    margin: 15px
}
.m-md {
    margin: 20px
}
.m-lg {
    margin: 30px
}
.m-xl {
    margin: 50px
}
.m-n {
    margin: 0!important
}
.m-l-none {
    margin-left: 0
}
.m-l-xs {
    margin-left: 5px
}
.m-l-sm {
    margin-left: 10px
}
.m-l {
    margin-left: 15px
}
.m-l-md {
    margin-left: 20px
}
.m-l-lg {
    margin-left: 30px
}
.m-l-xl {
    margin-left: 40px
}
.m-l-n-xxs {
    margin-left: -1px
}
.m-l-n-xs-2 {
    margin-left: 2px
}
.m-l-n-xs {
    margin-left: -5px
}
.m-l-n-sm {
    margin-left: -10px
}
.m-l-n {
    margin-left: -15px
}
.m-l-n-md {
    margin-left: -20px
}
.m-l-n-lg {
    margin-left: -30px
}
.m-l-n-xl {
    margin-left: -40px
}
.m-l-n-xl-50 {
    margin-right: -50px;
}
.m-t-none {
    margin-top: 0
}
.m-t-xxs {
    margin-top: 1px
}
.m-t-xs {
    margin-top: 5px
}
.m-t-sm {
    margin-top: 10px
}
.m-t {
    margin-top: 15px
}
.m-t-md {
    margin-top: 20px
}
.m-t-lg {
    margin-top: 30px
}
.m-t-25 {
    margin-top: 25px
}
.m-t-xl {
    margin-top: 40px
}
.m-t-n-xxs {
    margin-top: -1px
}
.m-t-n-xs {
    margin-top: -5px
}
.m-t-n-sm {
    margin-top: -10px
}
.m-t-n {
    margin-top: -15px
}
.m-t-n-md {
    margin-top: -20px
}
.m-t-n-lg {
    margin-top: -30px
}
.m-t-n-xl {
    margin-top: -40px
}
.m-r-none {
    margin-right: 0
}
.m-r-xxs {
    margin-right: 1px
}
.m-r-xs {
    margin-right: 5px
}
.m-r-sm {
    margin-right: 10px
}
.m-r {
    margin-right: 15px
}
.m-r-md {
    margin-right: 20px
}
.m-r-lg {
    margin-right: 30px
}
.m-r-xl {
    margin-right: 40px
}
.m-r-n-xxs {
    margin-right: -1px
}
.m-r-n-xs {
    margin-right: -5px
}
.m-r-n-sm {
    margin-right: -10px
}
.m-r-n {
    margin-right: -15px
}
.m-r-n-md {
    margin-right: -20px
}
.m-r-n-lg {
    margin-right: -30px
}
.m-r-n-xl {
    margin-right: -40px
}
.m-b-none {
    margin-bottom: 0
}
.m-b-xxs {
    margin-bottom: 1px
}
.m-b-xs {
    margin-bottom: 5px
}
.m-b-sm {
    margin-bottom: 10px
}
.m-b {
    margin-bottom: 15px
}
.m-b-md {
    margin-bottom: 20px
}
.m-b-lg {
    margin-bottom: 30px
}
.m-b-xl {
    margin-bottom: 40px
}
.m-b-n-xxs {
    margin-bottom: -1px
}
.m-b-n-xs {
    margin-bottom: -5px
}
.m-b-n-sm {
    margin-bottom: -10px
}
.m-b-n {
    margin-bottom: -15px
}
.m-b-n-md {
    margin-bottom: -20px
}
.m-b-n-lg {
    margin-bottom: -30px
}
.m-b-n-xl {
    margin-bottom: -40px
}
.space-15 {
    margin: 15px 0
}
.space-20 {
    margin: 20px 0
}
.space-25 {
    margin: 25px 0
}
.space-30 {
    margin: 30px 0
}
.no-bullets {
    list-style-type: none;
}
.vertical-center-abs, .vertical-center-rel {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vertical-center-abs {
    position: absolute;
}
.vertical-center-rel {
    position: relative;
}
.vh-center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate (-50%, -50%);
    -moz-transform: translate (-50%, -50%);
    -o-transform: translate (-50%, -50%);
    -ms-transform: translate (-50%, -50%);
    transform: translate (-50%, -50%);
}
.y-middle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.pad-top-40 {
    padding-top: 40px;
}
.pad-bottom-40 {
    padding-bottom: 40px;
}
.pad-top-80 {
    padding-top: 80px;
}
.pad-bottom-20 {
    padding-bottom: 20px;
}
/* ==========================================================================
   08. HEADER NAVIGATION
========================================================================== */

.navbar {
    border: none;
    margin-bottom: 0;
    padding: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.top-nav-collapse {
    padding: 15px;
    background: #262F38;
}
.navbar-brand {
    padding: 3px 0 0;
    height: auto;
}
.navbar-nav>li>a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    opacity: 1;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 400;
    font-family: 'Helvetica';
    text-transform: uppercase;
    letter-spacing: .4px;
}
.navbar-nav>li>a:active {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    opacity: 1;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 400;
    font-family: 'Helvetica';
    text-transform: uppercase;
    letter-spacing: .4px;
}
.navbar-nav>li>a:focus {
}
.navbar-nav>li>a:hover {
    opacity: 1;
    background: #FFF!important;
    color: #2b2b2b!important;
}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus {
    background-color: #eee;
    opacity: 1;
}
.navbar-toggle {
    border: none;
    padding: 5px 8px 3px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
    opacity: 1!important;
}
.navbar-toggle:hover .icon-bar {
    opacity: 1;
}
a.btn.btn-default.btn-remove-keyword {
    padding: 5px 20px;
    border-radius: 2px!important;
    border-color: transparent!important;
    margin-left: 0px!important;
    background: #c9ccce!important;
    color: #ffffff!important;
}
a.btn.btn-default.btn-remove-keyword:hover, a.btn.btn-default.btn-remove-keyword:focus {
    border-color: transparent!important;
    background: #b8bcbf!important;
    color: #ffffff!important;
}
a.btn.btn-primary.dropdown-toggle.btn-add-keyword-btn:hover {
    color: #FFF!important;
}
.f-link {
    color: rgba(255, 255, 255, 0.33)!important;
    font-size: 13px!important;
    line-height: 1.8em!important;
}
.f-link:hover {
    color: rgba(255, 255, 255, 1)!important;
    font-size: 13px!important;
    line-height: 1.8em!important;
    transition: .5s;
}
/************* SIDEBAR DASHBOARD LOGO PANEL STYLES   ****************/


.sidebar-collapse .logopanel {
    height: 62px;
    padding: 18px 15px;
    background-color: #363c47;
    box-shadow: 0 0 3px rgba(0, 0, 0, .14), 0 3px 6px rgba(0, 0, 0, .28)
}
.sidebar-collapse .logopanel h2 {
    margin: 0;
    font-weight: 500
}
.sidebar-collapse .logopanel h2 > a {
    -webkit-transition: all .2s ease-out 0;
    -o-transition: all .2s ease-out 0;
    transition: all .2s ease-out 0
}
/*************  END SIDEBAR logo STYLES   ****************/










.navbar .nav > li.dropdown.open .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: 11px;
    bottom: 100%;
    border-width: 0 10px 10px;
    border-bottom-color: #1c84c6
}
.navbar .nav > li.dropdown.open .dropdown-menu, .navbar .nav > li.dropdown .open .dropdown-menu {
    border-top-color: #1c84c6!important
}
.navbar .nav > li.dropdown.open .dropdown-menu {
    border-top: 3px solid transparent
}
.fixed-menu {
    position: fixed!important;
    background: #363C47!important;
    height: 100%;
    border: none;
}
.profile-element {
    text-align: center
}
.nano-pane {
    display: block!important
}

@media (max-width: 790px) {
.navbar-fixed-top {
    transition-duration: .5s;
    box-shadow: none
}
.nav-bar-white {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .14), 0 3px 6px rgba(0, 0, 0, .28)
}
}
/* ==========================================================================
   10. CONTENT SECTION
========================================================================== */

.section-header {
    margin-bottom: 50px;
}
.content-border {
    border-bottom: 1px solid #E5E5E5;
}
.content-block h5, .content-block .h5 {
    font-weight: 900;
    font-size: 20px;
    line-height: 22px;
}
.content-block .lead {
    font-size: 20px;
    line-height: 24px;
}
.content-block img:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.content-block .img-circle {
    width: 180px;
    height: 180px;
    margin: 0 auto;
}
.content-dashboard {
    overflow-x: hidden;
}
.content-dashboard .dash-left {
    margin-left: -225px;
}
/*------------------------------------------*/
/*  Content Split
/*------------------------------------------*/

.content-split {
    position: relative;
}
.content-split .img-block {
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    height: 600px;
    margin: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.content-split .img-block.left-block {
    left: 0;
}
.content-split .content-block {
    height: 600px;
    padding-left: 0;
    padding-right: 60px;
}
/*------------------------------------------*/
/*  Content Grid
/*------------------------------------------*/

.content-grid > div {
    height: 600px;
    overflow: hidden;
}
.content-grid > div:first-child {
    padding-right: 5px;
}
.content-grid .lead-block {
    padding: 80px 40px;
    margin-bottom: 20px;
}
.content-grid .img-block {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* ==========================================================================
   21. MISCELLANEOUS SECTION
=========================================================================== */

.faq {
    padding: 30px 50px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.faq h5 {
    font-weight: 900;
}
.faq-item h5 {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
}
/* ==========================================================================
   25. PAGES STYLE
=========================================================================== */
/* general style */

.page-head.h-img {
    height: 350px;
}
.page-head .h-bg {
    padding-top: 70px;
}
.page-head .h-bg a {
    color: #69696E;
}
.page-head .breadcrumb {
    background-color: transparent;
    font-weight: 400;
}
.page-head .breadcrumb .active {
    font-weight: 900;
}
.page-head .breadcrumb .active.text-white {
    color: #fff;
}
.login .lead {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.login .form-horizontal {
    margin-left: 15px;
    margin-right: 15px;
}
.login .form-horizontal label {
    text-transform: uppercase;
    float: left;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
}
.login .form-horizontal .checkbox input[type=checkbox] {
    bottom: 6px;
}
.login .forgot {
    margin-top: 20px;
}
.login .forgot a {
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #69696E;
}
.login .terms {
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}
.faqs .panel-group .panel-title {
    padding-top: 10px;
    padding-bottom: 10px;
}
.faqs .panel-group .panel-title a {
    font-size: 17px;
}
.div-ajax-response {
    display: none;
}
.slimScrollDiv {
    overflow: visible!important;
}
input#tld.form-control {
    height: 60px!important;
    border-radius: 0px!important;
    background-color: #242830;
    border: none;
    color: #FFF!important;
    box-shadow: 0px 1px 0px #3a4150;
}
#tld.form-control {
    height: 40px!important;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none!important;
}
.form-control-trends {
    display: block;
    width: 100%;
    height: 29px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 500!important;
}
/*****DROPDOWN MENU STYLES*******/
/***** suggestion pop up *******/
/***** report-builder.php *******/
/********************************/
/********************************/


.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.suggestion-popup {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    min-width: 400px;
    position: fixed;
    background-color: #FFF;
    display: none;
    z-index: 99999;
    height: auto;
    box-shadow: 0px 1px 3px 1px rgba(178, 178, 178, 0.25);
    overflow: hidden;
    margin-bottom: 10px;
}
.suggestion-popup-title {
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
}
.suggestion-popup-body {
    background-color: white;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 12px;
    overflow-y: auto;
    max-height: 150px;
    padding-left: 15px;
}
.suggestion-popup-footer {
    background-color: white;
    padding: 10px;
    font-size: 12px;
    padding-left: 15px;
}
a.btn.btn-default.btn-popup-cancel {
    border-radius: 3px!important;
    font-size: 14px!important;
    min-width: 100px;
    font-size: 14px!important;
    margin-top: 2px;
}
a.btn.btn-primary.btn-popup-ok {
    min-width: 100px;
    margin-top: 2px;
}
a.dropdown-toggle.pull-right {
    color: #C8C8C8!important;
}
a.dropdown-toggle.pull-right:hover {
    color: #AEAEAE!important;
}
/*****  END DROPODOWN STYLES*******/
/**********************************/
/***** report-builder.php *********/
/**********************************/
/**********************************/














































/*****SNAAP-IMG SCREENSHOTS*******************/
/*********************************************/
/***** consumer-adoption-snapshots.php *******/
/*********************************************/
/*********************************************/


.add-type {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    line-height: 2.5em;
    margin-right: 10px;
    text-align: right!important;
}
div.search-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    left: -34px;
    top: 3px;
    color: #efefef;
}
/*****SNAAP-IMG SCREENSHOTS*******************/
/*********************************************/
/***** consumer-adoption-snapshots.php *******/
/*********************************************/
/*********************************************/



/*****END SNAAP-IMG SCREENSHOTS***************/
/*********************************************/
/***** consumer-adoption-snapshots.php *******/
/*********************************************/
/*********************************************/




/*****TERMINOLOLOGY SMALL SNAPSHOTS***********/
/*********************************************/
/***** TERMINOLOGY-DASH.php *8****************/
/*********************************************/
/*********************************************/



.thumb-header {
    text-align: center;
    padding: 5px;
    font-weight: bold;
    background-color: yellow;
}
.thumbnail img {
    width: 350px;
    height: 250px;
}
/********************************************
********************************************
********-DASHBOARD TITLE SECTIONS************
****************IN-USE***********************
*********************************************/




.inqbox-content {
    min-height: auto!important;
    font-family: 'Lato', sans-serif!important;
}
.inqbox-heading {
    background-color: #f3f6fb;
    border-bottom: none
}
.inqbox-heading h3 {
    font-weight: 200;
    font-size: 24px
}
.inqbox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}
.inqbox-title .label {
    float: left;
    margin-left: 4px
}
.inqbox-tools {
    display: block;
    float: right;
    margin-top: -5px;
    position: relative;
    padding: 0;
    /* position: absolute; */
    /* right: -530px; */
    /* left: 500px; */
    /* width: 100%!important; */
    /* height: 20px; */
    /* background: blue; */
    text-align: right!important;
}
.inqbox-tools a {
    cursor: pointer;
    /*    margin-left: 5px;*/
    color: #c4c4c4
}
.inqbox-tools a.btn-primary {
    color: #fff
}
.inqbox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px
}
.inqbox .open > .dropdown-menu {
    left: auto;
    right: 0;
    position: absolute;
    display: block;
    top: 30px;
    right: 0px;
}

@media (min-width: 768px) {
#page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 1000px;
    background:none;
}
}
.title-action {
    text-align: right;
    padding-top: 30px
}
.inqbox-content h1, .inqbox-content h2, .inqbox-content h3, .inqbox-content h4, .inqbox-content h5, .inqbox-title h1, .inqbox-title h2, .inqbox-title h3, .inqbox-title h4, .inqbox-title h5 {
    margin-top: 5px
}
ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0
}
.big-icon {
    font-size: 160px!important;
    color: #e5e6e7
}
.footer {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e7eaec;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    right: 0
}
.footer.fixed_full {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e7eaec
}
.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: #fff;
    border-top: 1px solid #e7eaec;
    margin-left: 220px
}
body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 70px
}
body.mini-navbar.canvas-menu .footer.fixed, body.canvas-menu .footer.fixed {
    margin: 0!important
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 220px
}
body.body-small .footer.fixed {
    margin-left: 0
}
.page-heading {
    border-top: 0;
    padding: 0 10px 20px
}
.panel-heading h1, .panel-heading h2 {
    margin-bottom: 5px
}
.table-bordered {
    border: 1px solid #EBEBEB
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
    color: #212121;
}
.table > thead > tr > th {
    border-bottom: 1px solid #DDD;
    vertical-align: bottom
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
    font-size: .9em!important;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.panel.blank-panel {
    background: none;
    margin: 0
}
.blank-panel .panel-heading {
    padding-bottom: 0
}
img.img-responsive.ri_logo {
    margin: 0px auto!important;
}
div.general-info-col {
    min-height: 55px;
}
.general-info-details-content {
    padding-top: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #ddd #ddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default
}
.nav.nav-tabs li {
    background: none;
    border: none
}
.nav-tabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c
}
.ui-tab .tab-content {
    padding: 20px 0
}
.no-padding {
    padding: 0!important
}
.no-borders {
    border: none!important
}
.no-margins {
    margin: 0!important
}
.no-top-border {
    border-top: 0!important
}
.inqbox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}
.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}
.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none
}
.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}
.full-width {
    width: 100%!important
}
.link-block {
    font-size: 12px;
    padding: 10px
}
.nav.navbar-top-links .link-block a {
    font-size: 12px
}
.link-block a {
    font-size: 10px;
    color: inherit
}
body.mini-navbar .branding {
    display: none
}
img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}
.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394
}
.login-panel {
    margin-top: 25%
}
.icons-box h3 {
    margin-top: 10px;
    margin-bottom: 10px
}
.icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c
}
.icons-box .infont a {
    color: #a6a8a9
}
.icons-box .infont a {
    padding: 10px;
    margin: 1px;
    display: block
}
.ui-draggable .inqbox-title {
    cursor: move
}
.breadcrumb {
    background-color: #fff!important;
    padding: 0!important;
    margin-bottom: 0!important;
}
.breadcrumb > li a {
    color: inherit
}
.breadcrumb > .active {
    color: inherit
}
code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap
}
.inqbox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}
.inqbox.collapsed .inqbox-content {
    display: none
}
.inqbox.collapsed .fa.fa-chevron-up:before {
    content: "\f078"
}
.inqbox.collapsed .fa.fa-chevron-down:before {
    content: "\f077"
}
.inqbox:after, .inqbox:before {
    display: table
}
.inqbox-title {
    border-color: #e7eaec;
    background-color: #fff;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
    -webkit-box-shadow: 0 2px 0 1px rgba(0, 0, 0, .08)!important;
    box-shadow: 0 2px 0 1px rgba(0, 0, 0, .08)!important;
    overflow: hidden;
}
.inqbox-content {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, .08)!important;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .08)!important;
}
.inqbox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #fff;
    padding: 10px 15px;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, .08)!important;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .08)!important;
}
div.tool-bar-strip {
    display: block!important;
    position: relative!important;
}
/*****END TERMINOLOLOGY SMALL SNAPSHOTS*******/
/*********************************************/
/***** TERMINOLOGY-DASH.php *8****************/
/*********************************************/
/*********************************************/



a.dropdown-toggle.pull-right {
    color: #C8C8C8!important;
}
a.dropdown-toggle.pull-right:hover {
    color: #AEAEAE!important;
}
.NPform .switch {
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
    height: 26px;
}
.NPform .switch > label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #848484;
    border: 2px solid #848484;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
}
.NPform .switch > label + span {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: -7px;
}
.NPform .switch > label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}
.NPform .switch > label:after {
    content: "";
    margin: 1px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.NPform .switch > input {
    -webkit-appearance: none;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    left: 0;
    top: 0;
}
.NPform .switch > input:focus {
    outline: none;
}
.NPform .switch > input:focus + label {
    color: #fff;
    border-color: #848484;
    background: #848484;
}
.NPform .switch > input:focus + label:after {
    background: #fff;
}
.NPform .switch > input:checked + label {
    border-color: #4ea24e!important;
    background: #4ea24e!important;
    padding-left: 33px;
    color: white;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
.NPform .switch > input:checked + label:before {
    content: attr(data-on);
    left: 1px;
    top: 1px;
}
.NPform .switch > input:checked + label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}
.NPform .switch > input:checked:focus + label {
    background: #555;
    border-color: #555;
}
/*ADAPATATION STYLES */

.snap-title {
    margin-bottom: 10px;
 max-width: <? echo $snap_width;
 ?>px;
    overflow: hidden;
}
div.background-overlay {
    height: 30px;
    background: #f1f1f1;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.snap-img {
    display: none;
}
a.pull-right.link-gear-menu {
    width: 30px;
    height: 30px;
    color: #C8C8C8;
    position: absolute;
    top: 4px;
    right: 4px;
    padding-top: 0px;
    font-size: 16px;
    border-radius: 20px;
    line-height: 1.2em;
}
a.pull-right.link-gear-menu:hover {
    width: 30px;
    height: 30px;
    color: #AEAEAE;
    position: absolute;
    top: 4px;
    right: 4px;
    padding-top: 0px;
    font-size: 16px;
    border-radius: 20px;
    line-height: 1.2em;
}
img.snap-img-loading {
    display: block;
    margin: 0px auto;
    margin-top: 130px;
}
a.btn-plans {
    color: #FFF!important;
    padding-right: 15px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.reg-btn {
    color: #000000!important;
}
.btn {
    border-radius: 4px;
    font-weight: 600;
    padding: 8px 20px;
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid transparent
}
.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: none!important;
}
.btn:active, .btn.active, .btn:focus {
    box-shadow: none
}
.btn-default.disabled, .btn-default[disabled], .btn-default {
    border-color: none!important;/*    color: #e74c3c*/
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    border-color: none!important;
    background-color: #e74c3c;
    color: #fff
}
/*.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary {
    border-color: #33373E;
    background-color: #33373E;
    color: #f2f2f2
}*/
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    border-color: none!important;
    background-color: #e74c3c;
    color: #fff
}
.btn-light.disabled, .btn-light[disabled], .btn-light {
    background-color: #fff;
    color: #1f2229
}
.btn>i {
}
.btn>i:hover {
/* color: #a7a7a7!important;*/
}
.mdi.mdi-file-export.mdi-24px:hover, .mdi.mdi-file-export.mdi-24px:active, .mdi.mdi-file-export.mdi-24px:visited, .mdi.mdi-file-export.mdi-24px:focus {
    color: #9d9fa2!important;
}
.mdi.mdi-bell.mdi-24px:hover, .mdi.mdi-bell.mdi-24px:active, .mdi.mdi-bell.mdi-24px:visited, .mdi.mdi-bell.mdi-24px:focus {
    color: #9d9fa2!important;
}
i.mdi.mdi-file-chart.mdi-24px:hover, i.mdi.mdi-file-chart.mdi-24px:active, i.mdi.mdi-file-chart.mdi-24px:visited, i.mdi.mdi-file-chart.mdi-24px:focus {
    color: #9d9fa2!important;
}
.mdi-file-chart:before {
    content: "\F215";
}
.icon-border {
    color: #c5c5c5;
    padding: 5px 3px;
    /* border: 1px solid #efefef; */
    background-color: rgba(128, 128, 128, 0.1);
    padding-top: 10px!important;
    border-radius: 3px;
}
.btn>i {
}
.btn-lg {
    padding: 16px 30px;
    font-size: 20px;
}
.btn-sm {
    padding: 6px 15px;
    font-size: 14px
}
.btn-xs {
    padding: 3px 10px;
    font-size: 12px
}
.btn:hover, .btn:focus, .btn.active, .btn.no-border {
    border-color: none!important;
}
.btn-line.disabled, .btn-line[disabled], .btn-line {
    background-color: transparent;
    border-color: #e74c3c;
    color: #e74c3c
}
.btn-line:hover {
    background-color: #e74c3c;
    color: #fff
}
.dark.btn-line.disabled, .dark.btn-line[disabled], .dark.btn-line {
    border-color: #e74c3c;
    color: #e74c3c
}
.dark.btn-line:hover {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}
.btn-make-light .btn-line, .light.btn-line.disabled, .light.btn-line[disabled], .light.btn-line {
    border-color: #fff;
    color: #fff
}
.btn-make-light .btn-line:hover, .light.btn-line:hover {
    background-color: #fff;
    color: #1f2229;
    border-color: #fff
}
.link-btn {
    border-color: transparent;
    background-color: transparent
}
.appstore-btn {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    padding: 13px 20px 10px 60px;
    position: relative;
    display: inline-block;
    font-size: 25px;
    line-height: 1.2;
    margin: 4px;
    text-align: left
}
.appstore-btn i {
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 45px
}
.callout {
    position: relative;
    overflow: hidden;
}
.video-bg, .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;/* background-color: rgba(64, 75, 85, 0.95);*/
}
.video-overlay {
    /* background: rgba(21, 28, 35, 0.61);
    pointer-events: none; /* Allows right clicking on the video to pause etc */
    
    */
}
.video-bg video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-bg-snapshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(64, 75, 85, 0.95);
}
.video-bg-snapshot-overlay {
/* background: rgba(21, 28, 35, 0.61);
    pointer-events: none; /* Allows right clicking on the video to pause etc */
}
.video-bg-snapshot-overlay video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.callout-content {
    position: relative;
    text-align: center;
    margin: 50px 0;
    /* This adds some space around the video */
    
    color: #FFF;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.view {
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0px 1px 2px #e6e6e6;
    cursor: default;
}
.view .mask, .view .content {
    width: 100%;
    text-align: center;
}
.content {
    box-sizing: border-box;
    margin: 0 auto;
    /* padding-bottom: 30px; */
    /* padding: 0px 4px; */
    padding-top: 75px;
    display: inline-block;
    text-align: center!important;
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    background: #3498db;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    margin-bottom: -3px;
}
.view a.info:hover {
    display: inline-block;
    /* text-decoration: none; */
    /* padding: 10px 15px; */
    background: #1e2b33;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    margin-bottom: -3px;
}
div.url-title h5 {
    background: #efefef;
    padding: 6px 0px;
    font-weight: 500;
    margin: 0px;
}
div.url-title h5:hover {
    color: #FFF!important;
}
.view .content:hover {
}
.view a.info:hover {
}
.view-second img {
}
.view-second .mask {
}
.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: translate(200px, -200px);
    transition: all 0.1s ease-in-out;
}
.view-second p {
    transform: translate(-200px, 200px);
    transition: all 0.1s ease-in-out;
}
.view-second a.info {
    transform: translate(0px, 120px);
    transition: none!important;
    border-radius: 2px;
}
.view-second:hover .mask {
    opacity: .8;
    background-color: rgba(27, 142, 220, 0.65)!important;
    width: 500px;
    margin: 0px auto;
    height: 400px;
}
/*------Featured Sections------------*/

.featured_sec_one {
    background: #fff;
    min-height: 400px;
}
/*--------FORM STYLES-----------*/
/********************************/

.grey-container {
    padding: 55px;
    border: 1px solid #E2E2E2;
    background: rgba(216, 216, 216, .2);
}
.not-member-yet {
    padding: 55px;
    border: 1px solid #E2E2E2;
    background: none;
}
.mdn-bg {
    background: #F2F5F7;
    margin: 0;
    padding: 0;
}
.modern-forms, .modern-forms * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modern-forms {
    line-height: 1.231;
    font-weight: normal;
    font-size: 16px;
    color: #34495E;
    background: #FFF;
}
.modern-forms-empty {
    line-height: 1.231;
    font-weight: normal;
    font-size: 16px;
    color: #34495E;
}
.modern-container {
    margin: 50px auto;
    max-width: 700px;
    background: #fff;
    padding: 50px 40px;
}
.modern-forms .mdn-shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15), 0 2px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15), 0 2px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15), 0 2px 10px 0 rgba(0, 0, 0, .15);
}
.modern-forms .mc1 {
    max-width: 1024px;
}
.modern-forms .mc2 {
    max-width: 540px;
}
.modern-forms .mdn-group {
    margin-bottom: 20px;
}
.modern-forms .field-group {
    display: block;
    position: relative;
}
.modern-forms .field-group {
    margin-bottom: 20px;
}
/*  all elements inputs | textarea | selects | buttons 
------------------------------------------------------------- */
/* @element general styling :: fonts :: adjust accordingly
------------------------------------------------------------- */

.modern-forms:not(output):-moz-ui-invalid, .modern-forms input:invalid {
 box-shadow: none;
}
.modern-forms label, .modern-forms input, .modern-forms button, .modern-forms select, .modern-forms textarea {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #34495E;
    outline: none;
}
/* @remove browser specific styling
----------------------------------------------- */

.modern-forms .mdn-input, .modern-forms .mdn-textarea, .modern-forms .mdn-select > select, .modern-forms input[type="button"], .modern-forms input[type="submit"], .modern-forms input[type="search"], .modern-forms .mdn-selectmulti select {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* @placeholder styling
---------------------------------------------------------- -*/

.modern-forms::-webkit-input-placeholder {
 color: #aaa;
}
.modern-forms:-moz-placeholder {
 color: #aaa;
}
.modern-forms::-moz-placeholder {
 color: #aaa;
}
.modern-forms:-ms-input-placeholder {
 color: #aaa;
}
.modern-forms .mdn-input.placeholder, .modern-forms .mdn-textarea.placeholder {
    color: #aaa;
}
/* @basic styling for inputs 
----------------------------------------------------------- */

.modern-forms .mdn-input, .modern-forms .mdn-textarea, .modern-forms .mdn-select > select, .modern-forms .mdn-select-multiple select {
    background: none;
    position: relative;
    vertical-align: top;
    border: 1px solid #DBDBDB;
    border-width: 0 0 1px 0;
    display: -moz-inline-stack;
    display: inline-block;
 *display: inline;
    color: #34495E;
    outline: none;
    height: 46px;
    width: 95%;
 *zoom: 1;
}
/* @select multiple element
------------------------------------------------ */

.modern-forms .mdn-select-multiple select {
    width: 100%;
    height: 110px;
    padding: 10px 0;
}
/* @select element
------------------------------------------------ */

.modern-forms .mdn-select:after {
    content: ' ';
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-top-color: #B5B5B5;
    border-width: 4px;
    z-index: 100;
    bottom: 10px;
    right: 5px;
    height: 0;
    width: 0;
}
.modern-forms .mdn-textarea {
    resize: none;
    line-height: 19px;
    overflow: auto;
    max-width: 100%;
    padding: 12px 0;
    height: 125px;
}
.modern-forms .mdn-bar {
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
}
.modern-forms .mdn-bar:before, .modern-forms .mdn-bar:after {
    content: '';
    bottom: -1px;
    position: absolute;
    background: #D0D0D0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 2;
    height: 2px;
    width: 0;
}
/* @file inputs 
-------------------------------------------------------- */

.modern-forms .mdn-upload {
    display: block;
    width: 100%;
}
.modern-forms .mdn-upload .mdn-file {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 8px 10px;
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 11;
    bottom: 0;
    right: 0;
}
.modern-forms .mdn-upload .mdn-button {
    position: absolute;
    top: 2px;
    right: 0;
    float: none;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    z-index: 10;
}
/* @radio and checkbox options
----------------------------------------------------- */

.modern-forms .mdn-option {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.modern-forms .mdn-option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    opacity: 0;
    left: 0;
}
.modern-forms .mdn-checkbox, .modern-forms .mdn-radio {
    position: relative;
    margin-right: 2px;
    display: inline-block;
    border: 2px solid #B5B5B5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    height: 21px;
    width: 21px;
    top: 5px;
}
.modern-forms .mdn-checkbox:before, .modern-forms .mdn-radio:before {
    content: '';
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    padding: 0;
    margin: 0;
    height: 0;
    width: 0;
    opacity: 0;
}
.modern-forms .mdn-checkbox:before {
    width: 0;
    height: 0;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.55, 0, .1, 1);
    -moz-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -ms-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -o-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.modern-forms input:checked + .mdn-checkbox:before {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 8px;
    height: 3px;
    border: solid #fff;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
}
.modern-forms input:checked + .mdn-checkbox, .modern-forms input:checked + .mdn-radio {
    border: 2px solid #009688;
}
.modern-forms input:checked + .mdn-checkbox {
    background: #009688;
}
.modern-forms .mdn-radio {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.modern-forms input + .mdn-radio:before {
    width: 11px;
    height: 11px;
    margin: 3px;
    background: #009688;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.modern-forms input:checked + .mdn-radio:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* @radio and checkbox hover and focus
--------------------------------------------------- */

.modern-forms input:hover + .mdn-radio, .modern-forms input:focus + .mdn-radio, .modern-forms input:hover + .mdn-checkbox, .modern-forms input:focus + .mdn-checkbox {
    border-color: #009688;
}
.modern-forms input:focus + .mdn-radio:before {
    background: #009688;
}
.modern-forms input:focus + .mdn-checkbox:before {
    border-color: #fff;
}
.modern-forms .option-tick .mdn-checkbox {
    -webkit-transition: -webkit-transform .33s cubic-bezier(.55, 0, .1, 1);
    -moz-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -ms-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -o-transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    transition: transform .33s cubic-bezier(.55, 0, .1, 1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.modern-forms .option-tick input:checked + .mdn-checkbox {
    background: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 0;
}
.modern-forms .option-tick .mdn-checkbox:before, .modern-forms .option-tick input:checked + .mdn-checkbox:before {
    width: 18px;
    height: 8px;
    border-color: #009688;
    border-width: 0 0 2px 2px;
    top: 0;
}
/* @options ripple 
---------------------------------------------------- */

.modern-forms .mdn-radio:after, .modern-forms .mdn-checkbox:after {
    content: '';
    width: 18px;
    height: 18px;
    background: none;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    left: 0;
    top: 0;
}
.modern-forms .mdn-radio:active:after, .modern-forms .mdn-checkbox:active:after, .modern-forms .mdn-option:active .mdn-radio:after, .modern-forms .mdn-option:active .mdn-checkbox:after, .modern-forms input[disabled]:checked + .mdn-radio:active:after, .modern-forms input[disabled]:checked + .mdn-checkbox:active:after, .modern-forms input[disabled]:checked + .mdn-option:active .mdn-radio:after, .modern-forms input[disabled]:checked + .mdn-option:active .mdn-checkbox:after {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(128, 128, 128, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(128, 128, 128, 0.1);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(128, 128, 128, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(128, 128, 128, 0.1);
}
.modern-forms input:checked + .mdn-radio:active:after, .modern-forms input:checked + .mdn-checkbox:active:after, .modern-forms input:checked + .mdn-option:active .mdn-radio:after, .modern-forms input:checked + .mdn-option:active .mdn-checkbox:after {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(0, 150, 136, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(0, 150, 136, 0.2);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(0, 150, 136, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0), 0 0 0 24px rgba(0, 150, 136, 0.2);
}
/* @toggle switch  
--------------------------------------------------- */

.modern-forms .mdn-switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer;
}
.modern-forms .mdn-switch input {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}
.modern-forms .mdn-switch .switch-label {
    display: inline-block;
    position: relative;
    top: 2px;
}
.modern-forms .mdn-switch > .switch-label {
    padding-right: 5px;
}
.modern-forms .mdn-switch .switch-toggle + .switch-label {
    padding-left: 5px;
}
.modern-forms .mdn-switch .switch-toggle {
    width: 44px;
    height: 16px;
    background: #B5B5B5;
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.modern-forms .mdn-switch .switch-toggle::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -4px;
    width: 26px;
    height: 26px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
}
.modern-forms .mdn-switch input:checked + .switch-toggle {
    background: rgba(0, 150, 136, 0.5);
}
.modern-forms .mdn-switch input:checked + .switch-toggle::before {
    left: 20px;
    background: #009688;
}
.modern-forms .mdn-switch input:disabled + .switch-toggle {
    background: #d5d5d5;
    pointer-events: none;
}
.modern-forms .mdn-switch input:disabled + .switch-toggle::before {
    background: #bcbdbc;
}
.modern-forms .mdn-switch input:disabled + .switch-toggle + .switch-label {
    color: #D5D5D5;
}
.modern-forms .modern-switch .switch-toggle {
    width: 40px;
    height: 24px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.modern-forms .modern-switch .switch-toggle::before {
    width: 22px;
    height: 22px;
    bottom: 1px;
    left: 1px;
    top: 1px;
}
.modern-forms .modern-switch input:checked + .switch-toggle::before {
    left: 17px;
    background: #fff;
}
.modern-forms .modern-switch input:disabled + .switch-toggle::before {
    background: #f5f5f5;
}
/* @switch ripple 
--------------------------------------------------------------------- */

.modern-forms .mdn-switch:active .switch-toggle::before, .modern-forms .mdn-switch .switch-toggle:active::before, .modern-forms .mdn-switch:active input[disabled]:checked + .switch-toggle::before, .modern-forms .mdn-switch input[disabled]:checked + .switch-toggle:active::before {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}
.modern-forms .mdn-switch:active input:checked + .switch-toggle::before, .modern-forms .mdn-switch input:checked + .switch-toggle:active::before {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}
/* @switch morph animate 
--------------------------------------------------------------------- */

.modern-forms .morph-switch:active .switch-toggle:before, .modern-forms .morph-switch .switch-toggle:active::before, .modern-forms .morph-switch:active input:checked + .switch-toggle::before, .modern-forms .morph-switch input:checked + .switch-toggle:active::before {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    -webkit-transform: scale(1.15, 0.85);
    -moz-transform: scale(1.15, 0.85);
    -ms-transform: scale(1.15, 0.85);
    -o-transform: scale(1.15, 0.85);
    transform: scale(1.15, 0.85);
}
/* @animated form element bar 
------------------------------------------------ */

.modern-forms .mdn-bar:before {
    left: 50%;
}
.modern-forms .mdn-bar:after {
    right: 50%;
}
.modern-forms .mdn-file:focus ~ .mdn-bar:after, .modern-forms .mdn-file:focus ~ .mdn-bar:before, .modern-forms .mdn-input:focus ~ .mdn-bar:after, .modern-forms .mdn-input:focus ~ .mdn-bar:before, .modern-forms .mdn-textarea:focus ~ .mdn-bar:after, .modern-forms .mdn-textarea:focus ~ .mdn-bar:before, .modern-forms .mdn-select > select:focus ~ .mdn-bar:after, .modern-forms .mdn-select > select:focus ~ .mdn-bar:before, .modern-forms .mdn-select-multiple select:focus ~ .mdn-bar:after, .modern-forms .mdn-select-multiple select:focus ~ .mdn-bar:before {
    width: 50%;
}
/* @all labels above the inputs
------------------------------------------------ */

.modern-forms .field-group .mdn-label {
    width: 100%;
    position: absolute;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #496785;
    top: 12px;
    left: 0;
}
.modern-forms .field-group .mdn-label, .modern-forms .mdn-label-pos .mdn-label, .modern-forms .mdn-input:focus + .mdn-label, .modern-forms .mdn-textarea:focus + .mdn-label, .modern-forms .mdn-input[placeholder] + .mdn-label, .modern-forms .mdn-textarea[placeholder] + .mdn-label, .modern-forms .mdn-select > select:focus + .mdn-label, .modern-forms .mdn-select > select + .mdn-label, .modern-forms .mdn-select-multiple select:focus + .mdn-label, .modern-forms .mdn-select-multiple select + .mdn-label {
    top: -10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}
.modern-forms .mdn-label-pos {
    position: relative;
}
.modern-forms .mdn-label-pos .mdn-label {
    position: absolute;
    margin-bottom: 2px;
    color: #496785;
}
/* @all borders  below non linear inputs
---------------------------------------------------- */

.modern-forms .mdn-bottom-border {
    border: 1px solid #DBDBDB;
    border-width: 0 0 1px 0;
    height: 46px;
}
.modern-forms .mdn-bottom-border .mdn-option {
    top: 4px;
}
.modern-forms .mdn-auto {
    height: auto;
    padding-bottom: 20px;
}
.modern-forms .mdn-auto .option-label {
    line-height: 22px;
}
/* @input focus state 
------------------------------------------------ */

.modern-forms .mdn-input:focus + .mdn-label, .modern-forms .mdn-textarea:focus + .mdn-label, .modern-forms .mdn-select > select:focus + .mdn-label, .modern-forms .mdn-select-multiple select:focus + .mdn-label, .modern-forms .mdn-upload .mdn-file:focus ~ .mdn-label {
    color: #2C97DE;
}
/* @inputs disabled state
------------------------------------------------ */

.modern-forms .mdn-input[disabled], .modern-forms .mdn-textarea[disabled], .modern-forms .mdn-select > select[disabled], .modern-forms .mdn-select-multiple select[disabled], .modern-forms .mdn-upload .mdn-file[disabled] + .mdn-input {
    color: #D5D5D5;
    border-color: #D5D5D5;
    border-style: dotted;
}
.modern-forms .mdn-input[disabled] ~ .mdn-bar, .modern-forms .mdn-textarea[disabled] ~ .mdn-bar, .modern-forms .mdn-select > select[disabled] ~ .mdn-bar, .modern-forms .mdn-select-multiple select[disabled] ~ .mdn-bar, .modern-forms .mdn-upload .mdn-file[disabled] + .mdn-input ~ .mdn-bar {
    display: none;
}
.modern-forms .mdn-input[disabled] ~ .mdn-icon i, .modern-forms .mdn-textarea[disabled]~ .mdn-icon i, .modern-forms .mdn-select > select[disabled] ~ .mdn-icon i, .modern-forms .mdn-upload .mdn-file[disabled] ~ .mdn-icon i, .modern-forms .mdn-input[disabled] + .mdn-label, .modern-forms .mdn-textarea[disabled] + .mdn-label, .modern-forms .mdn-select > select[disabled] + .mdn-label, .modern-forms .mdn-upload .mdn-file[disabled] ~ .mdn-label, .modern-forms .mdn-select-multiple select[disabled] + .mdn-label {
    color: #D5D5D5;
}
.modern-forms input:disabled::-webkit-input-placeholder {
 color: #D5D5D5;
}
.modern-forms input:disabled:-ms-input-placeholder {
 color: #D5D5D5;
}
.modern-forms input:disabled::-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms input:disabled:-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms textarea:disabled::-webkit-input-placeholder {
 color: #D5D5D5;
}
.modern-forms textarea:disabled:-ms-input-placeholder {
 color: #D5D5D5;
}
.modern-forms textarea:disabled::-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms textarea:disabled:-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms .mdn-upload .mdn-file[disabled] + input:-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms .mdn-upload .mdn-file[disabled] + input::-moz-placeholder {
 color: #D5D5D5;
}
.modern-forms .mdn-upload .mdn-file[disabled] + input:-ms-input-placeholder {
 color: #D5D5D5;
}
.modern-forms .mdn-upload .mdn-file[disabled] + input::-webkit-input-placeholder {
 color: #D5D5D5;
}
/* @disabled state checkbox and radio 
--------------------------------------------------------- */

.modern-forms input:disabled + .mdn-radio, .modern-forms input:disabled + .mdn-checkbox, .modern-forms .option-tick input:checked:disabled + .mdn-checkbox:before {
    border-color: #D5D5D5;
}
.modern-forms input:checked:disabled + .mdn-checkbox, .modern-forms input:checked:disabled + .mdn-radio:before {
    background: #D5D5D5;
}
.modern-forms input:disabled + .mdn-radio + .option-label, .modern-forms input:disabled + .mdn-checkbox + .option-label {
    color: #D5D5D5;
}
.modern-forms .option-tick input:checked:disabled + .mdn-checkbox {
    background: none;
    border: 0;
}
.checkbox-margin-bottom-10 {
    margin-bottom: 10px!important;
}
/* @buttons 
--------------------------------------------- */

.modern-forms .mdn-button {
    border: 0;
    height: 46px;
    color: #243140;
    line-height: 1;
    font-size: 14px;
    cursor: pointer;
    padding: 0 30px;
    background: none;
    text-align: center;
    position: relative;
    vertical-align: top;
    display: inline-block;
    -webkit-user-drag: none;
    text-transform: uppercase;
    transition: all .55s ease-out;
    -moz-transition: all .55s ease-out;
    -webkit-transition: all .55s ease-out;
    -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);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
/* @basic button states 
------------------------------------------------- */

.modern-forms .mdn-button:hover, .modern-forms .mdn-button:active, .modern-forms .mdn-upload .mdn-file:hover ~ .mdn-button {
    color: #1d2938;
    background: #EBEBEB;
}
/* button disabled 
-------------------------------------------------- */

.modern-forms .mdn-button[disabled], .modern-forms .mdn-button[disabled]:hover, .modern-forms .mdn-button[disabled]:active, .modern-forms .mdn-upload .mdn-file[disabled] ~ .mdn-button, .modern-forms .mdn-upload .mdn-file[disabled]:hover ~ .mdn-button {
    color: #D5D5D5;
    background: none;
}
.modern-forms a.mdn-button, .modern-forms span.mdn-button, .modern-forms label.mdn-button {
    line-height: 46px;
    text-decoration: none;
}
.modern-forms .mdn-button i {
    font-size: 14px;
}
.modern-forms .mdn-button-list .mdn-button {
    margin-bottom: 5px;
}
.modern-forms .mdn-group .mdn-button {
    margin-bottom: 10px;
}
/* @flat button 
------------------------------------------------ */

.modern-forms .btn-flat {
    color: #868686;
}
.modern-forms .btn-flat:hover, .modern-forms .btn-flat:active {
    color: #767676;
    background: #EBEBEB;
}
/* @flat button disabled 
------------------------------------------------ */

.modern-forms .btn-flat[disabled], .modern-forms .btn-flat[disabled]:hover, .modern-forms .btn-flat[disabled]:active, .modern-forms .mdn-upload .mdn-file[disabled] ~ .btn-flat, .modern-forms .mdn-upload .mdn-file[disabled]:hover ~ .btn-flat {
    color: #A4D9D3;
    background: none;
}
/* @primary button 
------------------------------------------------ */

.modern-forms .btn-primary {
    color: #fff;
    background-color: #3498DB;
    padding: 10px 70px;
}
.view-pricing-btn-primary {
    color: #fff;
    background-color: #3498DB;
    padding: 10px 70px;
}
.view-pricing-btn-primary:hover, .view-pricing-btn-primary:focus, .view-pricing-btn-primary:active, .view-pricing-btn-primary:focus {
    background-color: #2189CD;
    color: #fff;
    padding: 10px 70px;
}
.modern-forms .btn-primary:hover, .modern-forms .btn-primary:focus, .modern-forms .btn-primary:active, .modern-forms .mdn-upload .mdn-file:hover ~ .btn-primary {
    background-color: #2189CD;
    color: #fff;
    padding: 10px 70px;
}
.forgot-password {
    font-size: 12px!important;
    font-weight: normal!important;
    padding: 0px 15px!important;
}
.login-btn-primary {
    font-weight: bold;
}
/* @button raised  
---------------------------------------------------------------- */

.modern-forms .btn-raised {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
}
.modern-forms .btn-raised:hover, .modern-forms .btn-raised:active {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}
/* @ primary button disabled
---------------------------------------------------------------- */

.modern-forms .btn-primary[disabled], .modern-forms .btn-primary[disabled]:hover, .modern-forms .btn-primary[disabled]:focus, .modern-forms .btn-primary[disabled]:active, .modern-forms .mdn-upload .mdn-file[disabled] ~ .btn-primary, .modern-forms .mdn-upload .mdn-file[disabled]:hover ~ .btn-primary {
    background-color: #A4D9D3;
    color: #fff;
}
.modern-forms .btn-raised[disabled], .modern-forms .btn-raised[disabled]:hover, .modern-forms .btn-raised[disabled]:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
/* @info / tooltip input messages
-------------------------------------------------------  */

.modern-forms .mdn-msg {
    position: absolute;
    bottom: -22px;
    font-size: .7em;
    line-height: 24px;
    transition: all .55s ease-out;
    -moz-transition: all .55s ease-out;
    -webkit-transition: all .55s ease-out;
}
.modern-forms .mdn-msg.right {
    right: 0;
}
.modern-forms .mdn-input:focus ~ .mdn-msg, .modern-forms .mdn-textarea:focus ~ .mdn-msg, .modern-forms .mdn-select > select:focus ~ .mdn-msg, .modern-forms .mdn-select-multiple select:focus ~ .mdn-msg, .modern-forms .mdn-upload .mdn-file:focus ~ .mdn-msg {
    color: #2C97DE;
}
.modern-forms .mdn-input[disabled] ~ .mdn-msg, .modern-forms .mdn-textarea[disabled] ~ .mdn-msg, .modern-forms .mdn-select > select[disabled] ~ .mdn-msg, .modern-forms .mdn-select-multiple select[disabled] ~ .mdn-msg, .modern-forms .mdn-upload .mdn-file[disabled] ~ .mdn-msg {
    color: #D5D5D5;
}
.modern-forms .msg-hidden {
    opacity: 0;
    bottom: -42px;
}
.modern-forms .mdn-input:focus ~ .msg-hidden, .modern-forms .mdn-textarea:focus ~ .msg-hidden, .modern-forms .mdn-select > select:focus ~ .msg-hidden, .modern-forms .mdn-select-multiple select:focus ~ .msg-hidden, .modern-forms .mdn-upload .mdn-file:focus ~ .msg-hidden {
    opacity: 1;
    bottom: -22px;
}
/* @icon append (right) :: prepend (left)
------------------------------------------------- */

.modern-forms .append-icon, .modern-forms .prepend-icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}
.modern-forms .append-icon .mdn-icon, .modern-forms .prepend-icon .mdn-icon {
    top: 15;
    z-index: 1;
    width: 42px;
    height: 42px;
    color: inherit;
    line-height: 42px;
    position: absolute;
    text-align: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}
.modern-forms .append-icon .mdn-icon i, .modern-forms .prepend-icon .mdn-icon i {
    position: relative;
    font-size: 14px;
    color: #AEBCC6;
}
.modern-forms .prepend-icon .mdn-icon {
    left: 0;
}
.modern-forms .append-icon .mdn-icon {
    right: 0;
}
.modern-forms .prepend-icon > input, .modern-forms .prepend-icon > select, .modern-forms .prepend-icon > textarea {
    padding-left: 20px;
}
.modern-forms .append-icon > input, .modern-forms .append-icon > textarea {
}
.modern-forms .mdn-select .mdn-icon {
    line-height: 42px;
    z-index: 99!important;
}
.modern-forms .mdn-input:focus ~ .mdn-icon i, .modern-forms .mdn-textarea:focus ~ .mdn-icon i, .modern-forms .mdn-select > select:focus ~ .mdn-icon i, .modern-forms .mdn-upload .mdn-file:focus ~ .mdn-icon i {
    color: #2C97DE;
}
/* error + success states 
------------------------------------------------------------ */

.modern-forms .mdn-error .mdn-file ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-file ~ .mdn-bar:before, .modern-forms .mdn-error .mdn-input ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-input ~ .mdn-bar:before, .modern-forms .mdn-error .mdn-textarea ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-textarea ~ .mdn-bar:before, .modern-forms .mdn-error.mdn-select > select ~ .mdn-bar:after, .modern-forms .mdn-error.mdn-select > select ~ .mdn-bar:before, .modern-forms .mdn-error.mdn-select-multiple select ~ .mdn-bar:after, .modern-forms .mdn-error.mdn-select-multiple select ~ .mdn-bar:before, .modern-forms .mdn-error .mdn-file:focus ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-file:focus ~ .mdn-bar:before, .modern-forms .mdn-error .mdn-input:focus ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-input:focus ~ .mdn-bar:before, .modern-forms .mdn-error .mdn-textarea:focus ~ .mdn-bar:after, .modern-forms .mdn-error .mdn-textarea:focus ~ .mdn-bar:before, .modern-forms .mdn-error.mdn-select > select:focus ~ .mdn-bar:after, .modern-forms .mdn-error.mdn-select > select:focus ~ .mdn-bar:before, .modern-forms .mdn-error.mdn-select-multiple select:focus ~ .mdn-bar:after, .modern-forms .mdn-error.mdn-select-multiple select:focus ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-file ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-file ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-input ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-input ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-textarea ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-textarea ~ .mdn-bar:before, .modern-forms .mdn-success.mdn-select > select ~ .mdn-bar:after, .modern-forms .mdn-success.mdn-select > select ~ .mdn-bar:before, .modern-forms .mdn-success.mdn-select-multiple select ~ .mdn-bar:after, .modern-forms .mdn-success.mdn-select-multiple select ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-file:focus ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-file:focus ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-input:focus ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-input:focus ~ .mdn-bar:before, .modern-forms .mdn-success .mdn-textarea:focus ~ .mdn-bar:after, .modern-forms .mdn-success .mdn-textarea:focus ~ .mdn-bar:before, .modern-forms .mdn-success.mdn-select > select:focus ~ .mdn-bar:after, .modern-forms .mdn-success.mdn-select > select:focus ~ .mdn-bar:before, .modern-forms .mdn-success.mdn-select-multiple select:focus ~ .mdn-bar:after, .modern-forms .mdn-success.mdn-select-multiple select:focus ~ .mdn-bar:before {
    width: 50%;
}
.modern-forms .mdn-error .mdn-icon i, .modern-forms .mdn-error .mdn-icon i, .modern-forms .mdn-error .mdn-input + .mdn-label, .modern-forms .mdn-error .mdn-textarea + .mdn-label, .modern-forms .mdn-error.mdn-select > select + .mdn-label, .modern-forms .mdn-error.mdn-select-multiple select+ .mdn-label, .modern-forms .mdn-error.mdn-upload .mdn-file ~ .mdn-label, .modern-forms .mdn-error .mdn-input:focus ~ .mdn-icon i, .modern-forms .mdn-error .mdn-textarea:focus ~ .mdn-icon i, .modern-forms .mdn-error.mdn-select > select:focus ~ .mdn-icon i, .modern-forms .mdn-error.mdn-upload .mdn-file:focus ~ .mdn-icon i, .modern-forms .mdn-error .mdn-msg, .modern-forms .mdn-error .mdn-input:focus ~ .mdn-msg, .modern-forms .mdn-error .mdn-textarea:focus ~ .mdn-msg, .modern-forms .mdn-error.mdn-select > select:focus ~ .mdn-msg, .modern-forms .mdn-error.mdn-select-multiple select:focus ~ .mdn-msg, .modern-forms .mdn-error.mdn-upload .mdn-file:focus ~ .mdn-msg {
    color: #f77070;
}
.modern-forms .mdn-error .mdn-bar:after, .modern-forms .mdn-error .mdn-bar:before, .modern-forms .mdn-error.mdn-upload .btn-primary, .modern-forms .mdn-error.mdn-upload .mdn-file:hover ~ .btn-primary {
    background: #F44336;
}
.modern-forms .mdn-error.mdn-select:after {
    border-top-color: #F44336;
}
.modern-forms .mdn-error.mdn-upload .mdn-file:focus ~ .btn-primary, .modern-forms .mdn-error.mdn-upload .mdn-file:hover ~ .btn-primary {
    background: #D61B0C;
}
.modern-forms .mdn-error .mdn-radio, .modern-forms .mdn-error .mdn-checkbox, .modern-forms .mdn-error input:hover + .mdn-radio, .modern-forms .mdn-error input:focus + .mdn-radio, .modern-forms .mdn-error input:hover + .mdn-checkbox, .modern-forms .mdn-error input:focus + .mdn-checkbox {
    border-color: #F44336;
}
.modern-forms .mdn-success .mdn-icon i, .modern-forms .mdn-success .mdn-icon i, .modern-forms .mdn-success .mdn-input + .mdn-label, .modern-forms .mdn-success .mdn-textarea + .mdn-label, .modern-forms .mdn-success.mdn-select > select + .mdn-label, .modern-forms .mdn-success.mdn-select-multiple select+ .mdn-label, .modern-forms .mdn-success.mdn-upload .mdn-file ~ .mdn-label, .modern-forms .mdn-success .mdn-input:focus ~ .mdn-icon i, .modern-forms .mdn-success .mdn-textarea:focus ~ .mdn-icon i, .modern-forms .mdn-success.mdn-select > select:focus ~ .mdn-icon i, .modern-forms .mdn-success.mdn-upload .mdn-file:focus ~ .mdn-icon i, .modern-forms .mdn-success .mdn-msg, .modern-forms .mdn-success .mdn-input:focus ~ .mdn-msg, .modern-forms .mdn-success .mdn-textarea:focus ~ .mdn-msg, .modern-forms .mdn-success.mdn-select > select:focus ~ .mdn-msg, .modern-forms .mdn-success.mdn-select-multiple select:focus ~ .mdn-msg, .modern-forms .mdn-success.mdn-upload .mdn-file:focus ~ .mdn-msg {
    color: #2ECC71;
}
.modern-forms .mdn-success .mdn-bar:after, .modern-forms .mdn-success .mdn-bar:before, .modern-forms .mdn-success.mdn-upload .btn-primary, .modern-forms .mdn-success.mdn-upload .mdn-file:hover ~ .btn-primary {
    background: #2ECC71;
}
.modern-forms .mdn-success.mdn-select:after {
    border-top-color: #2ECC71;
}
.modern-forms .mdn-success.mdn-upload .mdn-file:focus ~ .btn-primary, .modern-forms .mdn-success.mdn-upload .mdn-file:hover ~ .btn-primary {
    background: #26AC60;
}
.modern-forms .mdn-success .mdn-radio, .modern-forms .mdn-success .mdn-checkbox, .modern-forms .mdn-success input:hover + .mdn-radio, .modern-forms .mdn-success input:focus + .mdn-radio, .modern-forms .mdn-success input:hover + .mdn-checkbox, .modern-forms .mdn-success input:focus + .mdn-checkbox {
    border-color: #2ECC71;
}
/* @form rows || colms
--------------------------------------------------------- */

.modern-forms .form-row {
    margin: 0 -10px;
}
.modern-forms .form-row:before, .modern-forms .form-row:after {
    line-height: 0;
    display: table;
    content: "";
}
.modern-forms .form-row:after {
    clear: both;
}
.modern-forms .form-row .col {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;
}
.modern-forms .form-row .col-1 {
    width: 8.33%;
}
.modern-forms .form-row .col-2 {
    width: 16.66%;
}
.modern-forms .form-row .col-3 {
    width: 25%;
}
.modern-forms .form-row .col-4 {
    width: 33.33%;
}
.modern-forms .form-row .col-5 {
    width: 41.66%;
}
.modern-forms .form-row .col-6 {
    width: 50%;
}
.modern-forms .form-row .col-7 {
    width: 58.33%;
}
.modern-forms .form-row .col-8 {
    width: 66.66%;
}
.modern-forms .form-row .col-9 {
    width: 75%;
}
.modern-forms .form-row .col-10 {
    width: 83.33%;
}
.modern-forms .form-row .col-11 {
    width: 91.66%;
}
.modern-forms .form-row .col-12 {
    width: 100%;
}
.modern-forms .form-row .col-1-5 {
    width: 20%;
}
.modern-forms .form-row .col-1-8 {
    width: 12.5%;
}
/* @basic support styles 
---------------------------------------------------------------------*/

.modern-forms fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.modern-forms fieldset legend {
    border: none;
    color: #1E282D;
    font-size: 18px;
    position: static;
    padding-bottom: 5px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D2D2D2;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 100%;
}
.modern-forms fieldset fieldset legend {
    border-bottom: 2px solid #404040;
    font-weight: normal;
}
.modern-forms fieldset fieldset fieldset legend {
    border-bottom: 1px solid #404040;
    font-weight: normal;
    font-size: 15px;
}
.modern-forms .mdn-footer {
    display: block;
    position: relative;
}
.modern-forms .mdn-footer .mdn-button {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}
.modern-forms .mdn-footer .mdn-button-view-plans {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
}
.mdn-button-view-plans {
    border: 0;
    height: 46px;
    color: #243140;
    line-height: 1;
    font-size: 14px;
    cursor: pointer;
    padding: 0 15px;
    background: none;
    text-align: center;
    position: relative;
    vertical-align: top;
    display: inline-block;
    -webkit-user-drag: none;
    text-transform: uppercase;
    transition: all .55s ease-out;
    -moz-transition: all .55s ease-out;
    -webkit-transition: all .55s ease-out;
    -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);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.modern-forms .block-group .mdn-option {
    display: block;
    padding-bottom: 8px;
}
.modern-forms .block-label {
    padding-bottom: 20px;
}
.modern-forms .block-label .mdn-label {
    top: 0px;
}
.modern-forms .mdn-section {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
}
.modern-forms .mdn-section .mdn-group {
    margin-bottom: 15px;
}
.modern-forms .block-group .mdn-switch {
    display: block;
    padding: 5px 0;
    height: 34px;
}
.modern-forms .pad-r {
    padding-right: 40px;
}
.modern-forms .pad-l {
    padding-left: 40px;
}

@media (min-width: 1500px) {
div.col-lg-5.col-md-6.col-sm-6.col-xs-12.filter-options {
    width: 400px!important;
}
}

@media (min-width: 1200px) {
div.col-lg-5.col-md-6.col-sm-6.col-xs-12.filter-options {
    width: 400px!important;
}
}

@media (max-width: 860px) {
.modern-forms .form-row {
    margin: 0;
}
.modern-forms .form-row .col {
    width: 100%;
    float: none;
    padding: 0;
}
.modern-forms .mdn-bottom-border {
    height: auto;
    padding-bottom: 20px;
}
.modern-forms .pad-r {
    padding-right: 0;
}
.modern-forms .pad-l {
    padding-left: 0;
}
div.search-icon {
    display: none;
}
div.inqbox-content.nTLD-box {
    min-height: 550px!important;
}




}

@media (max-width: 1196px) {
div.inqbox-content.nTLD-box {
    min-height: 550px!important;
}
}
.member-points {
    list-style-type: none;
    border-left: 3px solid #efefef;
    padding-bottom: 0px!important;
    margin-bottom: 35px;
}
select#subscription_type {
    font-weight: bold;
    color: #253239;
}
select#payment {
    font-weight: bold;
    color: #253239;
}
.go-back {
    background: #E9E9E9!important;
    color: #696969!important;
    text-shadow: none!important;
}
.go-back:hover, .go-back:focus, .go-back:active {
    background: #D0D0D0!important;
    color: #696969!important;
    text-shadow: none!important;
}
p.p-b.small-grey {
    font-size: 13px!important;
    color: #868686!important;
}
.fa.fa-caret-right.i-right {
    display: none;
}

@media (max-width: 768px) {
.top-navigation .navbar-header {
    display: block;
    float: none
}
.navbar-top-links li:last-child {
    margin-right: 20px
}
}
.menu-visible-lg, .menu-visible-md {
    display: none!important
}

@media (min-width: 1200px) {
.menu-visible-lg {
    display: block!important
}
div.panel.panel-default.set-panel-height {
}
}

@media (min-width: 992px) {
.menu-visible-md {
    display: block!important
}
}

@media (max-width: 767px) {
.menu-visible-md {
    display: block!important
}
.menu-visible-lg {
    display: block!important
}
}
/*****************************
************TABS*************
*******----IN USE------*******
******************************
*****************************/




.tab-block .tab-content {
    /*    overflow:auto;*/
    
    position: relative;
    z-index: 10;
    min-height: 125px;
    padding: 20px 20px;
    border: 1px solid #e2e2e2;
    background-color: #FFF;
}
.tab-block .nav-tabs {
    position: relative;
    border: 0
}
.tab-block .nav-tabs > li {
    float: left;
    margin-bottom: -1px
}
.tab-block .nav-tabs > li > a {
    z-index: 9;
    position: relative;
    color: #AAA;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 20px;
    margin-right: -1px;
    border-color: #e2e2e2;
    border-radius: 0;
    background: #fafafa
}
.tab-block .nav-tabs > li:first-child > a {
    margin-left: 0
}
.tab-block .nav-tabs > li > a:hover {
    background-color: #f4f4f4
}
.tab-block .nav-tabs > li.active > a, .tab-block .nav-tabs > li.active > a:hover, .tab-block .nav-tabs > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555;
    background: #FFF;
    border-color: #e2e2e2;
    border-bottom: 1px solid #FFF
}
.tab-block .tabs-left {
    float: left
}
.tab-block .tabs-left > li {
    float: none;
    margin: 0 -1px -1px 0
}
.tab-block .tabs-left > li > a {
    padding: 14px 16px;
    color: #777;
    font-weight: 600;
    border: 1px solid transparent;
    border-color: #DDD;
    background: #fafafa
}
.tab-block .tabs-left > li.active > a, .tab-block .tabs-left > li.active > a:hover, .tab-block .tabs-left > li.active > a:focus {
    color: #555;
    border-color: #DDD #FFF #DDD #DDD;
    cursor: default;
    position: relative;
    z-index: 12;
    background: #FFF
}
.tab-block .tabs-right {
    float: right
}
.tab-block .tabs-right > li {
    float: none;
    margin: 0 0 -1px -1px
}
.tab-block .tabs-right > li > a {
    padding: 14px 16px;
    color: #777;
    font-weight: 600;
    border: 1px solid transparent;
    border-color: #DDD;
    background: #fafafa
}
.tab-block .tabs-right > li.active > a, .tab-block .tabs-right > li.active > a:hover, .tab-block .tabs-right > li.active > a:focus {
    color: #555;
    border-color: #DDD #DDD #DDD #FFF;
    cursor: default;
    position: relative;
    z-index: 12;
    background: #FFF
}
.tabs-below {
    position: relative
}
.tabs-below > li {
    float: left;
    margin-top: -1px
}
.tabs-below > li > a {
    position: relative;
    z-index: 9;
    margin-right: -1px;
    padding: 11px 16px;
    color: #777;
    font-weight: 600;
    border: 1px solid #DDD;
    background: #fafafa
}
.tab-block .tabs-below > li.active > a, .tab-block .tabs-below > li.active > a:hover, .tab-block .tabs-below > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555;
    background: #FFF;
    border-color: #DDD;
    border-top: 1px solid #FFF
}
table tbody tr.message-read td {
    color: #999;
    background-color: #fbfbfb
}
table tbody tr.message-unread td {
    background-color: #fff
}
table.tc-text-center-head thead th, table.tc-text-center-head tfoot th {
    text-align: center
}
table.tc-fs11-head thead th, table.tc-fs11-head tfoot th {
    font-size: 12px
}
table.tc-fs12-head thead th, table.tc-fs12-head tfoot th {
    font-size: 12px
}
table.tc-checkbox-1 tbody td:first-child, table.tc-checkbox-2 tbody td:nth-child(2), table.tc-checkbox-3 tbody td:nth-child(3), table.tc-checkbox-last tbody td:last-child {
    text-align: center;
    padding: 11px
}
table.tc-list-1 tbody td:first-child, table.tc-list-2 tbody td:nth-child(2), table.tc-list-3 tbody td:nth-child(3), table.tc-list-last tbody td:last-child {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    width: 45px;
    padding: 0 10px;
    border-right: 1px solid #e5e5e5;
    background: #fdfdfd
}
table.tc-bold-1 tbody td:first-child, table.tc-bold-2 tbody td:nth-child(2), table.tc-bold-3 tbody td:nth-child(3), table.tc-bold-last tbody td:last-child {
    font-weight: 600;
    text-align: right;
    font-size: 14px
}
table.tc-med-1 tbody td:first-child, table.tc-med-2 tbody td:nth-child(2), table.tc-med-3 tbody td:nth-child(3), table.tc-med-last tbody td:last-child {
    font-weight: 400;
    color: #999
}
table.tc-icon-1 tbody td:first-child, table.tc-icon-2 tbody td:nth-child(2), table.tc-icon-3 tbody td:nth-child(3), table.tc-icon-last tbody td:last-child {
    font-size: 18px;
    text-align: center;
    color: #999
}
table.tc-text-muted-1 tbody td:first-child, table.tc-text-muted-2 tbody td:nth-child(2), table.tc-text-muted-3 tbody td:nth-child(3), table.tc-text-muted-last tbody td:last-child {
    color: #999
}
table.tc-text-primary-1 tbody td:first-child, table.tc-text-primary-2 tbody td:nth-child(2), table.tc-text-primary-3 tbody td:nth-child(3), table.tc-text-primary-last tbody td:last-child {
    color: #4a89dc
}
table.tc-fw600-1 tbody td:first-child, table.tc-fw600-2 tbody td:nth-child(2), table.tc-fw600-3 tbody td:nth-child(3), table.tc-fw600-last tbody td:last-child {
    font-weight: 600
}
table.tc-fw600-1 tbody td:first-child, table.tc-fw600-2 tbody td:nth-child(2), table.tc-fw600-3 tbody td:nth-child(3), table.tc-fw600-last tbody td:last-child {
    font-weight: 600
}
table.tc-fs13-1 tbody td:first-child, table.tc-fs13-2 tbody td:nth-child(2), table.tc-fs13-3 tbody td:nth-child(3), table.tc-fs13-last tbody td:last-child {
    font-size: 13px
}
table.tc-text-left-1 tbody td:first-child, table.tc-text-left-2 tbody td:nth-child(2), table.tc-text-left-3 tbody td:nth-child(3), table.tc-text-left-last tbody td:last-child {
    text-align: right
}
table.tc-text-center-1 tbody td:first-child, table.tc-text-center-2 tbody td:nth-child(2), table.tc-text-center-3 tbody td:nth-child(3), table.tc-text-center-last tbody td:last-child {
    text-align: center
}
table.tc-text-right-1 tbody td:first-child, table.tc-text-right-2 tbody td:nth-child(2), table.tc-text-right-3 tbody td:nth-child(3), table.tc-text-right-last tbody td:last-child {
    text-align: right
}
table.tc-va-t-1 tbody td:first-child, table.tc-va-t-2 tbody td:nth-child(2), table.tc-va-t-3 tbody td:nth-child(3), table.tc-va-t-last tbody td:last-child {
    vertical-align: top
}
table.tc-va-m-1 tbody td:first-child, table.tc-va-m-2 tbody td:nth-child(2), table.tc-va-m-3 tbody td:nth-child(3), table.tc-va-m-last tbody td:last-child {
    vertical-align: middle
}
table.tc-va-b-1 tbody td:first-child, table.tc-va-b-2 tbody td:nth-child(2), table.tc-va-b-3 tbody td:nth-child(3), table.tc-va-b-last tbody td:last-child {
    vertical-align: bottom
}
.table-checklist td {
    cursor: pointer
}
.table-widget .tab-content {
    padding: 0;
    border: 0;
    overflow: hidden
}
.table-widget .progress {
    width: 80%;
    height: 13px;
    margin: 0
}
.table-widget .label, .table-widget .badge {
    margin-right: 7px
}
.table-checklist tr.task-checked {
    color: #bbb
}
.table-checklist tr.task-checked .text-slash {
    text-decoration: line-through
}
.table-checklist tr.task-checked .label, .table-checklist tr.task-checked .progress {
    opacity: .3
}
.negative-margin-15 {
    margin-top: -15px!important;
}

@media only screen and (max-width: 800px) {
.no-more-tables table,  .no-more-tables thead,  .no-more-tables tbody,  .no-more-tables th,  .no-more-tables td,  .no-more-tables tr {
    display: block!important
}
.no-more-tables thead tr {
    position: absolute!important;
    top: -9999px!important;
    left: -9999px!important
}
.no-more-tables tr {
    border: 1px solid #ccc!important
}
.no-more-tables td {
    border: none!important;
    border-bottom: 1px solid #eee!important;
    position: relative!important;
    padding-left: 50%!important;
    white-space: normal!important;
    text-align: left!important
}
.no-more-tables td:before {
    position: absolute!important;
    top: 6px!important;
    left: 6px!important;
    width: 45%!important;
    padding-right: 10px!important;
    white-space: nowrap!important;
    text-align: left!important;
    font-weight: 700!important
}
.no-more-tables td:before {
    content: attr(data-title)
}
}
/*------------------------Price Packages Starts-------------------------- */

.price-box {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    background: #fff;
    min-height: 575px;
}
.price-box:hover, .price-box:focus {
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
}
.price-box:hover .theme-btn-2, .price-box:focus .theme-btn-2 {
    color: #fff;
}
.price-heading {
    padding: 25px 25px 35px;
    /* border-bottom: 1px solid #eaeaea; */
    
    position: relative;
}
.price-heading .tag {
    position: absolute;
    top: 15px;
    right: -1px;
    background: rgb(255, 170, 0);
    text-transform: uppercase;
    padding: 0px;
}
.tag-preview::before {
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-left: 14px solid #ffffff;
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.tag-preview {
    color: #ffffff;
    display: inline-block;
    height: 30px;
    position: relative;
    text-align: center;
    top: 0;
    width: 90px;
}
.tag-preview .title-2 {
    color: #ffffff;
    font-size: 12px;
    padding-left: 10px;
    vertical-align: sub;
}
.price-detail > ul {
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #eaeaea;
    list-style-type: none;
}
.price-detail > ul li {
    border-bottom: 1px solid #eaeaea;
    padding-top: 10px;
    padding-bottom: 5px;
}
.price-detail > ul li:last-child {
    border-bottom: none;
}
.theme-color-blue {
    color: #2771A2;
    padding: 4px;
}
.section-title {
    font-size: 54px;
}
.title-1 {
    font-size: 24px;
    line-height: 1.5em;
    color: #2B3A42;
}
.title-2 {
    font-size: 13px;
    color: #3c3d41;
}
.title-3 {
    font-size: 10px;
    text-transform: uppercase;
}
.article-title > h2, .comment-reply-title {
    font-size: 13px;
    text-transform: uppercase;
}
.comment-author .fn, .comment-metadata a {
    font-size: 11px;
}
.comment-metadata a {
    color: #656b6f;
}
.title-wrap p {
    font-size: 18px;
    padding-top: 5px;
    color: #656b6f;
}
.price-cost-num {
    font-size: 40px!important;
    line-height: 1.2em!important;
}
.faded-text {
    color: #C7C7C7!important;
}
.align-center {
    margin: 0px auto;
    display: block;
    text-align: center;
    padding: 15px 0px 30px;
}
/*--------------------Price Packages Ends----------------------- */



/*--------------------FOOTER STYLES---------------------- */

.footer-section {
    background-color: #262f38;
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
    padding: 30px 0 30px 0;
}
div.col-md-1.f-links a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.list-inline-social {
    display: inline-flex;
    font-size: 18px;
    color: #fff;
}
.list-inline-social a {
    color: #FFF;
    padding: 20px;
}
ul.tos {
    display: inline-flex;
    width: auto;
    color: #FFF;
    list-style-type: none;
    padding-left: 0px;
    width: 300px!important;
    float: left;
}
div.copyright-section {
    border-top: 1px solid #2E3842;
}
/*--------------------TRANSACTION PMT SUCCESS/ERROR STYLES---------------------- */

div#payment-declined {
    min-height: 500px!important;
    padding: 0px!important;
}
div#thank-you {
    min-height: 600px!important;
    padding: 0px!important;
}
div#payment-processing {
    min-height: 500px!important;
    padding: 0px!important;
}
.center-block-message {
    text-align: center;
    margin: 0px auto;
    display: block;
}
.transaction-message {
    height: 275px!important;
    width: 275px!important;
    background: url("../images/success-pmt.svg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-top: 20px;
}
.transaction-output-message {
    color: #FFF;
    padding: 65px 0px;
}
.transaction-output-message h3 {
    font-weight: 900;
}
.transaction-output-message h3 span {
    font-weight: 300!important;
    font-size: .8em;
}
.transaction-message-processing {
    height: 275px!important;
    width: 275px!important;
    background: url("../images/processing.svg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-top: 30px;
}
.transaction-message-declined {
    height: 275px!important;
    width: 275px!important;
    background: url("../images/declined-msg.svg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-top: 30px;
}
.transaction-message-declined {
    color: #FFF;
}
.transaction-message-declined h3 {
    font-weight: 900;
}
.transaction-message-declined h3 span {
    font-weight: 300!important;
    font-size: .8em;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;
    z-index: 2
}
.list-group-item-heading {
    margin-top: 10px
}
.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    font-size: 12px;
    line-height: inherit
}
.no-padding .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none
}
.no-padding .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none
}
.no-padding .list-group {
    margin-bottom: 0
}
.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}
.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    padding: 15px 25px
}
.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none!important
}
.elements-list .list-group {
    margin-bottom: 0
}
.elements-list a {
    color: inherit
}
.elements-list .list-group-item.active, .elements-list .list-group-item:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    border-radius: 0
}
.elements-list li.active {
    transition: none
}
.element-detail-box {
    padding: 25px
}
.flot-chart {
    display: block;
    height: 200px
}
.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px
}
.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px
}
.flot-chart-content {
    width: 100%;
    height: 100%
}
.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto
}
.jqstooltip {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43, 48, 58, 0.8);
    color: #fff;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
    padding: 5px;
    min-height: 22px;
    border-radius: 3px;
}
div.tooltip.export.m-l-n-xs-2 {
    margin-right: 2px!important;
}
.jqsfield {
    color: #fff;
    text-align: left
}
.h-200 {
    min-height: 200px
}
.legendLabel {
    padding-left: 5px
}
.stat-list li:first-child {
    margin-top: 0
}
.stat-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.stat-percent {
    float: right
}
.stat-list li {
    margin-top: 15px;
    position: relative
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background: transparent
}
table.dataTable thead .sorting_asc:after {
    float: right;
    font-family: fontawesome
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5)
}
.dataTables_wrapper {
    padding-bottom: 0px;
}
.pace-inactive {
    display: none
}
.widget {
    padding: 100px 10px;
    margin-bottom: 10px
}
.widget.style1 h2 {
    font-size: 30px
}
.widget h2, .widget h3 {
    margin-top: 5px;
    margin-bottom: 0
}
.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #fff
}
.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px
}
.widget .flot-chart {
    height: 100px
}
.vertical-align div {
    display: inline-block;
    vertical-align: middle
}
.vertical-align h2, .vertical-align h3 {
    margin: 0
}
.glyphicon.fa {
    font-family: "FontAwesome"
}
.inline {
    display: inline-block!important
}
.input-s-sm {
    width: 120px
}
.input-s {
    width: 200px
}
.input-s-lg {
    width: 250px
}
.i-checks {
    padding-left: 0
}
.form-control, .single-line {
    background-image: none;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0;
    width: 100%;
    font-size: 14px;
}
.form-control:focus, .single-line:focus {
    border-color: #1C84C6!important
}
.has-success .form-control {
    border-color: #1ab394
}
.has-warning .form-control {
    border-color: #f8ac59
}
.has-error .form-control {
    border-color: #ed5565
}
.has-success .control-label {
    color: #1ab394
}
.has-warning .control-label {
    color: #f8ac59
}
.has-error .control-label {
    color: #ed5565
}
.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}
svg#L7 {
    width: 15%!important;
}

@media only screen and (min-width: 1170px) {
#vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em
}
#vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px
}
}

@media only screen and (max-width: 1170px) {
.center-orientation.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent
}
}
.vertical-timeline-block {
    position: relative;
    margin: 2em 0
}
.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both
}
.vertical-timeline-block:first-child {
    margin-top: 0
}
.vertical-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-block {
    margin: 4em 0
}
.center-orientation .vertical-timeline-block:first-child {
    margin-top: 0
}
.center-orientation .vertical-timeline-block:last-child {
    margin-bottom: 0
}
}
.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center
}
.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-icon {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    font-size: 19px
}
.center-orientation .vertical-timeline-icon i {
    margin-left: -12px;
    margin-top: -10px
}
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
    visibility: hidden
}
}
/*--------------------FULL WIDTH TEMPLATE DESGIN---------------------- */

.full-width-container {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 60px;
    background: #FFFFFF;
    box-shadow: 0 0 6px rgba(153, 153, 153, .29)
}
.extra-padding-container {
    padding-left: 40px;
}
.full-width-container p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
.list-no-bullets {
    list-style-type: none;
    padding: 25px 30px;
    border-left: 3px solid #efefef;
    line-height: 1.5em;
}
/*--------------------SIDEBAR TEMPLATE DESGIN---------------------- */

.side-links {
    background: #FFF;
    width: 100%;
    height: auto;
    padding: 30px 0px;
    box-shadow: 0px 1px 3px 1px rgba(178, 178, 178, 0.25);
    margin-top: 0px;
    /* padding-top: 0px; */
    
    top: -30px;
    position: relative;
    display: block;
}
section#sidebar {
    box-shadow: 0px 1px 3px 1px rgba(178, 178, 178, 0.25);
}
.side-links ul {
    list-style-type: none;
    color: #69696E;
}
.side-links ul li a {
    color: #69696E;
    font-weight: 300;
    background: #FFFFFF;
    line-height: 1.0em;
    padding: 9px 35px;
    font-size: 14px;
}
.side-links ul li a:active, .side-links ul li a:focus, .side-links ul li a:hover {
    font-weight: 200;
    color: #0D1013;
    background: none;
}
.doc-links {
    color: #69696E;
    line-height: 1.7em;
}
.right-content {
    background: #fff;
    height: auto;
    padding: 25px 50px;
    /* sidebar: */
    
    box-shadow: 0px 1px 3px 1px rgba(178, 178, 178, 0.25);
    overflow: hidden;
    margin-bottom: 10px;
}
.right-content-dashboard {
    background: #fff;
    height: auto;
    padding: 25px 45px;
    /* sidebar: */
    
    overflow: hidden;
    margin-bottom: 10px;
}
.meth-description {
    font-size: 14px;
}
/*---FIXED SIDEBAR TO SCROLL WITH CONTENT----*/

aside#full-sidebar.col-md-3.full-sidebar {
    position: fixed!important;
    top: 300px;
}
/* sample file for the navigational structure */

#masthead h1 {
    font-size: 30px;
    line-height: 1;
    padding-top: 20px;
}
#masthead .well {
    margin-top: 8%;
}

@media screen and (min-width: 768px) {
#masthead h1 {
    font-size: 50px;
}
}
.navbar-bright {
    background-color: #111155;
    color: #fff;
}
.affix-top, .affix {
    position: static;
}
#full-sidebar.affix {
    position: fixed;
}

@media (min-width: 979px) {
#full-sidebar.affix-top {
    position: static;
    margin-top: 30px;
}
#full-sidebar.affix {
    position: fixed;
    top: 315px;/* width:210px; */
        /* font-size:14px; */
}
}
body.modal-open {
    padding-right: inherit!important
}

@media (max-width: 768px) {
body.rtls .navbar-top-links li:last-child {
    margin-left: 20px
}
.body-small.rtls #page-wrapper {
    position: inherit;
    margin: 0;
    min-height: 1000px
}
.body-small.rtls .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px
}
.body-small.rtls.mini-navbar .navbar-static-side {
    display: block
}
.rtls.fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px
}
.rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block
}
}
.rtls .ltr-support {
    direction: ltr
}
.default-skin {
    text-align: center;
    font-weight: 600;
    background: #1ab394
}
.default-skin:hover {
    background: #199d82
}

@media (min-width: 768px) {
#page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px
}
.navbar-static-side {
       z-index: 2001;
    position: absolute;
    width: 220px
}
.navbar-top-links .dropdown-messages,  .navbar-top-links .dropdown-tasks,  .navbar-top-links .dropdown-alerts {
    margin-left: auto
}
}

@media (max-width: 874px) {
.navbar-form-custom {
    display: none
}
}

@media (min-width: 328px) {
.pl19 {
    left: 70px!important
}
}

@media (min-width: 768px) {
.pl19 {
    left: 0!important
}
}

@media (max-width: 768px) {
#page-wrapper {
    position: inherit;
    margin: 0;
    min-height: 1000px
}
.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px
}
.body-small.mini-navbar .navbar-static-side {
    display: block
}
.lock-word {
    display: none
}
.navbar-header {
    display: inline;
    float: left
}
.sidebard-panel {
    z-index: 2;
    position: relative;
    width: auto;
    min-height: 100%!important
}
.sidebar-content .wrapper {
    padding-right: 0;
    z-index: 1
}
.fixed-sidebar.body-small .navbar-static-side {
    display: none;
    z-index: 2001;
    position: fixed;
    width: 220px
}
.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
    display: block
}
.inqbox-tools {
    float: none;
    text-align: right;
    display: block
}
}

@media (max-width: 350px) {
.timeline-item .date {
    text-align: left;
    width: 110px;
    position: relative;
    padding-top: 30px
}
.timeline-item .date i {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border: 1px solid #e7eaec;
    background: #f8f8f8
}
.timeline-item .content {
    border-left: none;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px
}
.inqbox-tools {
    float: none;
    text-align: left;
    display: inline-block
}
}
#full-sidebar li.active {
    border: 0 #eee solid;
    border-right-width: 5px;
}
.affix-nav-style {
    margin-top: 30px;
}
h5.footer-headings {
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400;
}
h6.pull-right.bottom-styles {
    color: rgb(90, 100, 109)!important;
    padding: 0px!important;
    font-size: 12px;
}
h6.pull-left.bottom-styles {
    color: #E2E2E2!important;
    padding: 0px!important;
    font-size: 12px;
}
h6.pull-left.bottom-styles a {
    color: rgb(90, 100, 109)!important;
}
ul.social-icons.icon-circle.list-unstyled.list-inline-social.pull-left {
    margin-left: -20px;
}
.footer-dot-seperator {
    font-size: 7px!important;
    padding: 0px 10px!important;
}
div.pull-right.small-footer-links-dashboard a {
    font-size: 12px;
    font-weight: 600!important;
}
.padding-right {
    padding-right: 0px!important;
}
.news-message {
    font-size: 1.1em;
    line-height: 1.6em;
}
/*------FILE TREE STYLES FOR SITEMAP------------*/

.file-tree-title {
    background-color: #f6f7f8;
    margin: 0;
    padding: 15px 20px;
    border-top: 1px solid #cbd3dd;
    border-left: 1px solid #cbd3dd;
    border-right: 1px solid #cbd3dd;
    border-radius: 3px 3px 0 0;
    position: relative;
    padding-right: 300px;
    line-height: 1.4;
}
.file-tree-title:after {
    display: block;
    content: '';
    clear: both;
}
.file-tree-description {
    font-size: 0.8125em;
    vertical-align: middle;
    color: #808488;
}
.file-tree-buttons {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    padding: 0 20px;
    line-height: 1.4;
    text-align: right;
    font-size: 0.875em;
}
.file-tree-buttons li {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
 *display: inline;
    cursor: pointer;
    padding: 15px 0;
}
.file-tree-buttons li:first-child {
    margin-right: 20px;
}
.file-tree-buttons li i {
    font-size: 12px;
    margin-right: 4px;
}
.file-tree-list, .file-tree-list ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
}
.file-tree-list {
    font-weight: 300;
    margin-bottom: 30px;
    margin: 0px!important;
    padding-left: 5px;
    padding-top: 0px!important;
}
.file-tree-list ul {
    padding-left: 30px;
}
.file-tree-list li {
    line-height: 1.8;
    list-style-type: none;
}
.file-tree-list li:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    display: inline-block;
    vertical-align: 0px;
    zoom: 1;
 *display: inline;
    webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.file-tree-list li.is-folder:before {
    width: 16px;
    content: "\f114";
    color: #2288cc;
}
.file-tree-list li.is-folder.items-expanded:before {
    width: 16px;
    content: "\f115";
    color: #2288cc;
}
.file-tree-list li.is-file:before {
    width: 16px;
    content: "\f016";
    color: #44bb55;
    font-size: 15px;
    text-indent: 1px;
}
.file-tree-list li.contains-items {
    cursor: pointer;
}
.file-tree-list li.items-expanded {
    cursor: default;
}
/*SLIDE PANEL STYLES TEST*/

.slide-container {
    height: 900px!important;
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}
.content {
    /* padding-bottom: 30px; */
    padding: 75px 5px;
}
/* inner page layouts */

#content-login {
    display: block;
    position: relative;
    width: 100%;
}
#content-register {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 880px;
    z-index: 1!important;
}
.slidelink {
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block;
    float: right;
}
.leftsidelink {
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block;
}
/* form styles */

label.mdn-label.payment-details-label {
    font-size: 20px;
    padding: 15px 0px;
    font-weight: bold;
    background: none;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
/* clearfix */

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.sf-left {
    float: left;
}
.sf-right {
    float: right;
}
/* REGISTRATION STEP PROCESS STYLES */

.sf-step > .sf-step-el {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
}
.sf-wizard {
    position: relative;
}
.sf-wizard.sf-rtl {
    direction: rtl;
}
.sf-hide-legend .sf-step-name, .sf-hide-buttons {
    display: none;
}
.sf-nav {
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    z-index: 4;
}
.sf-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    transition: height 1s;
}
.sf-viewport .sf-step-name {
    font-size: 20px;
    padding: 15px 0px;
    font-weight: bold;
    background: none;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.sf-btn.sf-btn-finish {
    margin: 0 0 0 15px;
}
.sf-btn.sf-btn-disabled {
    cursor: default;
}
.sf-nav-bottom {
    margin-top: 6px;
}
.sf-nav-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    left: 0;
}
.sf-nav-top, .sf-nav-bottom {
    height: 40px;
    -ms-overflow-style: none;
    -ms-scroll-chaining: none;
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
.sf-nav-top .sf-nav, .sf-nav-bottom .sf-nav {
    width: 9999px;
    position: absolute;
}
.sf-nav-left {
    float: left;
    width: 20%;
    height: auto;
    overflow: hidden;
}
.sf-nav-right {
    float: right;
    width: 20%;
    height: auto;
}
.sf-nav-wrap.sf-nav-left li, .sf-nav-wrap.sf-nav-right li {
    float: none;
    margin-bottom: 10px;
}
.sf-nav li {
    float: left;
    position: relative;
    margin-right: 10px;
}
.sf-rtl .sf-nav-top .sf-nav-step, .sf-rtl .sf-nav-bottom .sf-nav-step {
    float: right;
}
.sf-rtl .sf-nav-on-right {
    float: left;
    margin-right: 0;
}
.sf-nav li.sf-nav-link:not(.sf-nav-step-disabled) {
    cursor: pointer;
}
.sf-nav-right li, sf-nav-left li {
    padding-right: 10px;
}
.sf-nav-on-left {
    width: 80%;
    margin-left: 20%;
}
.sf-nav-on-right {
    width: 80%;
    margin-right: 20%;
}
.sf-nav-right li {
    margin-right: 0;
    margin-left: 10px;
}
.sf-step > .sf-step-el {
    overflow: auto;
    overflow-x: hidden;
}
.sf-step-no-active {
    height: 1px;
}
.sf-step-no-active > .sf-step-el {
    display: none;
}
li.sf-li-nonumber {
    text-align: center;
}
.sf-li-nonumber .sf-nav-number {
    display: none;
}
.sf-wizard .sf-btn, .sf-content .nocsript-sf-btn {
    padding: 0 35px;
}
.sf-wizard > .sf-content {
    box-sizing: border-box;
}
.sf-controls {
    z-index: 4;
}
.sf-controls input {
    margin: 0;
}
.sf-viewport {
    width: 100%;
    position: relative;
    perspective: 1000px;
}
.sf-fieldwrap {
    width: 100%;
    height: 100%;
    position: relative;
}
.sf-fieldwrap .sf-step {
    width: 100%;
    position: absolute;
    padding: 20px;
    display: none;
}
.sf-fieldwrap .sf-step.sf-step-front, .sf-fieldwrap .sf-step.sf-step-right, .sf-fieldwrap .sf-step.sf-step-left {
    display: block;
}
.sf-3d-cube .sf-fieldwrap {
    transform-style: preserve-3d;
}
.sf-3d-cube .sf-fieldwrap .sf-step {
    background: #FFF;
}
.sf-fade .sf-fieldwrap .sf-step.sf-step-right, .sf-fade .sf-fieldwrap .sf-step.sf-step-left {
    display: none;
}
.sf-btn-next, .sf-btn-prev, .sf-btn-finish {
    display: none;
    cursor: pointer;
}
.sf-nav-step-disabled {
    cursor: auto;
}
/*END STEP PROCESS STYLES*/


/* ******** FORM REGISTRATION STYLES - OLD SPINNERS *********/

.spinner {
    margin: 2px auto 0;
    text-align: center;
}
.spinner > div {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #FFF;
    display: inline-block;
    margin-right: 2px;
    -webkit-animation: sf-bounce 1.2s infinite ease-in-out;
    animation: sf-bounce 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .ball-1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .ball-2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sf-bounce {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
}
}
@keyframes sf-bounce {
 0%, 80%, 100% {
 transform: scale(0);
 -webkit-transform: scale(0);
}
 40% {
 transform: scale(1);
 -webkit-transform: scale(1);
}
}

@media screen, projection {
.sf-wizard *,  .sf-wizard *:after,  .sf-wizard *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
}
.sf-t2 {
    font-family: sans-serif;
}
.sf-t2 .sf-nav-bottom {
    margin-top: 10px;
    height: 60px;
}
.sf-t2 .sf-nav-top {
    display: none!important;
    height: 83px;
}
.sf-t2 .sf-nav-top li, .sf-t2 .sf-nav-bottom li {
    -webkit-transition: margin 200ms;
    -moz-transition: margin 200ms;
    -ms-transition: margin 200ms;
    -o-transition: margin 200ms;
    transition: margin 200ms;
}
.sf-t2 .sf-nav li {
    font-size: 16px;
    color: #FFF;
    background: #283d50;
    height: 60px;
    line-height: 60px;
    padding: 0 45px;
    border-radius: 3px;
}
.sf-t2:not(.sf-rtl) .sf-nav-top .sf-nav li:last-child, .sf-t2:not(.sf-rtl) .sf-nav-bottom .sf-nav li:last-child {
    margin-right: 0;
}
.sf-t2 .sf-nav li.sf-nav-mark-step:not(.sf-nav-step-disabled):not(.sf-active) {
    background: #5C3665;
}
.sf-t2 .sf-nav li.sf-active, .sf-t2.sf-nomob .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):not(.sf-nav-unlink):hover {
    background: #14b5c8;
}
.sf-t2 .sf-nav-top li.sf-active {
    margin-top: 6px;
}
.sf-t2 .sf-nav-number {
    position: absolute;
    left: 12px;
    top: 0;
    font-size: 96px;
    font-weight: 700;
    overflow: hidden;
}
.sf-t2 .sf-nav-number-inner {
    display: block;
}
.sf-t2 .sf-li-number .sf-nav-subtext {
    padding-left: 35px;
}
.sf-t2 .sf-li-number.sf-li-numbers-two .sf-nav-subtext {
    padding-left: 90px;
}
.sf-t2 .sf-nav-subtext {
    display: block;
}
.sf-t2 .sf-nav-top .sf-nav-step.sf-active:after {
    content: "";
    width: 5px;
    height: 5px;
    background: transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -12px;
    border: 12px solid black;
    border-color: transparent #3189C3 #3189C3 transparent;
    z-index: -1;
}
.sf-t2.sf-wizard .sf-btn, .sf-t2 .sf-content .nocsript-sf-btn {
    height: 45px;
    line-height: 45px;
    padding: 0 75px;
    border-radius: 3px;
    border: none;
    color: #FFF;
    text-decoration: none;
    background-color: #2C97DE;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn:hover, .sf-t2.sf-wizard.sf-mob .sf-btn:active, .sf-t2 .nocsript-sf-btn:hover {
    background-color: #3189C3;
}
.sf-t2.sf-wizard .sf-btn.sf-btn-next, .sf-t2.sf-wizard.sf-rtl .sf-btn.sf-btn-prev {
    background: #2C97DE;
}
.sf-btn.sf-btn-prev {
    background: #2C97DE!important;
}
.sf-t2.sf-wizard .sf-btn.sf-btn-prev, .sf-t2.sf-wizard.sf-rtl .sf-btn.sf-btn-next {
    background: #2C97DE;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn.sf-btn-next:hover, .sf-t2.sf-wizard.sf-mob .sf-btn.sf-btn-next:active, .sf-t2.sf-wizard.sf-nomob.sf-rtl .sf-btn.sf-btn-prev:hover, .sf-t2.sf-wizard.sf-mob.sf-rtl .sf-btn.sf-btn-prev:active {
    background-position: right -35px;
}
.sf-t2.sf-wizard.sf-nomob .sf-btn.sf-btn-prev:hover, .sf-t2.sf-wizard.sf-mob .sf-btn.sf-btn-prev:active, .sf-t2.sf-wizard.sf-nomob.sf-rtl .sf-btn.sf-btn-next:hover, .sf-t2.sf-wizard.sf-mob.sf-rtl .sf-btn.sf-btn-next:hover {
    background-position: left -35px;
}
.sf-t2 .sf-nav-step.sf-nav-step-disabled, .sf-t2 .sf-nav-step.sf-nav-unlink, .sf-t2.sf-wizard .sf-btn.sf-btn-disabled, .sf-t2.sf-rtl.sf-wizard .sf-btn.sf-btn-disabled {
    background: #bbc1c7;
}
.sf-t2.sf-wizard > .sf-content {
    border-radius: 3px;
}
.sf-t2 .sf-step .sf-step-name {
    padding-top: 5px;
}
.sf-t2:not(.sf-3d-cube) .sf-nav-on-left .sf-controls, .sf-t2:not(.sf-3d-cube) .sf-nav-on-right .sf-controls {
    padding: 0 20px;
}
.sf-t2 .sf-nav-on-bottom .sf-controls {
    margin-bottom: 20px;
}
.sf-t2.sf-3d-cube .sf-step {
    background: #FFF;
}
.sf-t2.sf-3d-cube .sf-fieldwrap .sf-step {
    padding: 20px;
    border-radius: 3px;
}
.sf-t2.sf-none .sf-viewport, .sf-t2.sf-fade .sf-viewport, .sf-t2.sf-slide .sf-viewport {
    border-radius: 3px;
}
.sf-t2.sf-none .sf-viewport .sf-step, .sf-t2.sf-fade .sf-viewport .sf-step, .sf-t2.sf-slide .sf-viewport .sf-step {
    padding: 20px;
}

@media all and (max-width: 1200px) {
.sf-t2 .sf-nav li {
    padding: 0 10px;
}
.sf-t2 .sf-li-number .sf-nav-subtext {
    padding-left: 65px;
}
}

@media all and (max-width: 992px) {
.sf-t2 .sf-nav-smmob .sf-nav li {
    padding: 0 31px;
}
.sf-t2 .sf-nav-smmob .sf-nav li > span {
    display: none;
}
.sf-t2 .sf-nav-smmob .sf-nav-number {
    left: 4px;
}
.sf-t2 .sf-nav-smmob .sf-nav li.sf-active:after {
    border: none;
}
.sf-t2 .sf-nav-smmob.sf-nav-top .sf-nav-step.sf-active:after {
    display: none;
}
.sf-t2.sf-wizard .sf-btn {
    padding: 0 10px;
}
}










/*Paralax section styles*/

@-webkit-keyframes keyframes-rotate {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
@keyframes keyframes-rotate {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
.dzsparallaxer {
    height: 400px;
    overflow: hidden;
    background-color: #1c1a17;
    position: relative;
    transition-property: height;
    transition-duration: 0.3s;
    -moz-transition-property: height;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: height;
    -o-transition-duration: 0.3s;
    -ms-transition-property: height;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dzsparallaxer .dzsparallaxer--target {
    position: relative;
}
.dzsparallaxer .dzsparallaxer--target.position-absolute {
    position: absolute;
    top: 0;
    left: 0;
}
.dzsparallaxer .dzsparallaxer--blackoverlay {
    position: absolute;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.dzsparallaxer .big-text {
    position: absolute;
    text-align: center;
    width: 80%;
    left: 10%;
    font-size: 40px;
    font-weight: 300;
    top: 70px;
    color: #eee;
    line-height: 1.5;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    opacity: 0.7;
}
.dzsparallaxer .big-text .smaller {
    font-size: 60%;
}
.dzsparallaxer .center-it {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.dzsparallaxer *[class^="dzsprxseparator--"] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.dzsparallaxer *[class^="dzsprxseparator--"] .display-block {
    display: block;
}
.dzsparallaxer *[class^="dzsprxseparator--"].top {
    bottom: auto;
    top: 0;
}
.dzsparallaxer *[class^="dzsprxseparator--"].flippedY {
    transform: scaleY(-1);
}
.dzsparallaxer *[class^="dzsprxseparator--"].flippedX {
    transform: scaleX(-1);
}
.dzsparallaxer *[class^="dzsprxseparator--"].flippedXY {
    transform: scale(-1, -1);
}
.dzsparallaxer.wait-readyall .dzsparallaxer--target {
    opacity: 0;
    transition-property: height, opacity;
    transition-duration: 0.5s;
    -moz-transition-property: height, opacity;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: height, opacity;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: height, opacity;
    -o-transition-duration: 0.5s;
    -ms-transition-property: height, opacity;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dzsparallaxer.wait-readyall.dzsprx-readyall .dzsparallaxer--target {
    opacity: 1;
}
.dzsparallaxer.use-loading .dzsparallaxer--target {
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 0.7s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.7s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.7s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.7s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dzsparallaxer.use-loading .preloader-semicircles {
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dzsparallaxer.use-loading.loaded .dzsparallaxer--target {
    opacity: 1;
}
.dzsparallaxer.use-loading.loaded .preloader-semicircles {
    transform: translate3d(0, -50px, 0);
    opacity: 0;
    visibility: hidden;
}
.dzsparallaxer.allbody {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.divimage {
    background-size: cover;
    background-position: center center;
}
.dzsparallaxer.is-ie-11 .simple-parallax-inner {
    clip: auto;
}
.dzsparallaxer.is-ie-11 .simple-parallax-inner .divimage.dzsparallaxer--target {
    background-attachment: fixed;
    position: relative;
}
.dzsparallaxer.simple-parallax {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dzsparallaxer.simple-parallax .simple-parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0);
}
.dzsparallaxer.simple-parallax .dzsparallaxer--target {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dzsparallaxer.simple-parallax.dzsprx-readyall .dzsparallaxer--target {
    position: fixed;
    visibility: visible;
    opacity: 1;
}
.blur-it {
    filter: blur(20px);
    -webkit-filter: blur(20px);
}
.semi-black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000', GradientType=0);
}
@-webkit-keyframes preloader-semicircles-tween {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
@keyframes preloader-semicircles-tween {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
.preloader-semicircles {
    width: 15px;
    height: 15px;
    background: rgba(230, 50, 50, 0.9);
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.7;
    pointer-events: none;
    margin-left: -15px;
    margin-right: -15px;
    animation: preloader-semicircles-tween 1.4s infinite linear;
    -webkit-animation: preloader-semicircles-tween 1.4s infinite linear;
}
.preloader-semicircles:after {
    position: absolute;
    width: 25px;
    height: 25px;
    border-top: 5px solid #c83232;
    border-bottom: 5px solid #c83232;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-radius: 25px;
    content: '';
    top: -10px;
    left: -10px;
    box-sizing: content-box;
}
.center-it {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.dzs-colcontainer {
    margin-left: -15px;
    margin-right: -15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dzs-colcontainer:after {
    display: block;
    content: "";
    clear: both;
}
*[class*="dzs-col-"] {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.dzs-col-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}
.dzs-col-4 {
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px;
}
.dzs-col-8 {
    width: 66.6%;
    padding-left: 15px;
    padding-right: 15px;
}
.dzs-col-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.dzs-col-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.dzsparallaxer--team-members-con {
    width: 70%;
    max-width: 1100px;
    margin: 0 auto;
}
.dzsparallaxer.under-760 .dzsparallaxer--team-members-con {
    width: 100%;
}
.dzsparallaxer--team-member-con {
    text-align: center;
}
.dzsparallaxer--team-member-con img {
    max-width: 100%;
}
.dzsparallaxer--team-member-con .team-member--title {
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 1;
    font-size: 15px;
}
.dzsparallaxer--team-member-con .team-member--subtitle {
    opacity: 0.5;
    margin-top: 10px;
    line-height: 1.5;
    background-color: #FFFFFF;
    color: #111;
    padding: 5px;
}
/*SPINNER CLASS FOR THE BUTTONS AS THEY LOAD*/


.spinner {
    text-align: center;
}
.spinner > div {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.7s infinite ease-in-out both;
    margin-right: -3px;
}
.spinner--white > div {
    background: #FFFFFF;
}
.spinner .spinner__item1 {
    animation-delay: -0.60s;
}
.spinner .spinner__item2 {
    animation-delay: -0.40s;
}
.spinner .spinner__item3 {
    animation-delay: -0.20s;
}
 @keyframes sk-bouncedelay {
 0%, 80%, 100% {
 transform: scale(0);
 opacity: 0;
}
40% {
 transform: scale(0.5);
 opacity: 1;
}
}
/* END SPINNER CLASS FOR BUTTON LOADING ANIMATION */









#loading {
    background-color: rgba(255, 255, 255, 0.90);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}
#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 55%;
    top: 45%;
    height: 50px;
    width: 150px;
    margin-top: -25px;
    margin-left: -75px;
}
.object {
    width: 8px;
    height: 50px;
    margin-right: 5px;
    background-color: #1d2a31;
    -webkit-animation: animate 1s infinite;
    animation: animate 1s infinite;
    float: left;
    border-radius: 10px;
}
.object:last-child {
    margin-right: 0px;
}
.object:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.object:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.object:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.object:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.object:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.object:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.object:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.object:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.object:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
@-webkit-keyframes animate {
 50% {
 -ms-transform: scaleY(0);
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
}
}
@keyframes animate {
 50% {
 -ms-transform: scaleY(0);
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
}
}
.sub-text-loading {
    text-align: center!important;
    margin: 0px auto;
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #242830;
    margin-top: 30px;
    padding-top: 20px!important;
    line-height: 3;
}
.sub-text-loading-desc {
    text-align: center!important;
    margin: 0px auto;
    font-size: 1.05em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #242830;
    display: block;
    position: relative;
    text-align: center;
}
#loading-small {
    background-color: rgba(255, 255, 255, 0.90);
    height: 50%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}
#loading-center-small {
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute-small {
    position: absolute;
    left: 49%;
    top: 45%;
    margin-top: -25px;
    margin-left: -75px;
    background: #f3f3f3;
    padding: 40px 25px;
    border-radius: 5px;
}
.object-small {
    width: 3px;
    height: 21px;
    margin-right: 3px;
    background-color: #1d2a31;
    -webkit-animation: animate 1s infinite;
    animation: animate 1s infinite;
    float: left;
    border-radius: 10px;
    border-radius: 69px!important;
}
.object-small:last-child {
    margin-right: 0px;
}
.object-small:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.object-small:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.object-small:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.object-small:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.object-small:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.object-small:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.object-small:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.object-small:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.object-small:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
@-webkit-keyframes animate {
 50% {
 -ms-transform: scaleY(0);
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
}
}
@keyframes animate {
 50% {
 -ms-transform: scaleY(0);
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
}
}
.sub-text-loading-small {
    text-align: center!important;
    margin: 0px auto;
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #242830;
    margin-top: 30px;
    padding-top: 20px!important;
    line-height: 3;
}
.sub-text-loading-desc-small {
    text-align: center!important;
    margin: 0px auto;
    font-size: 1.05em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #242830;
    display: block;
    position: relative;
    text-align: center;
}
/*------------------------------------------*/
/*  Filter Box styles
/*------------------------------------------*/

.filter-box-style {
    background: #f9f9f9;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #e2e2e2;
}
.filter-keywords {
    background: #f9f9f9!important;
    padding-top: 15px!important;
    border-top: 1px solid #efefef;
    border-radius: 4px;
    margin-top: 5px;
    box-shadow: 0 0 0.5px #efefef;
}
/*------------------------------------------*/
/*  Tiny charts
/*------------------------------------------*/

.tinybarcharts {
    float: right;
    padding: 1px;
    margin-left: -20px;
}
/** HORIZONTAL TICKER STYLES  **/

.rn-content {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    /* padding: 20px 10px; */
    
    display: block;
    position: relative!important;
    padding-top: 0px;
    padding-right: 30px!important;
    overflow: hidden;
    height: 48px;
    /* border: 1px solid #dcdcdc!important; */
    
    background: white;
    /* border-radius: 3px; */
    
    display: block;
    float: right;
    padding: none!important;
    float: right!important;
}
.m_container {
    width: 98.5%;
    background: #4FC2E5;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 45px;
    position: relative;
    cursor: pointer;
}
.marquee-sibling {
    padding: 0;
    background: #363c47;
    width: 20%;
    height: 48px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}
.marquee, *[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
}
.marquee {
    margin-left: 25%;
}
.marquee-content-items {
    display: inline-block;
    padding: 5px;
    margin: 0;
    height: 45px;
    position: relative;
}
.marquee-content-items li {
    display: inline-block;
    line-height: 52px;
    color: #565656;
    /* font-weight: normal; */
    
    margin: 10px;
    margin-top: 0px;
}
.marquee-content-items li:after {
    content: "";
    margin: 0 2em;
}
.recent-news-container {
    width: 100%!important;
    background: #d2d2d2!important;
    float: left!important;
    display: inline-block!important;
    overflow: hidden!important;
    box-sizing: border-box!important;
    height: 45px!important;
    position: relative!important;
    cursor: pointer!important;
    /* float: left!important; */
    
    display: block!important;
    /* margin-top: -80px; */
    
    margin-bottom: 20px!important;
}
.text-news {
    position: relative;
    left: -61px!important;
    top: 10px!important;
}
.glyphicon-triangle-top {
    color: #00bf00;
    margin-right: 5px;
}
.glyphicon-triangle-bottom {
    color: #f04040;
    margin-right: 5px;
}
span.text-news a {
    color: #4e4e4e!important;
    font-size: 12px!important;
    font-weight: 500!important;
}
.gif-container {
    height: 400px;
    border-radius: 300px;
    width: 400px;
    margin: 0px auto;
}
.white-color-text {
    color: #fff;
}
section#features.p-t-80.p-b-80.content-dashboard.content-align-md.bg-edit.featured_sec_one.single-white-pages-bg.page-arrow::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ebeef0!important;
    margin-top: -15px;
    margin-left: -15px;
    top: 0%;
    left: 50%;
    border-left-width: 0;
    border-top-width: 0;
}
div.row.features-block.y-middle.arrow-dark-down::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 30px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #262f38 !important;
    margin-top: -15px;
    margin-left: -15px;
    top: 0%;
    left: 50%;
    border-left-width: 0;
    border-top-width: 0;
}
.feature-icon-style {
    display: block;
    margin: 0px auto;
    margin-bottom: 20px;
    border-radius: 4px;
}
.lines-background {
    background-image: url("images/lines.png");
    background-repeat: no-repeat;
    background-position: center top;
    height: 70px;
    width: 100%;
    opacity: .5;
}
.view-report {
    height: 30px;
    width: 50px;
    background: url('../images/report-icon.png') 7px 4px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    border: 1px solid #e7eaec;
    color: #999;
    background-color: #FFF;
    border-radius: 1px;
    top: -5px;
    position: relative;
}
.view-report:hover {
    background: url('../images/report-icon.png') -43px 4px;
    background-repeat: no-repeat;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    color: #676a6c;
    box-shadow: none;
}
.view-report-btn-group {
    height: 24px;
    width: 47px;
    background: url(../images/report-icon.png) 7px 4px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    /* border: 1px solid #e7eaec; */
    /* color: #999; */
    /* background-color: #FFF; */
    border-radius: 1px;
    top: -5px;
    position: relative;
}
.view-report-btn-group:hover {
    height: 24px;
    width: 47px;
    background: url('../images/report-icon.png') -43px 4px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    /* border: 1px solid #e7eaec; */
    /* color: #999; */
    /* background-color: #FFF; */
    border-radius: 1px;
    top: -5px;
    position: relative;
}
.csv-group-btn {
    color: #a9a9a9;
}
.info-group-btn {
    color: #a9a9a9;
}
.csv-button-report {
    height: 30px;
    width: 50px;
    display: inline-block;
    border: 1px solid #e7eaec;
    color: #999;
    background-color: #FFF;
    border-radius: 1px;
    text-align: center;
    top: 0px;
    position: relative;
    line-height: 2.0em;
}
.csv-button-report:hover {
    border: 1px solid #d2d2d2;
    background-color: #f9f9f9;
    color: #676a6c;
    box-shadow: none;
}
.information-button-report {
    height: 31px;
    width: 35px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    color: #999;
    background-color: #FFF;
    border-radius: 1px;
    text-align: center;
    top: 0px;
    position: relative;
    line-height: 2.0em;
    transition: 0.3s;
}
.information-button-report:hover {
    border: 1px solid #d2d2d2;
    background-color: #f9f9f9;
    color: #676a6c;
    box-shadow: none;
}
.material-buttons {
    height: 31px;
    width: 35px;
    display: inline-block;
    border: none;
    color: #c5c5c5;
    background-color: #FFF;
    border-radius: 1px;
    text-align: center;
    top: 0px;
    position: relative;
    line-height: 2.0em;
    transition: 0.3s;
}
.material-buttons:hover {
    background-color: #f9f9f9;
    color: #676a6c;
    box-shadow: none;
}
.ladda-button {
}
.ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    opacity: 0;
    pointer-events: none;
}
.ladda-button .ladda-label {
    position: relative;
    z-index: 3;
}
.ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.1s linear all !important;
    -moz-transition: 0.1s linear all !important;
    -ms-transition: 0.1s linear all !important;
    -o-transition: 0.1s linear all !important;
    transition: 0.1s linear all !important;
}
.ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible;
}
.ladda-button[data-style=contract] {
    overflow: hidden;
    width: 100px;
}
.ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
}
.ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px;
}
.ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0;
}
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1;
}
.ladda-button[data-style=contract-overlay] {
    overflow: hidden;
    width: 100px;
    box-shadow: 0px 0px 0px 3000px transparent;
}
.ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
}
.ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8);
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0;
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1;
}
.ladda-button {
    background: #666;
    border: 0;
    padding: 14px 18px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}
#clear_input {
    width: 50px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: -5px;
    top: 6px;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-font-smoothing: antialiased!important;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    font-weight: 900;
}
button.btn.btn-xs.ladda-button:active, button.btn.btn-xs.ladda-button:focus {
    background: none!important;
}
.go-btn {
    font-size: 11px!important;
    color: white;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    top: 3px;
    position: relative;
}
/** SPINNER BUTTONS STYLES **/
/** CSS BASED LOADER STYLES **/



.loading-container {
    display: table;
    min-height: 45%;
}
.loading-container:nth-of-type(0n+1) {
    background: #151f25;
    width: 100%;
    height: 40px;
}
.loading-container:nth-of-type(0n+2) {
    background: #151f25;
    width: 100%;
    height: 40px;
}
.loading-container-light {
    background: #ececec;
    width: 100%;
    height: 40px;
}
.loader {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 100%;
    display: table-cell;
    vertical-align: middle;
    opacity: 0.4;
}
.loader * {
    animation-play-state: paused;
}
.loader:hover {
    opacity: 1;
}
.loader:hover * {
    animation-play-state: running;
}
/** Settings */
.loading-bubbles {
    margin: auto;
}
.loading-bubbles .bubble-container {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
}
.loading-bubbles .bubble-container .bubble {
    border-radius: 50%;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    animation: bubble 1.2s -0.6s infinite ease-out;
}
.loading-bubbles .bubble-container:nth-of-type(2n) .bubble {
    animation-delay: -0.3s;
}
.loading-bubbles .bubble-container:nth-of-type(3n) .bubble {
    animation-delay: 0s;
}
.loading-spinning-bubbles {
    margin: auto;
}
.loading-spinning-bubbles .bubble-container {
    position: absolute;
    top: calc(50% - 4px/2);
    left: calc(50% - 4px/2);
    transform-origin: -150% 10%;
}
.loading-spinning-bubbles .bubble-container .bubble {
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: bubble 1s infinite;
    animation-delay: inherit;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+1) {
    transform: translateX(200%) rotate(-90deg);
    animation-delay: -1.5s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+2) {
    transform: translateX(200%) rotate(-45deg);
    animation-delay: -1.375s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+3) {
    transform: translateX(200%);
    animation-delay: -1.25s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+4) {
    transform: translateX(200%) rotate(45deg);
    animation-delay: -1.125s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+5) {
    transform: translateX(200%) rotate(90deg);
    animation-delay: -1s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+6) {
    transform: translateX(200%) rotate(135deg);
    animation-delay: -0.875s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+7) {
    transform: translateX(200%) rotate(180deg);
    animation-delay: -0.75s;
}
.loading-spinning-bubbles .bubble-container:nth-of-type(0n+8) {
    transform: translateX(200%) rotate(225deg);
    animation-delay: -0.625s;
}
 @keyframes bubble {
 0%, 100% {
 transform: scale(0);
}
 50% {
 transform: scale(1);
}
}
@keyframes spoke {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0.2;
}
}
/** SPINNER DARK STYLES */

.loader-light {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 100%;
    vertical-align: middle;
    opacity: 0.4;
}
.loader-light * {
    animation-play-state: paused;
}
.loader-light:hover {
    opacity: 1;
}
.loader-light:hover * {
    animation-play-state: running;
}
/** Settings */
.loading-bubbles-dark {
    margin: auto;
    position: relative;
}
.loading-bubbles-dark .bubble-container-dark {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
}
.loading-bubbles-dark .bubble-container-dark .bubble-dark {
    border-radius: 50%;
    background-color: #5d5d5d;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    animation: bubble-dark 1.2s -0.6s infinite ease-out;
    margin-top: 100%;
}
.loading-bubbles-dark .bubble-container-dark:nth-of-type(2n) .bubble-dark {
    animation-delay: -0.3s;
}
.loading-bubbles-dark .bubble-container-dark:nth-of-type(3n) .bubble-dark {
    animation-delay: 0s;
}
.loading-spinning-bubbles-dark {
    margin: auto;
}
.loading-spinning-bubbles-dark .bubble-container-dark {
    position: absolute;
    top: calc(50% - 4px/2);
    left: calc(50% - 4px/2);
    transform-origin: -150% 10%;
}
.loading-spinning-bubbles-dark .bubble-container-dark .bubble-dark {
    background: #5d5d5d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: bubble 1s infinite;
    animation-delay: inherit;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+1) {
    transform: translateX(200%) rotate(-90deg);
    animation-delay: -1.5s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+2) {
    transform: translateX(200%) rotate(-45deg);
    animation-delay: -1.375s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+3) {
    transform: translateX(200%);
    animation-delay: -1.25s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+4) {
    transform: translateX(200%) rotate(45deg);
    animation-delay: -1.125s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+5) {
    transform: translateX(200%) rotate(90deg);
    animation-delay: -1s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+6) {
    transform: translateX(200%) rotate(135deg);
    animation-delay: -0.875s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+7) {
    transform: translateX(200%) rotate(180deg);
    animation-delay: -0.75s;
}
.loading-spinning-bubbles-dark .bubble-container-dark:nth-of-type(0n+8) {
    transform: translateX(200%) rotate(225deg);
    animation-delay: -0.625s;
}
 @keyframes bubble-dark {
 0%, 100% {
 transform: scale(0);
}
 50% {
 transform: scale(1);
}
}
@keyframes spoke-dark {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0.2;
}
}
/** SPINNER TRANSPARENT STYLES */

.loader-trans {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 100%;
    vertical-align: middle;
    opacity: 0.4;
}
.loader-trans * {
    animation-play-state: paused;
}
.loader-trans:hover {
    opacity: 1;
}
.loader-trans:hover * {
    animation-play-state: running;
}
/** Settings */
.loading-bubbles-trans {
    margin: auto;
    position: relative;
}
.loading-bubbles-trans .bubble-container-trans {
    display: inline-block;
    width: 8px;
    height: 8px;
}
.loading-bubbles-trans .bubble-container-trans .bubble-trans {
    border-radius: 50%;
    background-color: #d2d2d2;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    animation: bubble-trans 1.2s -0.6s infinite ease-out;
}
.loading-bubbles-trans .bubble-container-trans:nth-of-type(2n) .bubble-trans {
    animation-delay: -0.3s;
}
.loading-bubbles-trans .bubble-container-trans:nth-of-type(3n) .bubble-trans {
    animation-delay: 0s;
}
.loading-spinning-bubbles-trans {
    margin: auto;
}
.loading-spinning-bubbles-trans .bubble-container-trans {
    position: absolute;
    top: calc(50% - 4px/2);
    left: calc(50% - 4px/2);
    transform-origin: -150% 10%;
}
.loading-spinning-bubbles-trans .bubble-container-trans .bubble-trans {
    background: #5d5d5d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: bubble 1s infinite;
    animation-delay: inherit;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+1) {
    transform: translateX(200%) rotate(-90deg);
    animation-delay: -1.5s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+2) {
    transform: translateX(200%) rotate(-45deg);
    animation-delay: -1.375s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+3) {
    transform: translateX(200%);
    animation-delay: -1.25s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+4) {
    transform: translateX(200%) rotate(45deg);
    animation-delay: -1.125s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+5) {
    transform: translateX(200%) rotate(90deg);
    animation-delay: -1s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+6) {
    transform: translateX(200%) rotate(135deg);
    animation-delay: -0.875s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+7) {
    transform: translateX(200%) rotate(180deg);
    animation-delay: -0.75s;
}
.loading-spinning-bubbles-trans .bubble-container-trans:nth-of-type(0n+8) {
    transform: translateX(200%) rotate(225deg);
    animation-delay: -0.625s;
}
 @keyframes bubble-trans {
 0%, 100% {
 transform: scale(0);
}
 50% {
 transform: scale(1);
}
}
@keyframes spoke-trans {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0.2;
}
}
/** SPINNER POPUP - LOADING SCREEN OR CONTENT STYLES */

.loader-popup {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 100%;
    vertical-align: middle;
    opacity: 0.4;
}
.loader-popup * {
    animation-play-state: paused;
}
/** Settings */
.loading-bubbles-popup {
    margin: auto;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    height: 75px;
    width: 75px;
    border-radius: 10px;/* padding: 20px; */
}
.loading-bubbles-popup .bubble-container-popup {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: 40%;
}
.loading-bubbles-popup .bubble-container-popup .bubble-popup {
    border-radius: 50%;
    background-color: #d2d2d2;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    animation: bubble-trans 1.2s -0.6s infinite ease-out;
}
.loading-bubbles-popup .bubble-container-popup:nth-of-type(2n) .bubble-popup {
    animation-delay: -0.3s;
}
.loading-bubbles-popup .bubble-container-popup:nth-of-type(3n) .bubble-popup {
    animation-delay: 0s;
}
.loading-spinning-bubbles-popup {
    margin: auto;
}
.loading-spinning-bubbles-popup .bubble-container-popup {
    position: absolute;
    top: calc(50% - 4px/2);
    left: calc(50% - 4px/2);
    transform-origin: -150% 10%;
}
.loading-spinning-bubbles-popup .bubble-container-popup .bubble-popup {
    background: #5d5d5d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: bubble 1s infinite;
    animation-delay: inherit;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+1) {
    transform: translateX(200%) rotate(-90deg);
    animation-delay: -1.5s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+2) {
    transform: translateX(200%) rotate(-45deg);
    animation-delay: -1.375s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+3) {
    transform: translateX(200%);
    animation-delay: -1.25s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+4) {
    transform: translateX(200%) rotate(45deg);
    animation-delay: -1.125s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+5) {
    transform: translateX(200%) rotate(90deg);
    animation-delay: -1s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+6) {
    transform: translateX(200%) rotate(135deg);
    animation-delay: -0.875s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+7) {
    transform: translateX(200%) rotate(180deg);
    animation-delay: -0.75s;
}
.loading-spinning-bubbles-popup .bubble-container-popup:nth-of-type(0n+8) {
    transform: translateX(200%) rotate(225deg);
    animation-delay: -0.625s;
}
 @keyframes bubble-popup {
 0%, 100% {
 transform: scale(0);
}
 50% {
 transform: scale(1);
}
}
@keyframes spoke-popup {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0.2;
}
}
/*-------------------TERMINOLOGY CARDS TEMPLATE STYLES SECTION------------------*/

i.fa.fa-car.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-exchange.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-lock.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 220px;
    top: 0px;
    left: -160px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-map-signs.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-check-sqaure.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-eye-slash.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-check-square.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 136px;
    top: 0px;
    left: -107px;
    /* bottom: -119px; */
    
    top: 228px;
}
i.fa.fa-cog.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -139px;
    /* bottom: -119px; */
    
    top: 217px;
}
i.fa.fa-files-o.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -150px;
    /* bottom: -119px; */
    
    top: 218px;
}
i.fa.fa-clock-o.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
i.fa.fa-clone.pull-right {
    padding: 4px!important;
    color: rgba(232, 232, 232, 0.5);
    position: absolute;
    font-size: 180px;
    top: 0px;
    left: -190px;
    /* bottom: -119px; */
    
    top: 173px;
}
h1.text-white.m-b-md.p-t-lg {
    font-size: 3.2em!important;
}
h6.subheading-title {
    color: #fff!important;
    font-size: 1.2em;
}
.nav-inq {
    margin: 0 0 30px;
    background-color: #363C47;
    margin-bottom: 30px;
    padding-bottom: 9px;
}
.nav-inq > li {
    text-transform: uppercase;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif
}
.nav-inq > li > a:hover, .nav-inq > li > a:focus {
    background-color: #2d323c;
}
.nav-inq > li + li {
    margin: 0
}
.nav-inq > li:last-child {
}
.nav-inq > li.nav-parent > a {
    position: relative
}
.nav-inq > li.nav-parent > a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 400;
    color: #bdc3d1;
    position: absolute;
    top: 10px;
    right: 15px
}
.nav-inq > li.nav-active > ul {
    display: block
}
.nav-inq > li.active + li {
    border-top-width: 0
}
.nav-inq > li.active > a {
    color: #fff;
    background: #363c47!important;
}
.nav-inq > li.active > a:active {
    color: #fff;
    background: #363c47!important;
}
.nav-inq > li.active > a > i {
    color: #fff
}
.nav-inq > li.active > a:after {
    color: #fff
}
.dataTables_filter_top {
    padding-top: 25px;
    display: block;
}
.filters2 {
    margin-right: 20px;
    display: inline-block;
    float: left;
}
.selected-item-options2 {
    display: inline-block;
    float: left;
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.mt25 {
    margin-top: 25px!important
}
.tab-block {
    position: relative;
    z-index: 0;
}
.np-small-table {
    height: 100%;
    overflow-y: scroll;
}
.np-no-scroll {
    overflow-y: hidden;
}
body.swal2-in {
    overflow-y: hidden;
}
.swal2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
}
.swal2-container:not(.in) {
    pointer-events: none;
}
.swal2-container.fade {
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
}
.swal2-container.in {
    background-color: rgba(0, 0, 0, 0.4);
}
.swal2-modal {
    background-color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
}
.swal2-modal:focus {
    outline: none;
}
.swal2-modal.swal2-loading {
    overflow-y: hidden;
}
.swal2-modal h2 {
    color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 60px;
    display: block;
}
.swal2-modal .swal2-spacer {
    height: 10px;
    color: transparent;
    border: 0;
}
.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 0 5px;
    padding: 10px 32px;
}
.swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
    opacity: .4;
    cursor: no-drop;
}
.swal2-modal .swal2-styled.swal2-loading {
    box-sizing: border-box;
    border: 4px solid transparent;
    border-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: -2px 30px;
    vertical-align: top;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal;
}
.swal2-modal :not(.swal2-styled).swal2-loading::after {
    display: inline-block;
    content: '';
    margin-left: 5px;
    vertical-align: -1px;
    height: 6px;
    width: 6px;
    border: 3px solid #999999;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal;
}
.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%;
}
.swal2-modal .swal2-close {
    font-size: 36px;
    line-height: 36px;
    font-family: serif;
    position: absolute;
    top: 5px;
    right: 13px;
    cursor: pointer;
    color: #cccccc;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}
.swal2-modal .swal2-close:hover {
    color: #d55;
}
.swal2-modal > .swal2-input,  .swal2-modal > .swal2-file,  .swal2-modal > .swal2-textarea,  .swal2-modal > .swal2-select,  .swal2-modal > .swal2-radio,  .swal2-modal > .swal2-checkbox {
    display: none;
}
.swal2-modal .swal2-content {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454;
}
.swal2-modal .swal2-input,  .swal2-modal .swal2-file,  .swal2-modal .swal2-textarea,  .swal2-modal .swal2-select,  .swal2-modal .swal2-radio,  .swal2-modal .swal2-checkbox {
    margin: 20px auto;
}
.swal2-modal .swal2-input,  .swal2-modal .swal2-file,  .swal2-modal .swal2-textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-transition: border-color box-shadow .3s;
    transition: border-color box-shadow .3s;
}
.swal2-modal .swal2-input.error,  .swal2-modal .swal2-file.error,  .swal2-modal .swal2-textarea.error {
    border-color: #f06e57;
}
.swal2-modal .swal2-input:focus,  .swal2-modal .swal2-file:focus,  .swal2-modal .swal2-textarea:focus {
    outline: none;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed;
}
 .swal2-modal .swal2-input:focus::-webkit-input-placeholder,  .swal2-modal .swal2-file:focus::-webkit-input-placeholder,  .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
 -webkit-transition: opacity .3s .03s ease;
 transition: opacity .3s .03s ease;
 opacity: .8;
}
 .swal2-modal .swal2-input:focus::-moz-placeholder,  .swal2-modal .swal2-file:focus::-moz-placeholder,  .swal2-modal .swal2-textarea:focus::-moz-placeholder {
 -webkit-transition: opacity .3s .03s ease;
 transition: opacity .3s .03s ease;
 opacity: .8;
}
 .swal2-modal .swal2-input:focus:-ms-input-placeholder,  .swal2-modal .swal2-file:focus:-ms-input-placeholder,  .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
 -webkit-transition: opacity .3s .03s ease;
 transition: opacity .3s .03s ease;
 opacity: .8;
}
 .swal2-modal .swal2-input:focus::placeholder,  .swal2-modal .swal2-file:focus::placeholder,  .swal2-modal .swal2-textarea:focus::placeholder {
 -webkit-transition: opacity .3s .03s ease;
 transition: opacity .3s .03s ease;
 opacity: .8;
}
 .swal2-modal .swal2-input::-webkit-input-placeholder,  .swal2-modal .swal2-file::-webkit-input-placeholder,  .swal2-modal .swal2-textarea::-webkit-input-placeholder {
 color: #e6e6e6;
}
 .swal2-modal .swal2-input::-moz-placeholder,  .swal2-modal .swal2-file::-moz-placeholder,  .swal2-modal .swal2-textarea::-moz-placeholder {
 color: #e6e6e6;
}
 .swal2-modal .swal2-input:-ms-input-placeholder,  .swal2-modal .swal2-file:-ms-input-placeholder,  .swal2-modal .swal2-textarea:-ms-input-placeholder {
 color: #e6e6e6;
}
 .swal2-modal .swal2-input::placeholder,  .swal2-modal .swal2-file::placeholder,  .swal2-modal .swal2-textarea::placeholder {
 color: #e6e6e6;
}
.swal2-modal .swal2-range input {
    float: left;
    width: 80%;
}
.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.swal2-modal .swal2-range input,  .swal2-modal .swal2-range output {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0;
}
.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px;
}
.swal2-modal .swal2-input[type='number'] {
    max-width: 150px;
}
.swal2-modal .swal2-file {
    font-size: 20px;
}
.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px;
}
.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%;
}
.swal2-modal .swal2-radio {
    border: 0;
}
.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px;
}
.swal2-modal .swal2-radio input,  .swal2-modal .swal2-radio span {
    vertical-align: middle;
}
.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0;
}
.swal2-modal .swal2-checkbox {
    color: #545454;
}
.swal2-modal .swal2-checkbox input,  .swal2-modal .swal2-checkbox span {
    vertical-align: middle;
    margin-left: 5px;
    margin: 0px 5px!important;
}
.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none;
}
.swal2-modal .swal2-validationerror::before {
    content: '!';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px;
}
 @supports (-ms-accelerator: true) {
 .swal2-range input {
 width: 100% !important;
}
 .swal2-range output {
 display: none;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
    width: 100% !important;
}
.swal2-range output {
    display: none;
}
}
.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.swal2-icon.swal2-error {
    border-color: #f27474;
}
.swal2-icon.swal2-error .x-mark {
    position: relative;
    display: block;
}
.swal2-icon.swal2-error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}
.swal2-icon.swal2-error .line.left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}
.swal2-icon.swal2-error .line.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}
.swal2-icon.swal2-warning {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #f8bb86;
    border-color: #facea8;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}
.swal2-icon.swal2-info {
    font-family: 'Open Sans', sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}
.swal2-icon.swal2-question {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #87adbd;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}
.swal2-icon.swal2-success {
    border-color: #a5dc86;
}
.swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.swal2-icon.swal2-success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.swal2-icon.swal2-success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px;
}
.swal2-icon.swal2-success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.swal2-icon.swal2-success .fix {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.swal2-icon.swal2-success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.swal2-icon.swal2-success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.swal2-icon.swal2-success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0;
}
.swal2-progresssteps li {
    display: inline-block;
    position: relative;
}
.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20;
}
.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0;
}
.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
    background: #add8e6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
    background: #add8e6;
}
.swal2-progresssteps .swal2-progressline {
    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10;
}
[class^='swal2'] {
    -webkit-tap-highlight-color: transparent;
}
 @-webkit-keyframes showSweetAlert {
 0% {
 -webkit-transform: scale(0.7);
 transform: scale(0.7);
}
 45% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 80% {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes showSweetAlert {
 0% {
 -webkit-transform: scale(0.7);
 transform: scale(0.7);
}
 45% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 80% {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes hideSweetAlert {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 opacity: 0;
}
}
 @keyframes hideSweetAlert {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 opacity: 0;
}
}
.show-swal2 {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}
.show-swal2.no-animation {
    -webkit-animation: none;
    animation: none;
}
.hide-swal2 {
    -webkit-animation: hideSweetAlert 0.15s forwards;
    animation: hideSweetAlert 0.15s forwards;
}
.hide-swal2.no-animation {
    -webkit-animation: none;
    animation: none;
}
 @-webkit-keyframes animate-success-tip {
 0% {
 width: 0;
 left: 1px;
 top: 19px;
}
 54% {
 width: 0;
 left: 1px;
 top: 19px;
}
 70% {
 width: 50px;
 left: -8px;
 top: 37px;
}
 84% {
 width: 17px;
 left: 21px;
 top: 48px;
}
 100% {
 width: 25px;
 left: 14px;
 top: 45px;
}
}
 @keyframes animate-success-tip {
 0% {
 width: 0;
 left: 1px;
 top: 19px;
}
 54% {
 width: 0;
 left: 1px;
 top: 19px;
}
 70% {
 width: 50px;
 left: -8px;
 top: 37px;
}
 84% {
 width: 17px;
 left: 21px;
 top: 48px;
}
 100% {
 width: 25px;
 left: 14px;
 top: 45px;
}
}
 @-webkit-keyframes animate-success-long {
 0% {
 width: 0;
 right: 46px;
 top: 54px;
}
 65% {
 width: 0;
 right: 46px;
 top: 54px;
}
 84% {
 width: 55px;
 right: 0;
 top: 35px;
}
 100% {
 width: 47px;
 right: 8px;
 top: 38px;
}
}
 @keyframes animate-success-long {
 0% {
 width: 0;
 right: 46px;
 top: 54px;
}
 65% {
 width: 0;
 right: 46px;
 top: 54px;
}
 84% {
 width: 55px;
 right: 0;
 top: 35px;
}
 100% {
 width: 47px;
 right: 8px;
 top: 38px;
}
}
 @-webkit-keyframes rotatePlaceholder {
 0% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 5% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 12% {
 -webkit-transform: rotate(-405deg);
 transform: rotate(-405deg);
}
 100% {
 -webkit-transform: rotate(-405deg);
 transform: rotate(-405deg);
}
}
 @keyframes rotatePlaceholder {
 0% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 5% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 12% {
 -webkit-transform: rotate(-405deg);
 transform: rotate(-405deg);
}
 100% {
 -webkit-transform: rotate(-405deg);
 transform: rotate(-405deg);
}
}
.animate-success-tip {
    -webkit-animation: animate-success-tip 0.75s;
    animation: animate-success-tip 0.75s;
}
.animate-success-long {
    -webkit-animation: animate-success-long 0.75s;
    animation: animate-success-long 0.75s;
}
.swal2-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}
 @-webkit-keyframes animate-error-icon {
 0% {
 -webkit-transform: rotateX(100deg);
 transform: rotateX(100deg);
 opacity: 0;
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
 @keyframes animate-error-icon {
 0% {
 -webkit-transform: rotateX(100deg);
 transform: rotateX(100deg);
 opacity: 0;
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
.animate-error-icon {
    -webkit-animation: animate-error-icon 0.5s;
    animation: animate-error-icon 0.5s;
}
 @-webkit-keyframes animate-x-mark {
 0% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
 margin-top: 26px;
 opacity: 0;
}
 50% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
 margin-top: 26px;
 opacity: 0;
}
 80% {
 -webkit-transform: scale(1.15);
 transform: scale(1.15);
 margin-top: -6px;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 margin-top: 0;
 opacity: 1;
}
}
 @keyframes animate-x-mark {
 0% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
 margin-top: 26px;
 opacity: 0;
}
 50% {
 -webkit-transform: scale(0.4);
 transform: scale(0.4);
 margin-top: 26px;
 opacity: 0;
}
 80% {
 -webkit-transform: scale(1.15);
 transform: scale(1.15);
 margin-top: -6px;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 margin-top: 0;
 opacity: 1;
}
}
.animate-x-mark {
    -webkit-animation: animate-x-mark 0.5s;
    animation: animate-x-mark 0.5s;
}
 @-webkit-keyframes pulse-warning {
 0% {
 border-color: #f8d486;
}
 100% {
 border-color: #f8bb86;
}
}
 @keyframes pulse-warning {
 0% {
 border-color: #f8d486;
}
 100% {
 border-color: #f8bb86;
}
}
.pulse-warning {
    -webkit-animation: pulse-warning 0.75s infinite alternate;
    animation: pulse-warning 0.75s infinite alternate;
}
 @-webkit-keyframes rotate-loading {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotate-loading {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.start-tour {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
t  overflow: hidden!important;
    /* Rectangle: */
    background: rgba(52, 56, 64, 0.85);
}
.tour-container {
    /* Rectangle 2: */
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
    border-radius: 5px;
    max-width: 750px;
    min-height: 450px;
    padding-top: 60px;
}
h3.welcome-intro {
    /* Welcome to namepulse: */
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 36px;
    color: #4A4A4A;
    letter-spacing: 0.6px;
    font-weight: 200!important;
}
p.tour-subtext {
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 14px;
    color: rgba(74, 74, 74, 0.9);
    letter-spacing: 0.23px;
}
.tour-logo-container {
    height: 100px;
}
.tour-content {
    text-align: center;
    margin-bottom: 40px;
}
.tour-buttons {
    text-align: center;
}
.start-tour-container {
    background: #43474E;
    /* border: 1px solid #D9D9D9; */
    border-radius: 71px;
    width: 180px;
    height: 35px;
    margin: 0px auto;
}
.start-tour-container:hover {
    background: #2f343c;
    cursor: pointer;
}
.start-tour-btn {
    color: #FFFFFF!important;
    text-decoration: none!important;
    font-size: 17px;
    line-height: 1.9em;
    font-weight: 200;
}
.tart-tour-btn a {
    /* Start Tour: */
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.26px;
}
.skip-tour-btn {
    /* skip tour: */
    opacity: 0.47;
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 12px;
    color: #575757!important;
    letter-spacing: 0.16px;
    text-decoration: none!important;
    line-height: 3.5em;
}
.welcome-intro span {
    font-weight: 500!important;
}
/* DROPDOWN - SIMILAR REPORTS */


                                    /* Style The Dropdown Button */
.dropbtn-similar-reports {
    background-color: #4CAF50!important;
    color: #FFFFFF!important;
    padding: 16px!important;
    font-size: 16px!important;
    border: none!important;
    cursor: pointer!important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown-similar-reports {
    position: absolute!important;
    display: inline-block!important;
    top: 0px!important;
    padding: 3px!important;
}
.dropdown-similar-reports:hover {
    background: #f1f1f1!important;
    border-radius: 3px!important;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content-similar-reports {
    display: none!important;
    position: fixed!important;
    background-color: #fbfbfb!important;
    min-width: 160px!important;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2)!important;
    color: #d8d8d8!important;
    /* left: -111px!important; */
    text-align: left!important;
    top: 188px!important;
    font-family: "open sans", "Lato", Helvetica, Arial, sans-serif!important;
    font-size: 12px!important;
    /* overflow: visible!important; */
    right: 13px;
    z-index:9999!important;
}
/* Links inside the dropdown */
.dropdown-content-similar-reports a {
    color: #5f5f5f!important;
    padding: 10px 10px!important;
    text-decoration: none!important;
    display: block!important;
}
/* Change color of dropdown links on hover */
.dropdown-content-similar-reports a:hover {
    background-color: #f1f1f1
}
/* Show the dropdown menu on hover */
.dropdown-similar-reports:hover .dropdown-content-similar-reports {
    display: block!important;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-similar-reports:hover .dropbtn-similar-reports {
    background-color: #3e8e41!important;
}
/* user type ids (tid=type_id) -luc*/
.tid_1 {
    font-weight: bold;
    font-color: #FF0000;
}
.tid_2 {
    color: #666666;
}
.tid_3 {
    color: #666666;
}
.tid_4 {
    color: #060;
}
.tid_5 {
    color: #F6C;
}
.tid_6 {
    color: #0000FF;
}
/* end user type ids */


.website-btn-background {
    background: url('../images/website-btn.png')!important;
    display:block!important;  
    float:left!important; 
    text-align:center!important; 
    background-position: 30% 100%!important;  
    background-repeat:no-repeat!important;  
    background-color:#5c788c!important;
    height:55px!important; 
    text-shadow: 0 .5px .2px rgba(51,51,51,0.20);
    border: .1px solid #2888CD;
}
.website-btn-background:hover {
    transition: background-color 0.5s ease!important;
    background-color:#546d80!important; 
    cursor: pointer;
}


.estibot-btn-background {
    background: url('../images/estibot-btn.png')!important;
    display:block!important;  
    float:left!important; 
    text-align:center!important; 
    background-position: 30% 120%!important;  
    background-repeat:no-repeat!important;  
    background-color:#ff8400!important;
    height:55px!important; 
    text-shadow: 0 .5px .2px rgba(51,51,51,0.20);
    border: .1px solid #2888CD;
}
.estibot-btn-background:hover {
    transition: background-color 0.5s ease!important;
    background-color:#f17d00!important;
    cursor: pointer;
}

.trademark-btn-background {
    background: url('../images/trademark-btn.png')!important;
    display:block!important;  
    float:left!important; 
    text-align:center!important; 
    background-position: 28% 7px!important ;
    background-repeat:no-repeat!important;  
    background-color:#2b90d9!important;  
    height:55px!important; 
    text-shadow: 0 .5px .2px rgba(51,51,51,0.20);
    border: .1px solid #2888CD;
}
.trademark-btn-background:hover {
    transition: background-color 0.5s ease!important;
    background-color:#2d9bea!important;  
    cursor: pointer;
}
.domainiq-btn-background {
    display:block!important;  
    float:left!important; 
    text-align:center!important;  
    background:url('../images/domainiq-btn.png')!important; 
    background-position: 30% 120%!important;  
    background-repeat:no-repeat!important;  
    background-color:#2b90d9!important;  
    height:55px!important; 
    text-shadow: 0 .5px .2px rgba(51,51,51,0.20);
    border: .1px solid #2888CD;
}
.domainiq-btn-background:hover {
    transition: background-color 0.5s ease!important;
    background-color:#2d9bea!important;  
    cursor: pointer;
}