/* style */
body{
	font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.2;
	color: #13192E;
}
body *{
	line-height: 1.4;
	font-family: 'Roboto Condensed', sans-serif
}
html {
  scroll-behavior: smooth;
}
.t12 {
	font-size: 12px;
  	line-height: 1.2;
}
.t14 {
	font-size: calc(13px + (14 - 13) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t18 {
	font-size: calc(13px + (17 - 13) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t20 {
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t22 {
	font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t28 {
	font-size: calc(14px + (28 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t30 {
	font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t40 {
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.3;
}
.t50 {
	font-size: calc(40px + (50 - 40) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t60 {
	font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.t80 {
	font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1900 - 300)));
	line-height: 1.3;
}
.t120 {
	font-size: calc(50px + (120 - 50) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
h2{
	font-weight: 700;
	text-transform: uppercase;
	font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1900 - 300)));
  	line-height: 1.3;
}
.p15{
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}
.pl15{
	padding-left: 1.5rem!important;
}
.pr15{
	padding-right: 1.5rem!important;
}
.bold{
	font-weight: 700;
}
.light{
	font-weight: 300;
}
.medium{
	font-weight: 500;
}
.italic{
	font-style: italic;
}

.ls2{
	letter-spacing: 2px;
}
.ls4{
	letter-spacing: 4px;
}

.underline{
	text-decoration: underline;
}
.capitalize{
	text-transform: capitalize;
}
.lh2{
	line-height: 2;
}

.c-white{
	color: white;
}
.c-orange{
	color: #E02F12;
}
.c-dblue{
	color: #13192E;
}
.c-gray{
	color: #5B5B5B;
}
span.line-gray{
	display: inline-block;
	width: 200px;
	height: 3px;
	background-color: #5B5B5B;
	border-radius: 10px;
	vertical-align: middle;
	margin-left: 16px;
}
.border10{
	border-radius: 10px;
}
.border10-orange{
	border: 1px solid #E02F12;
	border-radius: 10px;
}
.border10-dblue{
	border: 3px solid #13192E;
	border-radius: 10px;
}
.bg-black{
	background: #000000 !important;
}
.bg-white{
	background: white !important;
}
.bg-orange{
	background: #E02F12 !important;
}
.bg-dblue{
	background: #13192E !important;
}
.bg-gray{
	background: #5B5B5B !important;
}
.bg-lgray{
	background: #E6E6E6 !important;
}
.btn-geral:hover{
	color: #ffffff;
	text-decoration: unset;
	background-color: #13192E;
}
.btn-geral{
	border: 2px solid #13192E;
	border-radius: 20px;
	padding: 12px 20px;
	color: #13192E;
	font-size: 20px;
	font-weight: 700;
	transition: background-color 0.2s ease;
}
.line-break{
	line-break: anywhere;
}
.word-break{
	word-break: break-word;
}
.list{
	list-style: unset;
	margin: 0;
	padding: 0;
}
.rm-underline:hover{
	color: #ffffff;
	text-decoration: unset;
}
.rm-underline-orange:hover{
	color: #E02F12;
	text-decoration: unset;
}
.rm-underline-dblue:hover{
	color: #13192E;
	text-decoration: unset;
}
.min120{
	min-height: 120px;
}
.fix-scroll{
	margin-top: -100px;
    padding-top: 100px;
}
/* HEADER */

header .menu-top{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	z-index: 99;
}
header .menu-top .menubg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:30%;
	background: transparent;
	z-index: -1;
	transition: all 200ms ease-in-out;
}
header .menu-top.fixed .menubg{
	background: #ffffff;
}

header .menu-top .logo{
	background-color: #E02F12;
	padding: 15px 50px 35px 50px;
	border-radius: 0 10px 10px 0;
	width: 282px;
}
header .menu-top .menu-icon{
	margin-right: 60px;
	padding-bottom: 30px;
}
header .menu-list{
	position: fixed;
	right: -400px;
	top: 0;
	min-height: 78vh;
    max-height: 100vh;
	border-radius: 10px 0 0 10px;
	width: 430px;
	background-color: #E02F12;
	z-index: 100;
	transition: all 300ms ease-in-out;
	overflow-y: auto;
	cursor: pointer;
}
header .menu-list.active{
	right: 0;
	cursor: auto;
}
header .menu-list .menu-lang a{
	margin-left: 10px;
}
header .menu-list .menu-social img{
	margin-left: 10px;
	max-width: 20px;
	max-height: 18px;
}
header .menu-list .menu-lang .active{
	color:#ffffff;
}
header .menu-list ul .orcamento a{
	border: 2px solid #13192E;
    border-radius: 10px;
    padding: 8px 18px;
}
header .menu-list ul .orcamento:hover a{
	background-color: #13192E;
	color:#ffffff;
}
header .menu-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	margin-right: 50px;
}
header .menu-list ul .main{
	margin-top: 32px;
	margin-bottom: 10px;
}
header .menu-list ul a{
	color:#13192E;
}
header .menu-list ul a:hover{
	color:#ffffff;
	text-decoration: none;
}

header .menu-closer.active{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
header .menu-icon{
	cursor: pointer;
}
header .menu-list ul .menu-social{
	margin-bottom: 32px;
}
header .menu-list::-webkit-scrollbar {
  	width: 10px;
}
header .menu-list::-webkit-scrollbar-track {
	background: #E02F12;
	border: 1px solid #ffffff;
} 
header .menu-list::-webkit-scrollbar-thumb {
  	background: #13192E;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
header .menu-list .main{
	text-transform: uppercase;
}
header .menu-list .child{
	text-transform: capitalize;
}
/* END HEADER */

/* HOMEPAGE SLIDESHOW */
.home-arrows{
	position: absolute;
	bottom: 60px;
	display: flex;
	right: 10%;
	user-select: none;
}
.home-prev .hover, .home-next .hover, .home-prev:hover .regular, .home-next:hover .regular{
	display: none;
}
.home-prev:hover .hover, .home-next:hover .hover{
	display: initial;
}
.home-prev:hover{
	background-color: #ffffff;
}
.home-prev{
	border-radius: 50%;
	background-color: #ffffff1f;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-self: center;
	cursor: pointer;
}
.home-next:hover{
	background-color: #E02F12;
}
.home-next{
	border-radius: 50%;
	background-color: #ffffff;
	width: 72px;
	height: 72px;
	display: flex;
	justify-content: center;
	align-self: center;
	cursor: pointer;
	margin-left: 30px;
}
.homeslide .col-12{
	position: unset !important;
}
.homeslide .home-slide-image{
	width: 100%;
	height: 78vh;
	object-fit:cover;
}
.homeslide .content{
	position: absolute;
	top: 50%;
}
.pagingInfo{
	position: absolute;
	bottom: 60px;
	display: flex;
	align-items: center;
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
}
.slideLine{
	margin: 0 10px;
	width: 360px;
	display: flex;
}
.slideLine>div{
	background: #ffffff42;
	height: 2px;
	width: 100%;
}
.slideLine>div.active{
	background: #ffffff;
}

/* END HOMEPAGE SLIDESHOW */

/* SECTION TALK US */
.talk-us{
	min-height: 580px;
	display: flex;
	align-items: center;
}
/* ENDSECTION TALK US */

/* FOOTER */
footer .footer-social img{
	margin-left: 20px;
	max-width: 20px;
	max-height: 18px;
	width: 100%;
}
footer .footer-social{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 100%;
}
/* END FOOTER */

/* CERTIFICACAO HOMEPAGE */
.certificao{
	background-color: #E6E6E6;
}
.certificacao-logos img{
	margin: 0 20px;
}
.certificacao-logos img:first-child{
	margin-left: 0;
}
.certificacao-logos img:last-child{
	margin-right: 0;
}
/* ENDCERTIFICACAO HOMEPAGE */

/* PRODUTOS HOMEPAGE */
.prod-link{
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.prod-link img{
	margin-bottom: 60px;
	width: 100%;
	transition: transform 0.2s ease;
}
.prod-link > div{
	position: absolute;
	top: calc(100% - 60px);
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 200ms ease-in-out;
}
.prod-link:hover > div{
	top: 0;
}
/* END PRODUTOS HOMEPAGE */
.current{
	margin-right: 15px;
}
.total{
	margin-left: 15px;
}
.progress-position{
	position: absolute;
	bottom: 60px;
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
}
.progress {
	display: block;
	width: 360px;
	height: 2px;
	border-radius: 10px;
	overflow: hidden;
	
	background-color: #ffffff42;
	background-image: linear-gradient(to right, #ffffff, #ffffff);
	background-repeat: no-repeat;
	background-size: 0 100%;

	transition: all .4s ease-in-out;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* CONTACT */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col2 {
    column-count:2;
}

.borderOrange {
    border: 1px solid #E02F12;
}

.contactos a, .contactos a:hover {
    text-decoration: none;
    color:#13192E;
}
 .contactos a:hover {
    color:#E02F12 !important;
}
label.error {
    color: red;
    position: absolute;
    bottom: -30px;
    left: 25px;
}
label#subject-error {
    bottom:-25px;
}
label#message-error {
    bottom: -25px;
}
label#terms-error {
    bottom: -25px;
}
input, select, textarea, input:focus, select:focus, textarea:focus {
    background: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px solid #333;
    padding: 5px 0 10px 0;
    font-size: 18px;
    outline: none;
}

select {
    color: #E02F12;
    padding: 5px 0 10px 0;
}
.checkbox {
    width: 20px !important;
    height: 20px;
}
#returnResultContact{
    padding: 12px 18px;
}
#submitContact{
    border: 0;
    background: #13192E;
    border: 2px solid #13192E;
    border-radius: 30px;
    padding: 5px 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-left: auto;
}
.loading{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #0000009e;
    display: none;
    justify-content: center;
    align-items: center;
}
.loading .loader{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    border-left: 2px solid transparent;
}
.loading .loader .loader2{
    width: 76px;
    height: 76px;
    border-radius: 100%;
    border: 3px solid #E02F12;
    border-right: 2px solid transparent;
}
.loading .loader .loader3{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    border-bottom: 2px solid transparent;
}
.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}
@keyframes fa-spin{
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
/* FORM CHECKBOX */
.toggle__text{
    color: #5B5B5B;
}
.toggle__text a{
    color: #E02F12;
}

.toggle {
  --uiToggleSize: var(--toggleSize, 20px);
  --uiToggleIndent: var(--toggleIndent, 0.5em);
  --uiToggleBorderWidth: var(--toggleBorderWidth, 1px);
  --uiToggleColor: var(--toggleColor, #000);
  --uiToggleDisabledColor: var(--toggleDisabledColor, #ffffff);
  --uiToggleBgColor: var(--toggleBgColor, #fff);
  --uiToggleArrowWidth: var(--toggleArrowWidth, 2px);
  --uiToggleArrowColor: var(--toggleArrowColor, #fff);

  display: flex;
  align-items: center;
  position: relative;
}

.toggle__input {
  position: absolute;
  left: -99999px;
}

.toggle__label {
  display: inline-flex;
  cursor: pointer;
  min-height: var(--uiToggleSize);
  padding-left: calc(var(--uiToggleSize) + var(--uiToggleIndent));
}

.toggle__label:before,
.toggle__label:after {
  content: "";
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  font-size: var(--uiToggleSize);

  position: absolute;
  left: 0;
  top: 0;
}

.toggle__label:before {
  border: var(--uiToggleBorderWidth) solid var(--uiToggleColor);
  z-index: 2;
}

.toggle__input:disabled ~ .toggle__label:before {
  border-color: var(--uiToggleDisabledColor);
}

.toggle__input:not(:disabled) ~ .toggle__label:after {
  background-color: var(--uiToggleColor);
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after {
  opacity: 1;
}

.toggle__text {
  margin-top: auto;
  margin-bottom: auto;

}

/*
The arrow size and position depends from sizes of square because I needed an arrow correct positioning from the top left corner of the element toggle
*/

.toggle__text:before {
  content: "";
  box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: var(--uiToggleSize);

  border-left-width: 0;
  border-bottom-width: 0;
  border-left-style: solid;
  border-bottom-style: solid;
  border-color: var(--uiToggleArrowColor);

  position: absolute;
  top: 0.5428em;
  left: 0.2em;
  z-index: 3;

  transform-origin: left top;
  transform: rotate(-40deg) skew(10deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before {
  width: 0.5em;
  height: 0.25em;
  border-left-width: var(--uiToggleArrowWidth);
  border-bottom-width: var(--uiToggleArrowWidth);
  will-change: width, height;
  transition: width 0.1s ease-out 0.2s, height 0.2s ease-out;
}

/*
=====
LEVEL 2. PRESENTATION STYLES
=====
*/

/*
The demo skin
*/

.toggle__label:before,
.toggle__label:after {
  border-radius: 2px;
}

/*
The animation of switching states
*/

.toggle__input:not(:disabled) ~ .toggle__label:before,
.toggle__input:not(:disabled) ~ .toggle__label:after {
  opacity: 1;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s ease-out;
}

.toggle__input:not(:disabled) ~ .toggle__label:before {
  transform: rotateY(0deg);
  transition-delay: 0.2s;
}

.toggle__input:not(:disabled) ~ .toggle__label:after {
  transform: rotateY(90deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label:before {
  transform: rotateY(-90deg);
  transition-delay: 0s;
}

.toggle__input:not(:disabled):checked ~ .toggle__label:after {
  transform: rotateY(0deg);
  transition-delay: 0.2s;
}

.toggle__text:before {
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text:before {
  opacity: 1;
  transition: opacity 0.1s ease-out 0.3s, width 0.1s ease-out 0.5s,
    height 0.2s ease-out 0.3s;
}

/*
=====
LEVEL 3. SETTINGS
=====
*/

.toggle {
  --toggleColor: #707070;
  --toggleBgColor: #707070;
  --toggleSize: 22px;
}
/* END FORM CHECKBOX */

.prod-link:hover img {
    transform: scale(1.2);
    transition: transform 0.2s ease;
}

/* END CONTACT */

.close-menu{
	display: none;
	position: absolute;
	top: 28px;
	left: 26px;
	width: 16px;
}
.ajustpadding{
	padding-right: 30px;
}
.px-15{
	padding: 0 15px;
}
.mrm-15{
	margin: 0 -15px;
}
.whfit{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.showMobile{
    display:none;
}
@media screen and (min-width:1500px){
	.ajustlgwidth{
		max-width: 1300px;
		margin: auto;
	}
}
@media screen and (max-width:1400px){
	.banner-generico {
		background-position: center;
	}
}
@media screen and (max-width:768px){
    .tabletFooterAjust{
        flex-direction: column;
    }
    .tabletFooterAjust span{
        display:none;
    }
    .showMobile{
        display:block!important;
    }
    .hiddenMobile{
        display:none;
    }
	.border10.whfit{
		height: calc(100% - 15px);
	}
	header .menu-list {
		min-height: 620px;
	}
	.homeslide .home-slide-image{
		max-height: 620px;
	}
	.produtos-highlighted .min120 {
		min-height: 140px;
	}
	.produtos-highlighted .t22{
		min-height: 44px;
	}
	.produtos-highlighted a.t18{
		margin-bottom: 15px;
	}
	header .menu-list{
		right: -440px;
	}
	header .menu-top .menu-icon{
		margin-right: 30px;
	}
	span.line-gray{
		width: 100px;
	}
	.mobtop{
		margin-top: 30px;
	}
	.mobtop .bold.t20{
		margin-top: 20px;
	}
	.ajustpadding{
		padding: 0;
	}
}
@media screen and (max-width:420px){
	.contactsBold .bold.t20{
		margin-top: 15px;
    	margin-bottom: -10px;
	}
	.banner-generico{
		background-position: 80%;
	}
	header .menu-list .child{
		margin-bottom: 4px;
	}
	header .menu-list{
		bottom: 60px;
		width: 360px;
	}
	header .menu-top .logo{
		width: 180px;
		padding: 5px 20px 15px 20px;
	}
	header .menu-top .menu-icon{
		padding-bottom: 15px;
	}
	.progress{
		width: 240px;
	}
	.progress-position{
		bottom: 20px;
		left: 50%;
    	transform: translateX(-50%);
	}
	.homeslide .content{
		word-break: break-all;
    	width: calc(100% - 30px);
	}
	.produtos-highlighted .min120 {
		min-height: auto;
		margin-bottom: 15px;
	}
	.produtos-highlighted .t22 {
		min-height: auto;
	}
	.produtos-highlighted img{
		display: block;
		margin: auto;
	}
	.about-us-home img.border10{
		margin-top: 30px;
	}
	.certificao{
		text-align: center;
	}
	.certificao .w-100:first-child img{
		margin-top: 30px;
	}
	.talk-us{
		text-align: center;
	}
	.close-menu{
		display: block;
	}
	footer{
		text-align: center;
	}
	footer .t20.c-orange{
		margin-top: 20px;
	}
	footer .emptytitle{
		height: 0px;
		margin-top: 0px !important;
    	margin-bottom: 0 !important;
	}
	.homeslide .home-slide-image{
		height: 380px;
	}
	.homeslide .content {
		top: 24%;
	}
	.home-arrows{
		transform: scale(0.6);
    	right: 0;
	}
	.col2{
		column-count: 1;
	}
	.product-inner .bg-white.border10{
		margin-top: 30px;
	}
	.product-inner .bg-lgray .row img{
		margin-bottom: 15px;
	}
	#submitContact{
		margin-left: 0;
		margin-right: auto;
	}
	.empresa-slide .home-arrows {
		bottom: 0;
		right: 0;
		transform: scale(0.6);
	}
	.empresa-slide .home-slide-image {
		height: 240px;
	}
}

/*Config*/
.critec:hover{
	color: #ffffff;
	text-decoration: unset;
}
.critec{
	color: #ffffff;
	font-weight: 800;
    font-size: 28px;
    font-family: 'Gilroy';
    text-transform: lowercase;
}

.spacer150 {grid-column: inherit; height: 150px;width: 100%;}
.spacer120 {grid-column: inherit; height: 120px;width: 100%;}
.spacer90 {grid-column: inherit; height: 90px;width: 100%;}
.spacer60 {grid-column: inherit; height: 60px;width: 100%;}
.spacer30 {grid-column: inherit;height: 30px;width: 100%;}
.spacer15 {grid-column: inherit;height: 15px;width: 100%;}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (max-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* TABLET */
@media (max-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 420px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

img {
	max-width: 100%;
}
/* BACKOFFICE ON FRONTEND */
.admin-bar{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	height: 30px;
	background-color: #10163a;
	display: flex;
	justify-content: space-around;
	align-items: center;
	z-index: 99999;
	box-shadow: 0px 5px 34px -16px rgba(0,0,0,0.75);
	transition: all 300ms ease-in-out;
}
.admin-bar-status{
	position: absolute;
    bottom: -12px;
    color: #ffffff;
    background: #10163a;
    width: 20px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 0 0 4px 4px;
	padding-bottom: 6px;
	transition: all 300ms ease-in-out;
	cursor: pointer;
}
.admin-bar-status i{
	transform: rotate(180deg);
	transition: all 300ms ease-in-out;
}
.closed-admin-bar .admin-bar{
	top:-30px;
	box-shadow: none;
}
.closed-admin-bar .admin-bar .admin-bar-status{
	padding-bottom: 0px;
}
.closed-admin-bar .admin-bar .admin-bar-status i{
	transform: rotate(0);
}
.admin-bar a{
	color:#ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.admin-bar a:hover{
	text-decoration: none;
}
.admin-editor{
	position: relative;
	
}
.admin-editor:hover{
	outline: auto;
	outline-color: #ea5455;
}
.admin-editor:hover .admin-options{
	display: flex;
}
.admin-options a:hover{
	text-decoration: none;
}
.admin-options a{
	color: #ffffff;
}
.admin-options a{
	width: 24px;
	height: 24px;
	background-color: #ea5455;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 4px 4px;
}
.admin-options a.admin-edit{
	background-color: #28a745;
}
.admin-options a.admin-remove{
	background-color: #dc3545;
}
.admin-options a.admin-drag{
	background-color: #6c757d;
}
.admin-options{
	display: none;
	top: 0;
	z-index: 99998;
	left: 15px;
	position: absolute;
}
.disabledOptions .admin-editor .admin-options{
	display:none;
}
.disabledOptions .admin-editor{
	outline: none;
}
.fix-admin-bar{
	width: 100%;
	height: 30px;
	transition: all 300ms ease-in-out;
}
.closed-admin-bar .fix-admin-bar{
	width: 100%;
	height: 0px;
}