@import url(https://fonts.googleapis.com/css?family=Fjalla+One:400|Roboto:400,400italic,700);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

*{outline: 0;}


body{font-size: 14px; color: #777; font-family: 'Roboto', sans-serif;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, strong{color: #222;font-family: 'Roboto Condensed', sans-serif;}

a{font-size: 14px;  color: #0075da;font-family: 'Roboto', sans-serif;}

p, label,   button, input, select, textarea{font-family: 'Roboto', sans-serif;}


/* ===================  MARGIN =================== */
.m-0{margin: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mb-0{margin-bottom: 0px !important;}
.ml-0{margin-left: 0px !important;}
.mr-0{margin-right: 0px !important;}

 .m-5{margin: 5px !important;}
.mt-5{margin-top: 5px !important;}
.mb-5{margin-bottom: 5px !important;}
.ml-5{margin-left: 5px !important;}
.mr-5{margin-right: 5px !important;}

.m-10{margin: 10px !important;}
.mt-10{margin-top: 10px !important;}
.mb-10{margin-bottom: 10px !important;}
.ml-10{margin-left: 10px !important;}
.mr-10{margin-right: 10px !important;}

.m-20{margin: 20px !important;}
.mt-20{margin-top: 20px !important;}
.mb-20{margin-bottom: 20px !important;}
.ml-20{margin-left: 20px !important;}
.mr-20{margin-right: 20px !important;}

.m-30{margin:30px !important;}
.mt-30{margin-top: 30px !important;}
.mb-30{margin-bottom: 30px !important;}
.ml-30{margin-left: 30px !important;}
.mr-30{margin-right: 30px !important;}

.m-40{margin:40px !important;}
.mt-40{margin-top: 40px !important;}
.mb-40{margin-bottom: 40px !important;}
.ml-40{margin-left: 40px !important;}
.mr-40{margin-right: 40px !important;}

.m-50{margin:50px !important;}
.mt-50{margin-top: 50px !important;}
.mb-50{margin-bottom: 50px !important;}
.ml-50{margin-left: 50px !important;}
.mr-50{margin-right: 50px !important;}

/* ===================  PADDING =================== */


.p-0{padding: 0px !important;}
.pt-0{padding-top: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pr-0{padding-right: 0px !important;}

.p-5{padding: 5px !important;}
.pt-5{padding-top: 5px !important;}
.pb-5{padding-bottom: 5px !important;}
.pl-5{padding-left: 5px !important;}
.pr-5{padding-right: 5px !important;}

.p-10{padding: 10px !important;}
.pt-10{padding-top: 10px !important;}
.pb-10{padding-bottom: 10px !important;}
.pl-10{padding-left: 10px !important;}
.pr-10{padding-right: 10px !important;}

.p-20{padding: 20px !important;}
.pt-20{padding-top: 20px !important;}
.pb-20{padding-bottom: 20px !important;}
.pl-20{padding-left: 20px !important;}
.pr-20{padding-right: 20px !important;}

.p-30{padding: 30px !important;}
.pt-30{padding-top: 30px !important;}
.pb-30{padding-bottom: 30px !important;}
.pl-30{padding-left: 30px !important;}
.pr-30{padding-right: 30px !important;}

/* ===================  BORDER =================== */
.border-0{border:0px  !important;}
.border-left-0{border-left:0px  !important;}
.border-right-0{border-right:0px  !important;}
.border-top-0{border-top:0px  !important;}
.border-bottom-0{border-bottom:0px  !important;}

.border{border:1px solid #999 !important;}
.border-left{border-left:1px solid #e6e6e6 !important;}
.border-right{border-right:1px solid #e6e6e6 !important;}
.border-top{border-top:1px solid #e6e6e6 !important;}
.border-bottom{border-bottom:1px solid #e6e6e6 !important;}

.border-blue{border:1px solid #0075da !important;}
.border-purple{border:1px solid #9164ff !important;}
.border-org{border:1px solid #ff9600 !important;}
.border-green{border:1px solid #0b8b0b !important;}
.border-light{border:1px solid #e2e2e2 !important;}
.border-red{border:1px solid #0ff !important;}

/* ===================  RADIUS  =================== */
.radius-0{border-radius: 0px  !important;}
.radius-10{border-radius: 10px  !important;}
.radius-30{border-radius: 30px  !important;}

/* ===================  BOX SHADOW  =================== */
.box-shadow{box-shadow:0px 3px 6px #e6e6e6}

/* ===================  BACKGOURND  =================== */
.bg-white{background-color: #fff  !important;}
.bg-light{background-color: #f9f9f9  !important;}
.bg-gray{background-color: #333  !important;}
.bg-purple{background-color: #586ac3  !important;}
.bg-blue{background-color: #0075da  !important;}
.bg-black{background-color: #333  !important;}
.bg-red{background-color: #f00  !important;}
.bg-green{background-color: #0b8b0b  !important;}
.bg-yellow{background-color: #dcba0f !important;}
.bg-org{background-color: #ff9600 !important;}

.bg-transparent{opacity: 0;}
.opacity1 {opacity: 0.2;}

/* ===================  TEXT COLOR  =================== */
.text-white{color: #ffffff !important;}
.text-gray{color: #999 !important;}
.text-black{color: #333 !important;}
.text-blue{color: #0075da !important;}
.text-purple{color: #586ac3 !important;}
.text-org{color: #ff9600 !important;}
.text-default{color: #777 !important;}
.text-yellow{color: #dcba0f !important;}
.text-green{color: #0b8b0b  !important;}
.text-red{color: #f00 !important;}
.text-gold{color: rgb(225, 161, 39)!important; text-shadow: 0px -1px 0px #fff; }

/* ===================  FONT SIZE =================== */
.font-10{font-size: 10px !important; line-height: 14px;}
.font-12{font-size: 12px !important; line-height: 16px;}
.font-14{font-size: 14px !important; line-height: 16px;}
.font-16{font-size: 16px !important; line-height: 18px;}
.font-20{font-size: 20px !important; line-height: 24px;}
.font-24{font-size: 24px !important; line-height: 30px;}
.font-30{font-size: 30px !important; line-height: 36px;}



/* ===================  WIDTH =================== */
.w-100{width: 100% !important}
.w-75{width: 75% !important}
.w-50{width: 50% !important}
.w-33{width: 32% !important}
.w-25{width: 25% !important}
.w-10{width: 10% !important}

/* ===================  DISPLAY INLINE AND BLOCK =================== */
.d-inline{display: inline-block !important;}
.d-block{display: block !important;}
.d-flex{display: flex |!important;}
.relative{position: relative;}

/* ===================  FONTS =================== */
.small{font-size: 12px !important;font-weight: 600;}

/* ===================  SET BACKGROUND =================== */
.set-green{background: #5cb85c; color: #fff}
.set-purple{background: #9164ff; color: #fff}
.set-org{background-color:#fbefe5;  color: #ff9600;}
.set-blue{background-color:#2196f3;  color: #fff;}
.set-yellow{ background-color:#dcba0f; color: #dcba0f;}
.set-alert-purple{background: #f3efff; color: #7750d6}
.set-alert-org{background: #fbefe5; color: #7750d6}
.set-black{background: #444; color: #fff !important;}
.set-white{background: #fff; color: #999;border:1px solid #999 !important;}





.float-label-control { position: relative; margin-bottom: 1.5em; }
.float-label-control ::-webkit-input-placeholder { color: transparent; }
.float-label-control :-moz-placeholder { color: transparent; }
.float-label-control ::-moz-placeholder { color: transparent; }
.float-label-control :-ms-input-placeholder { color: transparent; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
.float-label-control input:focus,
.float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
.float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
.float-label-control textarea { padding: 0.1em 0em 5px 0em; }
.float-label-control label { position: absolute; font-weight: normal; top: -1.2em; /*left: 0.08em;*/ color: #aaaaaa; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 200ms none ease-out; -webkit-animation: float-labels 200ms none ease-out; -o-animation: float-labels 200ms none ease-out; -ms-animation: float-labels 200ms none ease-out; -khtml-animation: float-labels 200ms none ease-out; animation: float-labels 200ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 12px; font-size: 15px; animation: none; -webkit-animation: none; animation-play-state: running; left: 15px; }
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #66afe9; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
.float-label-control ul.select-dropdown {width: 100% !important; max-height: 150px; overflow:auto;}
.float-label-control ul.select-dropdown.show {display: block !important;}
.float-label-control ul.select-dropdown li a{padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #d3d3d3}
.float-label-control ul.select-dropdown li a:hover{font-weight: bolder;}
.float-label-control ul.select-dropdown li a.hide{display: none;}

@keyframes float-labels {
    0% { color: #aaa; top: 0.1em; font-size: 1.5em; }
    /*10% {  top: -0.1em; font-size: 1.43em; }*/
    20% { top: -0.3em; font-size: 1.37em;}
    /*30% { top: -0.3em; font-size: 1.30em;}*/
    /*40% { top: -0.4em; font-size: 1.23em;}*/
    50% { top: -0.6em; font-size: 1.16em;}
    /*60% { top: -0.6em; font-size: 1.09em;}*/
    /*70% { top: -0.7em; font-size: 1.02em;}*/
    80% { top: -1.0em; font-size: 0.95em;}
    /*90% { top: -0.9em; font-size: 0.88em;}*/
    100% { top: -1.2em;  font-size: 0.85em;}
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    40% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    50% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    60% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    70% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    80% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    90% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.input-group  {
  width: 90%;
  margin: 0 auto;
}
.popular-11 {
  margin: 60px 0 0 0;
}

.fixed-bottom-12 {
    width: 90%;
    margin:20px auto 6px
}
.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 10px;

    /* Styles */
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding:0;
    margin:0;
    /* Styles */
    background: white;
    border: 1px solid rgba(0,0,0,0.17);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

/*.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}*/

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -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;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}
.float-label-control-1 {
  width: 90% !important;
}
.editor {
  padding: 30px 20px;
}


@media only screen and (min-width:600px) {
    .tabcontainer {
        width: 100%;
        margin: auto;
    }
}
@media screen and (min-width:980px) {
    .tabcontainer {
        width: 100%;
    }
}

div.tablist {
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.tab__blue .tablist__tab {
    background: #fff !important;
    background-image: -webkit-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -moz-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -o-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -ms-linear-gradient(#0000ff 0, #000080 100%);
    background: linear-gradient(#0000ff 0, #000080 100%);
    font-weight: bold;
    font-size: 16px;
  /*  font-family: Arial,sans-serif;*/
    padding: 15px 0 14px !important;
    color: #7d7d7d;
    border-top:1px solid #ccc;
    margin: 0px !important;
    border-bottom: 1px solid #ccc;
}

div.tablist .tablist__tab {
    float: left;
    margin: 0;
    margin-top: 0px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    flex-wrap:nowrap;
}

div.tablist .tablist__tab.active,
div.tablist .tablist__tab:hover {
    background: #000;
    color: #ee7600;
    font-weight: bold;
}
div.tablist .tablist__tab.active {
        background-color: #fbfbfb;
    margin-top: 0;
    padding: 10px 0;
   /* font-size: 12px;*/
    color: #000;
    border-bottom: 3px solid #000;
}



.swiper2 .swiper-slide{
  background-color: #fff;
  height: auto;
}

@media screen and (max-width: 480px) {
  
  .tabpanels__drawer {
    background: #0000ff;
    background-image: -webkit-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -moz-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -o-linear-gradient(#0000ff 0, #000080 100%);
    background-image: -ms-linear-gradient(#0000ff 0, #000080 100%);
    background: linear-gradient(#0000ff 0, #000080 100%);
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #666;
    color: #fff;
  }
}
.credits-history-9 {
    height: 180px;
    background-color: #f3f3f3;
}
.credits-history {
    text-align: center;
    padding: 20px 0 10px 0;
    background-color: #fff;
    width: 95%;
    margin: 10px auto;
    border: 1px solid #ccc;
}
.credits-history h3 {
    text-align: center;
    margin: 0px;
    font-size: 30px;
}
.credits-history p {
    margin: 0px !important;
}
.fixed-bottom-14 {
    width: 90%;
    margin: 20px auto 0;
}
.funkyradio div {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ccc;

}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    width:90%;
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
top: 7px;
bottom: 0;
right: 0;
content: '';
width: 20px;
background: #ccc;
    background-color: rgb(204, 204, 204);
border-radius: 50%;
border-radius: 3px 0 0 3px;
height: 20px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: 5px;
  color: #C2C2C2;  
line-height: 20px;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: 5px;
  color: #333;
  background-color: #ccc;
  line-height: 20px;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  background-color: #000;
border-radius: 50%;
font-size: 14px;
color: #fff;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}
.select-language {
    margin: 20px 0 0 0;
}
.fixed-bottom-28 {

    position: fixed;
    bottom: 6px;
    display: block;
    width: 95%;
    margin: 0 auto;
    display: table;
    left: 6px;

}
.insurance {
    padding: 10px;
background-color: #ffc8c8;
margin: 20px 10px;
border-radius: 5px;
}
.insurance p {
    color: #f00;
font-size: 13px;
}
.insurance-10 {
    background-color: #ccc;
    margin: 0 0 66px 0;
}
.policy-details p {
    font-size: 12px;
    color: #737373;
}
.policy{
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
}
.policy p {
    padding: 10px 0 0 0;
    margin: 0px !important;
}
.policy a {
    padding: 0px 0 10px 0;
    margin: 0px !important;
    display: block;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
   /* margin-top: 6px;*/
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
    
}
input[type=submit]{
width:100%;
}
.contactContainer {
   border-radius: 5px;
background-color: #f2f2f2;
padding: 8px;
border-left: 5px solid #4e69aa;
}

input[type="file"] {
        visibility: hidden;
        width: 1px;
        height: 1px;
    }



/* vijayraj */


/* ****** UTILITY CSS MOBILE DEVELOPMENT ******** */


/* ===================  MARGIN =================== */
.m-0{margin: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mb-0{margin-bottom: 0px !important;}
.ml-0{margin-left: 0px !important;}
.mr-0{margin-right: 0px !important;}

.m-10{margin: 10px !important;}
.mt-10{margin-top: 10px !important;}
.mb-10{margin-bottom: 10px !important;}
.ml-10{margin-left: 10px !important;}
.mr-10{margin-right: 10px !important;}

.m-20{margin: 20px !important;}
.mt-20{margin-top: 20px !important;}
.mb-20{margin-bottom: 20px !important;}
.ml-20{margin-left: 20px !important;}
.mr-20{margin-right: 20px !important;}

.m-30{margin:30px !important;}
.mt-30{margin-top: 30px !important;}
.mb-30{margin-bottom: 30px !important;}
.ml-30{margin-left: 30px !important;}
.mr-30{margin-right: 30px !important;}


/* ===================  PADDING =================== */
.p-0{padding: 0px !important;}
.pt-0{padding-top: 0px !important;}
.pb-0{padding-bottom: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pr-0{padding-right: 0px !important;}

.p-10{padding: 10px !important;}
.pt-10{padding-top: 10px !important;}
.pb-10{padding-bottom: 10px !important;}
.pl-10{padding-left: 10px !important;}
.pr-10{padding-right: 10px !important;}

.p-20{padding: 20px !important;}
.pt-20{padding-top: 20px !important;}
.pb-20{padding-bottom: 20px !important;}
.pl-20{padding-left: 20px !important;}
.pr-20{padding-right: 20px !important;}

.p-30{padding: 30px !important;}
.pt-30{padding-top: 30px !important;}
.pb-30{padding-bottom: 30px !important;}
.pl-30{padding-left: 30px !important;}
.pr-30{padding-right: 30px !important;}

/* ===================  BORDER =================== */
.border-0{border:0px  !important;}
.border-left-0{border-left:0px  !important;}
.border-right-0{border-right:0px  !important;}
.border-top-0{border-top:0px  !important;}
.border-bottom-0{border-bottom:0px  !important;}
.border{border:1px solid #999 !important;}
.border-left{border-left:1px solid #e6e6e6 !important;}
.border-right{border-right:1px solid #e6e6e6 !important;}
.border-top{border-top:1px solid #e6e6e6 !important;}
.border-bottom{border-bottom:1px solid #e6e6e6 !important;}

.border-blue{border:1px solid #0075da !important;}
.border-purple{border:1px solid #586ac3 !important;}
.border-org{border:1px solid #999 !important;}
.border-green{border:1px solid #999 !important;}

/* ===================  RADIUS  =================== */
.radius-0{border-radius: 0px  !important;}
.radius-10{border-radius: 10px  !important;}

/* ===================  BOX SHADOW  =================== */
.box-shadow{box-shadow:0px 3px 6px #e6e6e6}

/* ===================  BACKGOURND  =================== */
.bg-white{background-color: #fff;}
.bg-light{background-color: #f9f9f9;}
.bg-gary{background-color: #333}
.bg-purple{background-color: #586ac3;}
.bg-red{background-color: #f00;}

/* ===================  TEXT COLOR  =================== */
.text-white{color: #ffffff;}
.text-black{color: #333;}
.text-blue{color: #0075da;}
.text-purple{color: #586ac3}
.text-org{color: #ff9600;}
.text-red{color: #f00;}
.text-default{color: #777;}
.text-yellow{color: #dcba0f;}
.text-green{color: #5cb85c}

/* ===================  WIDTH =================== */
.w-100{width: 100% !important}
.w-50{width: 50% !important}
.w-25{width: 25% !important}
.w-10{width: 10% !important}

/* ===================  FONTS =================== */
.small{font-size: 12px;font-weight: 600;}

.set-green{background: #5cb85c; color: #fff}
.set-purple{background: #9164ff; color: #fff}
.set-org{background-color:#fbefe5;  color: #ff9600;}
.set-blue{background-color:#2196f3;  color: #fff;}
.set-yellow{ background-color:#dcba0f; color: #dcba0f;}
.set-alert-purple{background: #f3efff; color: #7750d6}

.set-white{background: #fff; color: #999;border:1px solid #999 !important;}

/* ===================  ICON POSITION  =================== */
.icon-left{position: relative; padding-left: 30px;}
.icon-left i{position: absolute; left: 12px; top: 3px; }

.icon-right{position: relative; padding-right: 30px !important;}
.icon-right .iright{position: absolute; right: 10px; top: 5px; }
.icon-right .imiddle{position: absolute; right: 10px; top: 50%; margin-top: -20px;}

.panel-default{border:1px solid #ddd; box-shadow: 0 0 10px #e8e8e8;border-radius: 10px;}
.maxbox{border:1px solid #ddd; z-index: 999; padding: 10px;border-radius: 10px; box-shadow: 0 0 10px #e8e8e8; background-color: #fff;overflow: inherit;}

.maxbox-left{position: relative;
    padding-left: 60px;
    min-height: 60px;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;}
.maxbox-left i, .maxbox-left img{
       position: absolute;
    left: 0px;
    top: 5px;
    width: 50px;
    border: 1px solid #ddd;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
        display: flex;
    justify-content: center;
    align-items: center;}

.maxbox-right {position: relative; padding-right: 30px;}
.maxbox-right i, .maxbox-right img{position: absolute; right: 10px; top: 5px; }


/* ===================  MIDAL  =================== */
.middle{display: flex; align-items: center;justify-content: center;}
.middle-left{display: flex; align-items: center;justify-content: left;}

/* ===================  MAIN PG  =================== */
.menu-pg{margin-bottom: 60px; margin-top: 50px; }
.menu-pg-bottom{margin-bottom: 80px; }
.ongoing-details{margin-bottom: 130px; }
.ongoing-job{border-top: 2px dotted #ddd;color: #009688;border-bottom: 2px dotted #ddd; padding: 5px;}
.ongoing-job i{color: #009688; }
.footer-strik{position: fixed;bottom: 0; left:0; right: 0; padding: 10px; background-color: #fff;}


.panel .panel-body{padding: 10px !important;}
.i-box{    
    border: 1px solid #d7d6d6;
    width: 50px;
    height: 51px;
    border-radius: 50%;
    padding: 5px;
    font-size: 20px;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
 }
 .or{border-top: 3px dotted #ddd;  }
 .or .i-box{ margin-top: -25px; }


 .absolute-middle{ position: absolute;
    width: 100%;
    top: 50%;}
 .set-bottom{position: absolute;
    width: 100%;
    bottom: 0;}
 .center{margin: 0 auto;}

 .sm-icon{  border: 1px solid #d7d6d6;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center; }
/*---------------------- CSS ------------------------------*/

.target-header{height: 40vh;}
.target-header div{margin:0  5px; }
.target-header h1{font-weight: 800;margin:0px; color: #ffffff; text-shadow: 1px -4px 0px #959595;}
.target-header h2{margin:0px; font-style: italic;}
.target-content{margin-top: -66px;  }
.target-box{ height: 130px; }


.smlogo{border:1px solid #fff; width: 60px;font-size: 20px; text-align: center;}
.smlogo .ssk{background-color: #fff;color: #000;display: block;}
.smlogo .max{background-color: #333;color: #fff;display: block;}

.footer-right-btn{position: fixed; right: 10px; bottom: 90px; z-index: 0}
.menu-icon a.list-group-item{ padding: 10px 20px 10px 30px;position: relative; color: #0075da;}
.menu-icon a.list-group-item:after{ content: "\f054";font-family: 'FontAwesome'; position: absolute; right: 10px; top: 50%; margin-top: -8px;}
.menu-icon a.list-group-item i{position: absolute;left: 10px;top: 50%; margin-top: -10px;font-size: 18px;}
.menu-icon1 li.list-group-item{ padding: 10px 10px 10px 30px;position: relative; color: #0075da;}
.menu-icon1 li.list-group-item a i{position: absolute;left: 10px;top: 50%; margin-top: -7px}

.footer-selfy{  text-align: center;  position: fixed;
    bottom: 0px;
    width: 100%;
    background: #fff;
    height: 110px;
    padding-top: 17px;
    border-top: 1px solid #ccc;
    }

.footer-selfy i{   position: absolute; color: #586ac3;
    top: -18px;
    left: 50%;
    width: 100%;
    font-size: 30px;
    margin-left: 0px;
    z-index: 99;
    border: 2px solid  #586ac3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 5px;
    margin-left: -20px;
    background: #fff;}

.credit-bt{margin-top: -3px; padding: 3px 10px;}
.rounderimg{border-radius: 50%;  max-width: 80px; -max-height: 80px; width: 100%; border:1px solid #ccc;}
.help-box{padding-left: 60px; position: relative;}
.help-box i {position:absolute; top: 50%; margin-top: -20px;left: 20px; font-size: 40px;}
.ongoing-menu.affix{background-color: #f9f9f9;    border-top: 1px solid #e7e7e7;
    z-index: 99;   
    top: 45px;
    left: 0;
    right: 0;
    padding: 5px 0;
    box-shadow: 0 3px 6px #ccc;}
.credits-history-tab.affix{background-color: #fff; width: 100%;
    z-index: 99;
    top: 45px;
    position: fixed !important;
  
    box-shadow: 0 3px 6px #ccc;}

.info-status li{
    position: relative;
    padding-left: 20px;
}
.info-status li i{position: absolute;top: 50%; left: 0px; margin-top: -5px;   }

/*.mytable{margin-right: -15px; margin-left: -15px;}
.mytable tr{border-top: 1px solid #ddd;}
.mytable tr:first-child{border-top: 0px solid #ddd;}
.mytable tr td{}*/

.lead-btn{position: fixed; bottom: 30%; right: 20px; z-index: 99;width: 60px; height: 60px; border: 2px solid  #0075da;
  border-radius: 50%;color: #fff;background-color:  #0075da;  display: flex;justify-content: center;  
  align-items: center;     font-size: 20px;  line-height: 10px; text-align: center;}
.lead-btn .small{font-size: 9px;line-height: 11px;  }

.varification input{width: 46px;
    height: 46px !important;
    border-radius: 10px;
    display: inline-block;
    margin: 2%;}

.maxbox1{border:1px solid #ddd; padding: 10px; color: #000; float: none;display: inline-block !important; width: 40%; border-radius: 10px; box-shadow: 0 0 10px #e8e8e8; background-color: #fff;}
.repair .set-blue{width:90px;}
.timepicker-picker{display: none;}
.covid-19 h5{font-size: 18px; line-height: 26px;}
.covid-19 svg{width: 80px;}
/* ===================  MEDIA =================== */
@media (max-width:360px){
 .hungry .selection label {font-size: 12px; padding: 5px 10px;}
}

@media (max-width:320px){
    .tab__blue .tablist__tab{font-size: 12px;}
    .h4, h4 {font-size: 16px; }
    .h3, h3 {font-size: 20px; }
    .h2, h2 {font-size: 24px; }
    .hungry .selection label {font-size: 12px; padding: 5px 10px;}
    .repair .set-blue{width: 80px;}
    .covid-19 svg{width: 100%;}
    .covid-19 h5{font-size: 16px; line-height: 21px;}

}


ul,
li {
    list-style: none;
}


.js-mobile-slider{overflow: hidden;}

.date{ margin: 0px padding:0px; }
.date li{float: left; background-color: #fff;  padding: 10px 20px;margin: 0 5px;    box-shadow: 0px 1px 10px #ddd;
    border: 1px solid #ddd;}
.file-image{    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid #ddd;}

/*.file-button{padding: 0 15px ;}*/

.file-button input + label {
  display: inline-block;
    margin-bottom: 0;
    /* border-radius: 100%; */
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    width: 100%;
    border: 1px solid #2196f3;
    color: #2196f3;
    padding: 10px;
    position: relative;
    border-radius: 5px; 

}
.file-button input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.file-button input + label:before {
  content: "\f030";
  font-family: 'FontAwesome';
/*  color: #757575;
*/  position: absolute;
  top: 10px;
  left: 10px;
  /*right: 0;*/
  text-align: center;
/*  margin: auto;*/
}

.footer-modal{    position: fixed;
     top: inherit !important; 
    right: 0;
    bottom: -22px !important;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    }


    .button.focus, .button:focus, .button:hover {
    color: #000 !important;
}
.top-notification{position: relative;margin:0px 40px 0 10px }
.top-notification span{position: absolute;
    top: -4px;
    right: -30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #d9534f;
    border-radius: 22px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}




.file-button1 input + label {
  display: inline-block;
    margin-bottom: 0;
    /* border-radius: 100%; */
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    width: 100%;
    border: 1px solid #2196f3;
    color: #2196f3;
    padding: 10px;text-align: center;
    position: relative;
    border-radius: 5px; 

}
.file-button1 input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.file-button1 input + label:before {
  content: "\f030";
  font-family: 'FontAwesome';
  text-align: center;

}
output div{width: 48%; display: inline-block;}

.thumbnail {
  width: 80%;
  margin: 10px;
}

/*swich buttn*/
.hungry .selection {
  /*margin-bottom: 1em;*/
}

.hungry .selection label {
  display: inline-block;
   background-color: #2196f3;
   color: #ffffff;
   cursor: pointer;
/*  width:8em;
  background-color: #42b4d6;
  border-radius: 6px;
  color: #ffffff;
  padding: 0.5em;
  cursor: pointer;*/
}

.hungry .selection label:hover {
  background-color: #5fc0dc;
}

.hungry .selection input[type=radio] {
  display: none;
}

.hungry .selection input[type=radio]:checked ~ label {
  background-color: #586ac3;
}

.addnumber{
    width: 100%;
    margin-top: 10px;
    background: #f5f5ff;
    border: 1px solid #ddd;
}