@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {background-color: #fff;font-family: 'Roboto', sans-serif; }
p.mb-1 {font-size: 16px;color:#a5a5a5; padding-top:40px; }
.btn-primary {border: none; background: #02345f;opacity:1; }
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active, .button.active {color:#fff;background-color:#02345f;}
.btn-primary span {color: #FFF;}
.m-12 {margin:  18px 18px 48px 18px!important;}
.btn-secondary{border: none;background: rgba(255,255,255,1);border-bottom: 1px solid transparent;}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled):active {border-bottom: 1px solid rgba(0,0,0,1);background-color:transparent;}
.btn-secondary span {color: rgba(0,0,0,0.8);}
.btn-secondary.disabled{cursor: not-allowed; opacity: 0.2; background: #fff;}
.logo{width:140px;height:140px;background: #fff;border-radius: 100%;padding: 0px;}
.logo>img{width: 100%;}
.btn-primary small {color: #9FB7FD;}
.card.two {border-top-right-radius: 0px;border-top-left-radius: 60px;}
.form-group {position: relative;margin-bottom: 0rem; margin-left:15px; margin-right:15px;}
.form-control {border: none;border-radius: 0;outline: 0;border-bottom: 1.5px solid rgba(0,0,0,0.8);color: #bbb;}
.form-control:focus {box-shadow: none;border-radius: 0;border-bottom: 2px solid  rgba(0,0,0,1); left: -44px;}
.form-control-placeholder {position: absolute;top: 18px;left: 15px; opacity: 0.5;font-size: 100%; line-height: 0;}
.form-control:focus+.form-control-placeholder,.form-control:valid+.form-control-placeholder,.form-control:disabled.form-control-placeholder {font-size:100%; opacity: 0; color:#ccc;}
.btn-block {/*border-radius:25px;*/padding: 10px 0 12px;}
.btn-block:focus {box-shadow: none;}
.form-control:disabled, .form-control[readonly] {background-color: transparent;opacity: 1;cursor: not-allowed;}
.footer{position:fixed;width: 100%;bottom:10px;/*padding-left:5px;padding-right: 5px;*/}

.steps {padding: 0;margin: 0;list-style: none;display: flex;overflow-x: auto;}
.steps .step:first-child{margin-left:auto}
.steps .step:last-child{margin-right:auto}
.step:first-of-type .step-circle::before{display:none}
.step:last-of-type .step-content{padding-right:0}
.step-content {box-sizing: content-box;display: flex;align-items: center;flex-direction: column;width: 3rem;min-width: 3rem;max-width: 3rem;padding-top: .5rem;padding-right: 1rem;}
.step-circle::before {content: '';display: block;position: absolute;top: 50%;left: -2px;width: calc(3rem + 1rem - 1.5rem);height: 2px;transform: translate(-100%,-50%);color: #adb5bd;background-color: currentColor;}
.step-circle {position: relative;display: flex;justify-content: center;align-items: center;width: 1.5rem;height: 1.5rem;color: #adb5bd;border: 2px solid #adb5bd;border-radius: 100%;background-color: #fff;}
.step-success .step-circle::before {color: green;}
.step-success .step-circle {color: #FFF;background-color: green;border-color: green;}
.step-active .step-circle::before {color: orange;}
.step-active .step-circle {color: #FFF;background-color: orange;border-color:orange}

.imagePreview {width: 150px;border-radius: 50%; margin: 0 auto; height: 150px;background-position: center center;background-color:#c1c1c1;overflow: hidden;background-size: cover;background-repeat:no-repeat; margin-bottom: 10px;}
.imgUp{margin-bottom:2rem;width:100%;overflow: hidden;position: relative;margin: 0 auto;}
.imgupbtn{position: absolute;top: 0;width: 100%;height: 100%;cursor: pointer;border-radius: 50%;}
.del{position:absolute;top:0px;right:15px;width:30px;height:30px;text-align:center;line-height:30px;background-color:rgba(255,255,255,0.6);cursor:pointer;}
.imgAdd{width:30px;height:30px;border-radius:50%;background-color:#4bd7ef;color:#fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);text-align:center;line-height:30px;margin-top:0px;cursor:pointer;font-size:15px;}

.proimagePreview {width: 100%; background-position: center center; margin-top:30px; background-size: cover;background-repeat:no-repeat;}
.proimgUp{margin-bottom:2rem;width:100%;overflow: hidden;position: relative;margin: 0 auto;}
.imgupbtn{position: absolute;top: 0;width: 30%;height: 100%;cursor: pointer;border-radius: 50%;}
.del{position:absolute;top:0px;right:15px;width:30px;height:30px;text-align:center;line-height:30px;background-color:rgba(255,255,255,0.6);cursor:pointer;}
.imgAdd{width:30px;height:30px;border-radius:50%;background-color:#4bd7ef;color:#fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);text-align:center;line-height:30px;margin-top:0px;cursor:pointer;font-size:15px;}

.overbtn{position: relative;z-index: 9;}
.overbtn:after{content: ""}
.overlay:before {content: "";z-index: 1;background: rgba(255,255,255,0.8);/*position: absolute;*/ width: 100%;height: 100%;top: 0;}
.overlay a{color: inherit;}

.infotext-top{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:10%;background: rebeccapurple;padding: 15px;}
.infotext-middle{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:40%;background: rebeccapurple;padding: 15px;}
.infotext-bottom{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:74%;background: rebeccapurple;padding: 15px;}


.icon-btn{text-align: center;}
.icon-btn i{font-size:4rem;display: block;}
.icon-btn span{font-size: 0.9rem;}

.btn-add{position: fixed;bottom:15px; right:15px; z-index: 99;}

  .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 10rem; height: 20px;}
  .toggle.ios .toggle-handle { border-radius: 10rem; }

.r1{margin-left: 20px; margin-top: 20px;}
.r2{margin-left: 30px;}	
.r3{margin-top:10px;}
.select{height:60px; padding-top:30px; }
.select-selected option { padding-right: 10px; }
.areatest{height: 50%;}
.gg{font-size: 15px; padding-top: 5px;}
.gg1{font-size: 20px; padding-top: 60px; color:#008468; font-weight: 600;}
.gg2{font-size: 15px; padding-top: 5px; font-weight: 400; margin-right: 15px; }
.pr{margin-top: 150px;}
.gg3{font-size: 15px; padding-top: 10px;}


/*
 *
 *
 *
 * Bootstrap 4 Component - Custom switch
 * Version: 1.1.2
 * Copyright (c) 2017-18 Martin Haubek
 *
 *
 *
 */
.custom-switch {
  line-height: 12px; text-align: right;}
  .custom-switch .custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before,
    .custom-switch .custom-switch-input *,
    .custom-switch .custom-switch-input *:after,
    .custom-switch .custom-switch-input *:before,
    .custom-switch .custom-switch-input + .custom-switch-btn {
      box-sizing: border-box; }
      .custom-switch .custom-switch-input:selection, .custom-switch .custom-switch-input:after:selection, .custom-switch .custom-switch-input:before:selection,
      .custom-switch .custom-switch-input *:selection,
      .custom-switch .custom-switch-input *:after:selection,
      .custom-switch .custom-switch-input *:before:selection,
      .custom-switch .custom-switch-input + .custom-switch-btn:selection {
        background: none; }
    .custom-switch .custom-switch-input + .custom-switch-btn {
      outline: 0;
      display: inline-block;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
      width: 68px;
      height: 38px;
      margin: 0;
      padding: 0px;
      background: #ccc;
      border-radius: 76px;
      transition: all 150ms ease;  margin-left: 215px; border: 2px solid #1d6f47; 
    margin-top: -23px;}
      .custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before {
        position: relative;
        display: block;
        content: "";
        width: 34px;
        height: 34px; }
      .custom-switch .custom-switch-input + .custom-switch-btn:after {
        left: 0px;
        border-radius: 50%;
        background: white;
        transition: all 150ms ease; }
      .custom-switch .custom-switch-input + .custom-switch-btn:before {
        display: none; }
      .custom-switch .custom-switch-input + .custom-switch-btn.text-hide {
        top: -.80rem; }
    .custom-switch .custom-switch-input:checked + .custom-switch-btn {
      background: #1d6f47; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
        left: 30px; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
        opacity: 1;
        height: auto; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
        display: none;
        opacity: 0;
        height: 0; }
    .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
      display: none;
      opacity: 0;
      height: 0; }
    .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
      opacity: 1;
      height: auto; }
    .custom-switch .custom-switch-input[disabled] + .custom-switch-btn {
      background: rgba(173, 181, 189, 0.6);
      cursor: default; }
    .custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn {
      background: rgba(40, 167, 69, 0.4); }
    .custom-switch .custom-switch-input:not([disabled]):focus ~ .custom-switch-btn {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(56, 123, 189, 0.25); }
    .custom-switch .custom-switch-input[required] ~ .custom-switch-btn {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.125rem rgba(220, 53, 69, 0.5); }
  .custom-switch .custom-switch-form-text {
    display: inline-block;
    height: 38px;
    margin-left: .5rem;
    line-height: 38px;
    vertical-align: top; }
  .custom-switch.custom-switch-label-io .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='40.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 96px;background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 58px; }

.custom-switch-sm {
  line-height: 11px; }
  .custom-switch-sm .custom-switch-input + .custom-switch-btn {
    width: 60px;
    height: 31px;
    padding: 3px;
    border-radius: 62px; }
    .custom-switch-sm .custom-switch-input + .custom-switch-btn:after, .custom-switch-sm .custom-switch-input + .custom-switch-btn:before {
      width: 23px;
      height: 23px; }
    .custom-switch-sm .custom-switch-input + .custom-switch-btn:after {
      left: 2px; }
  .custom-switch-sm .custom-switch-input:checked + .custom-switch-btn:after {
    left: 29px; }
  .custom-switch-sm .custom-switch-form-text {
    height: 31px;
    margin-left: .5rem;
    line-height: 31px; }
  .custom-switch-sm.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='37.5' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='16' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 88px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 57px; }

.custom-switch-xs {
  line-height: 10px; }
  .custom-switch-xs .custom-switch-input + .custom-switch-btn {
    width: 48px;
    height: 24px;
    padding: 3px;
    border-radius: 48px; }
    .custom-switch-xs .custom-switch-input + .custom-switch-btn:after, .custom-switch-xs .custom-switch-input + .custom-switch-btn:before {
      width: 18px;
      height: 18px; }
    .custom-switch-xs .custom-switch-input + .custom-switch-btn:after {
      left: 1px; }
  .custom-switch-xs .custom-switch-input:checked + .custom-switch-btn:after {
    left: 24px; }
  .custom-switch-xs .custom-switch-form-text {
    height: 24px;
    margin-left: .5rem;
    line-height: 24px; }
  .custom-switch-xs.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='27.42857' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='12.8' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 76px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 52px; }

.is-invalid .custom-switch .custom-switch-input ~ .custom-switch-btn,
.was-validated .custom-switch:invalid .custom-switch-input ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem #dc3545; }


.rr{margin-top: 40px!important;}

@media only screen and (min-width: 768px) and (max-width: 2000px)  {
   
        .form-control {
            width: 100%;
        }

        .footer {
            position: fixed;
            width: 94%;
            bottom: 10px;
        }

        .custom-switch .custom-switch-input + .custom-switch-btn {
         /*   margin-left: 460px;*/
            margin-top: 5px;
        }

        .logo {
            width: 179px;
            height: 179px;
            background: #fff;
            border-radius: 100%;
            padding: 0px;
            margin: 0 auto;
            margin-right: 42px;
        }

        .offset-2 {
            margin-left: 14.666667%;
        }
    }


#otp_btn
{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
 
}

.otp_btn_outer
{
  padding-left:5px;
  padding-right:5px;
}

#easy_class
{
  margin: 18px 18px 20px 18px!important;
}
.set_your_shop
{
  margin-top:35px!important;
}

.logo_cover
{
  margin-top: 20px!important;
}
.wp_no
{
  margin-top: 0.5rem!important;
}
.just_5
{
  padding-top: 5px;
}
.add_product
{
  margin-top: 20%;
}

.default_logo
{
  width: 125px;
  height: 125px;
}

.shop_link
{
  padding-top:80px;
}
#shop_link
{
  padding: 1.1rem!important;
}

.imagePreview1
{
 
  width: 127px;
  border-radius: 21px;
  /* border-radius: 50%; */
  margin: 0 auto;
  height: 130px;
  background-position: center center;
  background-color: white;
  overflow: hidden;
  background-size: contain;
 
  margin-bottom: 10px;
  margin-top: 25px;
 
}
/**/
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border-width: 2px;
}

.btn-infonew {
    color: #fff;
    background-color: #3A4AA6;
    border-color: #3A4AA6;
}

.btn-secondarynew {
    color: #373a3c;
    background-color: #fff;
    border-color: #3A4AA6;
}


.media, .media-body {
    overflow: hidden!important;
}

.media-body {
    width: 10000px !important;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right {
    padding-left: 10px
}

.media-left {
    padding-right: 10px
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

/*.modal-footer {
    padding: 0;
}

.modal-header {
    border: none;
}

.modal-title {
    text-align: center;
}

.modal-footer .btn {
    width: 47%;
    padding: 1rem;
    border: none;
    border-radius: 0;
}

.modal-footer .btn-block {
    width: 100%;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/

#confirm-delete-header {
    text-align: center;
}

.chkbg {
    background-color: forestgreen;
}

tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

tag {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    /* border-radius: .25rem; */
}

.OrderPro {
    margin: 1rem 0;
}

    .OrderPro .row {
        padding: 5px;
        /*background-color: #eaf1fd;*/
        /* margin: 2px 0 !important;*/
    }

.GrandTotal {
    /* background-color: #f5f5f5;*/
    margin: 1rem 0;
}

    .GrandTotal .row {
        padding: 5px;
        /*  background-color: #f5f5f5;*/
        /* margin: 2px 0 !important;*/
    }


    /**/


.list_p1 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
}

#info_icon {
    margin-top: 10px;
}

.product_img {
    width: 90px;
}

.product_share {
    width: 40;
    padding-top: 25px;
}

.product_list_main {
    margin-left: 10px;
    padding: 10px;
    text-align: left;
    line-height: 1.4;
    color: #fff;
    background-color: #a3d653;
    margin-top: 13px;
}

.edit_section {
    padding-bottom: 20px;
}

.table th {
    border-top: none !important;
}

.table thead th {
    border-bottom: none !important;
}

.table td {
    border-top: none !important;
}

#shop_id {
    color: #a3d653;
}

.edit_profile {
    margin-left: 135px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.enquiry_list {
    background-color: #a3d653;
    padding: 10px;
}

.enquiry_list2 {
    background-color: #e9edf0;
    padding: 10px;
    letter-spacing: 0.8;
}

.enquiry_list3 {
    background-color: #ed9e65;
    padding: 10px;
}

.enquiry_list4 {
    background-color: #e8ec64;
    padding: 10px;
}

.home_item {
    margin-bottom: 5px;
}

.icon-btn > a > span {
    font-weight: 600;
}

.orange_block {
    background-color: #ed9e65;
}

.yellow_block {
    background-color: #e8ec64;
}

.fa-star {
    font-size: 30px;
}

.star_rating {
    padding-top: 25px;
}

.order_details {
    line-height: 1.5;
    color: #b5b5b5;
    font-size: 15px;
    margin-left: 13px;
}

#delivery_charge {
    margin-top: 20px;
}

.shop_select {
    padding-top: 50px;
}

.shop_option {
    background-color: #008467;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
    width: 70%;
}

#option1, #option2, #option3, #radshop {
    height: 30px;
    width: 30px;
    margin-left: -35px;
}

    #option1 input:checked {
        background-color: blue;
    }

.form-check {
    margin-bottom: 20px;
}

.white_bg {
    background-color: #fff;
}

/* Delete Begin */



#share {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 50%;
}

.clear {
    background: none;
    border: none;
}


/* Delete End */

#share .fa-share-alt {
    font-size: 25px;
    color: #c7c7c7;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
}

#share .fa-share.expanded {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wrap {
    box-shadow: 2px 2px #d4d4d4;
    border-radius: 15px;
    border: 1px solid #c5c5c5;
    padding: 15px 0;
}

.share-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Icons */

.share a {
    color: #fff;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    font-family: fontawesome;
    position: relative;
    display: inline-block;
    animation: elastic .5s ease-out forwards 0s;
    width: 35px;
    height: 35px;
    transform: translate3d(0, 60px, 0);
    transition: all .2s;
    font-size: 20px;
    padding-top: 8px;
    margin: 0 0 6px 5px;
    -webkit-font-smoothing: antialiased;
}

    .share a:hover {
        opacity: .9;
    }

    .share a:nth-of-type(3) {
        background: #45b0e4;
    }


    .share a:nth-of-type(2) {
        background: #3b5998;
        -moz-animation-delay: 0.05s;
        -webkit-animation-delay: 0.05s;
        -o-animation-delay: 0.05s;
        animation-delay: 0.05s;
    }

    .share a:nth-of-type(1) {
        background: #25D366;
        -moz-animation-delay: 0.1s;
        -webkit-animation-delay: 0.1s;
        -o-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .share a:nth-of-type(4) {
        background: #36465d;
        -moz-animation-delay: 0.15s;
        -webkit-animation-delay: 0.15s;
        -o-animation-delay: 0.15s;
        animation-delay: 0.15s;
    }

    .share a:nth-of-type(5) {
        background: #db4437;
        -moz-animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .share a:nth-of-type(6) {
        background: #ff5c3d;
        -moz-animation-delay: 0.25s;
        -webkit-animation-delay: 0.25s;
        -o-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .share a:nth-of-type(7) {
        background: #738a8d;
        -moz-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }


/* font awesome icons */

/* Link nth */

.link {
    margin: 0 0 0 4px;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    visibility: hidden;
}

    .link.active {
        -webkit-transform: translate3d(0, -35px, 0);
        transform: translate3d(0, -35px, 0);
        transition: -webkit-transform .2s;
        transition: transform .2s;
        visibility: visible;
    }


/* Navigation Button */

.share-btn {
    color: #ababab;
    text-align: center;
    text-decoration: none;
    font-family: fontawesome;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    float: left;
    padding-top: 2px;
    border: none;
    border-radius: 50px;
    margin: 0 2px;
    -webkit-font-smoothing: antialiased;
}

    .share-btn.embed-link:before {
        content: '\f121';
    }

    .share-btn.no-link:before,
    .share-btn.no-embed-link:before {
        content: '\f062';
    }

    .share-btn.copy-link:before {
        content: '\f0ea';
    }


/* Embed Link End */


/* Share Animate */

.share {
    -webkit-transform: translate3d(0, -0px, 0);
    transform: translate3d(0, 0px, 0);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    visibility: visible;
}

    .share.active {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
        visibility: hidden;
    }


/* Input */

.c-form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    width: 180px;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    margin-right: 5px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-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;
}

.e-form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    min-width: 257px;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    margin-right: 5px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-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;
}


/* Dropdown Style */

.dropdown-menu.share-menu {
    background: #ffffff;
    padding: 0px 5px 0px 6px;
    border: none;
    min-width: 320px;
    margin: 10px 0 0 0;
    box-shadow: none;
    border-radius: 3px;
}


/* Animation */

@keyframes elastic {
    0% {
        transform: translate3d(0, 60px, 0);
    }

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

    70% {
        transform: translate3d(0, 0, 0);
    }

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

@keyframes copied {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    70% {
        opacity: 1;
        transform: translateY(-35%);
    }

    100% {
        opacity: 0;
        transform: translateY(-35%);
    }
}


/* Tooltip */

.copied::after {
    position: absolute;
    top: -25%;
    right: -10%;
    content: "Copied";
    font-size: 0.75em;
    padding: 3px 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    display: block;
    opacity: 0;
    will-animate: opacity, transform;
    animation: copied 0.5s ease;
}

button:focus {
    outline: none !important;
}

.faq_back {
    background-color: #b9b9b9;
    padding: 10px;
    text-align: left;
    color: #fff;
}

.btn-ok {
    padding: 0px 27px !important;
    color: #fff !important;
    background-color: #a3a3a3;
    border: none;
}

.fa-pencil-alt {
    font-size: 22px;
}

.fa-trash-alt {
    font-size: 22px;
}

.modal-footer {
    padding: 0.25rem;
}

.vbluetxt {
    color: #02345f;
}


/*loader*/
#ajaxSpinnerImage {
    display: none;
}

#overlayload {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

.ymmargintop {
    margin-top: 50px;overflow: hidden;    margin-bottom: 60px;
}

.ymmargintopedit {
    margin-top: 50px;
}

/*loader*/

span[data-bubble]:after {
    content: attr(data-bubble);
    position: absolute;
    top: 15px;
    right: 31px;
    font-size: 10px;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-family: "Helvetica Neue";
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,35),0px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.35),0px 1px 1px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.35), 0px 1px 1px rgba(0,0,0,.2);
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    opacity: 0;
    filter: alpha(opacity=0);
}

span[data-bubble]:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

span.pink[data-bubble]:after {
    background-image: -webkit-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -moz-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -o-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -ms-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
    border: 1px solid #ce4f5e;
}

span.yellow[data-bubble]:after {
    background-image: -webkit-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -moz-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -o-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -ms-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
    border: 1px solid #E67E22;
}
@media only screen and (min-width: 576px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 540px;
    }
    /*.ymmargintop {
        margin-top: 140px;
    }*/

    .ymmargintopedit {
        margin-top: 175px;
    }

}

@media only screen and (min-width: 768px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 720px;
    }
    /*.ymmargintop {
        margin-top: 140px;
    }*/
    .ymmargintopedit {
        margin-top: 175px;
    }
}

@media only screen and (min-width: 992px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 960px;
    }
    /*.ymmargintop {
        margin-top: 140px;
    }*/
    .ymmargintopedit {
        margin-top: 175px;
    }
}

@media only screen and (min-width: 1200px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 1140px;
    }
    /*.ymmargintop {
        margin-top:140px;
    }*/
    .ymmargintopedit {
        margin-top: 175px;
    }
}

    @media only screen and (min-width: 576px) {
        .footer, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 540px;
        }

    }

    @media only screen and (min-width: 768px) {
        .footer, .footer-md, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 720px;
        }
        /*.ymmargintop {
            margin-top: 140px;
        }*/
        .ymmargintopedit {
            margin-top: 175px;
        }
    }

    @media only screen and (min-width: 992px) {
        .footer, .footer-lg, .footer-md, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 960px;
        }
        /*.ymmargintop {
            margin-top: 140px;
        }*/
        .ymmargintopedit {
            margin-top: 175px;
        }
    }

@media only screen and (min-width: 1200px) {
    .footer, .footer-lg, .footer-md, .footer-sm, .footer-xl {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 1140px;
    }
    /*.ymmargintop {
        margin-top:140px;
    }*/
    .ymmargintopedit {
        margin-top: 175px;
    }
}

.fa-info-circle {
    font-size: 35px;
    /*margin-top: 7px;*/
    color: #02345f;
}

.edit-button {display: block; position: fixed; right:10px; bottom:80px; width: 56px; height: 56px;    padding: 15px; overflow: visible; -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%); text-align: center; line-height: 55px; font-size: 25px; color: rgba(255,255,255,1); background-color: #02345f; border-radius: 50%; text-decoration: none; z-index: 25; }

    /*added new*/
    .button {display: inline-block;width: 100%;border: 1px solid #02345f;background-color: #fff; color:#02345f; text-shadow: 0 0 2px rgba(0,0,0,.3); font-family: sans-serif; /*box-shadow: inset 0 0 2px 0 rgb(255 255 255 / 40%), inset 0 0 10px 0 rgb(0 0 0 / 40%), inset 0 0 10px 5px rgb(0 0 0 / 5%), 2px 2px 4px 0 rgb(0 0 0 / 25%);*/ border-radius: 0px; padding: 8px 16px; ; position: relative; }

    .button img{filter: invert(0%);}
    .button.active img{filter: invert(100%);}
    .button.red {background: #d9534f; }

    .button.green,  {background: #5cb85c; }

    .button.blue {background: #87CEFA !important; }

    .button:before, .button:after {/*content: ''; display: block; position: absolute; left: 2px; right: 2px; height: 3px;*/ }

    .button:before {top: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: rgba(255,255,255,.6); box-shadow: 0 1px 2px 0 rgba(255,255,255,.6); }

    .button:after {bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; background: rgba(0,0,0,.15); box-shadow: 0 -1px 2px 0 rgba(0,0,0,.15); }

  .button.btn-success {color: #fff; background-color: #008000; border-color: #008000; }
  .button.btn-primary {color: #fff; background-color: #02345f; border-color: #02345f; }

.down {-webkit-box-shadow: inset 0 1px 1px #297429, inset 0 8px 16px -4px #297429, inset 0 -1px 1px #297429; /*    border-color: #888 #297429 #eee;*/ }

.downblue {-webkit-box-shadow: inset 0 1px 1px #5c8db6, inset 0 8px 16px -4px #5c8db6, inset 0 -1px 1px #5c8db6; /*    border-color: #888 #297429 #eee;*/ }


.downred {-webkit-box-shadow: inset 0 1px 1px #f19f9c, inset 0 8px 16px -4px #f19f9c, inset 0 -1px 1px #f19f9c; /*    border-color: #888 #297429 #eee;*/ }

.buttonbot {display: inline-block; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,.3); font-family: sans-serif; box-shadow: inset 0 0 2px 0 rgba(255,255,255,.4), inset 0 0 3px 0 rgba(0,0,0,.4), inset 0 0 3px 5px rgba(0,0,0,.05), 2px 2px 4px 0 rgba(0,0,0,.25); border-radius: 4px; padding: .75rem 1.5rem; ; /*    font-size: 12px;*/ /*    line-height: 14px;*/ /*position: relative;*/ }

    .buttonbot.blue {
        background: #02345f !important;
    }

    .buttonbot:before, .buttonbot:after {
        content: '';
        display: block;
        position: absolute;
        left: 2px;
        right: 2px;
        height: 3px;
    }

    .buttonbot:before {
        top: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background: rgba(255,255,255,.6);
        box-shadow: 0 1px 2px 0 rgba(255,255,255,.6);
    }

    .buttonbot:after {
        bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background: rgba(0,0,0,.15);
        box-shadow: 0 -1px 2px 0 rgba(0,0,0,.15);
    }

#accordion .card {
    /*border-radius: 0px;
    text-align: left;
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid #f2f2f2;
    display: block;*/
    margin:.75rem 0;    line-height: 1.5;
}

    #btnhome a:nth-of-type(odd), #accordion .card:nth-of-type(odd), #accordion .alert:nth-of-type(odd) {
        background: #f5f5f5;
    }

    #accordion .card .card {
        border-radius: 0px;
        text-align: left;
        padding: 15px;
        background-color: #FFFFFF;
        border: 1px solid #e2e2e2;
        display: block;
        margin-right: .75rem;
    }

        #btnhome a:nth-of-type(odd), #accordion .card .card:nth-of-type(odd), #accordion .alert .alert:nth-of-type(odd) {
            background: #e5e5e5;
        }

.has-success {
    color: #5cb85c;
}
/**/


.nav{margin: 0 -25px;}
.nav .btn{border-radius: 0;position: relative;color: #02345f;}
.nav .btn::before {content: '';border: 1px solid #02345f; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background:#fff; border-right: 1px solid transparent; }
.nav .btn::before {-webkit-transform: skew(16deg); transform: skew(16deg);/*box-shadow: inset 0 0 2px 0 rgb(255 255 255 / 40%), inset 0 0 10px 0 rgb(0 0 0 / 40%), inset 0 0 10px 5px rgb(0 0 0 / 5%), 2px 2px 4px 0 rgb(0 0 0 / 25%);*/ }
.nav .btn.active{color:#FFF;/*font-weight: 800;*/}
.nav .btn.active::before{background:#02345f;/*border-top: 5px solid #fff;-webkit-box-shadow: inset 10px 30px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 10px 30px 30px 0px rgba(0,0,0,0.2);; box-shadow: inset 10px 30px 30px 0px rgba(0,0,0,0.2);*/}


/*
ul.customtab {height:70px; width: 100%; display: flex; background: #02345f; list-style: none; padding: 2.5px; margin: 0; }
ul.customtab li a img{filter: invert(100%);}
ul.customtab li a{color: #FFF;}
ul.customtab li a.active{color: #02345f;}
ul.customtab li a.active img{filter: invert(0%);}
ul.customtab li.active::before {content: ""; height: 55px; width: calc(100%); background: #fff; position: absolute; border-radius: 40px; box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%); transition: transform 0.5s cubic-bezier(0.15, 0.88, 0.15, 0.97); z-index: -1; }
ul.customtab li {height: 100%; width: 100%; text-align: center; display: grid; place-items: center; font-size: 18px; position: relative; z-index: 1; cursor: pointer; color: #fff;}*/


.x-navigation,
.x-navigation ul {width: 100%;padding: 0px;margin: 0px;float: left;list-style: none;display: block;z-index: 3;}
.x-navigation {}.x-navigation li {float: left;display: block;width: 100%;padding: 0px;margin: 0px;position: relative;}
.x-navigation li > a {display: block;float: left;width: 100%;line-height: 19px;color: #ffffff;font-size: 16px;font-weight: 400;padding: 15px 10px 15px 15px;text-decoration: none;border-bottom: 1px solid #111;vertical-align: text-bottom;}
.x-navigation li > a .fa,
.x-navigation li > a .glyphicon {color: #ffffff;text-align: center;width: 20px;font-size: 14px;margin-right: 10px;vertical-align: baseline;-webkit-transition: color 200ms ease;-moz-transition: color 200ms ease;-ms-transition: color 200ms ease;-o-transition: color 200ms ease;transition: color 200ms ease;}
.x-navigation li > a:hover {background: #2b2b2b;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.x-navigation li > a:hover .fa,
.x-navigation li > a:hover .glyphicon {color: #FFF;}
.x-navigation li > ul {background: #2b2b2b;max-height: 0px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;overflow: hidden;}
.x-navigation li > ul li > a {color: #cccccc;font-size: 16px;line-height: 19px;font-weight: 400;padding: 12px 10px;border-bottom-color: #3b3b3b;}
.x-navigation li > ul li > a:hover {background: #2b2b2b;color: #ffffff;}
.x-navigation li > ul li.active > a {background: #2b2b2b;color: #ea761e;}
.x-navigation li.xn-openable:before {position: absolute;font-family: "FontAwesome";content: "\f107";font-size: 14px;width: 20px;height: 20px;color: #ffffff;right: 0px;top: 12px;cursor: pointer;}
.x-navigation li.active.xn-openable:before {content: "\f106";color:#3A4AA6;}
.x-navigation li.active > a {background: #FFF;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;color: #3A4AA6;}
.x-navigation li.active > a .fa,
.x-navigation li.active > a .glyphicon {color: #2b2b2b;}
.x-navigation li.active > ul {max-height: 1200px;}
.x-navigation li.xn-title {padding: 20px 10px 10px;line-height: 20px;font-weight: 300;font-size: 13px;color: #999;border-bottom: 1px solid #222222;}
.x-navigation > li.xn-openable:before {top: 15px;}
.x-navigation > li > ul > li > a {padding-left: 25px;}
.x-navigation > li > ul > li > a:hover {padding-left: 30px;}
.x-navigation > li > ul > li.active > a {padding-left: 30px;}
.x-navigation > li > ul > li > ul > li > a {padding-left: 40px;}
.x-navigation > li > ul > li > ul > li > a:hover {padding-left: 45px;}
.x-navigation > li > ul > li > ul > li.active > a {padding-left: 45px;}
.x-navigation > li > ul > li > ul > li > ul > li > a {padding-left: 50px;}
.x-navigation > li > ul > li > ul > li > ul > li > a:hover {padding-left: 55px;}
.x-navigation > li > ul > li > ul > li > ul > li.active > a {padding-left: 55px;}
.x-navigation > li > ul > li > ul > li > ul > li > ul > li > a {padding-left: 60px;}
.x-navigation > li > ul > li > ul > li > ul > li > ul > li > a:hover {padding-left: 65px;}
.x-navigation > li > ul > li > ul > li > ul > li > ul > li.active > a {padding-left: 65px;}
.x-navigation > li:last-child > a {-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;border-bottom: 0px;}
.x-navigation.x-navigation-horizontal {height: 50px;background: #33414e;}
.x-navigation.x-navigation-horizontal .xn-logo a {border-bottom: 0px;width: 200px;}
.x-navigation.x-navigation-horizontal > li.xn-openable:before {display: none;}
.x-navigation.x-navigation-horizontal > li > a {padding: 15px;border-bottom: 0px;line-height: 20px;color: #ffffff;text-shadow: none;}
.x-navigation.x-navigation-horizontal > li > a:hover {background: #3d4e5d;}
.x-navigation.x-navigation-horizontal > li > a:hover .fa,
.x-navigation.x-navigation-horizontal > li > a:hover .glyphicon {color: #ea761e;}
.x-navigation.x-navigation-horizontal > li > a .fa,
.x-navigation.x-navigation-horizontal > li > a .glyphicon {color: #ffffff;}
.x-navigation.x-navigation-horizontal > li.active > a {background: #3d4e5d;}
.x-navigation.x-navigation-horizontal > li.active > a .fa,
.x-navigation.x-navigation-horizontal > li.active > a .glyphicon {color: #ea761e;}
.x-navigation.x-navigation-horizontal > li ul {width: 220px;position: absolute;overflow: visible;display: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);z-index: 3;}
.x-navigation.x-navigation-horizontal > li ul ul.xn-drop-white:after {border-right-color: #FFF;}
.x-navigation.x-navigation-horizontal > li > ul {top: 60px;left: 0px;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-white:after {border-bottom-color: #FFF;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-left {left: auto;right: 0px;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-left.xn-drop-white ul:after {border-left-color: #FFF;}
.x-navigation.x-navigation-horizontal > li > ul:after {bottom: 100%;left: 27px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-bottom-color: #33414e;border-width: 5px;margin-left: -5px;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after {right: 20px;left: auto;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul {left: auto;right: 230px;}
.x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul:after {right: auto;left: 100%;border: solid transparent;border-left-color: #33414e;border-width: 5px;margin-right: -5px;}
.x-navigation.x-navigation-horizontal > li > ul ul {top: 0px;right: -230px;}
.x-navigation.x-navigation-horizontal > li > ul ul:after {right: 100%;top: 23px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-right-color: #33414e;border-width: 5px;margin-top: -5px;}
.x-navigation.x-navigation-horizontal > li > ul li > a {padding-left: 10px;}
.x-navigation.x-navigation-horizontal > li > ul li > a:hover {padding-left: 15px;}
.x-navigation.x-navigation-horizontal > li > ul li.active > a {padding-left: 15px;}
.x-navigation.x-navigation-horizontal > li li {width: 100%;}
.x-navigation.x-navigation-horizontal > li li:first-child a {-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;}
.x-navigation.x-navigation-horizontal > li li:last-child a {-moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px;border-bottom-color: transparent;}
.x-navigation.x-navigation-horizontal > li li.xn-openable:before {content: "\f105";}
.x-navigation.x-navigation-horizontal > li li.active.xn-openable:before {content: "\f104";}
.x-navigation.x-navigation-horizontal > li:last-child > a {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.x-navigation.x-navigation-horizontal > li.last > a {-moz-border-radius: 0px 5px 0px 0px;-webkit-border-radius: 0px 5px 0px 0px;border-radius: 0px 5px 0px 0px;}
.x-navigation.x-navigation-horizontal li {width: auto;position: relative;}
.x-navigation.x-navigation-horizontal li.active > ul {display: block;}
.x-navigation.x-navigation-horizontal li.xn-openable > a {padding-right: 20px;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white {background: #FFF;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white ul {background: #FFF;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white ul:after {border-right-color: #FFF;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white li > a {color: #333;text-shadow: none;border-bottom: 1px solid #E9E9E9;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white li > a:hover {background: #F5F5F5;color: #333;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .fa,
.x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .glyphicon {color: #33414e;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white li.active > a {color: #333;text-shadow: none;border-bottom: 1px solid #E9E9E9;}
.x-navigation.x-navigation-horizontal ul.xn-drop-white li.active.xn-openable:before {color: #333;}
.x-navigation.x-navigation-horizontal .xn-icon-button > a {padding: 15px 10px;text-align: center;width: 50px;}
.x-navigation.x-navigation-horizontal .xn-icon-button > a .fa,
.x-navigation.x-navigation-horizontal .xn-icon-button > a .glyphicon {margin: 0px;}
.x-navigation.x-navigation-horizontal .xn-search {padding: 10px 5px;}
.x-navigation.x-navigation-horizontal .xn-search input {width: 100px;}
.x-navigation.x-navigation-horizontal .xn-search input:focus {width: 200px;}
.x-navigation.x-navigation-horizontal .xn-search:before {left: 5px;}
.x-navigation.x-navigation-minimized {width: 50px;}
.x-navigation.x-navigation-minimized .xn-text {display: none;}
.x-navigation.x-navigation-minimized .xn-visible {display: block;}
.x-navigation.x-navigation-minimized li {width: auto;position: relative;}
.x-navigation.x-navigation-minimized li.xn-profile .profile-mini {display: block;}
.x-navigation.x-navigation-minimized li.xn-profile .profile:after {right: 100%;top: 23px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-right-color: #33414e;border-width: 5px;margin-top: -5px;}
.x-navigation.x-navigation-minimized li.xn-title {display: none;}
.x-navigation.x-navigation-minimized li.active > ul {display: block;}
.x-navigation.x-navigation-minimized li ul {top: 0px;right: -230px;-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);}
.x-navigation.x-navigation-minimized li ul:after {right: 100%;top: 23px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-right-color: #33414e;border-width: 5px;margin-top: -5px;}
.x-navigation.x-navigation-minimized li ul li > a {padding-left: 15px !important;}
.x-navigation.x-navigation-minimized li ul li > a:hover {padding-left: 20px !important;}
.x-navigation.x-navigation-minimized li ul li.active > a {padding-left: 20px !important;}
.x-navigation.x-navigation-minimized li ul li:first-child > a {-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;}
.x-navigation.x-navigation-minimized li ul li:last-child > a {border-bottom: 0px;-moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px;}
.x-navigation.x-navigation-minimized > li {width: 100%;}
.x-navigation.x-navigation-minimized > li > a {padding: 15px 10px;text-align: center;}
.x-navigation.x-navigation-minimized > li > a .fa,
.x-navigation.x-navigation-minimized > li > a .glyphicon {margin: 0px;}
.x-navigation.x-navigation-minimized > li ul {width: 220px;position: absolute;overflow: visible;display: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.x-navigation.x-navigation-minimized > li li {width: 100%;}
.x-navigation.x-navigation-minimized > li li.xn-openable:before {content: "\f105";}
.x-navigation.x-navigation-minimized > li li.active.xn-openable:before {content: "\f104";}
.x-navigation.x-navigation-minimized > li.active:before,
.x-navigation.x-navigation-minimized > li.xn-openable:before {display: none;}
.x-navigation.x-navigation-minimized > li.xn-logo > a:first-child {padding: 0px;width: 50px;background-image: url("../img/logo-small.png");}
.x-navigation.x-navigation-minimized .xn-search input {width: 30px;padding: 0px 2px 0px 28px;}
.x-navigation.x-navigation-minimized .xn-search input:focus {width: 200px;padding: 0px 8px 0px 28px;}
.x-navigation.x-navigation-custom li ul {background: #2d3945;}
.x-navigation.x-navigation-custom li > a {border-bottom: 0px;}
.x-navigation.x-navigation-custom li > a:hover {background: #2b3742;}
.x-navigation.x-navigation-custom li > a:hover .fa,
.x-navigation.x-navigation-custom li > a:hover .glyphicon {color: #ea761e;}
.x-navigation.x-navigation-custom li > a .fa,
.x-navigation.x-navigation-custom li > a .glyphicon {color: #DDD;}
.x-navigation.x-navigation-custom li.active > a {background: #2b3742;}
.x-navigation.x-navigation-custom li.active > a .fa,
.x-navigation.x-navigation-custom li.active > a .glyphicon {color: #ea761e;}
.x-navigation.x-navigation-custom > li > a {padding: 12px 10px 12px 12px;border-bottom: 0px;font-size: 13px;color: #CCC;border-left: 3px solid transparent;}
.x-navigation.x-navigation-custom > li > a:hover {color: #FFF;background: #374654;}
.x-navigation.x-navigation-custom > li.active > a {color: #FFF;background: #374654;border-left: 3px solid #ea761e;}
.x-navigation.x-navigation-custom > li.xn-openable:before {color: #CCC;top: 12px;}
.x-navigation.x-navigation-custom > li.xn-title {border-bottom: 0px;}
.x-navigation.x-navigation-custom > li.xn-logo > a {border-left: 0px;}
.x-navigation.x-navigation-custom > li.xn-logo > a:hover {background-color: #e0401d;}
.x-navigation.x-navigation-custom.x-navigation-minimized > li > a {padding: 15px 10px 15px 7px;}
.x-navigation.x-navigation-custom.x-navigation-minimized > li.xn-profile > a {border-left: 0px;padding: 7px;}
.x-navigation .xn-search {padding: 10px 10px 10px 9px;position: relative;}
.x-navigation .xn-search input {width: 200px;height: 30px;padding: 0px 8px 0px 28px;line-height: 25px;border: 1px solid #29343f;background: #2d3945;color: #AAA;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.x-navigation .xn-search:before {content: "\f002";font-family: FontAwesome;position: absolute;width: 30px;height: 30px;text-align: center;font-size: 17px;line-height: 28px;color: #AAA;left: 10px;top: 10px;z-index: 2;cursor: pointer;}
.x-navigation .xn-visible {display: none;}
.x-navigation .x-navigation-control {position: absolute;right: 0px;width: 50px;height: 50px;cursor: pointer;display: none;}
.x-navigation .x-navigation-control:hover {background: #e0401d;border-bottom: 0px;}
.x-navigation .x-navigation-control:before {position: absolute;font-family: "FontAwesome";content: "\f0c9";font-size: 14px;top: 14px;left: 20px;color: #FFF;text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);}
.x-navigation > li.xn-navigation-control {display: none;height: 50px;border-bottom: 1px solid #2f3c48;}
.x-navigation > li.xn-navigation-control .x-navigation-control:hover {background: #273541;}
.x-navigation > li.xn-logo > a {border-bottom: 0px;}
.x-navigation > li.xn-logo > a:first-child {font-size: 0px;text-indent: -9999px;background: url("../img/logo.png") top center no-repeat #e34724;padding: 0px;border-bottom: 0px;color: #FFF;height: 50px;}
.x-navigation > li.xn-logo > a:first-child:hover {background-color: #e0401d;}
.x-navigation > li.xn-profile {padding: 0px;border-bottom: 1px solid #273541;}
.x-navigation > li.xn-profile .profile-data-name {color: #ffffff;}
.x-navigation > li.xn-profile .profile-mini {display: none;width: 50px;padding: 7px;}
.x-navigation > li.xn-profile .profile-mini img {width: 36px;border: 2px solid #2C3A4A;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.x-navigation .informer {font-size: 11px;position: absolute;line-height: 20px;text-align: center;padding: 0px 5px;background: #BBB;right: 10px;top: 15px;color: #FFF;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.x-navigation .informer.pulsate {-webkit-animation: pulsate 1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation: pulsate 1s ease-out;-moz-animation-iteration-count: infinite;animation: pulsate 1s ease-out;animation-iteration-count: infinite;}
.x-navigation .informer.informer-primary {background: #33414e;}
.x-navigation .informer.informer-success {background: #ea761e;}
.x-navigation .informer.informer-info {background: #3fbae4;}
.x-navigation .informer.informer-warning {background: #fea223;}
.x-navigation .informer.informer-danger {background: #b64645;}
.x-navigation li li .informer {top: 12px;}
.x-navigation .xn-icon-button .informer {left: auto;bottom: auto;right: 1px;top: 5px;}

.rejectbtncolor {
    background-color: #FF6347 !important;
}

.home-slider.owl-carousel {
    border: none;
    box-shadow: none;
    background: none;
    border-radius: 0;
    margin: 0;
}

.home-slider .owl-controls {
    bottom: -30px;
    position: absolute;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer {
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.home-slider .owl-buttons {
    bottom: 310px;
    position: relative;
}

.home-slider .owl-prev {
    font-size: 0;
    height: 64px;
    position: absolute;
    width: 80px;
    left: 100px;
}

.home-slider .owl-prev {
    cursor: pointer;
}

.mainbanner .owl-carousel .owl-buttons .owl-prev {
    left: 50px;
}

.mainbanner .owl-carousel .owl-buttons .owl-next {
    right: 50px;
}

.home-slider .owl-next {
    font-size: 0;
    height: 64px;
    position: absolute;
    width: 80px;
}

.home-slider .owl-next {
    /*cursor:url("../image/right_arrow.png"), auto !important
*/
    cursor: pointer;
}

.owl-controls .owl-page {
    padding: 3px;
    border: 2px solid #111111;
    border-radius: 50px;
}

    .owl-controls .owl-page span {
        background: #999;
        border-radius: 50px;
        height: 6px;
        width: 6px;
    }

        .owl-controls .owl-page.active span, .owl-controls .owl-page span:hover {
            background: #696969;
        }

    .owl-controls .owl-page:hover, .owl-controls .owl-page.active {
        border: 2px solid #696969;
    }

        .owl-controls .owl-page.active span {
            cursor: default;
        }


/*testimonial*/
#testimonial .owl-item:nth-child(odd) {
    background-color: #eee;
}

.owl-item li {
    list-style: outside none none;
    text-align: center;
    padding: 25px;
}

#testimonial {
    background: transparent none repeat scroll 0 0;
    margin: 0;
}

.testimonial-image {
    border-radius: 50%;
}

.testimonial-desc {
    margin: 0 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.testimonial-name h2 {
    font-family: 'Roboto', arial;
    font-size: 32px;
    text-transform: none;
    margin-bottom: 10px;
    color: #696969;
    font-weight: 600;
}

#testimonial .owl-controls .owl-page {
    padding: 3px;
}

    #testimonial .owl-controls .owl-page span {
        background: #999;
        height: 6px;
        width: 6px;
        border-radius: 50px;
    }

        #testimonial .owl-controls .owl-page.active span, #testimonial .owl-controls .owl-page span:hover {
            background: #696969;
        }

    #testimonial .owl-controls .owl-page:hover, #testimonial .owl-controls .owl-page.active {
        border: 2px solid #696969;
        border-radius: 50px;
    }

.home-slider .owl-controls .owl-page.active span {
    cursor: default;
}

#testimonial .owl-controls .owl-page {
    margin: 10px 6px;
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #999;
}
/* testimonial  end*/

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

.product-slider.owl-carousel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible;
}

    .product-slider.owl-carousel .owl-buttons {
        position: absolute;
        top: 45%;
        width: 100%;
    }

.content .blog-wrapper .owl-buttons {
    position: absolute;
    top: 60%;
    width: 100%;
}

.product-slider.owl-carousel .owl-buttons div {
    font-size: 0;
}

.owl-carousel .owl-buttons .owl-next, .owl-carousel .owl-buttons .owl-prev {
    color: #696969;
}

#related-slidertab .owl-next {
    right: 0;
}

#related-slidertab .owl-prev {
    left: 0;
}


    .brand-logo.owl-carousel .img-responsive {
	display: inline-block;
}

.img-responsive {
    width: 100%;
}

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
}