@charset "UTF-8";
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Montserrat-Italic';
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Montserrat-BoldItalic';
  src: url("../fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Montserrat-Light';
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Montserrat-LightItalic';
  src: url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
.m-t-0 {
  margin-top: 0px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.border-t-0 {
  border-top: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.border-b-0 {
  border-bottom: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.border-l-0 {
  border-left: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.border-r-0 {
  border-right: 0px !important; }

.cust-mar-0 {
  margin: 0rem; }

.cust-pad-0 {
  padding: 0rem; }

.cust-h-0 {
  height: 0vh; }

.cust-index-0 {
  z-index: 0 !important; }

.m-t-5 {
  margin-top: 5px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.border-t-5 {
  border-top: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.border-b-5 {
  border-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.border-l-5 {
  border-left: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.border-r-5 {
  border-right: 5px !important; }

.cust-mar-5 {
  margin: 5rem; }

.cust-pad-5 {
  padding: 5rem; }

.cust-h-5 {
  height: 5vh; }

.cust-index-5 {
  z-index: 5 !important; }

.m-t-10 {
  margin-top: 10px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.border-t-10 {
  border-top: 10px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.border-b-10 {
  border-bottom: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.border-l-10 {
  border-left: 10px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.border-r-10 {
  border-right: 10px !important; }

.cust-mar-10 {
  margin: 10rem; }

.cust-pad-10 {
  padding: 10rem; }

.cust-h-10 {
  height: 10vh; }

.cust-index-10 {
  z-index: 10 !important; }

.m-t-15 {
  margin-top: 15px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.border-t-15 {
  border-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.border-b-15 {
  border-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.border-l-15 {
  border-left: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.border-r-15 {
  border-right: 15px !important; }

.cust-mar-15 {
  margin: 15rem; }

.cust-pad-15 {
  padding: 15rem; }

.cust-h-15 {
  height: 15vh; }

.cust-index-15 {
  z-index: 15 !important; }

.m-t-20 {
  margin-top: 20px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.border-t-20 {
  border-top: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.border-b-20 {
  border-bottom: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.border-l-20 {
  border-left: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.border-r-20 {
  border-right: 20px !important; }

.cust-mar-20 {
  margin: 20rem; }

.cust-pad-20 {
  padding: 20rem; }

.cust-h-20 {
  height: 20vh; }

.cust-index-20 {
  z-index: 20 !important; }

.m-t-25 {
  margin-top: 25px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.border-t-25 {
  border-top: 25px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.border-b-25 {
  border-bottom: 25px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.border-l-25 {
  border-left: 25px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.border-r-25 {
  border-right: 25px !important; }

.cust-mar-25 {
  margin: 25rem; }

.cust-pad-25 {
  padding: 25rem; }

.cust-h-25 {
  height: 25vh; }

.cust-index-25 {
  z-index: 25 !important; }

.m-t-30 {
  margin-top: 30px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.border-t-30 {
  border-top: 30px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.border-b-30 {
  border-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.border-l-30 {
  border-left: 30px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.border-r-30 {
  border-right: 30px !important; }

.cust-mar-30 {
  margin: 30rem; }

.cust-pad-30 {
  padding: 30rem; }

.cust-h-30 {
  height: 30vh; }

.cust-index-30 {
  z-index: 30 !important; }

.m-t-35 {
  margin-top: 35px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.border-t-35 {
  border-top: 35px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.border-b-35 {
  border-bottom: 35px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.border-l-35 {
  border-left: 35px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.border-r-35 {
  border-right: 35px !important; }

.cust-mar-35 {
  margin: 35rem; }

.cust-pad-35 {
  padding: 35rem; }

.cust-h-35 {
  height: 35vh; }

.cust-index-35 {
  z-index: 35 !important; }

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

.p-t-40 {
  padding-top: 40px !important; }

.border-t-40 {
  border-top: 40px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.border-b-40 {
  border-bottom: 40px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.border-l-40 {
  border-left: 40px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.border-r-40 {
  border-right: 40px !important; }

.cust-mar-40 {
  margin: 40rem; }

.cust-pad-40 {
  padding: 40rem; }

.cust-h-40 {
  height: 40vh; }

.cust-index-40 {
  z-index: 40 !important; }

.m-t-45 {
  margin-top: 45px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.border-t-45 {
  border-top: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.border-b-45 {
  border-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.border-l-45 {
  border-left: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.border-r-45 {
  border-right: 45px !important; }

.cust-mar-45 {
  margin: 45rem; }

.cust-pad-45 {
  padding: 45rem; }

.cust-h-45 {
  height: 45vh; }

.cust-index-45 {
  z-index: 45 !important; }

.m-t-50 {
  margin-top: 50px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.border-t-50 {
  border-top: 50px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.border-b-50 {
  border-bottom: 50px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.border-l-50 {
  border-left: 50px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.border-r-50 {
  border-right: 50px !important; }

.cust-mar-50 {
  margin: 50rem; }

.cust-pad-50 {
  padding: 50rem; }

.cust-h-50 {
  height: 50vh; }

.cust-index-50 {
  z-index: 50 !important; }

.m-t-55 {
  margin-top: 55px !important; }

.p-t-55 {
  padding-top: 55px !important; }

.border-t-55 {
  border-top: 55px !important; }

.m-b-55 {
  margin-bottom: 55px !important; }

.p-b-55 {
  padding-bottom: 55px !important; }

.border-b-55 {
  border-bottom: 55px !important; }

.m-l-55 {
  margin-left: 55px !important; }

.p-l-55 {
  padding-left: 55px !important; }

.border-l-55 {
  border-left: 55px !important; }

.m-r-55 {
  margin-right: 55px !important; }

.p-r-55 {
  padding-right: 55px !important; }

.border-r-55 {
  border-right: 55px !important; }

.cust-mar-55 {
  margin: 55rem; }

.cust-pad-55 {
  padding: 55rem; }

.cust-h-55 {
  height: 55vh; }

.cust-index-55 {
  z-index: 55 !important; }

.m-t-60 {
  margin-top: 60px !important; }

.p-t-60 {
  padding-top: 60px !important; }

.border-t-60 {
  border-top: 60px !important; }

.m-b-60 {
  margin-bottom: 60px !important; }

.p-b-60 {
  padding-bottom: 60px !important; }

.border-b-60 {
  border-bottom: 60px !important; }

.m-l-60 {
  margin-left: 60px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.border-l-60 {
  border-left: 60px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.border-r-60 {
  border-right: 60px !important; }

.cust-mar-60 {
  margin: 60rem; }

.cust-pad-60 {
  padding: 60rem; }

.cust-h-60 {
  height: 60vh; }

.cust-index-60 {
  z-index: 60 !important; }

.m-t-65 {
  margin-top: 65px !important; }

.p-t-65 {
  padding-top: 65px !important; }

.border-t-65 {
  border-top: 65px !important; }

.m-b-65 {
  margin-bottom: 65px !important; }

.p-b-65 {
  padding-bottom: 65px !important; }

.border-b-65 {
  border-bottom: 65px !important; }

.m-l-65 {
  margin-left: 65px !important; }

.p-l-65 {
  padding-left: 65px !important; }

.border-l-65 {
  border-left: 65px !important; }

.m-r-65 {
  margin-right: 65px !important; }

.p-r-65 {
  padding-right: 65px !important; }

.border-r-65 {
  border-right: 65px !important; }

.cust-mar-65 {
  margin: 65rem; }

.cust-pad-65 {
  padding: 65rem; }

.cust-h-65 {
  height: 65vh; }

.cust-index-65 {
  z-index: 65 !important; }

.m-t-70 {
  margin-top: 70px !important; }

.p-t-70 {
  padding-top: 70px !important; }

.border-t-70 {
  border-top: 70px !important; }

.m-b-70 {
  margin-bottom: 70px !important; }

.p-b-70 {
  padding-bottom: 70px !important; }

.border-b-70 {
  border-bottom: 70px !important; }

.m-l-70 {
  margin-left: 70px !important; }

.p-l-70 {
  padding-left: 70px !important; }

.border-l-70 {
  border-left: 70px !important; }

.m-r-70 {
  margin-right: 70px !important; }

.p-r-70 {
  padding-right: 70px !important; }

.border-r-70 {
  border-right: 70px !important; }

.cust-mar-70 {
  margin: 70rem; }

.cust-pad-70 {
  padding: 70rem; }

.cust-h-70 {
  height: 70vh; }

.cust-index-70 {
  z-index: 70 !important; }

.m-t-75 {
  margin-top: 75px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.border-t-75 {
  border-top: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.border-b-75 {
  border-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.border-l-75 {
  border-left: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.border-r-75 {
  border-right: 75px !important; }

.cust-mar-75 {
  margin: 75rem; }

.cust-pad-75 {
  padding: 75rem; }

.cust-h-75 {
  height: 75vh; }

.cust-index-75 {
  z-index: 75 !important; }

.m-t-80 {
  margin-top: 80px !important; }

.p-t-80 {
  padding-top: 80px !important; }

.border-t-80 {
  border-top: 80px !important; }

.m-b-80 {
  margin-bottom: 80px !important; }

.p-b-80 {
  padding-bottom: 80px !important; }

.border-b-80 {
  border-bottom: 80px !important; }

.m-l-80 {
  margin-left: 80px !important; }

.p-l-80 {
  padding-left: 80px !important; }

.border-l-80 {
  border-left: 80px !important; }

.m-r-80 {
  margin-right: 80px !important; }

.p-r-80 {
  padding-right: 80px !important; }

.border-r-80 {
  border-right: 80px !important; }

.cust-mar-80 {
  margin: 80rem; }

.cust-pad-80 {
  padding: 80rem; }

.cust-h-80 {
  height: 80vh; }

.cust-index-80 {
  z-index: 80 !important; }

.m-t-85 {
  margin-top: 85px !important; }

.p-t-85 {
  padding-top: 85px !important; }

.border-t-85 {
  border-top: 85px !important; }

.m-b-85 {
  margin-bottom: 85px !important; }

.p-b-85 {
  padding-bottom: 85px !important; }

.border-b-85 {
  border-bottom: 85px !important; }

.m-l-85 {
  margin-left: 85px !important; }

.p-l-85 {
  padding-left: 85px !important; }

.border-l-85 {
  border-left: 85px !important; }

.m-r-85 {
  margin-right: 85px !important; }

.p-r-85 {
  padding-right: 85px !important; }

.border-r-85 {
  border-right: 85px !important; }

.cust-mar-85 {
  margin: 85rem; }

.cust-pad-85 {
  padding: 85rem; }

.cust-h-85 {
  height: 85vh; }

.cust-index-85 {
  z-index: 85 !important; }

.m-t-90 {
  margin-top: 90px !important; }

.p-t-90 {
  padding-top: 90px !important; }

.border-t-90 {
  border-top: 90px !important; }

.m-b-90 {
  margin-bottom: 90px !important; }

.p-b-90 {
  padding-bottom: 90px !important; }

.border-b-90 {
  border-bottom: 90px !important; }

.m-l-90 {
  margin-left: 90px !important; }

.p-l-90 {
  padding-left: 90px !important; }

.border-l-90 {
  border-left: 90px !important; }

.m-r-90 {
  margin-right: 90px !important; }

.p-r-90 {
  padding-right: 90px !important; }

.border-r-90 {
  border-right: 90px !important; }

.cust-mar-90 {
  margin: 90rem; }

.cust-pad-90 {
  padding: 90rem; }

.cust-h-90 {
  height: 90vh; }

.cust-index-90 {
  z-index: 90 !important; }

.m-t-95 {
  margin-top: 95px !important; }

.p-t-95 {
  padding-top: 95px !important; }

.border-t-95 {
  border-top: 95px !important; }

.m-b-95 {
  margin-bottom: 95px !important; }

.p-b-95 {
  padding-bottom: 95px !important; }

.border-b-95 {
  border-bottom: 95px !important; }

.m-l-95 {
  margin-left: 95px !important; }

.p-l-95 {
  padding-left: 95px !important; }

.border-l-95 {
  border-left: 95px !important; }

.m-r-95 {
  margin-right: 95px !important; }

.p-r-95 {
  padding-right: 95px !important; }

.border-r-95 {
  border-right: 95px !important; }

.cust-mar-95 {
  margin: 95rem; }

.cust-pad-95 {
  padding: 95rem; }

.cust-h-95 {
  height: 95vh; }

.cust-index-95 {
  z-index: 95 !important; }

.m-t-100 {
  margin-top: 100px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.border-t-100 {
  border-top: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.border-b-100 {
  border-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.border-l-100 {
  border-left: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

.border-r-100 {
  border-right: 100px !important; }

.cust-mar-100 {
  margin: 100rem; }

.cust-pad-100 {
  padding: 100rem; }

.cust-h-100 {
  height: 100vh; }

.cust-index-100 {
  z-index: 100 !important; }

.cust-pos-sticky {
  position: sticky !important; }

.cust-pos-fixed {
  position: fixed !important; }

.cust-pos-relative {
  position: relative !important; }

.cust-pos-absolute {
  position: absolute !important; }

/* Text Bounce Animation */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
/* Text Bounce Animation Ends */
/* Work Page Clip Image Animation */
@-webkit-keyframes clip-path-anim {
  0% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); }
  20% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  40% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  60% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  80% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  100% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); } }
@-moz-keyframes clip-path-anim {
  0% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); }
  20% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  40% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  60% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  80% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  100% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); } }
@-ms-keyframes clip-path-anim {
  0% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); }
  20% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  40% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  60% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  80% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  100% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); } }
@-o-keyframes clip-path-anim {
  0% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); }
  20% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  40% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  60% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  80% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  100% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); } }
@keyframes clip-path-anim {
  0% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); }
  20% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  40% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  60% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  80% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  100% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); } }
.clip-path-anim {
  -webkit-animation: clip-path-anim 0.3s 1 alternate ease-out forwards;
  -moz-animation: clip-path-anim 0.3s 1 alternate ease-out forwards;
  -ms-animation: clip-path-anim 0.3s 1 alternate ease-out forwards;
  -o-animation: clip-path-anim 0.3s 1 alternate ease-out forwards;
  animation: clip-path-anim 0.3s 1 alternate ease-out forwards; }

@-webkit-keyframes clip-path-anim-rev {
  0% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); }
  20% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  40% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  60% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  80% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  100% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); } }
@-moz-keyframes clip-path-anim-rev {
  0% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); }
  20% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  40% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  60% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  80% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  100% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); } }
@-ms-keyframes clip-path-anim-rev {
  0% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); }
  20% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  40% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  60% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  80% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  100% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); } }
@-o-keyframes clip-path-anim-rev {
  0% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); }
  20% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  40% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  60% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  80% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  100% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); } }
@keyframes clip-path-anim-rev {
  0% {
    -webkit-clip-path: inset(2.5rem 2.5rem);
    -moz-clip-path: inset(2.5rem 2.5rem);
    -ms-clip-path: inset(2.5rem 2.5rem);
    -o-clip-path: inset(2.5rem 2.5rem);
    clip-path: inset(2.5rem 2.5rem); }
  20% {
    -webkit-clip-path: inset(2rem 2rem);
    -moz-clip-path: inset(2rem 2rem);
    -ms-clip-path: inset(2rem 2rem);
    -o-clip-path: inset(2rem 2rem);
    clip-path: inset(2rem 2rem); }
  40% {
    -webkit-clip-path: inset(1.5rem 1.5rem);
    -moz-clip-path: inset(1.5rem 1.5rem);
    -ms-clip-path: inset(1.5rem 1.5rem);
    -o-clip-path: inset(1.5rem 1.5rem);
    clip-path: inset(1.5rem 1.5rem); }
  60% {
    -webkit-clip-path: inset(1rem 1rem);
    -moz-clip-path: inset(1rem 1rem);
    -ms-clip-path: inset(1rem 1rem);
    -o-clip-path: inset(1rem 1rem);
    clip-path: inset(1rem 1rem); }
  80% {
    -webkit-clip-path: inset(0.5rem 0.5rem);
    -moz-clip-path: inset(0.5rem 0.5rem);
    -ms-clip-path: inset(0.5rem 0.5rem);
    -o-clip-path: inset(0.5rem 0.5rem);
    clip-path: inset(0.5rem 0.5rem); }
  100% {
    -webkit-clip-path: inset(0 0);
    -moz-clip-path: inset(0 0);
    -ms-clip-path: inset(0 0);
    -o-clip-path: inset(0 0);
    clip-path: inset(0 0); } }
.clip-path-anim-rev {
  -webkit-animation: clip-path-anim-rev 0.3s 1 alternate ease-out forwards;
  -moz-animation: clip-path-anim-rev 0.3s 1 alternate ease-out forwards;
  -ms-animation: clip-path-anim-rev 0.3s 1 alternate ease-out forwards;
  -o-animation: clip-path-anim-rev 0.3s 1 alternate ease-out forwards;
  animation: clip-path-anim-rev 0.3s 1 alternate ease-out forwards; }

/* Work Page Clip Image Animation Ends */
/* Background Fill Button Animation */
@-webkit-keyframes in {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: 0;
    color: #000; } }
@-moz-keyframes in {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: 0;
    color: #000; } }
@-ms-keyframes in {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: 0;
    color: #000; } }
@-o-keyframes in {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: 0;
    color: #000; } }
@keyframes in {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: 0;
    color: #000; } }
@-webkit-keyframes bg-out {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: -100%;
    color: #fff; } }
@-moz-keyframes bg-out {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: -100%;
    color: #fff; } }
@-ms-keyframes bg-out {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: -100%;
    color: #fff; } }
@-o-keyframes bg-out {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: -100%;
    color: #fff; } }
@keyframes bg-out {
  0% {
    background-position: 100%;
    color: #000; }
  25% {
    background-position: 0;
    color: #000; }
  50% {
    background-position: 0;
    color: #000; }
  75% {
    background-position: 0;
    color: #000; }
  100% {
    background-position: -100%;
    color: #fff; } }
/* Input field border animation */
@-webkit-keyframes input-bdr {
  0% {
    background-position: 100% bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: 0 bottom; } }
@-moz-keyframes input-bdr {
  0% {
    background-position: 100% bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: 0 bottom; } }
@-ms-keyframes input-bdr {
  0% {
    background-position: 100% bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: 0 bottom; } }
@-o-keyframes input-bdr {
  0% {
    background-position: 100% bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: 0 bottom; } }
@keyframes input-bdr {
  0% {
    background-position: 100% bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: 0 bottom; } }
@-webkit-keyframes input-bdr-rev {
  0% {
    background-position: 0 bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: -100% bottom; }
  100% {
    background-position: -100% bottom; } }
@-moz-keyframes input-bdr-rev {
  0% {
    background-position: 0 bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: -100% bottom; }
  100% {
    background-position: -100% bottom; } }
@-ms-keyframes input-bdr-rev {
  0% {
    background-position: 0 bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: -100% bottom; }
  100% {
    background-position: -100% bottom; } }
@-o-keyframes input-bdr-rev {
  0% {
    background-position: 0 bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: -100% bottom; }
  100% {
    background-position: -100% bottom; } }
@keyframes input-bdr-rev {
  0% {
    background-position: 0 bottom; }
  25% {
    background-position: 0 bottom; }
  50% {
    background-position: 0 bottom; }
  75% {
    background-position: -100% bottom; }
  100% {
    background-position: -100% bottom; } }
/* Input field border animation */
/* Background Fill Button Animation Ends */
/* Border Fill Button Animation */
@-webkit-keyframes border-fill {
  0% {
    width: 0; }
  50% {
    width: 100%; }
  100% {
    width: -100%; } }
@-moz-keyframes border-fill {
  0% {
    width: 0; }
  50% {
    width: 100%; }
  100% {
    width: -100%; } }
@-ms-keyframes border-fill {
  0% {
    width: 0; }
  50% {
    width: 100%; }
  100% {
    width: -100%; } }
@-o-keyframes border-fill {
  0% {
    width: 0; }
  50% {
    width: 100%; }
  100% {
    width: -100%; } }
@keyframes border-fill {
  0% {
    width: 0; }
  50% {
    width: 100%; }
  100% {
    width: -100%; } }
/* Border Fill Button Animation Ends */
/* Scale Animation */
@-webkit-keyframes scale {
  0% {
    transform: scale(10); }
  50% {
    transform: scale(0.2); }
  70% {
    transform: scale(1.2); }
  90% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
@-moz-keyframes scale {
  0% {
    transform: scale(10); }
  50% {
    transform: scale(0.2); }
  70% {
    transform: scale(1.2); }
  90% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
@-ms-keyframes scale {
  0% {
    transform: scale(10); }
  50% {
    transform: scale(0.2); }
  70% {
    transform: scale(1.2); }
  90% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
@-o-keyframes scale {
  0% {
    transform: scale(10); }
  50% {
    transform: scale(0.2); }
  70% {
    transform: scale(1.2); }
  90% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
@keyframes scale {
  0% {
    transform: scale(10); }
  50% {
    transform: scale(0.2); }
  70% {
    transform: scale(1.2); }
  90% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
/* Scale Animation Ends */
/* Floating Object Animation */
@-webkit-keyframes floating-obj {
  0% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  20% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  30% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  40% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  50% {
    -moz-transform: translate3d(5px, 15px, 0px);
    -webkit-transform: translate3d(5px, 15px, 0px);
    -o-transform: translate3d(5px, 15px, 0px);
    -ms-transform: translate3d(5px, 15px, 0px);
    transform: translate3d(5px, 15px, 0px); }
  60% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  70% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  80% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  90% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@-moz-keyframes floating-obj {
  0% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  20% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  30% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  40% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  50% {
    -moz-transform: translate3d(5px, 15px, 0px);
    -webkit-transform: translate3d(5px, 15px, 0px);
    -o-transform: translate3d(5px, 15px, 0px);
    -ms-transform: translate3d(5px, 15px, 0px);
    transform: translate3d(5px, 15px, 0px); }
  60% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  70% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  80% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  90% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@-ms-keyframes floating-obj {
  0% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  20% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  30% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  40% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  50% {
    -moz-transform: translate3d(5px, 15px, 0px);
    -webkit-transform: translate3d(5px, 15px, 0px);
    -o-transform: translate3d(5px, 15px, 0px);
    -ms-transform: translate3d(5px, 15px, 0px);
    transform: translate3d(5px, 15px, 0px); }
  60% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  70% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  80% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  90% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@-o-keyframes floating-obj {
  0% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  20% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  30% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  40% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  50% {
    -moz-transform: translate3d(5px, 15px, 0px);
    -webkit-transform: translate3d(5px, 15px, 0px);
    -o-transform: translate3d(5px, 15px, 0px);
    -ms-transform: translate3d(5px, 15px, 0px);
    transform: translate3d(5px, 15px, 0px); }
  60% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  70% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  80% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  90% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@keyframes floating-obj {
  0% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  10% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  20% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  30% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  40% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  50% {
    -moz-transform: translate3d(5px, 15px, 0px);
    -webkit-transform: translate3d(5px, 15px, 0px);
    -o-transform: translate3d(5px, 15px, 0px);
    -ms-transform: translate3d(5px, 15px, 0px);
    transform: translate3d(5px, 15px, 0px); }
  60% {
    -moz-transform: translate3d(75px, 5px, 0px);
    -webkit-transform: translate3d(75px, 5px, 0px);
    -o-transform: translate3d(75px, 5px, 0px);
    -ms-transform: translate3d(75px, 5px, 0px);
    transform: translate3d(75px, 5px, 0px); }
  70% {
    -moz-transform: translate3d(50px, 20px, 0px);
    -webkit-transform: translate3d(50px, 20px, 0px);
    -o-transform: translate3d(50px, 20px, 0px);
    -ms-transform: translate3d(50px, 20px, 0px);
    transform: translate3d(50px, 20px, 0px); }
  80% {
    -moz-transform: translate3d(100px, 100px, 0px);
    -webkit-transform: translate3d(100px, 100px, 0px);
    -o-transform: translate3d(100px, 100px, 0px);
    -ms-transform: translate3d(100px, 100px, 0px);
    transform: translate3d(100px, 100px, 0px); }
  90% {
    -moz-transform: translate3d(-50px, -50px, 0px);
    -webkit-transform: translate3d(-50px, -50px, 0px);
    -o-transform: translate3d(-50px, -50px, 0px);
    -ms-transform: translate3d(-50px, -50px, 0px);
    transform: translate3d(-50px, -50px, 0px); }
  100% {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
/* Floating Object Animation Ends */
/* Parallaxing Images */
@-webkit-keyframes img-parallaxing {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -moz-transform: translateY(-0.75rem);
    -webkit-transform: translateY(-0.75rem);
    -o-transform: translateY(-0.75rem);
    -ms-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem); }
  40% {
    -moz-transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem); }
  60% {
    -moz-transform: translateY(-2.25rem);
    -webkit-transform: translateY(-2.25rem);
    -o-transform: translateY(-2.25rem);
    -ms-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem); }
  80% {
    -moz-transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    transform: translateY(-3rem); }
  100% {
    -moz-transform: translateY(-3.75rem);
    -webkit-transform: translateY(-3.75rem);
    -o-transform: translateY(-3.75rem);
    -ms-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem); } }
@-moz-keyframes img-parallaxing {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -moz-transform: translateY(-0.75rem);
    -webkit-transform: translateY(-0.75rem);
    -o-transform: translateY(-0.75rem);
    -ms-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem); }
  40% {
    -moz-transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem); }
  60% {
    -moz-transform: translateY(-2.25rem);
    -webkit-transform: translateY(-2.25rem);
    -o-transform: translateY(-2.25rem);
    -ms-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem); }
  80% {
    -moz-transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    transform: translateY(-3rem); }
  100% {
    -moz-transform: translateY(-3.75rem);
    -webkit-transform: translateY(-3.75rem);
    -o-transform: translateY(-3.75rem);
    -ms-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem); } }
@-ms-keyframes img-parallaxing {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -moz-transform: translateY(-0.75rem);
    -webkit-transform: translateY(-0.75rem);
    -o-transform: translateY(-0.75rem);
    -ms-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem); }
  40% {
    -moz-transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem); }
  60% {
    -moz-transform: translateY(-2.25rem);
    -webkit-transform: translateY(-2.25rem);
    -o-transform: translateY(-2.25rem);
    -ms-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem); }
  80% {
    -moz-transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    transform: translateY(-3rem); }
  100% {
    -moz-transform: translateY(-3.75rem);
    -webkit-transform: translateY(-3.75rem);
    -o-transform: translateY(-3.75rem);
    -ms-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem); } }
@-o-keyframes img-parallaxing {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -moz-transform: translateY(-0.75rem);
    -webkit-transform: translateY(-0.75rem);
    -o-transform: translateY(-0.75rem);
    -ms-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem); }
  40% {
    -moz-transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem); }
  60% {
    -moz-transform: translateY(-2.25rem);
    -webkit-transform: translateY(-2.25rem);
    -o-transform: translateY(-2.25rem);
    -ms-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem); }
  80% {
    -moz-transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    transform: translateY(-3rem); }
  100% {
    -moz-transform: translateY(-3.75rem);
    -webkit-transform: translateY(-3.75rem);
    -o-transform: translateY(-3.75rem);
    -ms-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem); } }
@keyframes img-parallaxing {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -moz-transform: translateY(-0.75rem);
    -webkit-transform: translateY(-0.75rem);
    -o-transform: translateY(-0.75rem);
    -ms-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem); }
  40% {
    -moz-transform: translateY(-1.5rem);
    -webkit-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem); }
  60% {
    -moz-transform: translateY(-2.25rem);
    -webkit-transform: translateY(-2.25rem);
    -o-transform: translateY(-2.25rem);
    -ms-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem); }
  80% {
    -moz-transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    transform: translateY(-3rem); }
  100% {
    -moz-transform: translateY(-3.75rem);
    -webkit-transform: translateY(-3.75rem);
    -o-transform: translateY(-3.75rem);
    -ms-transform: translateY(-3.75rem);
    transform: translateY(-3.75rem); } }
.parallaxing-img {
  /* @include animations(img-parallaxing .3s 1 alternate ease-out forwards); */ }

/* Parallaxing Images Ends */
/* ICON STYLES - ICON FROM: http://fontastic.me/
ΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇôΓÇô */
[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }*/

:root {
  font-size: 16px !important; }

html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  position: relative;
  line-height: 1;
  font-size: 1rem;
  color: #000;
  font-family: 'Montserrat-Regular', Arial, sans-serif; }

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none;
  color: #000; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote::before, q:after, q::before {
  content: '';
  content: none; }

a {
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none !important;
  outline: 0 !important;
  transition: all 0.5s ease-in-out; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

span {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat-Regular', sans-serif; }

h1 {
  font-size: 10.5rem; }

h2 {
  font-size: 6.5rem; }

h3 {
  font-size: 4rem; }

h4 {
  font-size: 2.8rem; }

h5 {
  font-size: 2.4rem; }

h6 {
  font-size: 2rem; }

p {
  font-size: 2rem;
  line-height: 1.3; }

/*Global Settings*/
html {
  /*scroll-behavior: smooth; */
  /*overflow-y: scroll;*/
}

body {
  font-family: sans-serif;
  /*position: relative;*/
  /*overflow: inherit;*/
  overflow: scroll;
  /*scroll-behavior: smooth; */
}
/*  body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #e2e2e2;
    display: none; }
  body::-webkit-scrollbar {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #969696;
    display: none; }
  body::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#ffe11b), to(#ffe11b), color-stop(0.6, #121212));
    cursor: pointer;
    display: none; }*/

/*body.overflow {
  overflow: hidden; }*/

h1, h2, h3, h4, h5, h6, p {
  color: #000;
  cursor: default; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 1.875rem;
  line-height: 1; }

h3 {
  font-size: 1.5625rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 2rem; }

h6 {
  font-size: 1.75rem; }

p {
  font-size: 1.25rem; }

a {
  font-size: 0.75rem;
  text-decoration: none !important;
  color: inherit; }
  a:hover {
    color: inherit; }

.underline {
  border-bottom: 2px solid #007aff; }

.text-orange {
  color: #FC4D1A !important; }

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

.text-yellow {
  color: #ffe11b !important; }

.text-purple {
  color: #3f51b5 !important; }

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

.text-green {
  color: #a6ce39 !important; }

.font-light {
  font-family: 'Montserrat-Light', Arial, sans-serif; }

.img-circle {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin: 0 auto;
  padding: 0;
  line-height: 4rem;
  color: #fff;
  font-size: 16px;
  overflow: hidden; }

[class*="btn-"] {
  position: relative;
  text-transform: none;
  padding: 0.7rem 3.2rem;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  font-family: 'Montserrat-Regular', Helvetrica, sans-serif;
  /*background-color: #121212;*/
  /*border: 1px solid;*/
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  transition: 0.08s ease-in; }
  [class*="btn-"]:focus {
    outline: none;
    outline-color: transparent;
    box-shadow: none; }

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

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

.bg-white4 {
  background-color: #f5f5f5 !important; }

.bg-transparent {
  background-color: transparent !important; }

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

.bg-liBlue {
  background-color: #00AAD2 !important; }

.bg-green {
  background-color: #61b548 !important; }

.bg-purple {
  background-color: #3f51b5 !important; }

.bg-voilet {
  background-color: #9F1ECC !important; }

.bg-orange {
  background-color: #FC4D1A !important; }

.bg-yellow {
  background-color: #ffe11b !important; }

.bg-yellow2 {
  background-color: #f3b52a !important; }

.bg-grape {
  background-color: #892331 !important; }

.bg-melon {
  background-color: #fe735e !important; }

.bg-paleGrey {
  background-color: #f6f6f6 !important; }

.bg-azure {
  background-color: #007aff !important; }

.btn-white {
  background-color: #fff;
  color: #000;
  border: none; }

.btn-transparent {
  background-color: transparent;
  color: #000;
  border: none; }

.btn-blue {
  background-color: #0F5DC0;
  color: #fff;
  border: none; }

.btn-green {
  background-color: #a6ce39;
  color: #000;
  border: none; }

.btn-black {
  background-color: #222222;
  color: #fff;
  border: none; }

.btn-grey {
  background-color: transparent;
  color: #fff;
  border: none; }

.btn-group, .status-btn-holder, .btn-link {
  padding: 0;
  border: 0; }
  .btn-group:hover, .status-btn-holder:hover, .btn-link:hover {
    -o-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    background-color: inherit;
    color: inherit;
    border: 0; }

.dropdown-item {
  background-color: transparent;
  border-bottom: none;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  text-transform: uppercase;
  font-weight: bold;
  /*padding: 1rem;*/
  line-height: 2;
  /*font-size: 1rem; */
}
  .dropdown-item i {
    line-height: inherit; }

.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
  border-bottom: none;
  border-left: 3px solid #ffe11b;
  color: #222222; }

.dropdown {
  line-height: 0.9; }

.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible; }

.dropdown-menu {
  left: auto;
  right: 0;
  min-width: 15rem; }

span.task-type-badge, i.task-type-badge {
  background: #0F5DC0;
  color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  line-height: 1.6; }

.status-button {
  display: inline-block;
  float: right;
  text-align: center;
  width: 100%;
  max-width: 15rem;
  height: 2rem; }
  .status-button span {
    color: #fff;
    border: none;
    border-radius: 0.2rem;
    padding: 0 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
    line-height: 2rem; }
  .status-button span.show-map {
    background-color: #0F5DC0;
    display: none;
    visibility: hidden;
    -o-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2); }
  .status-button span.status {
    display: block;
    visibility: visible; }
  .status-button span.status.success {
    background-color: #28a745; }
  .status-button span.status.cancel {
    background-color: #e53935; }
  .status-button span.status.fail {
    background-color: red; }
  .status-button span.status.decline {
    background-color: #414141; }
  .status-button span.status.unassign {
    background-color: #969696; }
  .status-button span.status.assign {
    background-color: #FC4D1A; }
  .status-button span.status.inprogress {
    background-color: #3f51b5; }
  .status-button span.status.start {
    background-color: #0F5DC0; }
  .status-button span.status.accept {
    background-color: #9F1ECC; }
  .status-button span.status.transparent {
    background-color: transparent;
    color: #414141;
    border: 1px solid #414141; }

.avatar-status {
  content: '';
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  width: 1rem;
  height: 1rem;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  z-index: 5; }
  .avatar-status.free {
    background-color: #28a745; }
  .avatar-status.inactive {
    background-color: #cccccc; }
  .avatar-status.busy {
    background-color: #ffe11b; }

.avatar-upload {
  position: relative;
  max-width: 20rem;
  margin: 2rem 0;
  float: left; }
  .avatar-upload .avatar-edit {
    position: absolute;
    right: -1rem;
    z-index: 1;
    bottom: 1rem; }
    .avatar-upload .avatar-edit input {
      display: none; }
      .avatar-upload .avatar-edit input + label {
        display: inline-block;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background: #28a745;
        -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
        cursor: pointer;
        font-weight: normal;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-align: center;
        color: #fff;
        font-size: 1.25rem;
        position: relative; }
        .avatar-upload .avatar-edit input + label:hover {
          color: #28a745;
          background: #fff;
          border-color: 1px solid #28a745; }
        .avatar-upload .avatar-edit input + label i {
          top: 30%;
          position: relative; }
  .avatar-upload .avatar-preview {
    width: 10rem;
    height: 10rem;
    position: relative;
    border-radius: 50%;
    border: 2px solid #a6ce39;
    -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35); }
    .avatar-upload .avatar-preview > div {
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }

.custom-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: auto;
  margin-right: 1rem;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */ }
  .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
  .custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: transparent;
    border-radius: 50%;
    display: table;
    border: 4px solid #000; }
  .custom-checkbox:hover input ~ .checkmark {
    background-color: #e2e2e2; }
  .custom-checkbox input:checked ~ .checkmark {
    background-color: #28a745;
    -o-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15); }
  .custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .custom-checkbox input:checked ~ .checkmark i {
    color: #fff; }
  .custom-checkbox .checkmark i {
    font-size: 0.75rem;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #d8d8d8;
    border: 4px solid white;
    border-radius: 50%; }

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #244b00;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s; }
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px; }
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1; }

.dataTables_wrapper .dataTables_length {
  font-size: 1.25rem; }
  .dataTables_wrapper .dataTables_length select {
    font-size: 1.5rem;
    height: auto; }
.dataTables_wrapper .dataTables_info {
  font-size: 1.25rem; }
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_filter input, .dt-buttons span{
  vertical-align: baseline;
  font-size: 1rem !important }
.dataTables_wrapper .border-box {
  box-sizing: border-box;}
.dataTables_wrapper .dataTables_filter input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  height: auto; }
.dataTables_wrapper .page-link {
  font-size: 1.25rem;
  text-align: center;
  width: 100%;
  min-width: 3rem; }
.dataTables_wrapper table.dataTable {
  width: 100%;
  table-layout: fixed; }
  .dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td, .dataTables_wrapper table.dataTable tbody th, .dataTables_wrapper table.dataTable tbody td, .dataTables_wrapper table.dataTable tfoot th, .dataTables_wrapper table.dataTable tfoot td {
    font-size: 0.85rem;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
    /*padding: 0.625rem 0;*/
    text-align: left; }
    .dataTables_wrapper table.dataTable thead th:first-child, .dataTables_wrapper table.dataTable thead td:first-child, .dataTables_wrapper table.dataTable tbody th:first-child, .dataTables_wrapper table.dataTable tbody td:first-child, .dataTables_wrapper table.dataTable tfoot th:first-child, .dataTables_wrapper table.dataTable tfoot td:first-child {
      text-align: left; }
    .dataTables_wrapper table.dataTable thead th:last-child, .dataTables_wrapper table.dataTable thead td:last-child, .dataTables_wrapper table.dataTable tbody th:last-child, .dataTables_wrapper table.dataTable tbody td:last-child, .dataTables_wrapper table.dataTable tfoot th:last-child, .dataTables_wrapper table.dataTable tfoot td:last-child {
      text-align: right; }
  .dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable thead td {
    font-family: 'Montserrat-Bold', Arial, sans-serif; }
  .dataTables_wrapper table.dataTable tbody tr {
    background-color: transparent; }
  .dataTables_wrapper table.dataTable tbody th, .dataTables_wrapper table.dataTable tbody td {
    font-family: 'Montserrat-Regular', Arial, sans-serif; }
  .dataTables_wrapper table.dataTable.no-footer {
    border-bottom: none; }

.close-btn {
  content: '';
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: -4.5rem;
  right: 0;
  color: #fff;
  border-radius: 50%;
  background-color: #a6ce39;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  z-index: 5;
  margin: 0.5rem 1rem;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.close-btn:hover {
  -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35); }

form.custom-form {
  /* margin: 1.25rem auto;  */
  padding-bottom: 1rem;
}
  form.custom-form a[type=submit] {
    padding: 1rem 2rem;
    -webkit-appearance: inherit; }
  form.custom-form .form-group {
    position: relative; 
  }
  form.custom-form .form-control {
    height: auto;
    padding: 1.0625rem 1.375rem;
    font-size: 0.875rem;
    font-family: 'Montserrat-Regular', Arial, sans-serif;
    letter-spacing: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #f6f6f6;
    color: black; }
    form.custom-form .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(0, 0, 0, 0.3); }
    form.custom-form .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(0, 0, 0, 0.3); }
    form.custom-form .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(0, 0, 0, 0.3); }
    form.custom-form .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(0, 0, 0, 0.3); }
  form.custom-form label {
    text-align: left;
    color: #222222;
    opacity: 1;
    margin-bottom: 10px;
  }
  form.custom-form select {
    text-indent: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    text-overflow: ellipsis;
    background-image: url(http://cdn2.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
    background-repeat: no-repeat;
    background-size: 0.8rem;
    background-position: calc(100% - 1.375rem) center; }
  form.custom-form .form-text {
    text-align: left;
    font-family: 'Montserrat-Regular', Helveica, sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.7px;
    opacity: 1;
    margin-bottom: 1rem;
    margin-left: 0.5rem; }
  form.custom-form .custom-checkbox.show-password {
    padding-left: 2rem; }
    form.custom-form .custom-checkbox.show-password .checkmark {
      width: 1.75rem;
      height: 1.75rem; }
    form.custom-form .custom-checkbox.show-password .checkmark i {
      font-size: 0.75rem; }
  form.custom-form .custom-checkbox.transport-type {
    height: 5rem;
    padding-left: 5rem; }

.noresize {
  resize: none; }

.vresize {
  resize: vertical; }

.hresize {
  resize: horizontal; }

.datepicker--day-name {
  color: #000; }
.datepicker--cell.-current- {
  color: #000;
  background: #ffe11b; }
.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0; }
.datepicker--cell.-in-range-.-focus- {
  background-color: #f3b52a; }
.datepicker--cell.-current-.-in-range- {
  color: #84e19a; }
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  background: #f3b52a; }
.datepicker--cell.-selected-.-focus- {
  background: #f3b52a; }
.datepicker--cell.-range-to- {
  border: 1px solid #ffe11b;
  border-radius: 0 4px 4px 0; }
.datepicker--cell.-range-from- {
  border: 1px solid #ffe11b;
  border-radius: 4px 0 0 4px; }
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb,
.datepicker--time-row input[type=range]:focus::-moz-range-thumb,
.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #ffe11b;
  border-color: #ffe11b; }

.accordion .card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #222222;
  border-bottom: none;
  color: #fff; }
.accordion .btn:focus {
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
.accordion .card {
  border: none; }
  .accordion .card [class*="btn-"] {
    border: none;
    white-space: normal;
    text-align: left;
    width: 100%;
    font-family: 'CircularStd-Book', sans-serif;
    line-height: 1.3;
    letter-spacing: 0.8px;
    padding: 0.6rem 1rem; }
    .accordion .card [class*="btn-"]:hover {
      -o-box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      color: #ffe11b;
      border: none; }
.accordion .card-body {
  background-color: #222222;
  padding: 4rem 1.25rem; }

/*===============================
Start Preloader Wrap
================================*/
.preloader-active {
  position: fixed;
  top: 0;
  left: 0;
  /*overflow: hidden;*/
  height: 100vh;
  width: 100vw;
  z-index: 99999; }
  .preloader-active .preloader-area-wrap {
    background-color: #fff;
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999999; }
    .preloader-active .preloader-area-wrap .spinner div {
      background-color: #121212;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
      .preloader-active .preloader-area-wrap .spinner div.bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s; }
      .preloader-active .preloader-area-wrap .spinner div.bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s; }
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.preloader-area-wrap {
  display: none; }

/*===============================
Bootstrap Modal Customization
================================*/
.modal-content {
  border: none;
  border-radius: 0;
  padding: 3.5rem 4.5rem; }

.modal-header {
  border: none;
  border-radius: 0;
  padding: 0; }
  .modal-header .close {
    opacity: 1;
    font-size: 0.75rem; }

.modal-title {
  margin-bottom: 0;
  line-height: 1;
  font-family: 'Montserrat-Bold', Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: 0;
  color: #222222;
  opacity: 1; }

.modal-body {
  padding: 0; }

.body-content {
  /*overflow-x: hidden;*/
  /*scroll-behavior: smooth;*/
  background-color: #fafafa; }

.header {
  /*background-image: url("../img/dots_vertical.svg");*/
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #fafafa; }
  .header .navbar {
    padding: 0;
    height: 9rem; 
    background: white}
    .header .navbar .navbar-brand {
      padding: 1.5rem;
      width: 14.375rem;
      height: 100%; }
      .header .navbar .navbar-brand svg {
        width: 100%;
        height: 100%; }
    .header .navbar .navbar-collapse, .header .navbar .navbar-nav {
      height: 100%; }
    .header .navbar .nav-item {
      height: 100%; }
      .header .navbar .nav-item .nav-link {
        height: 100%;
        padding: 2.25rem 1.75rem;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        display: -o-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        color: #222222;
        font-size: 0.875rem;
        text-align: center;
        letter-spacing: 0.7px;
        border: 0;
        outline: none; }
        .header .navbar .nav-item .nav-link img, .header .navbar .nav-item .nav-link svg {
          width: 3rem;
          height: 3rem;
          -o-object-fit: contain;
          object-fit: contain;
          -o-object-position: center;
          object-position: center; }
      .header .navbar .nav-item-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        /*background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);*/
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
        background-origin: padding-box; }
        .header .navbar .nav-item-inline .nav-link {
          color: rgb(34,34,34)
          /*color: #fff; */
        }
          .header .navbar .nav-item-inline .nav-link img, .header .navbar .nav-item-inline .nav-link svg {
            width: 1.875rem;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: left;
            object-position: left; }
      .header .navbar .nav-item.active {
        background-color: #fff; }

.login {
  position: relative;
  background-image: url("../img/login-bg.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 45%; }
  .login .content {
    min-height: 100vh;
    height: 100%;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .login .content form.sign-in {
      width: 34.35rem;
      background-color: #fff;
      padding: 2.8125rem; }
      .login .content form.sign-in .site-identity {
        width: 14.375rem;
        height: 8.375rem;
        margin-bottom: 2.25rem; }
        .login .content form.sign-in .site-identity img {
          object-fit: contain;
          height: 100%;
          width: 100%;
          object-position: left; }
      .login .content form.sign-in .form-head {
        font-size: 2rem;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-weight: normal;
        letter-spacing: 0;
        color: #222222;
        margin-bottom: 0.85rem; }
      .login .content form.sign-in .form-group {
        margin-bottom: 2.5rem; }
        .login .content form.sign-in .form-group label, .login .content form.sign-in .form-group .fgt-pw {
          font-size: 0.875rem;
          font-weight: bold;
          font-family: 'Montserrat-Light', Arial, sans-serif;
          letter-spacing: 0.7px;
          color: #222222;
          margin-bottom: 1rem; }
        .login .content form.sign-in .form-group input {
          background-color: #f6f6f6;
          color: #222222; }
      .login .content form.sign-in .btn-submit {
        background-color: #ffe11b;
        color: #222222;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.7px;
        text-align: center;
        border: none;
        float: right;
        padding: 1rem 3.125rem; }

.home {
  background-color: transparent; }
  .home .header {
    background-color: transparent;
    background-size: 15%;
    background-repeat: no-repeat repeat; }
    .home .header .navbar {
      height: 16.875rem; }
      .home .header .navbar .navbar-brand {
        padding: 0; }
      .home .header .navbar .nav-item {
        height: auto;
        display: table;
        margin: auto; }
        .home .header .navbar .nav-item .nav-link {
          margin: 0 3.125rem;
          padding: 0;
          font-size: 1.3125rem;
          height: auto; }
          .home .header .navbar .nav-item .nav-link.btn-facebook, .home .header .navbar .nav-item .nav-link.btn-twitter {
            margin: 0 2.5rem; }
            .home .header .navbar .nav-item .nav-link.btn-facebook .social-link, .home .header .navbar .nav-item .nav-link.btn-twitter .social-link {
              width: 1.5rem;
              height: 1.5rem; }
              .home .header .navbar .nav-item .nav-link.btn-facebook .social-link svg, .home .header .navbar .nav-item .nav-link.btn-twitter .social-link svg {
                width: 100%;
                height: 100%; }
          .home .header .navbar .nav-item .nav-link:last-child {
            margin-right: 0; }
      .home .header .navbar .navbar-toggler {
        width: 4rem;
        height: 4rem;
        background-color: #ffe11b;
        border: none;
        border-radius: 0;
        margin-right: 1.5rem; }
        .home .header .navbar .navbar-toggler-icon {
          background-image: url("../img/menu_icon.svg");
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
      .home .header .navbar .btn-login {
        display: none;
        text-align: center;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 1rem;
        line-height: 1;
        letter-spacing: 0;
        color: #000;
        opacity: 1;
        background-color: #ffe11b;
        border: none; }
  .home .main-section .header {
    width: calc(100vw - 46rem); }
  .home .main-section .content-wrapper {
    margin: 0;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .home .main-section .wrap {
    width: 100%;
    height: 100%; }
    .home .main-section .wrap .text-wrap {
      display: -o-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .home .main-section .wrap .text-wrap h1 {
        font-size: 4.4375rem;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        color: #222222; }
        .home .main-section .wrap .text-wrap h1 span.bg {
          position: relative;
          display: inline-block; }
          .home .main-section .wrap .text-wrap h1 span.bg::before {
            content: '';
            position: absolute;
            z-index: -1;
            width: 110%;
            height: 100%;
            left: -5%;
            background-color: #ffe11b; }
      .home .main-section .wrap .text-wrap p {
        font-size: 1.3125rem;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-weight: normal;
        margin: 1.875rem 0 2.8125rem; }
    .home .main-section .wrap_left {
      position: relative; }
      .home .main-section .wrap_left .text-wrap {
        margin-top: 10rem; }
        .home .main-section .wrap_left .text-wrap .btn-contact {
          -webkit-align-self: flex-start;
          align-self: flex-start;
          background-color: #ffe11b;
          font-family: 'Montserrat-Bold', Arial, sans-serif;
          font-size: 1.25rem;
          padding: 1.675rem 4.3rem;
          letter-spacing: 0.99px;
          color: #222222; }
        .home .main-section .wrap_left .text-wrap .social-links-wrap {
          display: none;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          -webkit-align-items: center;
          align-items: center;
          text-align: center;
          width: 10rem;
          margin: 6.5rem auto 0; }
    .home .main-section .wrap_right {
      padding: 13.75rem 0 10rem;
      background-color: #ffe11b;
      position: relative; }
      /* .home .main-section .wrap_right::after {
        content: '';
        position: absolute;
        background-image: url("../img/dots_horizontal.svg");
        bottom: -1.25rem;
        right: 100%;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center;
        background-size: contain;
        background-origin: padding-box;
        width: 16.5rem;
        height: 9.75rem;
        z-index: -1; } */
      .home .main-section .wrap_right .text-wrap {
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        max-width: 28.125rem;
        margin: 0 auto; }
        .home .main-section .wrap_right .text-wrap p {
          -webkit-align-self: flex-start;
          align-self: flex-start;
          padding-right: 6.25rem; }
        .home .main-section .wrap_right .text-wrap .reports-icon {
          width: auto;
          height: 10rem;
          margin-bottom: 3.125rem; }
      .home .main-section .wrap_right .search-form {
        margin: 0; }
        .home .main-section .wrap_right .search-form .search-col {
          position: relative; }
          .home .main-section .wrap_right .search-form .search-col input {
            font-size: 1.25rem;
            font-family: 'Montserrat-Regular', Arial, sans-serif;
            color: #000; }
            .home .main-section .wrap_right .search-form .search-col input::-webkit-input-placeholder {
              /* Chrome/Opera/Safari */
              color: #000; }
            .home .main-section .wrap_right .search-form .search-col input::-moz-placeholder {
              /* Firefox 19+ */
              color: #000; }
            .home .main-section .wrap_right .search-form .search-col input:-ms-input-placeholder {
              /* IE 10+ */
              color: #000; }
            .home .main-section .wrap_right .search-form .search-col input:-moz-placeholder {
              /* Firefox 18- */
              color: #000; }
          .home .main-section .wrap_right .search-form .search-col .icon-search {
            position: absolute;
            right: 0;
            bottom: 0;
            top: auto;
            margin: 0 1.5625rem 1rem 0;
            width: 2rem;
            height: 2rem; }
            .home .main-section .wrap_right .search-form .search-col .icon-search svg {
              width: 100%;
              height: 100%; }
        .home .main-section .wrap_right .search-form .btn-submit {
          width: 100%;
          font-family: 'Montserrat-Bold', Arial, sans-serif;
          font-size: 1.25rem;
          padding: 1.25rem;
          letter-spacing: 0.99px;
          background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
          color: #fff; }
          .home .main-section .wrap_right .search-form .btn-submit:focus, .home .main-section .wrap_right .search-form .btn-submit:hover {
            color: #fff; }
          .home .main-section .wrap_right .search-form .btn-submit .export-icon {
            width: 2.3rem;
            margin-left: 1.75rem; }
            .home .main-section .wrap_right .search-form .btn-submit .export-icon .a {
              fill: #fff; }
  .home .img-n-detail .content-wrapper {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    .home .img-n-detail .content-wrapper .img-wrap {
      max-width: 64rem;
      width: 100%;
      -o-box-shadow: 0 0 10rem 1rem rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 0 10rem 1rem rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 0 10rem 1rem rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 10rem 1rem rgba(0, 0, 0, 0.05); }
      .home .img-n-detail .content-wrapper .img-wrap img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        width: 100%; }
    .home .img-n-detail .content-wrapper .text-wrap {
      margin: auto 8.25rem; }
      .home .img-n-detail .content-wrapper .text-wrap h2 {
        font-size: 4rem;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        white-space: pre-line;
        text-align: left;
        line-height: 1.3;
        color: #222222; }
      .home .img-n-detail .content-wrapper .text-wrap p {
        font-size: 1.3125rem;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-weight: normal;
        text-align: left;
        margin: 3.25rem 0 3.125rem;
        width: 85%;
        color: #222222; }
      .home .img-n-detail .content-wrapper .text-wrap .btn-contact {
        -webkit-align-self: flex-start;
        align-self: flex-start;
        background-color: #ffe11b;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 0.875rem;
        padding: 1.0625rem 3rem;
        letter-spacing: 0.7px;
        line-height: 1.2;
        color: #222222; }
  .home .home-sec-2 {
    position: relative;
    padding: 11.875rem 0;
    background-color: #f6f6f6; }
    .home .home-sec-2 .content-wrapper {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center; }
      .home .home-sec-2 .content-wrapper h2 {
        font-size: 4rem;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        width: 60%;
        text-align: center; }
      .home .home-sec-2 .content-wrapper p {
        font-size: 1.3125rem;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-weight: normal;
        margin: 2rem 0;
        width: 60%;
        text-align: center; }
      .home .home-sec-2 .content-wrapper .offerings {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center; }
        .home .home-sec-2 .content-wrapper .offerings div.btn {
          height: 100%;
          padding: 2.25rem 3.75rem;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center;
          display: -o-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          font-family: 'Montserrat-Regular', Arial, sans-serif;
          color: #222222;
          font-size: 1.5rem;
          text-align: center;
          letter-spacing: 0.7px;
          border: 0;
          outline: none; }
          .home .home-sec-2 .content-wrapper .offerings div.btn svg {
            width: 4.875rem;
            height: 4.875rem;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: center;
            object-position: center;
            margin-bottom: 2.1875rem; }
      .home .home-sec-2 .content-wrapper .btn-contact {
        -webkit-align-self: flex-start;
        align-self: flex-start;
        background-color: #ffe11b;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 1.25rem;
        padding: 1.675rem 4.3rem;
        letter-spacing: 0.99px;
        color: #222222;
        margin-top: 2rem; }
  .home .home-sec-3 {
    position: relative; }
    /* .home .home-sec-3::after {
      content: '';
      position: absolute;
      background-image: url("../img/dots_horizontal.svg");
      top: -1.25rem;
      right: -6rem;
      background-repeat: no-repeat;
      background-color: transparent;
      background-position: center;
      background-size: contain;
      background-origin: padding-box;
      width: 16.5rem;
      height: 9.75rem;
      z-index: -1; } */
    .home .home-sec-3 .content-wrapper {
      margin: 12rem 0; }
  .home .home-sec-4 {
    position: relative; }
    .home .home-sec-4 .content-wrapper {
      -ms-flex-direction: row-reverse;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin-bottom: 12rem; }
  .home .home-sec-5 {
    position: relative; }
    .home .home-sec-5 .content-wrapper {
      margin-bottom: 10rem; }
  .home .home-sec-6 {
    background-color: #ffe11b;
    padding: 13.25rem 0 11.875rem; }
    .home .home-sec-6 .c-border {
      border-right: 1px solid #222222; }
    .home .home-sec-6 .content-wrapper {
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: center;
      justify-content: center; }
      .home .home-sec-6 .content-wrapper .text-wrap h1 {
        font-size: 4rem;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        white-space: pre-line;
        text-align: left;
        line-height: 1.3;
        color: #222222; }
      .home .home-sec-6 .content-wrapper .text-wrap p {
        font-size: 1.3125rem;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-weight: normal;
        text-align: left;
        margin: 2.625rem 0 3.875rem;
        width: 85%;
        color: #222222; }
      .home .home-sec-6 .content-wrapper .text-wrap .btn-contact, .home .home-sec-6 .content-wrapper .text-wrap .btn-submit {
        -webkit-align-self: flex-start;
        align-self: flex-start;
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 1.25rem;
        padding: 1.5625rem 3.20rem;
        letter-spacing: 0.7px;
        line-height: 1.2;
        color: #fff;
        background-color: transparent;
        background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-origin: padding-box; }
      .home .home-sec-6 .content-wrapper .text-wrap_right .reports-icon {
        width: auto;
        height: 10rem;
        margin-bottom: 3.125rem; }
      .home .home-sec-6 .content-wrapper .text-wrap_right .search-form {
        margin: 0;
        max-width: 28.125rem; }
        .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col {
          position: relative; }
          .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input {
            font-size: 1.25rem;
            font-family: 'Montserrat-Regular', Arial, sans-serif;
            color: #000; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input::-webkit-input-placeholder {
              /* Chrome/Opera/Safari */
              color: #000; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input::-moz-placeholder {
              /* Firefox 19+ */
              color: #000; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input:-ms-input-placeholder {
              /* IE 10+ */
              color: #000; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input:-moz-placeholder {
              /* Firefox 18- */
              color: #000; }
          .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col .icon-search {
            position: absolute;
            right: 0;
            bottom: 0;
            top: auto;
            margin: 0 1.5625rem 1rem 0;
            width: 2rem;
            height: 2rem; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col .icon-search svg {
              width: 100%;
              height: 100%; }
        .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .btn-submit {
          width: 100%; }

.insights {
  position: relative;
  background-color: #fff; }
  .insights .in-sec-1 .content-wrapper .data-wrapper {
    width: 85%; }
    .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature {
      background-color: #fafafa;
      padding: 1.875rem 1.625rem;
      max-width: 45rem;
      width: 100%;
      margin-bottom: 3.75rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature h3.heading, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature h3.heading {
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        font-size: 1.375rem;
        letter-spacing: 0;
        color: #121212;
        line-height: 1;
        display: inline;
        margin-right: 1.8rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature select.form-control, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature select.form-control {
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0;
        color: #121212;
        border: none;
        background-color: transparent;
        line-height: 1;
        padding: 0;
        height: auto;
        width: auto;
        margin: 0;
        display: inline; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .btn-report, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .btn-report {
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-size: 0.87rem;
        letter-spacing: 0;
        color: #121212;
        opacity: 1;
        float: none;
        padding: 0;
        border-bottom: 1px dashed #121212;
        padding-bottom: 0.25rem;
        margin-right: 1rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .star-btn i, .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .star-btn img, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .star-btn i, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .star-btn img {
        font-size: 1rem;
        width: 1.25rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature p.subline, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature p.subline {
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-size: 0.75rem;
        letter-spacing: 0;
        color: #222222;
        opacity: 1;
        line-height: 1;
        margin-top: 0.75rem;
        margin-bottom: 1rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .pie-chart, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .pie-chart {
        width: 18.125rem;
        padding: 0 1.1875rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .dataTables_wrapper, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .dataTables_wrapper {
        width: 100%;
        margin-left: 2.625rem; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .gain-lose-wrap, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .gain-lose-wrap {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column; }
        .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature .gain-lose-wrap .dataTables_wrapper, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature .gain-lose-wrap .dataTables_wrapper {
          margin-left: 0; }
      .insights .in-sec-1 .content-wrapper .data-wrapper .starred-sec .body .feature-month, .insights .in-sec-1 .content-wrapper .data-wrapper .features-sec .body .feature-month {
        margin-right: 1.875rem; }

.alerts {
  position: relative;
  background-color: #fff; }
  .alerts .modal .btn-generate {
    float: right; }
  .alerts .alt-sec-1 .content-wrapper .data-wrapper {
    width: 76.5%; }
    .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec {
      margin-bottom: 2.25rem; }
      .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec .head {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.375rem; }
      .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec .body {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column; }
        .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec .body .noti-alert {
          width: 100%;
          text-align: left;
          padding: 1.375rem;
          border-radius: 0.75rem;
          background-color: #fafafa;
          font-family: 'Montserrat-Light', Arial, sans-serif;
          font-size: 0.875rem;
          letter-spacing: 0;
          color: #000;
          opacity: 1;
          margin-bottom: 0.5rem;
          position: relative;
          display: -o-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: flex-start;
          justify-content: flex-start; }
          .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec .body .noti-alert.empty {
            -webkit-justify-content: center;
            justify-content: center; }
          .alerts .alt-sec-1 .content-wrapper .data-wrapper .noti-sec .body .noti-alert .rmv-btn {
            padding: 1.375rem;
            position: absolute;
            top: auto;
            bottom: auto;
            margin: auto;
            left: auto;
            right: 0;
            font-size: 0.75rem; }
    .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .head {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      margin-bottom: 1.375rem; }
    .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .body {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .body .rule-alert {
        position: relative;
        display: -o-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: left;
        padding: 1.375rem;
        border-radius: 0.75rem;
        background-color: #fafafa;
        font-family: 'Montserrat-Light', Arial, sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0;
        color: #000;
        opacity: 1;
        margin-bottom: 0.5rem; }
        .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .body .rule-alert .fa-sync {
          width: 1.8rem;
          margin-right: 1.5rem; }
        .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .body .rule-alert .rmv-btn {
          padding: 1.375rem;
          position: absolute;
          top: auto;
          bottom: auto;
          margin: auto;
          left: auto;
          right: 0;
          font-size: 0.75rem; }
      .alerts .alt-sec-1 .content-wrapper .data-wrapper .rules-sec .body .btn-crt-rule {
        align-self: flex-end; }

.config {
  background-color: #fff; }
  .config .content-wrapper .data-wrapper {
    width: 45%; }
    .config .content-wrapper .data-wrapper .settings-sec .head {
      margin-bottom: 0; }
    .config .content-wrapper .data-wrapper .settings-sec .body form.custom-form {
      width: 100%;
      margin-left: 0; }
      .config .content-wrapper .data-wrapper .settings-sec .body form.custom-form .btn-save {
        background-color: transparent;
        background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-origin: padding-box;
        padding: 1rem 2.8rem; }
    .config .content-wrapper .data-wrapper .brands-sec {
      margin-top: 1rem; }
      .config .content-wrapper .data-wrapper .brands-sec .head {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column; }
      .config .content-wrapper .data-wrapper .brands-sec .body {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .config .content-wrapper .data-wrapper .brands-sec .body .btn-brand {
          padding: 1rem 2rem;
          color: #000;
          background-color: #fafafa;
          border: 1px solid transparent;
          border-radius: 25px;
          margin-right: 0.75rem;
          margin-bottom: 1rem; }
    .config .content-wrapper .data-wrapper .outlets-sec {
      margin-top: 2.25rem; }
      .config .content-wrapper .data-wrapper .outlets-sec .head {
        margin-bottom: 0.5rem; }
      .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable {
        margin: 0;
        width: 80%; }
        .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable thead th:last-child, .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable thead td:last-child, .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable tbody th:last-child, .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable tbody td:last-child, .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable tfoot th:last-child, .config .content-wrapper .data-wrapper .outlets-sec .dataTables_wrapper table.dataTable tfoot td:last-child {
          text-align: left; }

.reports {
  position: relative;
  background-color: #fff; }

.shoppers {
  position: relative;
  background-color: #fff; }
  .shoppers .main-bar .bar-content form.custom-form .form-group.data-col {
    width: 18rem; 
  }
  .shoppers .main-bar .bar-content form.custom-form .form-group.date-col, .shoppers .main-bar .bar-content form.custom-form .form-group.data-col {
    margin-right: 1.875rem; }
  .shoppers .content-wrapper .data-wrapper .data-sec {
    margin-bottom: 3.3125rem; }
    .shoppers .content-wrapper .data-wrapper .data-sec .body {
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
      .shoppers .content-wrapper .data-wrapper .data-sec .body .btn-shopper {
        padding: 0;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 25px;
        /*overflow: hidden;*/
        height: 12.875rem;
        width: 12.875rem;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
        position: relative; }
        .shoppers .content-wrapper .data-wrapper .data-sec .body .btn-shopper img {
          -o-object-fit: cover;
          object-fit: cover;
          height: 100%;
          -o-object-position: top;
          object-position: top; }
        .shoppers .content-wrapper .data-wrapper .data-sec .body .btn-shopper:focus {
          box-shadow: none; }
        .shoppers .content-wrapper .data-wrapper .data-sec .body .btn-shopper span.shopper-logo {
          position: absolute;
          bottom: 0;
          background-color: #f6f6f6;
          left: 0;
          right: 0;
          padding: 1.5625rem;
          text-align: left; }
          .shoppers .content-wrapper .data-wrapper .data-sec .body .btn-shopper span.shopper-logo img {
            max-height: 2.5rem; }
  .shoppers .shopper-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: 100%;
    max-height: 100vh;
    /*overflow: hidden; */
  }
    .shoppers .shopper-modal .modal-dialog .modal-content {
      height: 100%;
      padding: 0; }
      .shoppers .shopper-modal .modal-dialog .modal-content .modal-header {
        -webkit-align-items: center;
        align-items: center;
        background-color: #f6f6f6;
        height: 9rem; }
        .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .modal-title {
          margin: 0 auto; }
        .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .modal-close {
          background-color: transparent;
          background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
          background-position: 0 0;
          background-repeat: no-repeat;
          background-origin: padding-box;
          opacity: 1;
          padding: 2.25rem 3.75rem;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center;
          display: -o-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: -webkit-flex;
          display: flex;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          margin: 0;
          position: relative;
          color: #fff;
          letter-spacing: 0.7px;
          font-family: 'Montserrat-Light', Arial, sans-serif;
          font-size: 0.875rem;
          font-weight: 100;
          text-transform: capitalize;
          height: 100%; }
          .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .modal-close img {
            -ms-filter: invert(1);
            -webkit-filter: invert(1);
            filter: invert(1);
            width: 1.875rem;
            height: 3rem;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: left;
            object-position: left; }
        .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .btn-group {
          background-color: transparent;
          display: -o-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -webkit-flex;
          display: flex;
          -ms-flex-direction: row;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center; }
          .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .btn-group .btn {
            letter-spacing: 0;
            color: #000;
            opacity: 1;
            font-family: 'Montserrat-Regular', Arial, sans-serif;
            font-size: 0.875rem;
            padding: 0 1.25rem; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-header .btn-group .btn img {
              margin-right: 0.875rem; }
      .shoppers .shopper-modal .modal-dialog .modal-content .modal-body {
        display: -o-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side {
          width: 31.25rem;
          order: 2; }
          .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body {
            padding: 2.1875rem;
            overflow-y: auto;
            height: calc(100vh - 9rem);
            position: relative; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body h6 {
              text-align: left;
              font-family: 'Montserrat-Bold', Arial, sans-serif;
              font-size: 1.125rem;
              letter-spacing: 0.9px;
              color: #222222;
              opacity: 1;
              white-space: pre-line; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-desc, .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body ol {
              font-family: 'Montserrat-Regular', Arial, sans-serif;
              font-size: 0.875rem;
              letter-spacing: 0.7px;
              color: #222222;
              opacity: 1; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-desc {
              line-height: 1.5;
              margin-bottom: 3rem; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-thumb {
              width: 12.875rem; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-body-head {
              display: -o-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -webkit-flex;
              display: flex;
              -ms-flex-direction: row;
              -webkit-flex-direction: row;
              flex-direction: row;
              -webkit-align-items: flex-start;
              align-items: flex-start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              margin-bottom: 1.5rem; }
              .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-body-head ul {
                margin-left: 1rem; }
                .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-body-head ul li {
                  margin-bottom: 1.875rem; }
                  .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-body-head ul li:last-child {
                    margin-bottom: 0; }
                  .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-body-head ul li ol {
                    margin-bottom: 0.575rem; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .similar-features .feature-thumbs {
              margin-top: 1.275rem;
              display: -o-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -webkit-flex;
              display: flex;
              -ms-flex-direction: row;
              -webkit-flex-direction: row;
              flex-direction: row;
              -webkit-align-items: flex-start;
              align-items: flex-start;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -ms-flex-wrap: wrap;
              -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
              .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .similar-features .feature-thumbs .f-thumb {
                width: 8.125rem;
                margin-bottom: 1rem; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .detail-side .item-body .item-alert {
              margin: auto;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              /* display: none; */
              line-height: 1.5;
              font-family: 'Montserrat-Regular', Arial, sans-serif;
              font-size: 0.875rem;
              letter-spacing: 0.7px;
              color: #222222;
              opacity: 1;
              text-align: center;
              padding: 2.1875rem;
              vertical-align: middle;
              display: inline-flex;
              align-items: center; }
        .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .slider-side {
          width: calc(100% - 31.25rem);
          height: 100%;
          background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
          position: relative;
          display: -o-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center; }
          .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .slider-side .shopper-slider {
            height: calc(100vh - 18rem); }
          .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .slider-side .img-controls {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: auto;
            z-index: 2;
            text-align: center;
            height: 9rem;
            display: -o-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: center;
            justify-content: center; }
            .shoppers .shopper-modal .modal-dialog .modal-content .modal-body .slider-side .img-controls .btn-control {
              width: 2.0625rem;
              margin: 0 0.625rem;
              padding: 0; }

.features {
  position: relative;
  background-color: #fff; }
  .features .main-bar .bar-content form.custom-form .form-group.data-col {
    width: 18rem; }
  .features .main-bar .bar-content form.custom-form .form-group.date-col, .features .main-bar .bar-content form.custom-form .form-group.data-col {
    margin-right: 1.875rem; }
  .features .content-wrapper .data-wrapper .data-sec {
    margin-bottom: 3.3125rem; }
    .features .content-wrapper .data-wrapper .data-sec .body {
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
      .features .content-wrapper .data-wrapper .data-sec .body .btn-feature {
        padding: 0;
        background-color: transparent;
        border: none;
        overflow: hidden;
        height: 12.875rem;
        width: auto;
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
        position: relative; }
        .features .content-wrapper .data-wrapper .data-sec .body .btn-feature img {
          -o-object-fit: cover;
          object-fit: cover;
          height: 100%;
          -o-object-position: top;
          object-position: top; }
        .features .content-wrapper .data-wrapper .data-sec .body .btn-feature:focus {
          box-shadow: none; }

.footer {
  background-color: #222222;
  padding: 8.5rem 0 7rem; }
  .footer-body {
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .footer-body .navbar-brand {
      width: 19.875rem;
      margin: 0 1rem 0 0;
      padding: 0; }
      .footer-body .navbar-brand svg {
        width: 100%;
        height: 100%; }
    .footer-body .navbar {
      display: -o-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0;
      width: 57rem; }
      .footer-body .navbar li:nth-child(2) .nav-item .nav-link {
        opacity: .5; }
      .footer-body .navbar .nav-item .nav-link {
        color: #fff;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-size: 1.3125rem;
        line-height: 1.6;
        padding: .5rem 1rem;
        margin: .5rem 0;
        display: inline-block; }
        .footer-body .navbar .nav-item .nav-link.social-link {
          width: 2.25rem;
          height: 2.25rem;
          padding: 0;
          margin: 1rem 0 1rem 3rem; }
          .footer-body .navbar .nav-item .nav-link.social-link svg {
            width: 100%;
            height: 100%; }
            .footer-body .navbar .nav-item .nav-link.social-link svg path {
              fill: #fff; }
  .footer-foot {
    color: #fff;
    font-family: 'Montserrat-Regular', Arial, sans-serif;
    font-size: 1.3125rem;
    line-height: 1.6;
    opacity: .5;
    margin-top: .75rem; }

.btn-generate, .btn-crt-rule {
  font-family: 'Montserrat-Bold', Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.7px;
  color: #222222;
  opacity: 1;
  background-color: #ffe11b;
  border: none;
  padding: 1rem 1.75rem; }

.content-wrapper {
  display: -o-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 3rem 0; }
  .content-wrapper .filter-nav {
    width: auto;
    min-width: 10%; }
    .content-wrapper .filter-nav .filter-list .filter-item {
      text-align: left;
      font-size: 1.125rem;
      font-family: 'Montserrat-Regular', Arial, sans-serif;
      letter-spacing: 0;
      color: #222222;
      opacity: 1;
      padding: 0 1rem;
      margin: 0.875rem 0; }
      .content-wrapper .filter-nav .filter-list .filter-item .filter-link {
        color: inherit;
        font-family: inherit;
        opacity: inherit;
        font-weight: inherit;
        font-size: inherit;
        letter-spacing: inherit;
        line-height: inherit; }
      .content-wrapper .filter-nav .filter-list .filter-item.active {
        font-family: 'Montserrat-Bold', Arial, sans-serif;
        position: relative; }
        .content-wrapper .filter-nav .filter-list .filter-item.active::before {
          content: '';
          height: 100%;
          position: absolute;
          width: 2px;
          border-radius: 5px;
          background-color: #ffe11b;
          top: 0;
          bottom: 0;
          left: 0;
          right: auto; }
  .content-wrapper .data-wrapper .data-sec .head {
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
    margin-bottom: 1.75rem; }
    .content-wrapper .data-wrapper .data-sec .head h2 {
      font-size: 2rem;
      font-family: 'Montserrat-Bold', Arial, sans-serif;
      letter-spacing: 0;
      color: #222222;
      opacity: 1; }
    .content-wrapper .data-wrapper .data-sec .head h3 {
      font-size: 1.375rem;
      font-family: 'Montserrat-Bold', Arial, sans-serif;
      letter-spacing: 0.55px;
      color: #222222;
      opacity: 1; }
    .content-wrapper .data-wrapper .data-sec .head p.subline {
      font-size: 0.875rem;
      font-family: 'Montserrat-Regular', Arial, sans-serif;
      letter-spacing: 0;
      color: #000;
      opacity: 1;
      margin-top: 1.12rem; }
    .content-wrapper .data-wrapper .data-sec .head .btn-group {
      background-color: transparent;
      padding: 0;
      margin-right: 1rem;
      align-items: center; }
      .content-wrapper .data-wrapper .data-sec .head .btn-group .btn {
        letter-spacing: 0;
        color: #000;
        opacity: 1;
        font-family: 'Montserrat-Regular', Arial, sans-serif;
        font-size: 0.875rem;
        padding: 0 0.75rem; }
        .content-wrapper .data-wrapper .data-sec .head .btn-group .btn img {
          width: 1.25rem;
          margin-right: 0.85rem; }
  .content-wrapper .data-wrapper .data-sec .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

.main-bar {
  /*padding: 3rem 0;*/
  background-color: #EEF0F2;
  /*border-bottom: 1px solid #f5f5f5; */
}
  .main-bar .bar-content form.custom-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: end;
    align-items: flex-end; 
    gap: 1rem;
  }
    .main-bar .bar-content form.custom-form .form-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0; 
      margin-top: 1rem; }
      .main-bar .bar-content form.custom-form .form-group.sv-rpt-col {
        width: 36rem;
        margin-right: 1.5625rem; }
      .main-bar .bar-content form.custom-form .form-group.date-col {
        width: 15.625rem;
        /* margin-right: 2rem;  */
      }
        .main-bar .bar-content form.custom-form .form-group.date-col span.icon-cont {
          position: absolute;
          right: 0;
          bottom: 0;
          left: auto;
          top: 0;
          margin: auto 1.35rem 1.35rem 0;
          height: 1.3625rem;
          width: 1.5625rem; }
          .main-bar .bar-content form.custom-form .form-group.date-col span.icon-cont img {
            object-fit: contain;
            object-position: center;
            height: 100%; }
      .main-bar .bar-content form.custom-form .form-group.data-col {
        min-width: 10rem;
        /* margin-right: 2rem;  */
        max-width: 100%
      }
      .main-bar .bar-content form.custom-form .form-group.check-col {
        align-items: flex-end;
        margin-right: 6.5625rem; }
        .main-bar .bar-content form.custom-form .form-group.check-col .form-check-input {
          margin: 0 0 0 0;
          bottom: 1.10rem; }
        .main-bar .bar-content form.custom-form .form-group.check-col .form-check-label {
          margin: 0 0 1.25rem 2rem; }
  .main-bar .bar-content .btn-load, .main-bar .bar-content .btn-save {
    padding: 1rem 2.75rem;
    background-color: transparent;
    background-image: linear-gradient(90deg, #333132 0%, #1D1D1B 100%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-origin: padding-box;
    font-family: 'Montserrat-Bold', Arial, sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.7px;
    color: #fff;
    opacity: 1;
    margin-left: 0.5625rem; }
  .main-bar .bar-content .btn-save {
    margin-left: 1.25rem; }
  .main-bar .bar-content .btn-generate {
    line-height: 1.5;
    padding: 1rem 2.75rem; }

.swiper-container {
  width: 100%;
  height: 100%; }
.swiper-slide {
  text-align: center;
  font-size: 1rem;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
.swiper-button-next, .swiper-button-prev {
  background-color: #ffe11b;
  background-image: none;
  height: 4.375rem;
  width: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .swiper-button-next::before, .swiper-button-prev::before {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 2.0625rem;
    font-family: 'Montserrat-Bold', Arial, sans-serif;
    color: #222222;
    opacity: 1; }
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.15; }
.swiper-button-next {
  right: 0; }
  .swiper-button-next::before {
    content: '>'; }
.swiper-button-prev {
  left: 0; }
  .swiper-button-prev::before {
    content: '<'; }

/*========================================================
================== RESPONSIVE QUERIES===============
==========================================================
Ranging from Min to Max

>> First use Min responsive queries

than followed by

>> Max responsive queries

Do follow this order for better responsiveness and clean structure

^^^^^^^^READ NOTE**********************
*/
/*------------------------------------------------
2560
------------------------------------------------*/
/*------------------------------------------------
2500
------------------------------------------------*/
/*------------------------------------------------
2400
------------------------------------------------*/
/*------------------------------------------------
2200
------------------------------------------------*/
/*------------------------------------------------
1920
------------------------------------------------*/
@media screen and (min-width: 1920px) {
  .body-content {
    /* max-width: 1920px; */} }
@media screen and (max-width: 1920px) {
  .c-container {
    max-width: calc(100% - 8rem); }

  .home .c-container {
    max-width: calc(100% - 12.5rem); } }
/*------------------------------------------------
1800
------------------------------------------------*/
@media screen and (max-width: 1800px) {
  :root {
    font-size: 15px !important; } }
/*------------------------------------------------
1701
------------------------------------------------*/
/*------------------------------------------------
1700
------------------------------------------------*/
@media screen and (max-width: 1700px) {
  :root {
    font-size: 14px !important; } }
/*------------------------------------------------
1699
------------------------------------------------*/
/*------------------------------------------------
1600
------------------------------------------------*/
/*------------------------------------------------
1499 covering 1440
------------------------------------------------*/
@media screen and (max-width: 1499px) {
  :root {
    font-size: 12px !important; } }
/*------------------------------------------------
1500 covering 1440
------------------------------------------------*/
/*------------------------------------------------
1400 covering 1366
------------------------------------------------*/
@media screen and (max-width: 1400px) {
  .home .main-section .header {
    width: calc(100vw - 40rem); }
  .home .main-section .wrap .text-wrap h1 {
    font-size: 3.75rem; } }
/*------------------------------------------------
1300 covering 1366
------------------------------------------------*/
/*------------------------------------------------
1299 covering 1280
------------------------------------------------*/
/*------------------------------------------------
1300
------------------------------------------------*/
/*------------------------------------------------
1200
------------------------------------------------*/
/*------------------------------------------------
1199 covering 1080
------------------------------------------------*/
@media screen and (max-width: 1199px) {
  html {
    font-size: 45% !important; }

  .home .c-container {
    max-width: calc(100% - 5.5rem); }
  .home .header .navbar .nav-item .nav-link {
    margin: 0 2.125rem; }
  .home .main-section .header {
    width: calc(100vw - 35rem); } }
/*------------------------------------------------
1059 covering 1024
------------------------------------------------*/
/*------------------------------------------------
1024x1366 ipad pro screen
------------------------------------------------*/
@media screen and (max-width: 1024px) {
  html {
    font-size: 52% !important; }

  .custom-container {
    max-width: 100%; } }
/*------------------------------------------------
992
------------------------------------------------*/
/*------------------------------------------------
991
------------------------------------------------*/
@media screen and (max-width: 991px) {
  .home .c-container {
    max-width: calc(100% - 4.5rem); }
  .home .header {
    background-image: url("../img/dots_horizontal.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -45%; }
    .home .header .navbar {
      height: 16.3335rem; }
      .home .header .navbar .navbar-brand {
        width: 15rem;
        margin: 0; }
      .home .header .navbar .navbar-toggler {
        width: 5.1667rem;
        height: 5.1667rem; }
        .home .header .navbar .navbar-toggler .navbar-toggler-icon {
          width: 2rem;
          height: 2rem; }
      .home .header .navbar .btn-login {
        display: inline-block;
        font-size: 1.3335rem;
        padding: 1rem 3.3335rem; }
  .home .main-section {
    position: relative;
    z-index: 1; }
    .home .main-section .header {
      width: 100%; }
    .home .main-section .content-wrapper {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; }
    .home .main-section .wrap .text-wrap h1 {
      font-size: 4.1667rem;
      white-space: pre-line; }
    .home .main-section .wrap .text-wrap p {
      font-size: 1.5rem;
      padding: 0 5.5rem;
      margin: 3rem auto 3.5rem; }
    .home .main-section .wrap_left .text-wrap {
      margin: 12rem auto 8rem;
      text-align: center; }
      .home .main-section .wrap_left .text-wrap .btn-contact {
        align-self: center;
        font-size: 1.3335rem;
        padding: 1rem 2.051rem;
        text-transform: lowercase; }
      .home .main-section .wrap_left .text-wrap .social-links-wrap {
        display: flex;
        margin: 13rem auto 0; }
        .home .main-section .wrap_left .text-wrap .social-links-wrap .social-link svg {
          width: 3rem; }
    .home .main-section .wrap_right {
      padding: 6rem 0 6rem; }
      .home .main-section .wrap_right::after {
        background-image: url("../img/dots_vertical.svg");
        bottom: 100%;
        right: 0;
        top: auto;
        width: 17rem;
        height: 30rem; }
      .home .main-section .wrap_right .text-wrap {
        max-width: 38.3337rem;
        text-align: center; }
        .home .main-section .wrap_right .text-wrap h1 {
          font-size: 3.3337rem;
          white-space: normal; }
        .home .main-section .wrap_right .text-wrap p {
          font-size: 1.1667rem;
          margin: 1.1667rem auto 4.1667rem;
          padding: 0;
          text-align: center;
          align-self: center; }
        .home .main-section .wrap_right .text-wrap .reports-icon {
          height: 7.084rem; }
      .home .main-section .wrap_right .search-form .search-col input {
        font-size: 1.1667rem; }
      .home .main-section .wrap_right .search-form .btn-submit {
        width: auto;
        padding: 1.25rem 1.8337rem;
        margin: 3.166rem auto 0;
        font-size: 1.1667rem; }
  .home .img-n-detail .content-wrapper {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .home .img-n-detail .content-wrapper .img-wrap {
      max-width: calc(100% - 9rem);
      z-index: 1;
      margin-bottom: 4.5rem; }
    .home .img-n-detail .content-wrapper .text-wrap h2 {
      font-size: 4.1667rem;
      text-align: center; }
    .home .img-n-detail .content-wrapper .text-wrap p {
      font-size: 1.5rem;
      margin: 2.5rem auto 4rem;
      width: 80%;
      text-align: center; }
    .home .img-n-detail .content-wrapper .text-wrap .btn-contact {
      float: none;
      margin: 0 auto;
      width: auto;
      display: table;
      font-size: 1.3335rem;
      padding: 1rem 3rem;
      text-transform: lowercase; }
  /* .home .img-n-detail::after {
    content: '';
    position: absolute;
    background-image: url("../img/dots_horizontal.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-origin: padding-box;
    top: -6rem;
    left: 0;
    width: 29.167rem;
    height: 17rem;
    z-index: 0; } */
  .home .home-sec-2 {
    padding-bottom: 4rem; }
    /* .home .home-sec-2::before {
      content: '';
      position: absolute;
      background-image: url("../img/dots_horizontal.svg");
      top: -6rem;
      left: 0;
      bottom: auto;
      width: 29.167rem;
      height: 17rem;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 0; } */
    .home .home-sec-2 .content-wrapper h2 {
      font-size: 4.1667rem;
      line-height: 1.275; }
      .home .home-sec-2 .content-wrapper h2 span.bg {
        display: inline-block;
        position: relative;
        z-index: 1; }
        .home .home-sec-2 .content-wrapper h2 span.bg::before {
          content: '';
          width: calc(100% + 2rem);
          top: 0;
          bottom: 0;
          left: -1rem;
          position: absolute;
          z-index: -1;
          background-color: #ffe11b; }
    .home .home-sec-2 .content-wrapper p {
      font-size: 1.5rem; }
    .home .home-sec-2 .content-wrapper .offerings {
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .home .home-sec-2 .content-wrapper .offerings .of-item {
        flex: 0 0 calc((100% / 3) - 5.8333rem);
        margin: 0 2.916rem 2.75rem;
        display: -o-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center; }
      .home .home-sec-2 .content-wrapper .offerings div.btn {
        padding: 0; }
        .home .home-sec-2 .content-wrapper .offerings div.btn svg {
          margin: 3rem 0; }
    .home .home-sec-2 .content-wrapper .btn-contact {
      align-self: center;
      font-size: 1.3335rem;
      padding: 1rem 2.051rem;
      text-transform: lowercase; }
  .home .home-sec-3 {
    background-image: -webkit-gradient(linear, 0% 25%, 0 75%, from(#f6f6f6), to(transparent), color-stop(0, transparent));
    background-repeat: no-repeat; }
    .home .home-sec-3::after {
      top: 0;
      right: 0;
      left: auto; }
  .home .home-sec-4::after {
    left: 0;
    right: auto; }
  .home .home-sec-4 .content-wrapper {
    margin-top: 0; }
  .home .home-sec-5::after {
    right: 0;
    left: auto; }
  .home .home-sec-6 {
    padding: 7rem 0; }
    .home .home-sec-6 .c-border {
      border-right: none; }
    .home .home-sec-6 .content-wrapper {
      margin: 0; }
      .home .home-sec-6 .content-wrapper .text-wrap {
        max-width: 42rem; }
        .home .home-sec-6 .content-wrapper .text-wrap h1 {
          font-size: 3.3337rem;
          white-space: normal;
          text-align: center; }
        .home .home-sec-6 .content-wrapper .text-wrap p {
          font-size: 1.1667rem;
          margin: 2.05rem auto 3rem;
          text-align: center; }
        .home .home-sec-6 .content-wrapper .text-wrap .btn-contact {
          float: none;
          margin: 0 auto;
          width: auto;
          display: table;
          font-size: 1.3335rem;
          padding: 1rem 3rem;
          text-transform: lowercase; }
        .home .home-sec-6 .content-wrapper .text-wrap_right {
          display: -o-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -webkit-flex;
          display: flex;
          -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          margin: 8.5rem auto 0; }
          .home .home-sec-6 .content-wrapper .text-wrap_right .reports-icon {
            height: 7.084rem; }
          .home .home-sec-6 .content-wrapper .text-wrap_right .search-form {
            max-width: 100%; }
            .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .btn-submit {
              width: auto;
              padding: 1rem 3rem;
              margin: 3.166rem auto 0;
              font-size: 1.3335rem; }

  .footer {
    padding: 6.75rem 0 3rem; }
    .footer-body .navbar {
      width: auto;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .footer-body .navbar-brand {
        width: 13rem; }
      .footer-body .navbar .nav-item {
        text-align: center; }
        .footer-body .navbar .nav-item .nav-link {
          line-height: 1;
          padding: 0;
          margin: .5rem 0;
          font-size: 1.5rem; }
      .footer-body .navbar li:nth-child(2) {
        margin-top: 3.1667rem; }
        .footer-body .navbar li:nth-child(2) .nav-item .nav-link {
          font-size: 1.1667rem; }
      .footer-body .navbar.nav-mbl {
        width: 13rem;
        margin-left: 1rem;
        -webkit-align-self: flex-end;
        align-self: flex-end; }
        .footer-body .navbar.nav-mbl .btn-login {
          text-align: center;
          font-family: 'Montserrat-Bold', Arial, sans-serif;
          line-height: 1;
          letter-spacing: 0;
          color: #000;
          opacity: 1;
          background-color: #ffe11b;
          border: none;
          font-size: 1.3335rem;
          padding: 1rem 3.3335rem; }
        .footer-body .navbar.nav-mbl .nav-item {
          padding: 0 1.5rem; }
          .footer-body .navbar.nav-mbl .nav-item .nav-link.social-link {
            margin: 0 0.5rem; }
    .footer-foot {
      text-align: center;
      font-size: 1rem;
      opacity: 1;
      margin-top: 1.75rem; } }
/*------------------------------------------------
800
------------------------------------------------*/
/*------------------------------------------------
800x 1280 screen
------------------------------------------------*/
/*------------------------------------------------
768
------------------------------------------------*/
/*------------------------------------------------
768
------------------------------------------------*/
/*------------------------------------------------
768x 1024 ipad screen
------------------------------------------------*/
/*------------------------------------------------
767
------------------------------------------------*/
/*------------------------------------------------
720
------------------------------------------------*/
@media screen and (max-width: 720px) {
  :root {
    font-size: 11px !important; }

  .home .c-container {
    max-width: calc(100% - 3.125rem); }

  .home .header .navbar .navbar-brand {
    margin: 0;
    width: 13.1675rem; }
  .home .main-section .header {
    width: 100%; }
  .home .main-section .content-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .home .main-section .wrap .text-wrap h1 {
    font-size: 3.4375rem; }
  .home .main-section .wrap .text-wrap p {
    font-size: 1.27273rem; }
  .home .main-section .wrap_left .text-wrap {
    margin: 10rem 0; }
    .home .main-section .wrap_left .text-wrap .btn-contact {
      -webkit-align-self: center;
      align-self: center;
      padding: 1.075rem 2.5rem;
      font-size: 1.125rem; }
    .home .main-section .wrap_left .text-wrap .social-links-wrap {
      display: flex; }
  .home .main-section .wrap_right .text-wrap {
    max-width: 100%; }
    .home .main-section .wrap_right .text-wrap p {
      padding: 0;
      -webkit-align-self: center;
      align-self: center; }
  .home .main-section .wrap_right .search-form .search-col input {
    font-size: 1.125rem; }
  .home .main-section .wrap_right .search-form .btn-submit {
    width: 65%;
    margin: 0 auto;
    font-size: 1.125rem; }
  .home .img-n-detail .content-wrapper .text-wrap h2 {
    font-size: 3.70rem; }
  .home .home-sec-2 .content-wrapper h2 {
    font-size: 3.4375rem; }
  .home .home-sec-2 .content-wrapper p {
    font-size: 1.125rem; }
  .home .home-sec-2 .content-wrapper .offerings div.btn {
    font-size: 1.125rem; }
    .home .home-sec-2 .content-wrapper .offerings div.btn svg {
      width: 3.5rem;
      height: 3.5rem;
      margin-bottom: 1.75rem; } }
/*------------------------------------------------
6000
------------------------------------------------*/
/*------------------------------------------------
575
------------------------------------------------*/
@media screen and (max-width: 575px) {
  .home .c-container {
    max-width: calc(100% - 0.5455rem); }
  .home .header {
    background-size: contain;
    background-position: -12rem -2rem; }
    .home .header .navbar {
      height: 12.7273rem; }
      .home .header .navbar .btn-login {
        font-size: 0.9095rem;
        padding: 0.685rem 2.215rem; }
      .home .header .navbar .navbar-brand {
        margin: 0;
        width: 11rem; }
      .home .header .navbar .navbar-toggler {
        width: 3.6365rem;
        height: 3.6365rem;
        margin-right: 3.5rem; }
        .home .header .navbar .navbar-toggler .navbar-toggler-icon {
          width: 1.4545rem;
          height: 1.4545rem; }
  .home .main-section .wrap .text-wrap h1 {
    font-size: 3.1818rem; }
  .home .main-section .wrap .text-wrap p {
    margin: 2.4545rem auto;
    padding: 0 3.5rem; }
  .home .main-section .wrap_left .text-wrap {
    margin: 2.7275rem 0; }
    .home .main-section .wrap_left .text-wrap .social-links-wrap {
      margin: 7rem auto 0;
      width: 7rem; }
      .home .main-section .wrap_left .text-wrap .social-links-wrap .social-link svg {
        width: 1.8181rem; }
    .home .main-section .wrap_left .text-wrap .btn-contact {
      font-size: 0.9095rem;
      padding: 0.685rem 1.65rem;
      letter-spacing: 0; }
  .home .main-section .wrap_right::after {
    width: 11rem;
    height: 15rem;
    background-size: 100%; }
  .home .main-section .wrap_right .text-wrap .reports-icon {
    height: 4.35rem; }
  .home .main-section .wrap_right .text-wrap h1 {
    font-size: 2.7272rem;
    padding: 0 5.5rem; }
  .home .main-section .wrap_right .text-wrap p {
    margin: 1.5rem auto;
    padding: 0 8.5rem;
    font-size: 0.9090rem; }
  .home .main-section .wrap_right .search-form .search-col {
    max-width: 90%;
    margin: 0 auto 1rem; }
    .home .main-section .wrap_right .search-form .search-col input {
      font-size: 0.9091rem; }
    .home .main-section .wrap_right .search-form .search-col .icon-search {
      margin: 0 1.5625rem 0.85rem 0;
      width: 1.5rem;
      height: 2rem; }
  .home .main-section .wrap_right .search-form .btn-submit {
    font-size: 0.9091rem;
    width: 60%; }
    .home .main-section .wrap_right .search-form .btn-submit .export-icon {
      width: 1.4rem;
      margin-left: 1.25rem; }
  .home .img-n-detail::after {
    width: 18.25rem;
    height: 10.65rem; }
  .home .img-n-detail .content-wrapper {
    margin: 2rem 0 5.5rem; }
    .home .img-n-detail .content-wrapper .text-wrap {
      margin: auto 1rem; }
      .home .img-n-detail .content-wrapper .text-wrap h2 {
        font-size: 3rem; }
      .home .img-n-detail .content-wrapper .text-wrap p {
        font-size: 1.2737rem;
        margin: 1.3646rem auto; }
      .home .img-n-detail .content-wrapper .text-wrap .btn-contact {
        font-size: 0.9095rem;
        padding: 0.685rem 1.65rem;
        letter-spacing: 0; }
    .home .img-n-detail .content-wrapper .img-wrap {
      max-width: calc(100% - 3.6363rem); }
  .home .home-sec-2 {
    padding-top: 5.875rem; }
    .home .home-sec-2::before {
      background-size: contain;
      background-position: -12rem 0rem; }
    .home .home-sec-2 .content-wrapper h2 {
      font-size: 3.1828rem;
      width: 85%; }
    .home .home-sec-2 .content-wrapper p {
      width: 80%;
      font-size: 1.2737rem; }
    .home .home-sec-2 .content-wrapper .offerings {
      -webkit-justify-content: center;
      justify-content: center; }
      .home .home-sec-2 .content-wrapper .offerings .of-item {
        flex: 0 0 calc((100% / 2) - 2rem);
        margin: 0 0 2.75rem; }
      .home .home-sec-2 .content-wrapper .offerings div.btn {
        font-size: 1.3646rem;
        width: 10rem; }
    .home .home-sec-2 .content-wrapper .btn-contact {
      font-size: 0.9095rem;
      padding: 0.685rem 1.65rem;
      letter-spacing: 0;
      margin: 0; }
  .home .home-sec-3 {
    background-image: none; }
    .home .home-sec-3::after {
      top: -3rem;
      right: auto;
      left: 0; }
    .home .home-sec-3 .content-wrapper {
      margin-top: 2rem; }
  .home .home-sec-4::after {
    left: auto;
    right: 0;
    top: -2rem; }
  .home .home-sec-5::after {
    right: auto;
    left: 0;
    top: -2.5rem; }
  .home .home-sec-6 {
    padding: 3.4545rem 0; }
    .home .home-sec-6 .content-wrapper .text-wrap h1 {
      font-size: 2.7272rem; }
    .home .home-sec-6 .content-wrapper .text-wrap p {
      font-size: 0.9091rem;
      margin: 1.5454rem auto; }
    .home .home-sec-6 .content-wrapper .text-wrap .btn-contact {
      font-size: 0.9095rem;
      padding: 0.685rem 1.65rem;
      letter-spacing: 0; }
    .home .home-sec-6 .content-wrapper .text-wrap_right {
      margin: 6.0909rem auto 0; }
      .home .home-sec-6 .content-wrapper .text-wrap_right .reports-icon {
        height: 4.35rem;
        margin-bottom: 1.125rem; }
      .home .home-sec-6 .content-wrapper .text-wrap_right h1 {
        font-size: 2.7272rem;
        padding: 0 5.5rem; }
      .home .home-sec-6 .content-wrapper .text-wrap_right p {
        margin: 1.5rem auto;
        padding: 0 8.5rem;
        font-size: 0.9090rem;
        width: auto; }
      .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col {
        max-width: 90%;
        margin: 0 auto 1rem; }
        .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col input {
          font-size: 0.9091rem; }
        .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .search-col .icon-search {
          margin: 0 1.5625rem 0.85rem 0;
          width: 1.5rem;
          height: 2rem; }
      .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .btn-submit {
        font-size: 0.9091rem;
        width: 60%;
        margin: 0 auto; }
        .home .home-sec-6 .content-wrapper .text-wrap_right .search-form .btn-submit .export-icon {
          width: 1.4rem;
          margin-left: 1.25rem; }
  .home .footer {
    padding: 3.3636rem 0 2.4545rem; }
    .home .footer-body {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center; }
    .home .footer .navbar.nav-mbl {
      display: none; }
    .home .footer .navbar-brand {
      width: 12rem;
      margin: 0;
      margin-bottom: 2.5454rem; }
    .home .footer .navbar .nav-item .nav-link {
      line-height: 1;
      padding: 0;
      margin: .5rem;
      font-size: 1.0919rem; }
    .home .footer .navbar li:nth-child(2) {
      margin-top: 2.35rem; }
      .home .footer .navbar li:nth-child(2) .nav-item .nav-link {
        font-size: 1.0919rem; }
    .home .footer .navbar li:nth-child(3) {
      display: flex !important;
      margin-top: 1.75rem; }
    .home .footer-foot {
      font-size: 0.9091rem; } }
/*------------------------------------------------
554
------------------------------------------------*/
/*------------------------------------------------
500
------------------------------------------------*/
@media screen and (max-width: 500px) {
  .body-content {
    /*overflow: hidden; */
    overflow-y: scroll; 
  }
}
/*------------------------------------------------
4797
------------------------------------------------*/
/*------------------------------------------------
375
------------------------------------------------*/
/*------------------------------------------------
350
------------------------------------------------*/
/*------------------------------------------------
320
------------------------------------------------*/

/*# sourceMappingURL=custom.css.map */






#fm-toolbar-wrapper .fm-toolbar-ui .fm-radiobtn-list {
    background: white;
}

.bg-init {
  margin-top:203px
}

.bg-init2 {
  margin-top: 127px;
}

.selectize-control {
  padding: 0 !important;
  background-color: #f6f6f6;
  /*height: 40.5px !important;*/
}

.selectize-input {
  background: transparent;
  box-shadow: none;
  border: 0
}

.selectize-input .item {
  background-color: #ffe11b !important;
  margin: 3px 3px 3px 0 !important;
}

.selectize-input input {
  /*width: 90% !important;*/
  height: 25px;
}

.form-control:not(.selectize-dropdown)  {
  /*height: 3rem !important;*/
}

.item-body-detail li {
  margin-top: 10px
}

.item-body-detail li ol{
  margin-top: 5px
}

#navHolder li.active>.btn-group{
  border-left: 2px solid #ffe11b;
}

@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}

.tiny {
  font-size: 11px
}
path{
  /*fill:#595758;*/
}

.yellow path{
  fill: #ffe11b !important;
}

.transparent path.a{
  fill: white !important;
}



/*select2*/

.select2-selection__choice {
    background-color: #ffe11b !important;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px !important;
    font-family: Montserrat-Regular, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    background-color: #ffe11b;
    border: 0 !important; 
    border-radius: 0 !important; 
}

.select2-selection {
  border: 0 !important;
  border-radius: 0 !important;
  /*background-color: transparent !important;*/
}

.select2-results__option {
  min-height: 2rem !important;
  font-size: 13px;
}

.select2-results__option--highlighted {
  background-color: #F8F4EB !important;
  font-weight: bold;
  color: black !important;
}

.select2-dropdown {
  border:0;
}

.select2-search__field {
  min-height: 3rem;
  margin: 0 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: relative !important;
  border-right: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field {
  padding-top: 5px !important;
  padding-left: 5px !important;
}

#categorySelectParent {
  /* padding: 0; width: 100%;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px !important;
  font-family: Montserrat-Regular, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  border: 0 !important; 
  border-radius: 0 !important;  */
}
/*datatables*/

.dataTables_scroll td{
  padding: 10px !important;
  min-width: 50px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  background-image: none;
}

.dt-buttons a {
  margin: 0.5rem;
}

button.dt-button {
  padding: 0.1em !important;
  line-height: 1em !important
}
button.dt-button span {
  padding: 0 0.3em !important;
}

header li.active {
    border-top: 6px solid #ffe11b;
}

/*google data studio*/

.embedding-footer-bg, .embedding-footer {
  display: none !important
}

/*flexmonster*/

#fm-branding-bar {
  display: none;
}


#reportTimeline {
  overflow-x: scroll;
  overflow-y: hidden;     
  width: 100%;
}
#navbarTogglerDemo02.show, #navbarTogglerDemo02.show ul li {
  display: inline-block;
  background: #fff;
}
#navbarTogglerDemo02.show .navbar-nav {
  display: inline-block;
  background: #fff !important;
  height: auto !important;
}
#navbarTogglerDemo02.show {
  z-index: 9999;
  background: #fff !important;
  display: flex;
  position: absolute;
  width: 75%;
}
#navbarTogglerDemo02 {
  transition: none !important;
}
#navbarTogglerDemo02.collapsing {
  transition: none !important;
}
/* Responsive Video Wrapper */
.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}