*::after,*::before,*{box-sizing: border-box;padding: 0;margin: 0;}
.loader{
	position: fixed;
	top: 0;   left: 0;
	width: 100%;   height: 100%;
  /* background: #00000A; */
  background: #fff;
	z-index: 990;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader>div{
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  background: transparent; z-index: 999;
}
.loader img{
  position: relative;
  width: 120px;
  z-index: 990;
}
.loader img::selection{
  background: transparent;
}
.triangle{ stroke-dasharray: 15.5;animation: dash 5s ease infinite;}
.triangle.in{ stroke-dasharray: 11; }
.triangle.in{ animation: in 5s ease infinite; }
@keyframes dash{
	0%{ stroke-dashoffset: 0; }
	100%{ stroke-dashoffset: 155; }
}
@keyframes in{
	0%{ stroke-dashoffset: 110; }
	100%{ stroke-dashoffset: 0; }
}
.clear::after,.container::after,.row::after,.row::before{
	content: '';
	display: table;
	clear: both;
}
*::selection{background: #5274DC;color: #fff;}
*::-webkit-selection{background: #5274DC;color: #fff;}
*::-moz-selection{background: #5274DC;color: #fff;}
@font-face {
  font-family: 'Nova Th';
  src: url('ProximaNovaT-Thin.eot');
  src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
    url('../fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNovaT-Thin.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNovaT-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Nova Rg';
  src: url('ProximaNova-Regular.eot');
  src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
    url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nova Sb';
  src: url('ProximaNova-Semibold.eot');
  src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
    url('../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
    url('../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
	font-family: 'MarckScript';
	src: local('MarkScript Regular'), url('../fonts/Marck_Script/MarckScript-Regular.ttf') format('truetype');
	font-weight: 400;
   font-style: normal;
}
article, aside, dialog, figcaption, figure,
footer, header, hgroup, main, nav, section, content{
  display: block;
}
body {
  position: relative;
  width: 100%;
	font-family: 'Nova Rg';
  font-weight: 400;
  background-color: #fff;
  overflow-x: hidden;
}

ul{ list-style: none; padding: 0; }
ol,ul,dl { margin: 0; }
b,strong { font-weight: bolder; }
a{color: inherit; text-decoration: none;background-color: transparent; cursor: pointer;}
img {vertical-align: middle;border-style: none;}
table { border-collapse: collapse; }
th { text-align: inherit; }
button { border-radius: 0; }
input,button,select,optgroup,textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  background: #fff;
  caret-color: #4CB40B;
}
svg{ display: block; }
button,html [type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
  min-height: 150px;
  max-height: 240px;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
[hidden] { display: none; }

table{
  width: 100%;
  border-collapse: collapse;
}
table td{
  border: 1px solid #ccc;
  padding: 10px;
}
table.striped tr:nth-child(even){
  background: #eee;
}


.link{ transition: 0.3s; }
.link:hover { color: #5274DC; }

hr.green{
  border: none;
  height: 2px; background: #4CB40B;
  width: 60px;
  margin: 15px 0;
  transition: 0.2s;
}
hr.blue{
  border: none;
  height: 2px; background: #5274DC;
  width: 60px;
  margin: 15px 0;
  transition: 0.2s;
}
.bg-blue hr.blue{
  border: 2px solid #fff;
}

.skew{
	content: ''; display: block;
	position: absolute; top: 0; right: 50%;
	width: 100%; height: 100%;
	transform: skew(-45deg);
	z-index: 0;
}

.pointer{ cursor: pointer; }
.hidden{ overflow: hidden; }
.transition03{ transition: 0.3s; }
.depth{ box-shadow: 0 20px 20px -12px rgba(0, 0, 0, 0.1); }

/********** COLORS **********/
.opacity01{ opacity: 0.1; }
.opacity02{ opacity: 0.2; }
.opacity03{ opacity: 0.3; }
.opacity04{ opacity: 0.4; }
.opacity05{ opacity: 0.5; }
.opacity06{ opacity: 0.6; }
.opacity07{ opacity: 0.7; }
.opacity08{ opacity: 0.8; }
.opacity09{ opacity: 0.9; }
.opacity1{ opacity: 1; }

/********** ROTATE **********/
.rotate30{ transform: rotate(30deg); }
.rotate45{ transform: rotate(45deg); }
.rotate60{ transform: rotate(60deg); }
.rotate90{ transform: rotate(90deg); }
.rotate120{ transform: rotate(120deg); }
.rotate135{ transform: rotate(135deg); }
.rotate180{ transform: rotate(180deg); }

/********** COLORS **********/
.white{ color: #fff; }
.black{ color: #000; }
.crimson{ color: #F03463; }
.red{ color: #FF3737; }
.darkred{ color: #781022; }
.green{ color: #4CB40B; }
.darkgreen{ color: #046A05; }
.blue{ color: #5274DC; }
.purple{ color: #800080; }
.indigo{ color: #4B0082; }
.magenta{ color: #8B008B; }
.yellow{ color: #ECF005; }
.orange{ color: #FABF0F; }
.orangered{ color: #F9780A; }
.dark{ color: #182034; }
.light{ color: #747496; /*#708090*/}
.lightgray{ color: #bbb; }

/********** BACKGROUND-COLORS **********/
.bg-white{ background-color: #fff; }
.bg-black{ background-color: #000; }
.bg-aliceblue{ background-color: #F0F8FF; }
.bg-lavender{ background-color: #E6E6FA; }
.bg-crimson{ background-color: #F03463; }
.bg-red{ background-color: #FF3737; }
.bg-darkred{ background-color: #781022; }
.bg-green{ background-color: #4CB40B; }
.bg-darkgreen{ background-color: #046A05; }
.bg-darkgreen{ background-color: #006400; }
.bg-blue{ background-color: #5274DC; }
.bg-purple{ background-color: #800080; }
.bg-indigo{ background-color: #4B0082; }
.bg-magenta{ background-color: #8B008B; }
.bg-yellow{ background-color: #ECF005; }
.bg-orange{ background-color: #FABF0F; }
.bg-orangered{ color: #F9780A; }
.bg-light{ background-color: #EBEBFA; }
.bg-light.bg-dark{ background-color: #09090E; }
.bg-dark{ background-color: #09090E; }

/********** FONT SIZES **********/
.size12{ font-size: 12px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size22{ font-size: 22px; }
.size24{ font-size: 24px; }
.size28{ font-size: 28px; }
.size32{ font-size: 32px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size44{ font-size: 44px; }
.size48{ font-size: 48px; }
.size52{ font-size: 52px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }
.size120{ font-size: 120px; }
.size150{ font-size: 150px; }
.size180{ font-size: 180px; }
.size240{ font-size: 240px; }

.font{ font-family: 'MarckScript'; }

.bold{ font-family: 'Nova Sb'; }
.thin{ font-family: 'Nova Th'; }

.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-justify{ text-align: justify; }
.uppercase{ text-transform: uppercase; }

p{
  line-height: 1.5;
}


.flex-center{
  display: flex; align-items: center; justify-content: center;
}

.block{ display: block; }

.cover{ background-size: cover; background-position: center; }

/********** POSITIONS **********/
.fixed{ position: fixed; width: 100%; top: 0; left:  0; }
.relative{ position: relative; width: 100%; }
.absolute{ position: absolute; }
.full{ width: 100%; height: 100%; }

.left0{ left: 0; }
.left5{ left: 5px; }
.left10{ left: 10px; }
.left15{ left: 15px; }
.left20{ left: 20px; }

.right0{ right: 0; }

.top0{ top: 0; }
.top5{ top: 5px; }
.top10{ top: 10px; }
.top12{ top: 12px; }
.top15{ top: 15px; }
.top20{ top: 20px; }

.bottom0{ bottom: 0; }

.zIndex2{ z-index: 2; }
.zIndex1{ z-index: 1; }
.zIndex0{ z-index: 0; }
.zIndex-1{ z-index: -1; }
.zIndex-2{ z-index: -2; }
.zIndex-5{ z-index: -5; }
.zIndex-10{ z-index: -10; }


.width100{ width: 100%; }
.width90{ width: 90%; }
.width80{ width: 80%; }
.width75{ width: 75%; }
.width50{ width: 50%; }
.width25{ width: 25%; }
.width20{ width: 20%; }

.height100{ height: 100%; }


/********** TAGS  **********/
.tag{
  font-style: normal; color: inherit; padding: 5px 10px; font-size: 14px;
  border-radius: 4px; display: inline-block; margin: 5px 2px;
}
.tag.xs{ font-size: 12px; padding: 4px 8px; }
.tag.green{ background: rgba(76,180,11, 0.2); }
.tag.crimson{ background: rgba(240,52,99, 0.2); }
.tag.blue{ background: rgba(82,116,220, 0.2); }
.tag.indigo{ background: rgba(75,0,130, 0.2); }


/********** BUTTONS  **********/
.btn{
  border: none;
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  transition: 0.2s;
  cursor: pointer;
  color: #fff;
  margin: 5px 0;
  border-radius: 2px;
}

.btn i{ display: inline-block; transition: 0.2s; transform: translateX(0); }
.btn:hover i{ transform: translateX(6px); }

.btn:hover{ box-shadow: 0 0 20px 4px rgba(0,0,0,0.1); }
.btn.xs{ font-size: 14px;padding: 6px 16px;}
.btn.green{ background: #4CB40B;}
.btn.green:hover{ background: #47A010; }
.btn.blue{ background: #5274DC;}
.btn.blue.pulse{
  animation: bluePulse 3s infinite !important;
}
.btn.red{ background: #D04160; }
.btn.red:hover{  background: #C43D5A; }
.btn.orange{ background: #FABF0F; }
.btn.orange:hover{ background: #E6B217; }
.btn.gray{background: #E6E6FA;color: #333;}
.btn.gray:hover{ background: #DDDDF0; }
.btn.white{background: #fff;color: #182034;}
.btn.white:hover{ background: #f5f5f5; }


/********** modal  **********/
.modal{
  animation: fadeIn 0.6s;
  position: fixed; width: 100%; height: 100%;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,10,0.9);
  padding: 15px;
  z-index: 200;
}
.modal .box{ position: relative; width: 440px; border-radius: 4px; background: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.2); }
.box::after,.shadow::before{
  content: ''; position: absolute;
  display: block; left: -1px; top: -1px;
  width: calc(100% + 2px); height: calc(100% + 2px);
  background: linear-gradient(90deg,#DC143C,#8B008B,#4B0082,#800080,#FF2323,#FFA500,#F0F000,#7CFC00,#00C800,#C800C8,#DC143C);
  background-size: 400%;
  z-index: -2;
  animation: gradient 20s linear infinite;
}
.box::after{ filter: blur(6px); }

.modal .close{
  position: absolute; display: block;
  top: -14px; right: -14px;
  width: 28px; height: 28px; line-height: 28px;
  border-radius: 20px;
  background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.5);
  transition: 0.2s; text-align: center; cursor: pointer;
}
.modal .close:hover{ transform: rotate(90deg); color: #DC143C; }


.helper{
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 240px;
  height: 50px;
  color: #fff;
  animation: fadeInUp 0.6s;
  z-index: 12;
  border-radius: 8px;
}
.helper i{
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.helper span{
  float: left;
  display: block;
  width: 190px;
  height: 50px;
  display: flex;
  align-items: center;
}
.helper.success{
  background: rgba(0,200,0,0.9);
}
.helper.warning{
  background: rgba(255, 187, 43,0.9);
}


/********** INPUTS  **********/
.group{ padding: 6px 0; }
.group input, textarea, .group select{ width: 100%; border-radius: 2px; border: 1px solid #ccc; padding: 8px 10px; }
.group button{ width: 100%; }
.form{ max-width: 600px;  }
.group input:hover, textarea:hover,.group input:focus, textarea:focus, select:hover, select:focus
{ border-color: #4CB40B; }
.group input:focus, textarea:focus, select:focus{ box-shadow: 0 0 12px rgba(76,180,11, 0.3); }

/********** MARGINS  **********/
.m0{ margin: 0 !important; }

.my10{margin-top: 10px;margin-bottom: 10px;}
.my15{margin-top: 15px;margin-bottom: 15px;}
.my20{margin-top: 20px;margin-bottom: 20px;}
.my30{margin-top: 30px;margin-bottom: 30px;}
.my40{margin-top: 40px;margin-bottom: 40px;}
.my50{margin-top: 50px;margin-bottom: 50px;}
.my60{margin-top: 60px;margin-bottom: 60px;}

.mxauto{ margin: 0 auto; }

.mx0{ margin-left: 0px !important;margin-right: 0px !important;}
.mx5{ margin-left: 5px;margin-right: 5px;}
.mx10{ margin-left: 10px;margin-right: 10px;}
.mx15{ margin-left: 15px;margin-right: 15px;}
.mx20{ margin-left: 20px;margin-right: 20px;}
.mx30{ margin-left: 30px;margin-right: 30px;}
.mx40{ margin-left: 40px;margin-right: 40px;}
.mx50{ margin-left: 50px;margin-right: 50px;}
.mx60{ margin-left: 60px;margin-right: 60px;}

.mx-20{ margin-left: -20px; margin-right: -20px; }
.mx-15{ margin-left: -15px; margin-right: -15px; }
.mx-15{ margin-left: -15px; margin-right: -15px; }
.mx-10{ margin-left: -10px; margin-right: -10px; }
.mx-5{ margin-left: -5px; margin-right: -5px; }

.mt-30{ margin-top: -30px; }
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt75{ margin-top: 75px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb75{ margin-bottom: 75px; }
.mb90{ margin-bottom: 90px; }


/********** MARGINS  **********/
.p0{ padding: 0 !important; }

.p5{ padding: 5px; }
.p10{ padding: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.p30{ padding: 30px; }
.p40{ padding: 40px; }
.p50{ padding: 50px; }
.p60{ padding: 60px; }
.p75{ padding: 75px; }
.p90{ padding: 90px; }
.p120{padding: 120px;}

.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; }
.pt50{ padding-top: 50px; }
.pt60{ padding-top: 60px; }
.pt90{ padding-top: 90px; }
.pt120{ padding-top: 120px; }
.pt150{ padding-top: 150px; }

.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb40{ padding-bottom: 40px; }
.pb50{ padding-bottom: 50px; }
.pb60{ padding-bottom: 60px; }
.pb90{ padding-bottom: 90px; }
.pb120{ padding-bottom: 120px; }
.pb150{ padding-bottom: 150px; }


.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl40{ padding-left: 40px; }
.pl50{ padding-left: 50px; }
.pl60{ padding-left: 60px; }


.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr40{ padding-right: 40px; }
.pr50{ padding-right: 50px; }
.pr60{ padding-right: 60px; }

.px10{padding-left: 10px;padding-right: 10px;}
.px15{padding-left: 15px;padding-right: 15px;}
.px20{padding-left: 20px;padding-right: 20px;}
.px30{padding-left: 30px;padding-right: 30px;}
.px40{padding-left: 40px;padding-right: 40px;}
.px50{padding-left: 50px;padding-right: 50px;}
.px60{padding-left: 60px;padding-right: 60px;}
.px70{padding-left: 70px;padding-right: 70px;}
.px80{padding-left: 80px;padding-right: 80px;}

.py5{padding-top: 5px;padding-bottom: 5px;}
.py10{padding-top: 10px;padding-bottom: 10px;}
.py15{padding-top: 15px;padding-bottom: 15px;}
.py20{padding-top: 20px;padding-bottom: 20px;}
.py30{padding-top: 30px;padding-bottom: 30px;}
.py40{padding-top: 40px;padding-bottom: 40px;}
.py50{padding-top: 50px;padding-bottom: 50px;}
.py60{padding-top: 60px;padding-bottom: 60px;}
.py90{padding-top: 90px;padding-bottom: 90px;}
.py120{padding-top:120px;padding-bottom:120px;}



/********** container **********/
.container{width: 1200px;margin: 0 auto;}
@media screen and (max-width: 1280px){ .container{ width: 90%; } }

.left{ float: left; }
.right{ float: right; }

.right-import{ float: right !important; }
.left-import{ float: left !important; }


/********** GRID Responsive classes **********/
/* .row{margin-left: -15px;margin-right: -15px;}

div[class*='col-']{float: left; padding-left: 15px; padding-right: 15px;}

.col-24{ width: 100%; }
.col-18{ width: 75%; }
.col-16{ width: 66.6666%; }
.col-14{ width: 58.3333%; }
.col-12{ width: 50%; }
.col-10{ width: 41.6666%; }
.col-8{ width: 33.3333%; }
.col-6{ width: 25%; }
.col-1_5{ width: 20%; }

@media screen and (min-width: 481px){
  .col-xs-24{ width: 100%; }
  .col-xs-18{ width: 75%; }
  .col-xs-16{ width: 66.66%; }
  .col-xs-14{ width: 58.33%; }
  .col-xs-12{ width: 50%; }
  .col-xs-10{ width: 41.66%; }
  .col-xs-8{ width: 33.33%; }
  .col-xs-6{ width: 25%; }
  .col-xs-1_5{ width: 20%; }
}

@media screen and (min-width: 601px){
  .col-sm-24{ width: 100%; }
  .col-sm-18{ width: 75%; }
  .col-sm-16{ width: 66.66%; }
  .col-sm-14{ width: 58.33%; }
  .col-sm-12{ width: 50%; }
  .col-sm-10{ width: 41.66%; }
  .col-sm-8{ width: 33.33%; }
  .col-sm-6{ width: 25%; }
  .col-sm-1_5{ width: 20%; }
}

@media screen and (min-width: 769px){
  .col-md-24{ width: 100%; }
  .col-md-18{ width: 75%; }
  .col-md-16{ width: 66.66%; }
  .col-md-14{ width: 58.33%; }
  .col-md-12{ width: 50%; }
  .col-md-10{ width: 41.66%; }
  .col-md-8{ width: 33.33%; }
  .col-md-6{ width: 25%; }
  .col-md-1_5{ width: 20%; }
}

@media screen and (min-width: 961px){
  .col-lg-24{ width: 100%; }
  .col-lg-18{ width: 75%; }
  .col-lg-16{ width: 66.66%; }
  .col-lg-14{ width: 58.33%; }
  .col-lg-12{ width: 50%; }
  .col-lg-10{ width: 41.66%; }
  .col-lg-9{ width: 37.5%; }
  .col-lg-8{ width: 33.33%; }
  .col-lg-6{ width: 25%; }
  .col-lg-5{ width: 20.83%; }
  .col-lg-1_5{ width: 20%; }
  .col-lg-4{ width: 16.66%; }
} */