/* remove default apperance on ios */
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], input[type="password"], button, .input-checkbox { -webkit-appearance: none; border-radius: 0; outline:0; }
[class^="icon-"] { vertical-align: middle; } /* icon moon css */
.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
/* / remove default apperance */

html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
}
.container { width: 100%;height: auto;margin: 0 auto;box-sizing: border-box; }
.boundary{ display: inline-block;vertical-align:top;width: 100%;margin: 0 auto;text-align: left;box-sizing: border-box; }
a, a:hover{ text-decoration: none; }
a.disabled{ pointer-events: none; cursor: default; }
blockquote{
  font-style: italic;
  text-align: right;
  margin: 0;
  font-size: 0.9em;
}
sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
table.table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #333;
	border-spacing: 0;
}
table.table th, table.table td { border: 1px dashed #333; border-bottom: 1px solid #333; padding: 10px; }
table.table th { background-color: #333; color: #FFF; text-transform: uppercase; border: 1px solid #DDD; font-weight: normal; }

.no-border{
  border: 0 !important;
}
.p-0{ padding: 0 !important; }
.text-center{
	text-align: center !important;
}
.text-left{
	text-align: left !important;
}
.text-right{
	text-align: right !important;
}
.vertical-top{
	vertical-align: top !important;
}
.vertical-middle{
	vertical-align: middle !important;
}
.vertical-bottom{
	vertical-align: bottom !important;
}
.line-through { text-decoration: line-through; }
.underline { text-decoration: underline; }
.no-before:before{
	display: none;
}
.square-image, .circle-image{width: 100%;position: relative;overflow: hidden;vertical-align:top;}
.circle-image{border-radius: 100%;}
.square-image:before, .circle-image:before{padding-top: 100%;content: "";display: block;}
.square-image img, .circle-image img{
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	object-fit:cover;
}
/* SCROLL UP */
.scrollup{
	box-sizing: border-box;
	width: 40px;
    height: 40px;
	line-height: 36px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    font-size: 1.5em;
	text-align:center;
	transform:rotate(90deg);
    background-color: var(--blue-grey);
	box-shadow:0 0 5px #333;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	z-index:9999;
	display:inline-block;
}
.scrollup:before{ content:"\e91a"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#FFF; vertical-align:middle; display:inline-block; }
/* / SCROLL UP */
.hover-zoom img {transition: all 0.3s;}
.hover-zoom:hover img {transform:scale(1.1);}

.shake {animation: shake 3s;}
.shake-repeat { animation: shake 3s infinite; }
@keyframes shake {
	1%, 32%, 100% { transform: translate3d(0px, 0, 0); }
	4%, 28% { transform: translate3d(2px, 0, 0); }
	8%, 16%, 24% {	transform: translate3d(-4px, 0, 0);	}
	12%,20% {	transform: translate3d(4px, 0, 0); }
}
/* FORM CSS */
label{
  margin: 0 5px 5px 0;
  min-width: 150px;
  font-size:0.9em;
  display: inline-block;
  vertical-align: middle;
}
span.description { display:inline-block; font-style: italic; color: #AAA; word-wrap: break-word; font-weight:normal;font-size:0.8em; }
.textbox, .selection, .textarea{
	width:100%;
	padding: 5px 10px;
	margin-bottom: 5px;
	outline: 0;
	font-size: 1em;
	font-family: inherit;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #DDD;
}
.textbox[readonly]{
	background-color: #f2f2f2;
	color: #333;
	border: 1px solid #DDD;
	cursor: default;
	padding: 6px 11px;
}
ul.no-style{ list-style-type: none; padding: 0; margin: 0; }

.textarea { min-width: 250px; min-height: 100px; }

/* BUTTONS */
.button{
  background-color: #555555;
  border:1px solid #555555;
  padding: 5px 10px;
  color: #FFF !important;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 1em;
  margin-right: 10px;
  outline: 0;
  display: inline-block;
  line-height:1.2em;
}
.button:hover{ cursor: pointer;background-color: #333;border-color: #333;}
.button.disabled{background-color:#DDD!important;border-color:#DDD!important;color:#BBB!important;}

.button.green{ background-color: #4CAF50;border-color: #4CAF50; }
.button.green:hover{ background-color: #95d097;border-color: #95d097; }
.button.blue{ background-color: #008CBA;border-color: #008CBA; }
.button.blue:hover{ background-color: #4dd2ff;border-color: #4dd2ff; }
.button.red{ background-color: #f44336;border-color: #f44336; }
.button.red:hover{ background-color: #faa49e;border-color: #faa49e; }
.button.grey{ background-color: #e7e7e7;border-color: #e7e7e7; color:#000; }
.button.grey:hover{ background-color: #bfbfbf;border-color: #bfbfbf; }

/* / BUTTONS */

/* TABS */
.tab-container { width: 100%; background-color: #F6F6F6; display: inline-block; margin-bottom: 5px; position: relative; }
.tab-container .translate { position: absolute; top: 5px; right: 5px; color: #666; }
.tab-container ul.tab-nav { display: block; list-style-type: none; padding: 0; margin: 0; margin-bottom: -1px; }
.tab-container ul.tab-nav li { display: inline-block; padding: 5px 20px; margin: 0; border: 1px solid transparent; border-bottom: 0; text-decoration: none; color: #666; }
.tab-container ul.tab-nav li.active, .tab-container ul.tab-nav li:hover { border: 1px solid #DDD; border-bottom: 0; background-color: #FFF; cursor: pointer; color: #000; }
.tab-container .tabcontent{ background-color: #FFF; border: 1px solid #DDD; padding: 20px 10px 10px; }
.tab-container .tabcontent .textarea {max-width:unset;resize:none;}
/* / TABS */

.form-error{
	border-color: #F00 !important;
	background-color: #F66 !important;
	color: #FFF;
}
.form-error-message, .form-message{
	width: 100%;
	background-color: #F66;
	color: #FFF;
	border: 1px solid #F00;
	text-align: left;
	display: none;
	font-size: 1em;
	padding: 5px 10px;
	box-sizing: border-box;
	clear: both;
  margin: 5px 0;
}
.form-error-message a{
  color: #FF0;
}
.form-error-message a:hover{
  text-decoration: underline;
}
.form-message{
	background-color: #01DF74;
	color: #FFF;
	border-color: #01DF74;
}

/* image uploader */

.image-uploader {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #EFEFEF;
  position: relative;
  overflow: hidden;
  border: 1px solid #CCC;
  vertical-align:top;
}
.image-uploader:before{
  padding-top: 100%;
  content: "";
  display: block;
}
.image-uploader div{
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
.image-uploader div a{
  font-size: 3rem;
  text-align: center;
  color: #DDD;
  display: table-cell;
  vertical-align: middle;
}
.image-uploader div a img{
  width: 100%;
  height:100%;
  object-fit: cover;
  position:absolute;
  top:0;
  left:0;
}
.image-uploader div a.bt{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9;
  font-size: 0.8em;
  color: #FFF;
  background-color: #F00;
}
.image-uploader.min{width:40px;height:40px;}
.image-uploader.min div a {font-size:2em;}
.image-uploader.min div a.bt {font-size:0.8em;}


/* BREADCRUMB */
.breadcrumb { list-style-type: none; margin: 0; padding: 0; }
.breadcrumb li { display: inline-block; }
.breadcrumb [class^="icon-"] { margin: 0 3px; display:inline-block; }
.breadcrumb .icon-home3 {margin-top:-2px;}
.breadcrumb .icon-chevron-right { font-size: 0.8em; }
.breadcrumb li a { text-transform: capitalize; display:inline; vertical-align:middle; }
/* / BREADCRUMB */

/* TABLE CSS */
.table{
  display: table;
  width: 100%;
  height: auto;
  border-collapse: collapse;
}

[class*=" col-"] { display: table-cell; vertical-align:top; }
.col-1{ width: 8.333%; }
.col-2{ width: 16.666%; }
.col-3{ width: 24.999%; }
.col-4{ width: 33.332%; }
.col-5{ width: 41.665%; }
.col-6{ width: 49.998%; }
.col-7{ width: 58.331%; }
.col-8{ width: 66.664%; }
.col-9{ width: 74.997%; }
.col-10{ width: 83.33%; }
.col-11{ width: 91.663%; }
.col { width: 100%; box-sizing: border-box; vertical-align: top; }
[class*=" col"], [class="col"]{
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	display: block;
}
[class^="col-"] { display:table-cell!important; }
.min-hide{display:none;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	[class*=" col-sm"], [class^="col-sm"]{ display: table-cell; }
	.col-sm-1{ width: 8.333%; }
	.col-sm-2{ width: 16.666%; }
	.col-sm-3{ width: 24.999%; }
	.col-sm-4{ width: 33.332%; }
	.col-sm-5{ width: 41.665%; }
	.col-sm-6{ width: 49.998%; }
	.col-sm-7{ width: 58.331%; }
	.col-sm-8{ width: 66.664%; }
	.col-sm-9{ width: 74.997%; }
	.col-sm-10{ width: 83.33%; }
	.col-sm-11{ width: 91.663%; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	[class*=" col-md"], [class^="col-md"], .col.min-hide { display: table-cell !important; }
	.min-hide{display:inline-block;}
	
	.col-md-1{ width: 8.333% !important; }
	.col-md-2{ width: 16.666% !important; }
	.col-md-3{ width: 24.999% !important; }
	.col-md-4{ width: 33.332% !important; }
	.col-md-5{ width: 41.665% !important; }
	.col-md-6{ width: 49.998% !important; }
	.col-md-7{ width: 58.331% !important; }
	.col-md-8{ width: 66.664% !important; }
	.col-md-9{ width: 74.997% !important; }
	.col-md-10{ width: 83.33% !important; }
	.col-md-11{ width: 91.663% !important; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	[class*=" col-lg"], [class^="col-lg"]{ display: table-cell !important; }
	
	.col-lg-1{ width: 8.333% !important; }
	.col-lg-2{ width: 16.666% !important; }
	.col-lg-3{ width: 24.999% !important; }
	.col-lg-4{ width: 33.332% !important; }
	.col-lg-5{ width: 41.665% !important; }
	.col-lg-6{ width: 49.998% !important; }
	.col-lg-7{ width: 58.331% !important; }
	.col-lg-8{ width: 66.664% !important; }
	.col-lg-9{ width: 74.997% !important; }
	.col-lg-10{ width: 83.33% !important; }
	.col-lg-11{ width: 91.663% !important; }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	[class*=" col-xl"], [class^="col-xl"]{ display: table-cell !important; }
	
	.col-xl-1{ width: 8.333% !important; }
	.col-xl-2{ width: 16.666% !important; }
	.col-xl-3{ width: 24.999% !important; }
	.col-xl-4{ width: 33.332% !important; }
	.col-xl-5{ width: 41.665% !important; }
	.col-xl-6{ width: 49.998% !important; }
	.col-xl-7{ width: 58.331% !important; }
	.col-xl-8{ width: 66.664% !important; }
	.col-xl-9{ width: 74.997% !important; }
	.col-xl-10{ width: 83.33% !important; }
	.col-xl-11{ width: 91.663% !important; }
}

/* image upload css */