@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

::-moz-selection {
    background: #e9060c;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #e9060c;
    color: #fff;
    text-shadow: none;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    background: #fff;
    line-height: normal;
}

.red
{
    color: red;
   /* background-color: red;*/
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

a {
    color: #222;
    transition: all 0.3s ease 0s
}

a:hover, a:active, a:focus {
    color: #e9060c;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: normal;

}

.form-control
{    border-radius: 0;
    border:1px solid #e4e4e4;
    font-size: 14px;
}

.form-control:focus
{  border:1px solid #e9060c;
}

  .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #999;
}
  .form-control::-moz-placeholder { /* Firefox 19+ */
 color: #999;
}
  .form-control:-ms-input-placeholder { /* IE 10+ */
 color: #999;
}
  .form-control:-moz-placeholder { /* Firefox 18- */
 color: #999;
}


  .form-control:focus {
    color: #222;
    border: 1px solid #e9060c;
    box-shadow:none;
    outline:none;
}

    .input-group-addon {
    min-width: 40px;
    height: 40px;
    font-size: 16px;
    color: #e9060c;
    background: none;
    border: 1px solid #eee;
    border-radius: 0;
    line-height: 40px;
    padding: 0;
    vertical-align: top;
    }
.input-group-addon svg {
    margin: auto;
}


/* ============================================
HELPER CLASSES
============================================ */
.bg-white {
    background-color: #fff !important;
}

.bg-black{
    background-color:#222 !important;
}

.bg-l-grey {
    background-color: #fafafa !important;
}

.bg-l-blue {
    background-color: #e3eefc !important
}



.bg-red{
    background-color:#e9060c !important;
}

.bg-blue{
    background-color:#040675 !important;
}



.text-white {
    color: #fff !important;
}

.text-black {
    color: #222 !important;
}

.text-red {
    color: #e9060c !important;
}

.text-blue{
    color: #040675 !important;
}


.box-shadow {
    box-shadow:0 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.font-reg {
    font-weight: 400 !important;
}

.font-semi {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}


.modal-sm {
    max-width: 500px;
    width: 96%;
}

.modal-md {
    max-width: 700px;
    width: 96%;
}

.modal-lg {
    max-width: 900px;
    width: 96%;
}

.bdr-top
{
border-top: 1px solid #e8e8e8;
}

.bdr-btm
{
border-bottom: 1px solid #e8e8e8;
}
.card-float
{
    transform:translateY(0);
    box-shadow:none;
    transition:all 0.5s ease 0s;
}

.card-float:hover
{
border-color:transparent;
        transform:translateY(-3%);
    box-shadow:0 3px 10px 1px rgba(0,0,0,0.15);
}


.btn-link {
    font-weight: normal;
    color: #222;
    border-radius: 0;
}

.btn-link:hover {
    color: #e9060c;
}

.btn {
    border-radius: 0 !important;
    padding: 0 20px;
    line-height: 35px !important;
    white-space: normal;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-appearance: initial !important;
}

.btn-sm {
     border-radius: 0 !important;
    line-height: 30px !important;
    font-size: 13px;
    padding:0 10px;
    text-transform:capitalize !important;
}

.btn-lg {
     border-radius: 0 !important;
    line-height: 45px !important;
    font-size: 18px;
}

.btn.btn-rounded-0
{
border-radius:0 !important;
}

.btn:hover,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}


.btn-red
{
background-color:#e9060c;
color: #fff !important;
transition: all 0.3s ease 0s;
}


.btn-red:hover, .btn-red:active, .btn-red:focus
{
background-color:#040675;
color: #fff !important;
}

.btn-blue
{
background-color:#040675;
color: #fff !important;
transition: all 0.3s ease 0s;
}


.btn-blue:hover, .btn-blue:active, .btn-blue:focus
{
background-color:#e9060c;
color: #fff !important;
}

section
{
    float: left;
    width: 100%;
}

.section-title {
    font-size: 26px;
    color: #222;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.section-title-inverse
{  color: #fff;

}

.section-title:after
{
position: absolute;
content: "";
width: 70px;
height: 2px;
left: 50%;
bottom: 0;
margin-left: -35px;
background: #e9060c;
z-index: 2;
}

.section-title.section-title-lft
{
    text-align: left;
}

.section-title.section-title-lft:after
{
left: 0;
margin-left: 0;
}

.link-li li
{
margin-bottom: 10px;
}



/* ============================================
HEADER
============================================ */

.header {
    background-color: #fff;
    width: 100%;
    transition: all 0.4s;
    box-shadow: 0 3px 6px 1px rgba(0,0,0,0.15);
    position: relative;
    z-index: 2;
}

.dropdown .dropdown-menu {
    min-width: 180px;
    border: none;
    box-shadow: 0 2px 6px 1px rgba(0,0,0,0.15);
}

.dropdown .dropdown-item {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 10px;
}


.dropdown .dropdown-item:hover {
color: #e9060c;
}


.footer-btm {
    background: #12161a;
    color: #99a6b3;
    font-size: 14px;
}

.footer-btm p {
    margin: 0;

}

.footer-btm a{
    color: #909090;
}


.footer-btm a:hover{
    color: #fff;
}


.foot-link .nav-item {
float: none; display: inline-block;}

.foot-link .nav-item a {
    padding: 0 10px;
    color: #99a6b3;
}

.foot-link .nav-item a:hover{
    color: #fff;
}


/*--------------- login -----------------*/
.vk-blk
{
    background: #222 url(http://www.sanketsnidhilimited.com/assets/images/login-img.jpg) no-repeat left top;
    background-size: cover;
}


.vk-blk #keyboard {
    left: 0 !important;
    top: 0 !important;
    width: 100%;
    height: 100%;
        background: #f5f5f5 !important;
    position: relative !important;
    display: none;
    z-index: 0 !important;
}

.vk-blk #keyboard > div {
    position: relative !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    border: 1px solid #ddd !important;
    width: 635px !important;
    padding: 5px;

}
.vk-blk #keyboard > div > div {
    background: #f5f5f5 !important;
}

.vk-blk #keyboard > div > div > div > div {
    background: #fafafa !important;
    border-color: #ddd !important;
    font-weight: 400 !important;
}

.foot-link .nav-item {
float: none; display: inline-block;}

.foot-link .nav-item a {
    padding: 0 10px;
    color: #99a6b3;
}

.foot-link .nav-item a:hover{
    color: #fff;
}

/*---------------- account page ---------------------*/
.acc-nav
{
    overflow: hidden;
}
.acc-nav-item {
background-color: transparent;
border-color: #eaeaea;
border-bottom: none;
border-top: none;
transform: scale(1);
box-shadow:none;
transition: all 0.5s ease 0s;
}

.acc-nav-item a {
    display: block;
}
.acc-nav-item a:hover, .acc-nav-item.active a {
    color: #e9060c;
}


.acc-nav-item:hover, .acc-nav-item.active{
background-color: #fff;
border-color: #fff;
transform: scale(1.01);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.15);
}
.acc-nav-item svg{max-width: 40px;}
.acc-nav-item svg path {fill: #222;  transition: all 0.5s;}
.acc-nav-item:hover svg path, .acc-nav-item.active svg path {fill: #e9060c;}


/*.acc-sidebar .card-title, .acc-main .card-title {
    background-color: #eff0ff;
    padding: 8px 15px;
    font-size: 17px;
}*/

.acc-sidebar .nav li > a {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    color: #333;
    padding: 8px 10px;
    border-radius: 4px;
}

.acc-sidebar .nav li > a:hover, .acc-sidebar .nav li > a.active {
    color: #fff;
    background: #e9060c;
        border-bottom: 1px solid #fff;

}



.tile {
    transform: scale(1);
    box-shadow: none;
    text-align: center;
    transition: all 0.5s ease 0s;
    margin-bottom: 30px;
}

.tile .card-block {
    padding: 33px 20px;
}

.tile a {
    display: block;
}


.tile:hover, .tile.active{
transform: scale(1.01);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.15);
}
.tile svg path {fill: #222;  transition: all 0.5s;}
.tile:hover svg path, .tile.active svg path {fill: #e9060c;}


.nav-tabs .nav-link {
    color: #555;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #222;
}

.btnhyper{
    background: none;
    outline: none;
    border: none;
    border-bottom: 1px solid;
}


.img-fluid {
    height: 50px !important;
}