html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border:0 none;
    margin:0;
    outline-style:none;
    outline-width:0;
    padding:0;
    box-sizing: border-box;
    font-size: 1em;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

html, body
{
    background-color: #fbfbfb !important;
    min-height: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    color: #2e2e2e;
}


*:not(input) {
    user-select: none;
    -moz-user-select: none;
}

a, a:hover, a:visited, a:active {
    text-decoration: none !important;
    color: #a70005;
}


.iswebinar {
    background: #2863bf !important;
}

div.white_rounded_block
{
    box-shadow: 0 0.46875rem 2.1875rem rgba(31,10,6,0.03),0 0.9375rem 1.40625rem rgba(31,10,6,0.03),0 0.25rem 0.53125rem rgba(31,10,6,0.05),0 0.125rem 0.1875rem rgba(31,10,6,0.03);
    background: #FFFFFF;
    border-radius: 20px 10px;
    width: 100%;
    padding: 20px 10px;
}

div.header-profile
{
    background:#fcfcfc;
    border-radius: 20px 20px 0px 0px;
    padding: 20px;
    margin: -20px -10px 20PX -10px;
    border: 1px solid #f2f2f2;
}

div.profile-container
{
    padding: 0 10px 10px 10px
}



.hidden
{
    display: none !important;
}

.disabled
{
    font-size: 2em !important;
    opacity: 0.3;
}

div#footer {
    transform: translateX(-50%);
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    z-index: 9999;
    font-size: 0.8em;
}
div#footer a
{
    color: #ffffff;
    text-transform: uppercase;
}

div#carrousel-wrapper
{
    position: relative;
    background: #2e2e2e;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
}

div#carrousel-wrapper div[item]
{
    position: absolute;
    width: 100%;
    height: 100%;
}


div#carrousel-wrapper div[item] img.bg
{
    position: absolute;
    object-fit: cover;
    width: 110%;
    height: 110%;
    top:0px;
    left: -5%;
}


div.news-data-holder
{
    position: absolute;
    top: 230px;
    left: 95px;
}

div.news-data-holder img {
    box-shadow: 0px 0px 7px #343434;
    border-radius: 5px;
    width: 200px;
    height: 131px;
    float: left;
}

div.news-data-holder div.new {
    margin-left: 15px;
    float: left;
}

div.news-data-holder div.new p {
    text-shadow: 0px 2px 3px #2e2e2e;
    max-width: 500px;
}

div.wheel {
    background: url('/imgs/wheelitem.png') center no-repeat;
    position: absolute;
    width: 163px;
    height: 138px;
    z-index: 1;
    bottom: 100px;
    right: 100px;
}

div.cone {
    background: url('/imgs/cone.png') center no-repeat;
    position: absolute;
    width: 191px;
    height: 181px;
    z-index: 1;
    bottom: 70px;
    left: 430px;
}

div#carrousel-wrapper div[item] h2 {
    text-shadow: 0px 3px 4px #1c1c1c;
    font-size: 30px;
    font-weight: normal;
    max-width: 600px
}

span.line-top, span.line-bottom {
    box-shadow: 0px 2px 2px #1c1c1c;
    background: #ffffff;
    display: block;
    width: 300px;
    height: 1px;
    margin: 10px 0px;
}

span.line-bottom {
    width: 150px;
    margin-top: -5px;
}

a.btnline {
    border-bottom: 4px solid #d2191e;
    text-shadow: 0px 3px 4px #1c1c1c;
    box-shadow: 0 5px 0 black;
    display: inline-block;
    padding: 10px;
    color: #ffffff;
    transition: 0.6s;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
}

a.btnline:hover
{
    transform: scale(1.1);
}

div.tri-slice-left
{
    width: 50%;
    height: 0;
    border-right: 650px solid transparent;
    position: absolute;
    left: 0px;
    z-index: 1;
}

div.tri-slice-right
{
    width: 50%;
    height: 0;
    border-left: 650px solid transparent;
    position: absolute;
    right: 0px;
    z-index: 1;
}

div.tri-bottom
{
    border-bottom: 55px solid #fbfbfb;
    bottom: 0px;
}

div.tri-top
{
    border-top: 55px solid #fbfbfb;
    top: 0px;
}

div#topbar-wrapper
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%;
    padding: 20px;
    top: 0px;
    left: 0px;
    z-index: 1;
}

div#tb-center {
    max-width: 1200px;
    margin: 0px auto;
    width: 100%;
}

div#topbar-wrapper .logo-x {
    float: left;
    cursor: pointer;
    width: 200px;
    margin-top: 7px;
}

div#topbar-wrapper ul
{
    list-style: none;
    float: left;
    font-size: 15px;
}


div#topbar-wrapper ul li
{
    display: inline-block;
}

div#topbar-wrapper ul li a
{
    text-shadow: 0px 3px 4px #1c1c1c;
    cursor: pointer;
	padding: 22px 12px;
    display: block;
    color: #fff;
}

.clickable {
    cursor: pointer;
}
div#topbar-wrapper ul li a::after, [on]::after, .clickable::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #d2191e;
    transition: width .3s;
}

[on]::after {
    width: 100% !important;
}

.clickable[on] {
    color: #d2191e;
}

div#topbar-wrapper ul li a:hover::after, .clickable:hover::after {
    width: 100%;
}


div.hamburguer {
    text-shadow: 0px 3px 4px #1c1c1c;
    cursor: pointer;
    font-size: 40px;
    float: right;
    color: #fff;
}

a.btn_login, a.btn_logout {
	box-shadow: 0 2px 4px #2e2e2e;
    cursor: pointer;
    background: #fff;
	border-radius: 5px;
	color: #d2191e !important;
	padding: 5px 15px;
	cursor: pointer;
}

.tool-user {
	display: flex;
	margin: 10px;
	float: right;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.tool-user-text {
	text-shadow: 0px 3px 4px #1c1c1c;
	color: #fff;
}


div.right-wrapper {
    position: absolute;
    max-width: 500px;
    width: 100%;
    right: 4%;
    top: 17%;
}

div.left-wrapper {
    position: absolute;
    max-width: 500px;
    width: 100%;
    left: 6%;
    top: 17%;
}

h2.title {
    text-shadow: 0px 0px 5px #151515;
    font-weight: normal;
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    margin: 10px;
}

p.phara {
    text-shadow: 0px 0px 5px #151515;
    text-align: justify;
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
}

.companyicon {
    background: url('/imgs/companyicon.png') center no-repeat;
    width: 100px;
    height: 100px;
    margin: 0px auto;
}

.bright {
    background: url('/imgs/bright.png') center no-repeat;
    position: absolute;
    height: 52px;
    width: 53px;
    z-index: 1;
    display: none;
    top: 35%;
    left: 15%;
}

.red {
    color: #d2191e;
}

span.list {
    background: url('/imgs/valueicon.png') center left no-repeat;
    text-shadow: 0px 0px 5px #151515;
    background-size: 21px;
    padding: 12px 33px;
    display: block;
}

div.dust {
    background: url('/imgs/dust.png') center no-repeat;
    background-size: contain;
    position: absolute;
    width: 400px;
    height: 400px;
    z-index: 1;
    opacity: 0.7;
    pointer-events: none;
}

div.d1 {
    bottom: 20px;
    right: -40%;
}

div.d2 {
    bottom: 20px;
    left: -40%;
}

.home, .home1, .home2, .services, .news, .contact {
    display: none;
}

.home2 #footer {
    text-align: right;
    right: 3%;
    left: auto;
    font-size: 13px;
}

.rockitem {
    background: url('/imgs/rockitem.png') center no-repeat;
    width: 200px;
    height: 130px;
    position: absolute;
    z-index: 1;
    background-size: contain;
    bottom: 10%;
    right: 5%;
}

.rotating {
    animation: rotating 10s linear infinite;
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div#map {
    position: absolute;
    width: 55%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: 0;
}

div#map:before {
    box-shadow: -45px 0px 40px rgb(46, 46, 46) inset;
    content: "";
    height: 120%;
    right: -2px;
    position: absolute;
    width: 100px;
    z-index: 1000;
    transform: translateY(-50%);
    top: 50%;
}

.center-text {
    text-align: center !important;
}

.big-separator {
    margin-top: 50px;
    clear: both;
}

#slcstate, #slcdis {
    width: 250px;
    margin: 20px auto;
    display: block;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #F6F6F6 url("/imgs/select-arrow.png") no-repeat 97% center;
    background-size: 15px;
}

div.tree {
    background: url('/imgs/treevector.png') center no-repeat;
    background-size: contain;
    position: absolute;
    width: 221px;
    height: 123%;
    z-index: 1;
    left: 19%;
}

div.short-left {
    max-width: 235px !important;
    left: 3% !important;
}

div.biggest {
    max-width: 55%;
}

div.service-item {
    text-shadow: 0px 0px 5px #151515;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 25px 1%;
    width: 23%;
    position: relative;
}

div.service-item a
{
    color: #fff;
}

div.service-item img {
    object-fit: contain;
    display: block;
    height: 100px;
    width: 100%;
    margin: 0px auto;
}

div.service-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 5px;
}

div[service]:not([service="support"])
{
    display: none;
}

div#arrow-holders {
    position: relative;
    width: 100%;
}
div#news-wapper {
    overflow: hidden;
    margin: 0px auto;
    width: 90%;
    white-space: nowrap;
    padding-bottom: 15px;
}

div.new-item {
    box-shadow: 0px 2px 15px #303030;
    border-radius: 5px;
    background: #ffffff;
    width: 300px;
    color: #555;
    height: 300px;
    font-size: 12px;
    margin: 0px 0.3%;
    display: inline-block;
    cursor: pointer;
}

div.new-item img {
    border-radius: 5px 5px 0px 0px;
    object-fit: cover;
    width: 100%;
    height: 200px;
}

div.new-item div{
    padding: 10px;
    white-space: normal;
}
div.new-item div span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #353535;
    font-size: 14px;
    font-weight: bold;
}

.news-top {
    margin-top: 140px !important;
    margin-bottom: 18px !important;
}

.author, .postingat {
    padding: 5px 25px;
}

.author {
    background: url('/imgs/leaficon.png') center left no-repeat;
}

.postingat {
    background: url('/imgs/clockicon.png') center left no-repeat;
}

div.right-arrow, div.left-arrow {
    position: absolute;
    color: #fff;
    z-index: 9;
    top: 46%;
    font-size: 80px;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
}

div.right-arrow {
    right: 3px;
}

div.left-arrow {
    left: 3px;
}

div.right-arrow:hover, div.left-arrow:hover {
    opacity: 1;
}

.centered-btn {
    margin: 0px auto;
    display: block !important;
    width: 250px;
    text-align: center;
}

form.contactform {
    box-shadow: 0px 2px 15px #3c3c3c;
    border-radius: 20px;
    position: relative;
    background: #fff;
    margin: 140px auto;
    width: 100%;
    max-width: 400px;
    padding:15px;
}

form.contactform input[type="text"], form.contactform textarea,
div.whitepop  input[type="text"], div.whitepop input[type="password"], div.whitepop select, .input,
form.page-form input[type="text"], form.page-form select, form.page-form textarea{
    box-shadow: 0px 1px 2px #f2f2f2;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 11px;
    display: block;
    width: 100%;
    margin: 12px 0px;
    border-radius: 3px;
    resize: none;
    font-size: 13px;
}
form.page-form input[type="text"], form.page-form select, form.page-form textarea
{
    margin: 0px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url("/imgs/select-arrow.png") no-repeat 97% center;
    background-size: 15px;
}
form.contactform input[type="text"]:focus, form.contactform textarea:focus,
div.whitepop input[type="text"]:focus, div.whitepop  input[type="password"]:focus, div.whitepop select:focus, .input:focus,
form.page-form input[type="text"]:focus, form.page-form select:focus, form.page-form textarea:focus{
    border: 1px solid #bdbdbd;
}

form.contactform input[type="submit"], div.whitepop input[type="submit"], .btn
{
    display: block;
    width: 100%;
    padding: 10px;
    background: #c9181d !important;
    color: #ffffff !important;
    border: 0px aliceblue;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
}

form.contactform input[type="submit"]:hover, div.whitepop input[type="submit"]:hover, .btn:hover {
    background: #d61a1f !important;
}

.black {
    color: #2e2e2e !important;
    text-shadow: none !important;
}

div#hamenu-wrapper {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}

div#hamenu {
    box-shadow: 0px 0px 13px #000000;
    background: #f9f9f9;
    position: absolute;
    max-width: 300px;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0px;
}

div.overflowed-x {
    overflow-x: scroll;
    position: relative;
    height: 100%;
}

div.header-drawer {
    background: url('/imgs/drawerhead.jpg') center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 20px;
}

div.hamclose {
    text-shadow: 0px 2px 3px #000;
    position: absolute;
    font-size: 18px;
    color: #f9f9f9;
    cursor: pointer;
    z-index: 99;
    right: 10px;
    top: 10px;
}

img.avatar {
    box-shadow: 0px 2px 3px #3d3d3d;
    border: 3px solid #fff;
    border-radius: 50%;
    object-fit: cover;
    margin: 0px auto;
    display: block;
    width: 100px;
    height: 100px;
}

div.user {
    text-shadow: 0px 2px 3px #363636;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    color: #ffffff;
    padding: 10px;
}

ul.user-menu {
    list-style: none;
    margin: 6px auto;
    padding: 0px;
    width: 242px;
}

ul.user-menu li {
    display: inline-block;
}

ul.user-menu li a {
    cursor: pointer;
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 7px 15px 7px 25px;
}

ul.user-menu li a#edit {
    background: url('/imgs/update.png') center left no-repeat;
}

ul.user-menu li a#logout {
    background: url('/imgs/logout.png') center left no-repeat;
}

ul#ham-main-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul#ham-main-menu li {
    display: block;
    position: relative;
}

ul#ham-main-menu li a {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    padding: 16px 24px;
    color: #757575;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul#ham-main-menu li a:hover {
    background: #f0f0f0;
}


div.logreg_wrapper {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 9999;
	display: none;
	top: 0;
	left: 0;
}
div#logreg {
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 800px;
    top: 50%;
    left: 50%;
    width: 100%;
	height: 100%;
}

div.whitepop {
    box-shadow: 0px 2px 15px #3c3c3c;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
    margin: 0.5%;
    padding: 15px;
    height: 530px;
	width: 100%;
	max-width: 319px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
}

a.forgotlink {
    display: block;
    text-align: right;
    padding: 0px 0px 10px 0px;
    font-size: 13px;
}

a.newaccount, a.alreadyaccount {
    font-size: 13px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
	display: block;
}

div.regform-wrapper {
    height: 350px;
    overflow-y: scroll;
    position: relative;
    margin-bottom: 7px;
}

.autovector {
    background-size: contain !important;
    background-position:0px 256px !important;
    background-repeat: no-repeat !important;
}

div.closelogreg {
    position: absolute;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    top: -20px;
    right: -20px;
}
a.regorlog {
    box-shadow: 0px 1px 5px #3c3c3c;
    margin: 13px auto 0px auto;
    background: #fff9f9;
    border-radius: 8px;
    text-align: center;
    display: block;
    color: #d61a1f;
    padding: 10px;
    width: 198px;
    font-size: 14px;
}

a.regorlog:hover {
    background: #ead8d5;
    cursor: pointer;
}

div#head {
    background: url('/imgs/bgcarwhite.jpg') center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 200px;
}

h1#title-section {
    text-shadow: 0px 1px 4px #000000;
    border-bottom: 2px solid red;
    transform: translateX(-50%);
    box-shadow: 0 3px 0 black;
    font-weight: normal;
    padding-bottom: 6px;
    position: absolute;
    font-size: 25px;
    text-align: center;
    color: #fff;
    top: 105px;
    left: 50%;
    width: 100%;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#main-container {
    max-width: 1100px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

h2.subtitle {
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #878787;
    margin: 20px 10px;
}

div.white-block {
    background: #ffffff;
    padding: 10px;
    width: auto;
    border-radius: 10px;
    box-shadow: 0px 1px 4px #e2e2e2;
    overflow: hidden;
}

div.column-1 {
    box-sizing: border-box;
    width: 29%;
    float: left;
    margin: 0.5%;
}

div.column-2 {
    box-sizing: border-box;
    width: 49%;
    float: left;
    margin: 0.5%;
}
div.column-3 {
    box-sizing: border-box;
    width: 69%;
    float: left;
    margin: 0.5%;
}

a.button {
    display: block;
    width: 90%;
    padding: 10px;
    background: #c9181d;
    color: #ffffff !important;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    margin: 8px auto;
    border-bottom: 2px solid #841b1d;
}

a.button:hover {
    background: #a81418;
}

form[name="frmprofile"] input,
form[name="frmprofile"] select,
form[name="frmpass"] input,
form[name="frmpass"] select {
    width: 48%;
    float: left;
    margin: 1%;
}

.buttonner {
    margin: 10px -10px -10px -10px;
    display: block;
    padding: 5px 4px;
    text-align: right;
    clear: both;
    overflow: hidden;
    background: #f6f6f6;
    border-radius: 0px 0px 10px 10px;
    border-top: 1px solid #efefef;
}

form[name="frmprofile"] .buttonner
{
    border-radius: 10px;
    border: 1px solid #efefef;
}

.buttonner input {
    display: inline-block !important;
    width: auto !important;
    float: right !important;
}

ul.st-alert {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.st-alert li {
    display: block;
}

ul.st-alert li a {
    border-radius: 5px;
    background: #ffffff;
    display: block;
    padding: 15px;
    box-shadow: 0px 1px 4px #e2e2e2;
    color: #757575;
    font-size: 13px;
    margin: 18px 0px;
}

ul.st-alert li a:hover {
    background: #c9181d;
    color: #ffffff;
}

p.pa
{
    text-align: justify;
    font-size: 0.9em;
    line-height: 26px;
    text-indent: 50px;
    margin-top: 30px;
}

div.footer {
    background: #2e2e2e;
    margin-top: -160px;
    width: 100%;
    color: #afafaf;
    text-align: center;
    padding: 25px;
}

div.footer a{
    color: #ffffff;
    text-transform: uppercase;
}

div.footer h2 {
    font-size: 30px;
    font-weight: normal;
    margin: 10px;
}

div.footer p{
    font-size: 13px;
    margin: 5px;
}

div.editMode, div.editPplan {
    transform: translateY(-50%);
    position: absolute;
    background: url('/imgs/editMode.png') center no-repeat;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 2px;
}

div.alert-wrapper {
    padding: 30px;
    padding-right: 300px;
    float: left;
    width: 100%;
    position: relative;
    left: -100%;
}

div.alert-item {
    box-shadow: 0px 2px 7px #1e1e1e;
    padding: 12px 18px;
    background: #ffffff;
    float: left;
    margin: 1%;
    width: 46%;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

div.alert-item:hover {
    background: #f9f9f9;
}

div.alert-item span {
    display: block;
    margin: 4px 0px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.alert-item div {
    font-size: 12px;
    display: block;
}

div.alert-item span:first-child {
    font-weight: bold;
}

div.alert-item span:last-child {
    font-size: 12px;
}

.alert-title {
    text-align: left !important;
    font-size: 40px !important;
}

div#clock-wrapper {
    position: absolute;
    color: #ffffff;
    bottom: 30px;
    left: 46px;
}

div#clock {
    font-size: 60px;
}

div#clock-wrapper span {
    display: block;
    margin-left: 12px;
}

a.adminlink {
    background: url('/imgs/panelicon.png') center right no-repeat;
    text-shadow: 0px 0px 3px #2e2e2e;
    position: absolute;
    color: #ffffff !important;
    bottom: 55px;
    left: -227px;
    display: block;
    padding-right: 34px;
}

a.seelike {
    cursor: pointer;
}

div.bad_validation {
    position: absolute;
    background: #FFEBDF;
    color: #391500;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 0.7em;
    padding: 8px;
    width: 100%;
    bottom: -30px;
    z-index: 1;
}

div.input-holder {
    padding: 0px 5px;
    float: left;
    width: 50%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

div.max-input-holder {
    padding: 0px 5px;
    float: left;
    width: 100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

div.third-input-holder {
    padding: 0px 5px;
    float: left;
    width: 33%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}



form[name="frm"] input[type='text'], form[name="frm"] input[type='email'], form[name="frm"] input[type='password'], form[name="frm"] input[type='color'], form[name="frm"] textarea {
    border: 1px solid #E6E6E6;
    background: #F6F6F6;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
    transition: 1s all;
    resize: none;
    border-radius: 4px;
}

form[name="frm"] input[type='text']:focus, form[name="frm"] input[type='email']:focus, form[name="frm"] input[type='password']:focus, form[name="frm"] input[type='color']:focus, form[name="frm"] textarea:focus {
    box-shadow: 0px 0px 5px #C2C2C2;
    border: 1px solid #a8a8a8;
    background: #ffffff;
    outline: none;
}

form[name="frm"] a[type="button"], form[name="frm"] input[type="submit"], form[name="frm"] input[type="button"] {
    color: #FFFFFF;
    padding: 10px 20px;
    text-align: center;
    float: right;
    font-size: 16px;
    cursor: pointer;
    background-color: #B51B1C;
    text-decoration: none;
    display: table;
    border: 0px;
    border-radius: 3px;
    box-shadow: 0px 2px 3px #b4b4b4;
    margin-left: 8px;
}

form[name="frm"] a[type="button"]:hover, form[name="frm"] input[type="submit"]:hover, form[name="frm"] input[type="button"]:hover {
    background: #9c3637;
}

form[name="frm"] select{
    border: 1px solid #E6E6E6;
    background: #F6F6F6 url("/imgs/select-arrow.png") no-repeat 97% center;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 9px 10px;
    transition: 1s all;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 14px;
}
form[name="frm"] select::-ms-expand {
    display: none;
}

form[name="frm"] select:focus {
    box-shadow: 0px 0px 5px #C2C2C2;
    background: #F6F6F6 url("/imgs/select-arrow.png") no-repeat 97% center;
    outline: none;
    background-size: 14px;
}

form[name="frm"] input[type='text']:hover, form[name="frm"] input[type='email']:hover, form[name="frm"] input[type='password']:hover, form[name="frm"] input[type='color']:hover, form[name="frm"] textarea:hover, form[name="frm"] select:hover {
    border: 1px solid #b8b8b8;
}

form[name="frm"] label {
    position: relative;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

form[name="frm"] label > span {
    width: 100%;
    display: block;
    font-size: 0.9em;
    color: #848484;
}

fieldset.hierarchies, #fsvars {
    border: 1px solid #e0e0e0;
    padding: 10px;
    max-height: 200px;
    overflow-y: scroll;
}

fieldset.hierarchies legend {
    background: #e0e0e0;
    border-radius: 5px;
    padding: 5px 12px;
    font-size: 13px;
    color: #8b8b87;
    overflow: hidden;
}

fieldset.hierarchies label {
    box-sizing: border-box;
    width: 31%;
    float: left;
    margin: 1%;
    cursor: pointer;
}

fieldset.hierarchies label input {
    float: left;
}

fieldset.hierarchies label span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #3e3e3e;
    width: 81%;
    float: right;
}


.disable {
    background: #f0f0f0 !important;
}

div#page-wrapper {
    padding-bottom: 160px;
    width: 100%;
    min-height: 100%;
}

/*form.page-form label {
    position: relative;
    margin-bottom: 10px;
    display: block;
}

form.page-form span {
    margin-bottom: 5px;
    font-size: 16px;
    color: #625f5f;
}

form.page-form input[type="text"], .flipcatshold, form.page-form select, form.page-form textarea {
    box-sizing: border-box;
    padding: 11px;
    background: #f7f7f7;
    border: 1px solid #c0c0c0;
    width: 100%;
    resize: none;
    position: relative;
}*/



/*.flipcatshold, form.page-form select {
    height: 38px;
}*/

/*form.page-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #F6F6F6 url("/imgs/select-arrow.png") no-repeat 97% center;
    background-size: 15px;
}*/

div.addcat
{
    border-radius: 50%;
    background: #7E2323;
    color: #ffffff;
    position: absolute;
    text-align: center;
    width: 33px;
    height: 33px;
    right: 3px;
    line-height: 33px;
    font-size: 23px;
    top: 22px;
    cursor: pointer;
    z-index: 1;
}

.toRightBtn {
    margin-left: 10px !important;
    width: auto !important;
    float: right !important;
    text-align: center !important;
}

.btngray {
    background: #363636 !important;
}

.btngray:hover {
    background: #454545 !important;
}

.btngraylight {
    background: #d4d4d4 !important;
    color: #2e2e2e !important;
    border-bottom: 2px solid #c0c0c0 !important;
}

.btngraylight:hover {
    background: #c8c8c8 !important;
}

h2.title-free {
    font-size: 45px;
    color: #5f5f5f;
}

h3.title-free {
    font-size: 30px;
    color: #5f5f5f;
}

div#admin-tool {
    box-shadow: 0px 2px 5px #262626;
    padding: 0px 10px 0px 50px;
    background: #272727 url("/imgs/toolicon.png") 13px center no-repeat;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    width: auto;
    color: #ffffff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

div.break-big {
    display: block;
    clear: both;
    margin: 50px 0px;
    height: 20px;
}

div.succesicon {
    background: url('/imgs/successicon.png') center no-repeat;
    margin: 10px auto;
    width: 84px;
    height: 84px;
}

div.failicon {
    background: url('/imgs/failicon.png') center no-repeat;
    margin: 10px auto;
    width: 84px;
    height: 84px;
}


div.table-component{
    width: 100%;
    min-height: 600px;
    overflow-x: auto;
}

table.table-component{
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0px;
    font-size: 85%;
    clear: both;
    background: #fff;
    box-shadow: 0px 2px 3px #c0c0c0;
    border-radius: 4px;
}

table.smalltbl thead th {
    padding: 8px !important;
}

table.table-component thead tr{
    border-bottom: 1px solid #e1e1e1;
}

table.table-component thead th{
    padding: 15px 5px;
    color: #acacac;
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    line-height: 30px;
    position: relative;
}

table.table-component tbody tr{
    border-bottom: 1px solid #e1e1e1;
    transition:0.5s all;
    -webkit-transition:0.5s all;
}

table.table-component tbody tr:hover{
    background-color: #f4e9e9;
}

table.table-component tbody tr:hover a{
    visibility: visible;
}

table.table-component tbody td{
    padding: 15px 5px;
    color: #737373;
    font-weight: normal;
    text-align: left;
}

table.table-component thead tr th a svg{
    display: table;
    float: right;
    text-decoration: none;
}

table.table-component thead tr th a svg{
    width: 25px;
    height: 25px;
    margin: 0px auto
}

a#newalert {
    width: 150px !important;
    position: absolute !important;
    top: 0px !important;
    left: 140px !important;
}

ul#alertsPaginator {
    position: absolute;
    list-style: none;
    top: -4px;
    right: 14px;
    margin: 0px;
    padding: 0px;
    height: auto;
}

ul#alertsPaginator li {
    display: inline-block;
}

ul#alertsPaginator li a {
    background: #bb2d2d;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    text-shadow: none;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
}

ul#alertsPaginator li a:hover {
    background: #cd3131;
}

.nomore {
    background: #cbcbcb !important;
    color: #7a7a7a !important;
}

div.toolalerts, div.toolcomments, div.toolpagecomments {
    background: url('/imgs/editMode.png') center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.disabledPseudo::before {
    transform: translate(-50%, -50%);
    content: 'DESACTIVADO';
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    color: #ababab;
    opacity: 0.6;
}

div.title-alert {
    margin: -16px -10px 10px -10px;
    background: #ffd397 url('/imgs/warning.png') 10px center no-repeat;
    position: relative;
    padding: 15px 15px 15px 55px;
    font-size: 15px;
    color: #ef7900;
    background-size: 36px;
}

div#news-form-wrapper {
    display: block;
    width: 100%;
}

div#news-form-wrapper .c1 {
    width: 208px;
    height: 210px;
    float: left;
    position: absolute;
}

div#news-form-wrapper .c2 {
    float: left;
    width: 100%;
    padding-left: 216px;
}

div#news-form-wrapper .c1 img {
    cursor: pointer;
    box-shadow: 0px 0px 3px #c0c0c0;
    border: 4px solid #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.flipcatshold {
    padding: 7px;
    overflow-x: scroll;
    white-space: nowrap;
}

ul.flipcatshold li {
    margin-right: 4px;
    background: #B51B1C;
    color: #ffffff;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    padding: 3px 10px;
    font-size: 13px;
    cursor: pointer;
}

div.news-wrapper {
    box-sizing: border-box;
    padding: 10px;
    width: 70%;
    float: left;
    border-right: 1px solid #c0c0c0;
}

div.last-news {
    box-sizing: border-box;
    width: 30%;
    padding: 10px;
    float: right;
}

div.news-wrapper img {
    max-width: 100%;
}

h1.newstitle {
    font-size: 30px;
    color: #505050;
    font-weight: bold;
}

ul.newsdata {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 6px;
    margin-bottom: 30px;
}

ul.newsdata li {
    display: inline-block;
    color: #999;
    font-size: 13px;
}

h2.mini-title {
    display: block;
    margin: 10px 0px;
    font-size: 20px;
    color: #505050;
}

div.thum-news {
    width: 80%;
    text-align: center;
    margin: 20px auto;
    background: #fff;
    box-shadow: 0px 2px 3px #c0c0c0;
}

div.thum-news img {
    object-fit: cover;
    width: 100%;
    height: 150px;
}
div.thum-news span {
    display: block;
    padding: 10px;
    font-size: 13px;
    color: #4b4b4b;
}

ul.tags {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.tags li {
    display: inline-block;
}

ul.tags li a {
    border-radius: 3px;
    background: #c9181d;
    padding: 6px;
    display: block;
    font-size: 13px;
    color: #ffffff;
}

div.comment-user-form, div.comment-wrapper{
    display: block;
    width: 100%;
    overflow: hidden;
}


div.comment-user-form img, div.comment-wrapper img {
    object-fit: cover;
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
}

div.comment-user-form div {
    display: block;
    float: left;
    padding: 21px;
}

div.comment-user-form div p:first-child {
    font-size: 13px;
    color: #c0c0c0;
    font-style: italic;
}

div.comment-user-form div p:last-child {
    font-size: 18px;
}

textarea.commentbox {
    width: 100%;

    resize: none;

    margin-top: 15px;

    padding: 15px;

    box-sizing: border-box;

    border: 1px solid #c0c0c0;

    background: #ffffff;
}

div.comment-form {
    margin-top: 10px;
}

div.comment-form span {
    float: left;
    display: block;
    font-size: 11px;
    padding: 13px;
    background: #ffffd3;
    border-radius: 10px;
    color: orange;
}

div.comment-wrapper {
    margin: 10px 0px;
    position: relative;
    border-bottom: 1px solid #e7e7e7;

    padding: 10px;
}

div.comment-wrapper div {
    float: left;
    padding: 10px;
}

div.comment-wrapper div span, div.comment-wrapper div b {
    display: block;
}
div.comment-wrapper div span {
    font-size: 13px;
    margin-top: 3px;
}

div.message {
    padding: 10px;
    margin: 10px 0px;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
}

div.success {
    background: #bbffae;
    border: 1px solid #7eee81;
    color: #42744b;
}

div.error {
    background: #ab2b2b url('/imgs/failicon.png') 5px 9px no-repeat;
    border: 1px solid #ab2b2b;
    color: #fcc2b9;
    padding-top: 40px;
    background-size: 23px;
}

div.error::before {
    content: 'Atienda los siguientes errores';
    position: absolute;
    top: 9px;
    left: 35px;
    font-size: 20px;
    color: #fce6e6;
}

div.error p {
    border-bottom: 1px solid #b33333;
    padding: 9px 0px;
}

ul.list-categories {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.list-categories li {
    display: block;
}

ul.list-categories li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    color: #a54747;
}

ul.list-categories li a:hover {
    color: #8d3d3d;
}

div.item-new {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 10px 0px;
    background: #fff;
    box-shadow: 0px 2px 3px #c0c0c0;
    position: relative;
    height: 150px;
    color: #2e2e2e;
}
.item-new.disabledPseudo {
    opacity: 0.7;
    background: #ededed;
}

div.item-new img {
    object-fit: cover;
    width: 150px;
    height: 150px;
    position: absolute;
    left:0px;
    top:0px;
}

div.item-new div {
    padding: 10px 10px 10px 160px;
    float: left;
    width: 100%;
}

div.item-new div b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

div.item-new div p {
    font-size: 14px;
}

div.item-new div ul {
    margin-bottom: 10px;
}



div.paginator-component{
    display: table;
    position: relative;
    margin: 10px;
    float: right;
    clear: both;
}

div.paginator-component strong{
    background-color: #B51B1C;
    min-width: 20px;
    height: 15px;
    display: table;
    text-align: center;
    padding: 4px 8px 3px 8px;
    font-size: 75%;
    margin:2px;
    float:left;
    color: #FFF;
    border: 1px solid transparent;
    border-radius:3px;
    -webkit-border-radius:3px;
}

div.paginator-component a{
    min-width: 20px;
    height: 15px;
    background-color: #FAFAFA;
    display: table;
    text-align: center;
    padding: 4px 8px 3px 8px;
    font-size: 75%;
    margin:2px;
    color: #777777;
    float:left;
    border:1px solid #D8D8D8;
    border-radius:3px;
    -webkit-border-radius:3px;
    text-decoration:none;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    cursor: pointer;
}


div.breadcum-component{
    display: table;
    position: relative;
    margin: 10px;
    clear: both;
}

div.breadcum-component strong{
    padding: 5px;
    color: #7d7d7d;
    font-size: 80%;
    display: table;
    float: left;
}

div.breadcum-component a{
    padding: 5px;
    color: #9d9d9d;
    text-decoration: none;
    font-size: 80%;
    display: table;
    float: left;
}

div.breadcum-component span{
    padding: 2px;
    color: #9d9d9d;
    float: left;
    display: table;
}


label.two-inside {
    float: left !important;
    width: 50% !important;
}

span.disablecomments {
    display: block;
    color: #969696;
    font-style: italic;
}

label.clearlabel {
    display: block;
    position: relative;
}

form[name="frmprofile"] label, form[name="frmpass"] label, form.page-form label {
    display: block;
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin: 0.5%;
    position: relative;
}
form.page-form label
{
    width: 100% !important;
}

form[name="frmprofile"] label input, form[name="frmprofile"] label select,
form[name="frmpass"] label input, form[name="frmpass"] label select
form.page-form label input, form.page-form label select
{
    width: 98%;
}

form[name="frmprofile"] label span, form[name="frmpass"] label span,
form.page-form label > span:first-child {
    display: block;
    font-size: 13px;
    margin-left: 10px;
    color: #616161;
}
form.page-form label > span:first-child
{
    font-size: 15px !important;
    margin-left: 0px;
    padding: 5px 0px;
}

#slcrepresentation {
    width: 35%;
    float: left;
}

#slcdistribuitor {
    width: 65%;
    float: left;
}

.clear {
    clear: both;
}

div.popAdsContent {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
}

div#popAdvertising {
    display: block;
    width: 100%;
    max-width: 1000px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 600px;
}

div#popAdvertising img, div#popAdvertising video {
    max-width: 100%;
    max-height:100%;

    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
}

table.scrollable
{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

form[name="frmforgot"]
{
    margin: 0px auto;
    width: 100%;
    max-width: 600px;
}

form[name="frmforgot"] input
{
    display: block;
    margin: 25px auto;
}

form[name="frmforgot"] input[type="text"], form[name="frmforgot"] input[type="password"]
{
    border: 1px solid #c0c0c0;
    padding: 10px;
    width: 100%;
    max-width: 300px;
    border-radius: 3px;
    background: #f2f2f2;
    box-shadow: 0px 0px 6px #d5d5d5;
    text-align: center;
}

form[name="frmforgot"] input[type="submit"]
{
    background: #cf2d2d;
    color: #ffffff;
    padding: 10px;
    width: 100%;
    border: 0px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    max-width: 321px;
}

.msg {
    padding: 20px 20px 20px 83px;
    background: #f6edcf url('/imgs/warning.png') 17px center no-repeat;
    border: 1px solid #f2e099;
    color: #b06f3b;
    font-size: 13px;
    line-height: 20px;
    background-size: 50px;
}

div#supplantmode {
    box-shadow: 0px 0px 6px #6e6e6e;
    z-index: 9999999999;
    background: #ff9000;
    color: #7a3213;
    font-size: 13px;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 9px;
}

a#supplantoff {
    display: block;
    position: absolute;
    background: #a33f0d;
    color: #f5d0a3;
    padding: 5px 10px;
    border-radius: 5px;
    right: 8px;
    top: 4px;
}

a#supplantoff:hover {
    background: #b8470f;
}

ul.tabdunique {
    margin: 0px auto;
    padding: 0px 0px 15px 0px;
    list-style: none;
    width: 100%;
    max-width: 1000px;
    white-space: nowrap;
    overflow-x: scroll;
}

ul.tabdunique li {
    display: inline-block;
}

ul.tabdunique li a {
    background: #3c3c3c;
    color: #ffffff;
    display: block;
    padding: 8px 10px;
    border-radius: 10px;
}

ul.tabdunique li a:hover, ul.tabdunique li a.target {
    background: #d51f20 !important;
}

.noregisters {
    text-align: center;
}


.big-bottom {
    margin-bottom: 20px;
}

ul.pagesAttachments {
    width: auto;
    clear: both;
    font-size: 13px;
    margin: 10px 0px;
    overflow: hidden;
}

ul.pagesAttachments li {
    display: block;
    padding: 10px;
    background: #fff9f9;
    border-bottom: 1px solid #ddcaca;
    border-radius: 3px;
    color: #766969;
    width: 99%;
    margin: 0.5%;
    box-sizing: border-box;
    float: left;
    position: relative;
    cursor: move;
}

ul.pagesAttachments li span
{
    margin-top: 8px;
    display: block;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
}



ul.pagesAttachments li select {
    padding: 3px;
    height: auto;
    background: #ffffff url("/imgs/select-arrow.png") no-repeat 97% center;
    background-size: 13px;
    border-radius: 5px;
    font-size: 10px;
    width: 100%;
}

div.addAttach {
    background: #820000;
    width: 20px;
    border: 0px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    float: right;
}

ul.pagesAttachments li:hover {
    border-bottom: 1px solid #ffe6e6;
    background: #ffe6e6;
}
ul.pagesAttachments img
{
    width: 80px;
    height: 80px;
}

.deleteAttach {
    position: absolute;
    color: #820000 !important;
    right: 13px;
    top: 0px;
    font-size: 13px !important;
    font-weight: bold;
    cursor: pointer;
}

a.delete
{
    cursor: pointer;
}

div.file-holder {
    box-shadow: 0px 1px 3px #cecece;
    width: 32.3%;
    float: left;
    margin: 0.5%;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    padding: 8px;
    position: relative;
}


div.file-holder img {
    display: block;
    width: 85px;
    height: 85px;
    background-size: contain;
    float: left;
    object-fit: cover;
    border-radius: 17%;
    position: absolute;
}
div.file-holder span {
    border-bottom: 1px solid #e7e7e7;
    padding: 0px 0px 10px 0px;
    display: block;
    text-align: left;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
}

div.file-holder div {
    width: 100%;
    padding-left: 90px;
}

div.file-holder b {
    padding: 6px 10px;
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #979797;
}

div.file-holder a.down {
    display: block;
    background: #c9181d;
    color: #ffffff;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    width: 92%;
    margin: 0px auto;
    border-radius: 6px;
    visibility: hidden;
    pointer-events: all;
}

div.file-holder:hover {
    background: #fff5f0;
}

div.file-holder:hover a.down {
    visibility: visible;
}

.items-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
}

.items-wrapper a {
    color: #2e2e2e;
}

.filtertooltip{
    cursor: pointer;
}

.min-directory {
    min-height: 400px;
}

.ndu-buttonner {
    overflow: hidden;
}
.ndu-btn {
    background: #3c3c3c;
    color: #ffffff !important;
    padding: 9px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 6px;
}

.ndu-btn:hover {
    background: #456a84;
}


div.alerticon {
    box-shadow: 0px 2px 3px #505050;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    background: #fff;
    cursor: pointer;
    display: none;
    height: 25px;
    width: 25px;
    top: 58px;
    left: 56px;
}

.frmavatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    object-fit: cover;
}

.frmavatar input, .frmavatar .piclabel {
    display: none;
}

.seeallnews{
    top: 100px;
    position: absolute !important;
    right: 73px;
    max-width: 300px !important;
    display: block !important;
}



ul.profile-nav
{
    list-style: none;
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

ul.profile-nav li
{
    display: block;
}

ul.profile-nav li a
{
    display: block;
    padding:12px 10px 12px 30px;
    cursor: pointer;
    color: #595959 !important;
    opacity: 0.8;
}
ul.profile-nav li a:hover
{
    opacity: 1;
}

a#newpage, a#embed
{
    background-image: url('/imgs/ic_page.png');
    background-position:  7px center;
    background-repeat: no-repeat;
    background-size: 25px;
}

a#attach
{
    background-image: url('/imgs/ic_attach.png');
    background-position:  7px center;
    background-repeat: no-repeat;
    background-size: 25px;
}


a.ic_card
{
    background: url('/imgs/ic_card.png') center left no-repeat;
    background-size: 25px;
}

a.ic_email
{
    background: url('/imgs/ic_email.png') center left no-repeat;
    background-size: 25px;
}

a.ic_branch
{
    background: url('/imgs/ic_branch.png') center left no-repeat;
    background-size: 25px;
}

a.ic_whatsapp
{
    background: url('/imgs/ic_whatsapp.png') center left no-repeat;
    background-size: 25px;
}

a.ic_password
{
    background: url('/imgs/ic_pass.png') center left no-repeat;
    background-size: 25px;
}

table#calendar{
    box-shadow: 0px 1px 4px #c0c0c0;
    background: #ffffff;
    width:100%;
    margin:0px auto 50px auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-radius: 6px;
}
table#calendar thead tr {
    background: #E4E4E4;
    color: #303030;
}
table#calendar thead tr th{
    width:14.285714%;
    padding:10px;
    text-align:left;
    font-weight:normal;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

table#calendar tbody tr td{
    width:14.285714%;
    font-weight:bold;
    border: 1px solid #E4E4E4;
}

div.cell{
    width:100%;
    position:relative;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    overflow:auto;
}

div.cell:before{
    content:"";
    display:block;
    padding-top:80%;
}

div.cell:hover{
    background-color:#f2f2f2;
    cursor: pointer;
}

div.cell span{
    display:block;
    position:absolute;
    top:5px;
    left:5px;
    padding:5px;
    color:#000;
    font-size:0.80em;
    text-decoration:none;
    font-weight: bold;
}
.cell-today{
    border: 1px solid #F8EAE0;
    background: #F8EAE0;
}

div.calendar-events{
    width: 100%;
    position: absolute;
    top: 29px;
    left: 0%;
    display: table;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

div.calendar-events span {
    background: #B51B1C;
    padding: 3px;
    width: auto;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 3px;
    font-size: 10px;
    text-align: left;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: normal;
    box-shadow: 0px 1px 1px #e5e5e5;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 26px;
    line-height: 18px;
}

.break {
    display: block;
    clear: both;
}

.nextmonth, .beforemonth {
    position: absolute;
    top: 82px;
    font-size: 20px;
    color: #858585 !important;
}

.nextmonth:active, .beforemonth:active {
    color: #858585;
}

.nextmonth {
    right: 10px;
}

.beforemonth {
    left: 10px;
}

ul.tabmenu {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

ul.tabmenu li {
    display: inline-block;
}

ul.tabmenu li a {
    display: block;
    padding: 10px;
    color: #565656;
}

.gm-style-iw
{
    color: #000 !important;
}
a.tabon {
    border-bottom: 2px solid red;
    font-weight: bold;
}

.removemargin {
    margin: 0px !important;
}

div#hidden-menu {
    display:none;
}

.mapbtnholder
{
    display: none;
    margin: 0px auto;
    width: 140px;
}

.nextmap, .beforemap {
    border-bottom: 3px solid #c7111e;
    text-align: center;
    display: inline-block;
    color: #2e2e22;
    font-weight: bold;
    cursor: pointer;
}

div.item-section {
    display: block;
    width: 32%;
    margin: 0.5%;
    float: left;
    background: #c1000a;
    border-radius: 25px;
    color: #fff;
    position: relative;
    height: 70px;
}
div.item-section a {
    position: relative;
    color: #fff;
    display: block;
    height: 100%;
}

div.item-section img {

    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 85px;
    border-radius: 25px 0px 0px 25px;

}

div.item-section div {
    position: absolute;
    width: 100%;
    padding: 6px 6px 6px 90px;
    font-size: 14px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
}

.item-section .editMode {
    top: -12px;
    transform: none;
    left: -12px;
    padding: 0px;
    width: 20px;
}

.img-section
{
    border-radius: 10px;
    margin: 0px auto 28px auto;
    text-align: center;
    display: block;
    cursor: pointer;
    border: 3px solid #fff;
    box-shadow: 0px 1px 3px #c0c0c0;
    width: 91px;
    height: 81px;
    object-fit: cover;
}

table.tblprofile
{
    width: 100%;
    border-collapse: collapse;
    color: #585858;
    margin: 0px 3px;
    font-size: 0.8em;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 3px #e1e1e1;
}

div.wait
{
    background: #fff9cf url('/imgs/ic_clock.png') 98% center no-repeat;
    background-size: 20px;
    width: 120px;
    height: 25px;
    position: relative;
    border-radius: 5px;
    float: right;
}

div.wait:after {
    content: 'En espera';
    position: absolute;
    right: 53px;
    color: orange;
    top: 50%;
    transform: translateY(-50%);
}

table.tblprofile label
{
    width: 100%;
}

table.tblprofile tr
{
    border-bottom: 1px solid #f2f2f2;
}

table.tblprofile tr:first-child th
{
    font-weight: bold;
}

table.tblprofile tr a
{
    color: #c9181d !important;
}
table.tblprofile th, .tblprofile td
{
    font-weight: normal;
    text-align: left;
    padding: 10px;
}

table.tblprofile select
{
    border: 1px solid #c0c0c0;
    width: 100%;
    padding: 7px;
}

#addistri, #addgroup, #addemail
{
    text-align: right;
    display: block;
    cursor: pointer;
}

div[tabp]
{
    display: none;
}

select.slcsections
{
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    font-size: 0.7em;
}

img.miniloading, img.miniarrow
{
    width: 25px;
    height: 25px;
    display: none;
}

label.beutyinput
{
    width: 100%;
}

input.beutyinput, select.beutyinput {
    border: 1px solid #E6E6E6;
    background: #F6F6F6;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 8px;
    transition: 1s all;
    resize: none;
    border-radius: 4px;
    font-size: 13px;
}

input.beutyinput:focus, select.beutyinput:focus {
    box-shadow: 0px 0px 5px #C2C2C2;
    border: 1px solid #a8a8a8;
    background: #ffffff;
    outline: none;
}


@media screen and (max-width: 1155px) {
    .home2 .right-wrapper {
        max-width: 368px;
    }
}


@media screen and (max-width: 1122px) {
    div#topbar-wrapper ul {
        display: none;
    }

    div#hidden-menu {
        display: block;
    }
}

@media screen and (max-width: 865px) {
    div.tree
    {
        display: none;
    }
}

@media screen and (max-width: 850px) {

    h2.news-top
    {
        margin-top: 100px !important;
    }


    div.file-holder
    {
        width: 49%;
    }

    div#topbar-wrapper ul {
        display: none;
    }

    div.right-wrapper {
        right: 50%;
        transform: translateX(50%) !important;
    }

    div.left-wrapper {
        left: 50%;
        transform: translateX(-50%) !important;
    }

   /* #slcstate, div.home2 .right-wrapper {
        display: none;
    }*/

    div.home2 .right-wrapper
    {
        top: auto;
        bottom: 10px;
    }
    div.home2 h2, div.home2 p {
        display: none;
    }

    .mapbtnholder
    {
        display: block;
    }

    div#map
    {
        width: 100%;
    }
    .home2 #footer {
        display: none;
    }


    div.news-data-holder {
        left: 50%;
        transform: translateX(-50%) !important;
    }

    div.services span.list {
        background: none;
        display: block;
        float: left;
        width: 16%;
        font-size: 80%;
        text-align: center;
    }

    div.services .short-left {
        max-width: 100% !important;
        width: 100% !important;
        top: 19% !important;
        left: 50% !important;
        border-bottom: 3px solid #fff;
    }

    div.services .right-wrapper {
        width: 100%;
        top: 168px;
        pointer-events: none;
    }

    div.service-item {
        width: 18%;
    }

    div.services .title {
        display: none;
    }

    div.services .phara {
        display: none;
    }

    div.services .biggest {
        max-width: 90%;
    }

    div.news-wrapper {
        width: 100%;
        float: none;
        border-right: 0px;
    }

    div.last-news {
        width: 100%;
        float: none;;
    }

    div.alert-wrapper {
        left: 0%;
        float: none;
        padding: 0px;
        overflow: hidden;
        padding-bottom: 40px;
    }

    ul#alertsPaginator {
        bottom: -265px;
        top:auto;
        right: 0px;
    }

    div.alerticon {
        display: block;
    }

    div#clock-wrapper {
        display: none;
    }
    .seeallnews {
        right: 50%;
        transform: translateX(50%);
        top: auto;
        bottom: 50px;
    }

}

@media screen and (max-width: 705px) {
    div.services span.list {
        width: 33%;
    }

    div.services .right-wrapper {
        top: 220px;
    }

    div.service-item {
        width: 23%;
        margin: 10px 1%;
    }

    div.service-item span {
        font-size: 10px;
    }

    #footer
    {
        width: 90%;
        text-align: center;
    }

}

@media screen and (max-width: 650px)
{
    div.item-section {
        width: 99%;
    }

    div.tri-bottom {
        border: 0px;
    }



    div.regform-wrapper {
        height: 330px;
    }

}


@media screen and (max-width: 540px) {
    div.file-holder
    {
        width: 99%;
    }

    div.right-wrapper, div.left-wrapper {
        width: 90%;
    }

    .logo-x {
        width: 237px;
    }

    div#admin-tool {
        width: 90%;
        right: 50%;
        padding: 0px;
        background: #272727;
        transform: translateX(50%);
    }

    div#admin-tool a {
        float: none !important;
        font-size: 13px;
        margin: 7px;
    }
}

@media screen and (max-height: 650px) {

    div.new-item
    {
        width: 244px;
        height: 226px;
        font-size: 10px;
    }

    div.new-item img
    {
        height: 128px;
    }


    div.news-data-holder {
        top: 110px;
        font-size: 13px;
    }

    .phara {
        font-size: 13px !important;
    }

    div#footer {
        width: 99%;
        text-align: center;
        font-size: 13px;
    }


    .home2 #footer {
        text-align: right !important;
        right: 3% !important;
        left: auto !important;
        width: auto !important;
    }


    .companyicon {
        width: 70px;
        height: 70px;
        background-size: contain;
    }

    .home1 span.list {
        display: block;
        float: left;
        font-size: 13px;
        width: 50%;
    }

    .btnline {
        display: block !important;
        max-width: 140px;
        text-align: center;
        clear: both;
    }


}

@media screen and (max-height: 585px) {

    form.contactform
    {
        margin: 85px auto;
        height: 70%;
        max-height: 380px;
        overflow-y: scroll;
        z-index: 2;
    }
    div#carrousel-wrapper div[item] h2
    {
        font-size: 24px;
    }
    div#footer
    {
        z-index: 1;
    }
}


.tabs-menu {
    padding: 0px;
    list-style: none;
    border-bottom: 3px solid #df1111;
}

.dis-tab {
    border-bottom: 3px solid #4f4f4f;
}

.tabs-menu li {
    display: inline-block;
}

.tabs-menu li a {
    display: block;
    background: #8d0b0f;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 10px 10px 0px 0px;
}

.dis-tab li a {
    background: #4f4f4f;
}

a.ontab {
    background: #df1111 !important;
}


div#soak {
    display: none;
}

.help {
    padding: 15px 15px 15px 35px;
    background: #fff3e1 url('/imgs/warning.png') 10px center no-repeat;
    border-radius: 10px;
    margin-bottom: 17px;
    font-size: 13px;
    color: #ef7900;
    border: 1px solid #ffedc0;
    background-size: 19px;
}

iframe#soakiframe {

    padding-top: 50px;
    border: 0px;
}

div#iframe_navigation {
    box-shadow: 0px 3px 3px #c0c0c0;
    position: absolute;
    background: #bb0007;
    width: 100%;
    height: 50px;
    top: 0px;
    left: 0px;
}

div#iframe_navigation a.back {
    color: #ffffff;
    padding: 15px;
    display: block;
    cursor: pointer;
}

div.scroll-indicator
{
    transform: translateY(-50%);
    position: fixed;
    width: 10px;
    right: 1%;
    top: 50%;
    z-index: 9;
}

div.scroll-indicator span
{
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 10px;
    cursor: pointer;
}

div.scroll-indicator span.on
{
    background: rgba(255, 255, 255, 0.5);
}

div.moving
{
    background: #ffc184 url('/imgs/warning.png') 10px center no-repeat;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 999;
    width: 100%;
    padding: 10px 40px;
    background-size: 22px;
    border-bottom: 1px solid #f69c41;
}

h2.liner-title
{
    padding: 10px;
    color: #585858;
    clear: both;
    display: block;
    font-size: 1.5em;
    font-weight: normal;
}

p.ppa
{
    padding: 0px 10px;
    font-size: 0.9em;
    color: #6b6b6b;
}

hr.line
{
    border: 0px;
    border-bottom: 1px solid #cbcbcb;
}

span.title-separator
{
    display: block;
    clear: both;
    padding: 20px 10px;
    font-size: 0.8em;
    color: #686868;
    font-weight: bold;
    margin-top: 20px;
}

@media screen and (max-width: 525px)
{
    table#calendar thead tr th span
    {
        display: none;
    }

    .nextmonth, .beforemonth
    {
        top: 128px;
    }
}

.whterms {
    font-size: 12px;
    width: auto !important;
    float: none !important;
    padding: 10px;
    border: 1px dashed #ffc84b;
    background: #fff9cf;
}

.whterms input
{
    width: auto !important;
    margin: 0px 6px !important;
}

.whterms a
{
    cursor: pointer;
}

div.termsbg {
    background: url('/imgs/road_bg.png') center bottom;
    background-size: cover;
    min-height: 100%;
    width: 100%;
}

img.logo-t
{
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -100px
}

div.termshold {
    box-shadow: 0px 0px 14px #dadada;
    transform: translate(-50%, -50%);
    background: #ffffff;
    max-width: 800px;
    position: absolute;
    text-align: justify;
    color: #535353;
    width: 100%;
    top: 50%;
    left: 50%;
    height: 330px;
}
div.termshold .body
{
    padding: 20px;
    height: inherit;
    overflow: auto;
}

div.termsbtns {
    max-width: 800px;
    width: 100%;
    position: absolute;
    bottom: 63px;
    left: 50%;
    transform: translatex(-50%);
}

a.btnterms {
    display: inline-block;
    padding: 10px;
    background: #96211a;
    color: #FFFFff;
    width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.cancelter {
    background: #7a7a7a !important;
}

h1.termstitle
{
    font-size: 25px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

div.popwterms
{
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow-y: scroll;
    display: none;
}

div.popwterms span
{
    color: #ffffff;
    display: block;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

div.popwterms img
{
    max-width: 800px;
    width: 100%;
    margin: 20px auto;
    display: block;
}

ul.page-menu
{
    list-style: none;
    position: absolute;
    width: 200px;
    top: -1px;
    left: -200px;
}

ul.page-menu li
{
    display: block;
}

ul.page-menu li a
{
    display: block;
    padding: 15px 25px 15px 38px;
    font-weight: bolder;
    font-size: 14px;
    color: #3e3e3e !important;
    cursor: pointer;
}

a.tabped
{
    background-color: #fbfbfb;
    box-shadow: -7px 0px 9px #ebebeb;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div.page-menu-wrap
{
    width: 200px;
}


.shadow-line
{
    box-shadow: -5px 6px 8px #ebebeb;
    border: 1px solid #ddd;
}

div[page-menu]
{
    display: none;
}

#main-container div.sitewrap ul
{
    margin-left: 20px !important;
}





div.pp-tooltip, div.ms-tooltip {
    box-shadow: 0px 0px 3px #9E9E9E;
    background: #ffffff;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    position: absolute;
    padding: 5px;
    width: 100%;
    left: 0px;
    z-index: 99;
}

div.ms-tooltip {
    overflow-y: scroll;
    height: 150px;
    bottom: -150px;
}

div.item-ms {
    border-bottom: 1px solid #d2d2d2;
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
    display: block;
}
div.item-ms input {
    float: left;
}

div.txtprofilepicker input, input.ms-txt {
    display: none;
}

div.txtprofilepicker span, div.multiselector span.plholder {
    background: url('../imgs/arrowSelect.png') center right no-repeat;
    padding: 2.2px 5px;
    text-overflow: ellipsis;
    font-size: 12px !important;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #747474;
    width: auto;
    height: 18px;
    padding-right: 30px;
}

div.txtprofilepicker, div.multiselector {
    box-sizing: border-box;
    position: relative;
    background: #DDDDDD;
    border: 0px;
    height: 36px;
    border-radius: 3px;
    padding: 8px;
    transition: 0.5s;
    width: 100%;
}

p.mktlegend
{
	padding: 20px;
	text-align: center;
	font-weight: bold;
}

div.txtprofilepicker:hover, div.multiselector:hover {
    background: #ffffff;
    box-shadow: 0px 0px 3px #9E9E9E;
}

a.gray
{
    background: #3e3e3e !important;
}

a.gray:hover
{
    background: #545454 !important;
}

#btnexceldw
{
    display: none;
}

div.col-state
{
	width: 300px;
	display: inline-block;
}

div.state-tbl
{
	padding: 20px;
	white-space: nowrap;
	overflow-x: scroll;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 3px #ddd;
}


ul.social-links
{
	display: block;
	float: right !important;
	margin: 13px;
	padding: 0;
}


ul.social-links li
{
	display: inline-block;
}

ul.social-links li a
{
	background-size: cover;
	display: block !important;
	width: 40px;
	height: 40px;
	padding: 0 !important;
}

ul.social-links li a:hover:after
{
	width: 0 !important;
}
ul.social-links li a span
{
	display: none;
}

a.facebook
{
	background: url('/imgs/ic_facebook.png') center no-repeat;
}

a.youtube
{
	background: url('/imgs/ic_youtube.png') center no-repeat;
}

.marksread
{
	position: absolute;
	right: 25px;
	top: 30px;
	z-index: 9999;
	color: #fff;
	background: #d10a22;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 15px;
}

.box-home
{
	display: grid;
	grid-template: repeat(4, 1fr) / repeat(4, 1fr);
	gap: 20px;
}

.box-home div {
	position: relative;
	font-size: 0.8em;
}

.box-home img {
	border-radius: 10px;
	width: 100%;
	height: 150px;
}

.box-home .white-block {
	padding: 0px;
}

.disble {
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 33%;
	font-weight: bold;
	pointer-events: none;
}