@import url("https://use.typekit.net/eyq4fom.css");
:root {
    --container: 1520px;
    --white:#ffffff;
    --green:#74A341;
    --red:#EF4A38;
    --yellow:#FCB917;
    --blue:#0075BB;
    --black:#161615;
    --gray:#545454;
    --light-gray:#F3F3F3;
    --gray-border:#C8C8C8;
    --regular: 400;
    --bold: 700;
    --medium: 500;
    --semibold: 600;
    --extrabold: 800;
    --mblack: 900;
  }

  header *{ font-family: montserrat, sans-serif; font-weight: 500; }

.header-top .top-phone li a * { font-weight: 400; }
.vcf-container{max-width: 1780px;margin-left: auto;margin-right:auto;}
.header-main p:last-child{margin-bottom: 0;}
.header-top{background-color:var(--light-gray);}  
.header-top .top-title{ padding: 11px 50px 11px 0px; border-style: solid; border-width: 0px 1px 0px 0px; border-color:rgba(22, 22, 21, 0.1);color: var(--black);display:inline-block; font-size: 14px; font-weight: 500; }
.header-top .top-phone{padding: 9px 0px 11px 50px; border-style: solid; border-width: 0px 0px 0px 1px;border-color:rgba(22, 22, 21, 0.1);color: var(--black);display:inline-block; font-size: 14px; font-weight: 500; }
.vcf-icon-list-items{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;list-style-type: none; margin: 0; padding: 0;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.header-top .top-phone li a{color: var(--black);font-size: 14px; font-weight: 400;display: inline-flex; align-items: center;}
.header-top .top-phone li a:hover{color:var( --red);text-decoration: none;}
.header-top .top-phone li a svg{display:block;}
.vcf-icon-list-items .vcf-icon-list-icon{margin-right: 10px;}
.header-bottom .navbar-default{background-color: var(--white);background-image:none;box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.1);border:0;}

.header-bottom .vcf-container{display: flex;flex-direction: row;justify-content: space-between;align-items: center; }

.header-bottom .navbar-default .navbar-brand{height:auto;}
.header-bottom .navbar .navbar-nav > li{margin-right:63px;position: relative;}
.header-bottom .navbar .navbar-nav > li > a{color: var( --black); padding-left: 7px; padding-right: 7px; padding-top: 40px; padding-bottom: 40px;background-color: transparent;font-size:16px;    text-shadow: none;}
.header-bottom .navbar .navbar-nav > li > a:after{content: ""; position: absolute; bottom: 30px; left: auto; right: 0; width: 0; height: 1px; background-color:var(--red) !important; transition: all ease 0.3s; opacity: 1 !important;}
.header-bottom .navbar .navbar-nav > li > a:hover, .header-bottom .navbar .navbar-nav > li > a:focus, .header-bottom .navbar .navbar-nav > li.active > a{background-color: transparent;color: var( --red); } 
.header-bottom .navbar .navbar-nav > li > a:hover:after, .header-bottom .navbar .navbar-nav > li > a:focus:after, .header-bottom .navbar .navbar-nav > li.active > a:after{left: 0; right: auto; width: 100%;}
.header-bottom .vcf-right-col>span{ width: auto; flex: 0 0 auto;} 
.header-bottom .vcf-right-col .form-control[type="search"]{background-color: var(--light-gray);border: 1px solid var(--light-gray);box-shadow: none;outline: 0;border-radius: 0;height: 50px !important;background-image: url(../images/search-icon.svg);background-repeat: no-repeat;background-position: 30px 50%;padding-left: 65px;text-transform: capitalize;max-width: 300px;font-size: 16px;}
.header-bottom .vcf-right-col .simple-search-container{padding-right: 0;}
.header-bottom .vcf-right-col .advanced-search{padding-left: 0;}

.header-bottom .vcf-right-col .advanced-search .btn-default{background-color: var(--light-gray) !important;border: 0 solid var(--light-gray);box-shadow: none;outline: 0;background-image: none;border-radius: 0;border-left: 1px solid rgb(22 22 21 / 10%);width: 50px;height: 50px;}
.header-bottom .vcf-right-col .advanced-search .btn-default .caret { border-width: 8px; border-top-color: var(--black); }
.header-bottom .vcf-right-col .username-button .btn-default {background-color: var(--red) !important;border: none;box-shadow: none;outline: 0;background-image: none;border-radius: 0;width: 50px;height: 50px;color: var(--white);display: inline-flex;align-items: center;justify-content: center;}
.header-bottom .vcf-right-col .username-button .btn-default:hover, .header-bottom .vcf-right-col .username-button .btn-default:focus{color:var(--white) !important;}
.header-bottom .vcf-right-col .username-button .btn-default.width-auto {width: auto;}
.header-bottom .vcf-right-col .username-button .btn-default.width-auto span{margin-left:10px;}
.header-bottom .vcf-right-col #showAll1{background-color: var(--light-gray) !important; border: 1px solid var(--light-gray); box-shadow: none; outline: 0; background-image: none; border-radius: 0; width: 50px; height: 50px; color: var(--black); display: inline-flex; align-items: center; justify-content: center;}
.header-bottom .vcf-right-col .username-button{padding-right: 0;}
.header-bottom .navbar-default .navbar-brand:before, .header-bottom .navbar-default .navbar-brand:after{display: none;}
.header-bottom .navbar-default .navbar-toggle{margin-right: 0;padding: 0;width:50px;background-color: var(--yellow); color:var(--white);border:0;}
.header-bottom .navbar-default .navbar-toggle:hover, .header-bottom .navbar-default .navbar-toggle:focus{background-color: var(--yellow);}
.header-bottom .navbar-default .navbar-toggle svg{width:100%;height: auto;display: block;}
.header-bottom .vcf-right-col{border:0;}
.header-bottom .vcf-right-col>span:empty{display:none;}
.header-bottom .line { border-top: 1px solid var(--white); margin: 10px 0 20px 0; padding: 6px 0; }
.header-bottom .navbar-toggle .line { fill: none; stroke: var(--white); stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.header-bottom .navbar-toggle .line1 { stroke-dasharray: 60 207; stroke-width: 6; }
.header-bottom .navbar-toggle .line2 { stroke-dasharray: 60 60; stroke-width: 6; }
.header-bottom .navbar-toggle .line3 { stroke-dasharray: 60 207; stroke-width: 6;} 

.header-bottom .navbar-toggle.active .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.header-bottom .navbar-toggle.active .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.header-bottom .navbar-toggle.active .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}   
.header-bottom .vcf-right-col .menu-container + .username-button{padding-left: 0;}
.btn {transition: all ease 0.3s;}
.header-bottom .navbar-default .navbar-toggle { border-radius: 0 !important; }
.header-bottom .vcf-right-col .username-button .dropdown.open { display: block; }
.header-bottom .vcf-right-col .username-button .dropdown .dropdown-menu { border: 0; background-color: var(--red); padding: 20px; border-radius: 0 !important; border: 0; box-shadow: none; margin-top: 0; }
.header-bottom .vcf-right-col .username-button .dropdown .dropdown-menu a {display: inline-flex;vertical-align: middle;padding: 10px;  color: var(--white);   background-color: transparent;}
.header-bottom .vcf-right-col .username-button .dropdown .dropdown-menu a svg { margin-right: 8px; }
.header-bottom .vcf-right-col .advanced-search .dropdown-menu {background-color: var(--light-gray);border: 0;border-top: 1px solid rgb(22 22 21 / 10%);border-radius: 0;margin: 0;min-width: 350px;box-shadow: none;padding: 10px;}
.header-bottom .vcf-right-col .advanced-search .dropdown { display: block; }
.header-bottom .vcf-right-col .advanced-search .dropdown-menu a { padding: 11px 20px; background-color: transparent; color: var(--gray);    text-transform: capitalize; }
 
.header-bottom .navbar .navbar-nav > li.submenu ul {box-shadow: 0 5px 10px rgb(0 0 0 / 4%);position: absolute;top: 130%;padding: 0;margin: 0;list-style-type: none;width: 190px;background-color: var(--white);z-index: 9;transition: all ease 0.3s;opacity: 0;pointer-events: none;}
.header-bottom .navbar .navbar-nav > li.submenu ul li { border-top: 1px solid #ccc !important; }
.header-bottom .navbar .navbar-nav > li.submenu ul li  a { font-size: 14px; font-weight: 500; font-style: normal; text-decoration: none; letter-spacing: 0px; padding: 12px 20px; display: block; color: var(--black); transition: all ease 0.3s; }
.header-bottom .navbar .navbar-nav > li.submenu ul li a:hover { color: var(--red); }
.header-bottom .navbar .navbar-nav > li.submenu:hover ul { top: 100%; opacity: 1; pointer-events: auto; }

.header-bottom .navbar .navbar-nav > li.submenu { position: relative; }
.header-bottom .navbar .navbar-nav > li.submenu .sub-menu-arrow { position: absolute; right: -10px; top: 50%; transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); border-width: 5px; border-top-color: var(--black); }


/**** Rakesh ***/

footer {background-color: var(--black);padding: 30px;}
footer * {color: var(--white);font-weight: var(--regular);font-family: montserrat, sans-serif; font-size: 16px;}
footer .d-flex.align-item-center {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
footer .footer-menu ul {padding: 0;margin: 0;display: flex;flex-wrap: wrap;align-items: center;list-style-type: none;}
footer p {margin-bottom: 0;}
footer .copy-right {padding-right: 30px;} 
footer .footer-menu ul li {margin: 0 30px 0 0;}
footer .footer-menu ul li a {color: var(--white);} 
footer .footer-menu ul li a:hover {color: var(--red);text-decoration: none;}
body .r-body {min-height: calc(100vh - 225.82px);}

/**** System Login ***/

.login-section {overflow: hidden;position: relative;height: 100%; overflow-y: auto;}
.login-section .row {display: flex;flex-wrap: wrap;height: 100%;margin: 0;}
.login-section .row .col-12 {float: none;padding: 30px;position: relative;}
.login-section .max-box-content { max-width: 500px; margin: 0 auto; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.login-section .row .col-12.gray-bg { background-color: #f7f7f7; }
.login-section .main-img {text-align: center;padding: 50px;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.login-section .max-box-content .panel-title { font-size: 30px; font-family: Montserrat, sans-serif; font-weight: 600; color: var(--black); margin: 30px 0 30px 0; }
.form-group label { color: var(--gray); font-weight: 500; display: block; font-size: 16px; padding: 0; }
.form-group input.form-control { border: 1px solid var(--gray-border); padding: 17px 15px 17px 15px; font-size: 18px; line-height: normal; border-radius: 0; appearance: none; min-height: 50px; }
.login-section .main-img img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.login-section .btn { margin: 0; background: var(--red); border: 0 !important; padding: 18px 20px; height: auto; line-height: normal; cursor: pointer; font-family: "Manrope", Sans-serif; font-style: normal; min-width: 168px; font-size: 18px; transition: all ease 0.3s; appearance: none; border-radius: 0 !important; outline: none; box-shadow: none; }
.login-section .btn:after { content: ""; display: inline-block; vertical-align: middle; background-image: url(../images/left-btn-arrow.svg); width: 20px; height: 16px; margin-left: 10px; background-repeat: no-repeat; }
.login-section .btn:hover, .login-section .btn:focus {background: var(--black) !important; outline: none !important;}
.function-login { height: 100%; }
.function-login form { height: 100vh; }
.login-section .form-group { margin-bottom: 30px; }
.login-section .max-box-content .checkbox { margin: 0 0 30px 0; }
.login-section .max-box-content .checkbox label {font-size: 18px;padding: 0;position: relative;}
.login-section .max-box-content .checkbox label span { position: relative; cursor: pointer; display: inline-block; padding-left: 40px; }
.login-section .max-box-content .checkbox label span:before { content: ""; position: absolute; left: 0; width: 26px; height: 26px; background-color: var(--blue); opacity: 0.5; top: 0px; }
.login-section .max-box-content .checkbox label span:after { content: ""; position: absolute; top: 13px; transform: translateY(-50%); left: 7px; background: url(../images/checked.svg); width: 14px; height: 10px; background-repeat: no-repeat; margin-top: 0px; opacity: 0; background-size: cover; }
.login-section .max-box-content .checkbox input { position: absolute; left: 0; width: 30px; opacity: 0; visibility: hidden; z-index: 1; background: #f00; min-height: inherit; width: 100%; margin: 0; }
.login-section .max-box-content .checkbox input[type="checkbox"]:checked + span:after, .login-section .max-box-content .checkbox input[type="checkbox"]:checked + span:before { opacity: 1; }
  

/*** 001 ***/

@media (min-width:992px){
  .header-bottom .navbar-collapse{flex:1;}
  .header-bottom .vcf-right-col{flex: 1; display: flex !important; justify-content: flex-end;align-items: center;}  

}
@media (max-width:1550px){
.header-bottom .navbar .navbar-nav > li { margin-right: 35px; }
.header-bottom .navbar .navbar-nav > li > a { font-size: 15px; }
.header-bottom .vcf-right-col .form-control[type="search"] { max-width: 250px; }
.header-bottom .vcf-right-col .advanced-search .dropdown-menu { min-width: 300px; }
}

@media (max-width:1350px){
  .header-bottom .navbar .navbar-nav > li{margin-right: 25px;}
}
@media (max-width:1199.98px){
.header-bottom .vcf-right-col .username-button{padding-left: 0;}
.header-bottom .navbar .navbar-nav > li { margin-right: 15px; }

.form-group input.form-control { height: auto; min-height: auto !important; line-height: normal !important; padding: 14px 15px 14px 15px; font-size: 16px !important; }
.login-section .btn { font-size: 16px; padding: 13px 15px; min-width: 145px; }
.login-section .btn:after { width: 16px; height: 13px; background-size: cover; }
.login-section .max-box-content .checkbox label { font-size: 16px; }
.login-section .max-box-content .checkbox label span { padding-top: 3px; }
.login-section .form-group { margin-bottom: 20px; }
.login-section .max-box-content .checkbox { margin-bottom: 20px; }
.login-section .max-box-content .panel-title { font-size: 25px; margin: 20px 0; }

.header-bottom .navbar-default .navbar-brand{display: flex; justify-content: space-between;width: 100%;}
.header-bottom .vcf-container{flex-direction: column;}
.header-bottom .vcf-right-col{ border-top: 1px solid #ddd !important; width: 100%;flex-wrap: wrap;justify-content: flex-start;}
.header-bottom .vcf-right-col.show{display: flex !important;}
.header-bottom .vcf-right-col .menu-container{flex:0 0 100%;width:100%;}
.header-bottom .navbar .navbar-nav{margin: 0 -15px;width: calc(100% + 30px);}
.header-bottom .navbar .navbar-nav > li > a{padding:10px 15px;}
.header-bottom .navbar .navbar-nav > li{margin-right: 0;border-bottom: 1px solid #ddd;float:none;}
.header-bottom .vcf-right-col .simple-search-container{flex:1;padding-left: 0;}
.header-bottom .vcf-right-col .simple-search-container .form-group{width:100%;}
.header-bottom .vcf-right-col .simple-search-container .input-group{width: 100%;}
.header-bottom .vcf-right-col>span{margin-left: 0px; margin-right: 0px;}
.header-bottom .vcf-right-col .simple-search-container .input-group-btn{width:auto;max-width: 30px;} 

.header-bottom .navbar-default .navbar-form{border:0;max-width: 300px;}
.header-bottom .vcf-right-col:not(.show){display:none !important;}  
.header-bottom .navbar-default .navbar-toggle{display:block;width: 40px; height: 40px;}
.header-bottom .navbar .navbar-nav > li > a:after { display: none}
.header-bottom .vcf-right-col .advanced-search .dropdown-menu{min-width: calc(300px - -50px);}
.header-bottom .vcf-right-col .username-button .btn-default.width-auto ~ .dropdown-menu{padding: 20px 4px; width: 100%; right:auto; left:0;} 
.header-bottom .navbar-default .navbar-form.username-button.only-user .dropdown-menu {left: 0;right: auto;}
.header-bottom .vcf-right-col .form-control[type="search"] {max-width: 100%;}
.header-bottom .navbar .navbar-nav > li.submenu .sub-menu-arrow { right: 0; position: absolute; right: 0; padding: 0; width: 35px; margin: 0 auto; justify-content: center; height: 100%; border: 0; border-left: 1px solid #ccc; }
.header-bottom .navbar .navbar-nav > li.submenu .sub-menu-arrow:before { content: ""; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px dashed; border-top: 5px solid \9; border-right: 5px solid transparent; border-left: 5px solid transparent; border-width: 5px; color: #000; position: absolute; top: 18px; left: 0; right: 0; margin: 0 auto; }
.header-bottom .navbar .navbar-nav > li.submenu ul { position: relative; opacity: 1; pointer-events: auto; top: 0; width: auto; box-shadow: none; }
.header-bottom .navbar .navbar-nav > li.submenu ul li { padding-left: 20px; }

}

@media (max-width:1024px){
.login-section .row .col-12 { width: 100%; order: 1; }
.login-section .row .col-12.gray-bg { order: 2; }
.login-section .main-img img { max-width: 400px; width: 100%; }
.login-section .main-img { padding: 30px; }
.login-section .max-box-content {padding: 20px;}
.login-section .main-img {padding-left: 0;padding-right: 0;}
.login-section .max-box-content {padding: 0;}
}

@media (max-width:991px){
  
  body .r-body {min-height: calc(100vh - 189px);}
  footer * {font-size: 14px;}
  footer {padding: 15px;}  
  footer .footer-menu ul li {margin: 0 20px 0 0;}
  footer .copy-right {padding-right: 20px;}
}

@media (max-width:767px){
  .header-top .top-phone{display:none;}
  .header-top .top-title{width: 100%;padding: 11px 0px;text-align: center;border-right:0;}
  .header-bottom .vcf-right-col .username-button .dropdown .dropdown-menu{padding: 15px 5px;}
  footer .copy-right {order: 2;width: 100%;text-align: center;}
  footer .footer-menu {width: 100%;text-align: center;margin-bottom: 10px;}
  footer .footer-menu ul {justify-content: center;}
  body .r-body {min-height: calc(100vh - 219px);}
}

@media (max-width:550px){
.header-bottom .navbar-default .navbar-form {    max-width: 100%;}
.header-bottom .vcf-right-col .advanced-search .dropdown-menu {min-width: calc(100vw - 95px);}
}