/* Common variables */

:root {

  /* colors */

  --main-color: #B10023;
  --mainL1-color: rgb(177, 0, 35,0.8);
  --mainL2-color: rgb(177, 0, 35,0.6);
  --mainL3-color: rgb(177, 0, 35,0.4);
  --mainL4-color: rgb(177, 0, 35,0.2);

  --dark-color:  #16171A;
  --dark1-color: #44454A;
  --dark2-color: #A1A2A5;
  --dark3-color: #E2E2E2;

  --light-color: #fff;
  --light1-color: #9BA4B5;
  --light2-color:#CFD7E6;
  --light3-color: #F3F5F9;


  --succes-color: #00CC66;
  --succes1-color: rgb(0, 204, 102,0.8);
  --succes2-color: rgb(0, 204, 102,0.6);
  --succes3-color:  rgb(0, 204, 102,0.4);

  --warning-color: #F5B14A;
  --warning1-color:rgb(245, 177, 74,0.8);
  --warning2-color:rgb(245, 177, 74,0.6);
  --warning3-color:  rgb(245, 177, 74,0.4);

  --dark-btn-color:#16171A;
  --border-dark-color: #16171A;
  --border-light-color:#E2E2E2;
  --btn-text-color-dark:#16171A;

    /* font size */

--header-1-fontSize: 5em;    /* 80px */
--header-2-fontSize: 2.5em; /* 40px */
--header-3-fontSize: 1.875em; /* 30px */
--header-4-fontSize: 1.25em; /* 20px */
--header-5-fontSize: 1.25em; /* 20px */
--header-6-fontSize: 1em; /* 16px */

--btn-fontSize: 1em;

--body1-fontSize: 1em;
--body2-fontSize: 1em;

--footerlinks-fontSize:0.875em;

/* font family */

  --font-family-Normal: 'Open Sans', sans-serif;
  --font-family-Title: 'Nunito Sans', sans-serif;

  }

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


  /* wrapper */

  html{font-size: 16px;scroll-behavior: smooth;}
  body{font-size: var(--body1-fontSize);max-width:1920px; margin:auto;}
  a {transition: 0.5s ease-in-out;scroll-behavior: smooth;}
/* Optional: Customizes scroll offset for different browsers */
@-moz-document url-prefix() {
  html {scroll-behavior: smooth;scroll-padding-top: 100px; /* Adjust offset as needed */}
}

/*@supports (scroll-behavior: smooth) {*/
/*  html, body {scrollbar-width: thin;scrollbar-color: transparent transparent;}*/
/*  html::-webkit-scrollbar,*/
/*  body::-webkit-scrollbar {width: 6px;background-color: transparent;}*/
/*  html::-webkit-scrollbar-thumb,*/
/*  body::-webkit-scrollbar-thumb {background-color: transparent;}*/
/*}*/


::placeholder {
  color: #16171A;
  opacity: 1; /* Firefox */
  font-weight:200;
}
textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
  color: #16171A !important;  
  font-weight:200;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #16171A;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
font-weight:600;
color:#000;
}



section.content.component .content-col.center-col.col{
    flex: 0 0 83.333%;
    max-width: 83.333%;
}

  /* Buttons */
  
.usn_back-to-top .btn{border-radius: 50%;top: -40px;right: 45px;width: 50px;height: 50px;max-width: 50px;max-height: 50px;min-width: 50px;padding: 0;}
.btn  {display: block;font-size: var(--btn-fontSize);border-radius: 30px;padding: 12px 40px;font-family: var(--font-family-Title);/* font-weight: 600; */white-space: nowrap;background: var(--main-color);color: #fff;border-color: var(--main-color);text-transform: uppercase;position: relative;overflow: hidden;-webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}
.btn:hover  {border-color:var(--dark-btn-color) ; color: #fff !important; }
.btn > span{background: #16171A;position: absolute;left: -30px;right: -30px;top: -40px;opacity: 1;border-radius: 50%;bottom: -30px;transform: translateY(80%);z-index: -1;opacity: 0;}

.btn:hover > span{transform: translateY(0);opacity: 1;}
.btn:after{background: #fff;content: "";height: 155px;left: -75px;opacity: 0.2;position: absolute;top: -50px;transform: rotate(35deg);transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);width: 50px;z-index: -10;}
.btn:hover:after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

.btn .usn_ion-md-open:before {content: "\f33b";content: "\e901";font-family: 'icomoon' !important;font-size: 12px;position: absolute;transition: 0.3s;right: 12px;-webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}
.btn-line-dark{transition: 0.6s;display: inline-block;border: 1px solid var(--btn-text-color-dark);font-size: 16px;border-radius: 30px;padding: 10px 30px;font-family:  var(--font-family-Title);font-weight: 600;white-space: nowrap;color:var(--btn-text-color-dark) !important;position: relative;overflow: hidden;background: transparent;}
.btn-line-dark:hover{color: #fff !important;}
.btn-line-dark > span{background: #16171A;position: absolute;left: 0;right: 0;top: -40px;opacity: 1;border-radius: 50%;bottom: -30px;transform: translateY(80%);z-index: -1;}
.btn-line-dark:hover > span{transform: translateY(0);opacity: 1;}

.btn i.usn_ion-md-open , .btn em.usn_ion-md-open {position: absolute;top: 50%;transition: 0.3s;left: 4px;right: 0;top: 0;bottom: 0;display: flex;align-items: center;margin: 0;padding: 15px;font-size: 0;max-width: 38px;padding: 5px;-webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}
    
.btn:hover i.usn_ion-md-open , .btn:hover em.usn_ion-md-open{/* transform: translate(1394%, -50%); *//* CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; *//* font-size: 0; *//* max-width: 100%; */}
.btn:hover i.usn_ion-md-open:before, .btn:hover em.usn_ion-md-open:before{
    
}
.btn-wrap a  {display: block;font-size: var(--btn-fontSize);border-radius: 30px;padding: 12px 30px;font-family: var(--font-family-Title);font-weight: 800;white-space: nowrap;background: var(--main-color);color: #fff !important;border-color: var(--main-color);text-transform: uppercase;position: relative;overflow: hidden;text-align: center;display: flex !important;align-items: center;justify-content: center;width: fit-content;}
.btn-wrap a:hover  {border-color:var(--dark-btn-color) ; color: #fff !important; }
.btn-wrap a > span{background: #16171A;position: absolute;left: -20px;right: -20px;top: -40px;opacity: 1;border-radius: 50%;bottom: -30px;transform: translateY(80%);z-index: 1;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}

.btn-text{z-index: 9;position: relative;width: fit-content;}
.btn-text i{display: none;}

.btn-wrap a:hover > span{transform: translateY(0);opacity: 1;}
.btn-wrap a:after{background: #fff !important;content: "";height: 155px;left: -75px;opacity: 0.2;position: absolute;top: -50px;transform: rotate(35deg);transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);width: 50px;z-index: 1;}
.btn-wrap a:hover:after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);width: auto !important;}

.btn-line-dark-wrap a{transition: 0.6s;display: inline-block;border: 1px solid var(--btn-text-color-dark);font-size: 16px;border-radius: 30px;padding: 10px 30px !important;font-family:  var(--font-family-Title);font-weight: 800;white-space: nowrap;color:var(--btn-text-color-dark) !important;position: relative;overflow: hidden;background: transparent;text-align: center;width: fit-content;text-transform: uppercase;}
.btn-line-dark-wrap a:hover{color: #fff !important;}
.btn-line-dark-wrap a > span{background: #16171A;position: absolute;left: 0;right: 0;top: -40px;opacity: 1;border-radius: 50%;bottom: -30px;transform: translateY(80%);z-index: 1;-webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}
.btn-line-dark-wrap a:hover > span{transform: translateY(0);opacity: 1;}
.btn.c5-btn-text:active , .btn.c5-btn-text:focus{color:var(--dark-btn-color)}


/* Header */
header#site-header{top:-50px;    -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;}
header#site-header #logo img[src*='svg'], header#site-header #logo img[src*="svg"]{width:120px}
body.header-07-lg header#site-header nav.main{    margin-left: 80px;}

body.header-07-lg header#site-header nav.main>ul>li>span a::after{content:"";width: 20px;display: block;height: 20px;background: transparent;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.121' height='6.311' viewBox='0 0 11.121 6.311'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(1.061 1.061)'%3E%3Cpath id='Path_27' data-name='Path 27' d='M16.5,18,12,22.5,7.5,18' transform='translate(-7.5 -18)' fill='none' stroke='%2344454a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;margin-left: 5px; display:none}
body.header-07-lg nav.main ul li > span{display: flex;align-items: center;}
nav.main > ul > li{position:relative;margin-right: 15px;}
nav.main > ul > li::after{content:"";left: 0;right: 0;height: 2px;position: absolute;z-index: 99;background: var(--main-color);display: block;transform: scaleX(0);transform-origin: left;opacity: 0;transition: 0.3s;}
nav.main > ul > li:hover::after{transform: scaleX(1);opacity: 1;}
nav.main>ul>li>span>a{display: flex;align-items: center;}
body.header-07-lg header#site-header nav.main>ul>li>span::before{right: 40px;display: none;}
nav.main > ul{}

body.main-navigation-underline-link-hover header#site-header nav.main a:hover, body.main-navigation-underline-link-hover header#site-header nav.main a:focus, body.main-navigation-underline-link-hover header#site-header nav.main a:active{text-decoration: none;}
html.no-touch nav.main ul li:not(.active):hover>span::before, nav.main ul li:not(.active):focus>span::before, nav.main ul li:not(.active):active>span::before, nav.main ul li:not(.active).open-child>span::before{background-color: var(--dark-color) ;}

nav.secondary ul li.dropdown > a.dropdown-toggle::after{display: none;}
nav.secondary ul li.language-selector{order: -1;display: flex;align-items: center;margin-right: 10px;}
nav.secondary ul li.language-selector a > img{width: 24px;height: 24px;margin-right: 10px;}
html[dir="ltr"] body.header-07-lg header#site-header nav.secondary{margin-right:30px}
nav.secondary>ul>li>span>div, nav.secondary>ul>li>span>a, nav.secondary>ul>li>a{}
.language-selector:after{content: "";height: 20px;display: block;width: 1px;background: #E2E2E2;}

body.header-07-lg header#site-header nav.main{margin-left: 40px;}
.nav-down:not(.reached-top) header#site-header , .nav-up:not(.reached-top) header#site-header {    position: fixed;top: 0;box-shadow: 0 0 13px #00000026;}


/* Footer */

footer#site-footer{padding-bottom:35px !important;}
.footer-logo  img{width: 200px !important;}
.footer-social-links{padding-right:0;}
.usn_pod_code {padding-left:0;}
.footer-social-links nav{}
.footer-social-links nav ul{display: flex;gap: 10px;justify-content: flex-end;align-items: center;}
.footer-social-links  .inner{DISPLAY: FLEX;ALIGN-ITEMS: CENTER;JUSTIFY-CONTENT: END;}
.footer-social-links nav ul li{}
.footer-buttons-wrapper{}
.footer-buttons-wrapper ul{list-style: none;padding: 0;display: flex;align-items: center;gap: 15px;margin-left:10px;}
.footer-buttons-wrapper ul li{}
.footer-buttons-wrapper ul li a{}
#site-footer .container {border-top:1px solid var(--border-light-color);}
#site-footer .footer-item .item_links a,#site-footer .info  .footer-text a{color:var(--dark1-color);}
#site-footer .footer-item .item_links a i {display:none;}
#site-footer .info  .footer-text img {width: 18px;height: 18px;padding-left: 8px; transition:0.5s;}
#site-footer .info  .footer-text p {line-height:32px;}
#site-footer .info  .footer-text{margin-top:20px;}
#site-footer .info ul {list-style:none;margin-left:0;}
#site-footer .info ul li {margin:5px 0;}
#site-footer .footer-navigation {border-top:1px solid var(--border-light-color);}
#site-footer .footer-navigation ul {display:flex;justify-content:space-between;gap: 40px;}
#site-footer .footer-navigation ul li a {color:var(--dark1-color) !important;}
.info-web{}
.info-web li{}
.footer-navigation{display: flex;align-items: center;justify-content: space-between;padding-top: 40px !important;}
.footer-links{}
.footer-links li {}
.footer-links li a{}
#site-footer .footer-item{flex:0 0 20% ;}
#site-footer .info  .footer-text .footer-b-logos {display:flex;}
#site-footer .info  .footer-text .footer-b-logos ul { margin: 0;display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;}
#site-footer .info  .footer-text .footer-b-logos img{width: 122px;height: 65px;object-fit: contain;padding: 0;}
.footer-social-links {min-width:625px;}
.footer-upper-buttons{max-width:250px !important;}
/* .footer-buttons-wrapper ul li:nth-child(2) a {background: var(--main-color);color: #fff;border-color: var(--main-color);} */
.footer-upper .footer-logo,
.footer-upper .footer-social-links,
.footer-upper .footer-upper-buttons{padding:0px !important;}


/*Animation Icon*/

animate-spin {-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;display: inline-block;}
@-moz-keyframes spin {
  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-webkit-keyframes spin {
  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-o-keyframes spin {
  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}

  100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-ms-keyframes spin {
  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes spin {
  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}

  100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}


/* customz icons*/
.usn_ion-md-open:before {content: "\f33b";content: "\e901";font-family: 'icomoon' !important;font-size:10px}
.btn .usn_ion-md-open {font-size: 12px;margin-right: 15px;}
.usn_ion-md-headset:before {content: "\e900";font-family: 'icomoon' !important;}

.loader {overflow: hidden;padding-top: 2em;height: 0;width: 2em;position: fixed;z-index: 999;left: 0;top: 0;bottom: 0;top: 0;background: white;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;    max-width: 100%;
    overflow: hidden;}
.loader__figure {height: 0;width: 0;box-sizing: border-box;border: 0 solid var;border-radius: 50%;-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);background: beige;display: flex;align-items: center;justify-content: center;}
.loader__label {float: left;margin-left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);margin: 0.5em 0 0 50%;font-size: 0.875em;letter-spacing: 0.1em;line-height: 1.5em;color: #8d3b3e;white-space: nowrap;-webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);}

@-webkit-keyframes loader-figure {
  0% {height: 0;width: 0;background-color: var(--main-color);}
  29% {background-color: var(--main-color);}
  30% {height: 2em;width: 2em;background-color: transparent;border-width: 1em;opacity: 1;}
  100% {height: 2em;width: 2em;border-width: 0;opacity: 0;background-color: transparent;}
}
@-moz-keyframes loader-figure {
  0% {height: 0;width: 0;background-color: var(--main-color);}
  29% {background-color: var(--main-color);}
  30% {height: 2em;width: 2em;background-color: transparent;border-width: 1em;opacity: 1;}
  100% {height: 2em;width: 2em;border-width: 0;opacity: 0;background-color: transparent;}
}
@keyframes loader-figure {
  0% {height: 0;width: 0;background-color: var(--main-color);}
  29% {background-color: var(--main-color);}
  30% {height: 2em;width: 2em;background-color: transparent;border-width: 1em;opacity: 1;}
  100% {height: 2em;width: 2em;border-width: 0;opacity: 0;background-color: transparent;}
}
@-webkit-keyframes loader-label {
  0% {opacity: 0.25;}
  30% {opacity: 1;}
  100% {opacity: 0.25;}
}
@-moz-keyframes loader-label {
  0% {opacity: 0.25;}
  30% {opacity: 1;}
  100% {opacity: 0.25;}
}
@keyframes loader-label {
  0% {opacity: 0.25;}
  30% {opacity: 1;}
  100% {opacity: 0.25; }
}


.loaderV1 {width: 8vmax;height: 8vmax;border-right: 4px solid var(--main-color);border-radius: 100%;-webkit-animation: spinRight 800ms linear infinite;animation: spinRight 800ms linear infinite;}
.loaderV1:before, .loaderV1:after {content: "";width: 6vmax;height: 6vmax;display: block;position: absolute;top: calc(50% - 3vmax);left: calc(50% - 3vmax);border-left: 3px solid var(--main-color);border-radius: 100%;-webkit-animation: spinLeft 800ms linear infinite;animation: spinLeft 800ms linear infinite;}
.loaderV1:after {width: 4vmax;height: 4vmax;top: calc(50% - 2vmax);left: calc(50% - 2vmax);border: 0;border-right: 2px solid var(--main-color);-webkit-animation: none;animation: none;}

@-webkit-keyframes spinLeft {
  from {transform: rotate(0deg);}
  to {transform: rotate(720deg);}
}

@keyframes spinLeft {
  from {transform: rotate(0deg);}
  to {transform: rotate(720deg);}
}
@-webkit-keyframes spinRight {
  from {transform: rotate(360deg);}
  to {transform: rotate(0deg);}
}
@keyframes spinRight {
  from {transform: rotate(360deg);}
  to {transform: rotate(0deg);}
}