/* Minification failed. Returning unminified contents.
(856,1): run-time error CSS1019: Unexpected token, found '}'
 */
body {
    font-family: sans-serif;
    font-size: 16px;
    background-color: #2f3033;
}

a.logo{
    height: 100px;
}

/* Master all*/
#masterDiv{
    color: #FFFFFF;
}
/** Master nav*/
#masterDiv #masterNav {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 1030;
}

#masterDiv #masterNav #navBar{
    display: inline-flex;
    border: 2px solid transparent;
    width: 100%;
    font-weight: 100;
    /*background: #2f3033 url("/Content/images/mnMtlbk001.png") repeat 0;*/
    background: rgba(0,0,0,0.4);
    text-transform: uppercase;
    white-space: nowrap;
}

#masterDiv.mxMobile #masterNav #navBar #PnlMain{
    font-size: 60%;
}

#masterDiv.mxMobile #masterNav #navBar .navTitle img{
    height:60px;
}

#masterDiv #masterNav #navBar #PnlMain{
    margin: auto;
    padding-right: 5px;
}

#masterDiv #masterNav #navBar #PnlMain .RadNavigation_mexichanics ul{width: 100%;}

/*.RadNavigation_mexichanics .pgLgnIn .rnvText:before {content: "\E0B2";display: inline-block;font-family: 'TelerikWebUI';margin-right: 5px;vertical-align: top;}*/
.pgTitle {color: inherit; background-color:transparent; }
.pgTitle span.RadLabel {color: inherit; font-weight:400; font-size: 120%; }

.pgCnf .rnvText:before {content: "\E13a";display: inline-block;font-family: WebComponentsIcons;margin-right: 5px;vertical-align: top;}
.pgLgnIn .rnvText:before {content: "\E130";display: inline-block;font-family: WebComponentsIcons;margin-right: 5px;vertical-align: top;}
.pgLgnOut .rnvText:before {content: "\E131";display: inline-block;font-family: WebComponentsIcons;margin-right: 5px;vertical-align: top;}
.pgClient .rnvText {color: #b2b5b9; font-weight: 600; font-size: 85%;}
li.pgClient{padding-right:20px;}

/** Master Content*/
#masterDiv #mainContent, #masterDiv.mxMobile #mainContent {
    position: absolute;
    top: 6.8em;
    left: 0px;
    right: 0px;
}

#masterDiv #mainContent {
    top: 6.8em;
}

#masterDiv.mxMobile #mainContent {
    top: 4.4em;
}

#masterDiv #mainContent.hasTB {
    top: 9.6em;
}

#masterDiv.mxMobile #mainContent.hasTB {
    top: 7.0em;
}

/** Master footer*/
#masterDiv #mainContent footer {
    color: #b2b5b9;
}

#masterDiv #mainContent #footerGral {
    font-size: 90%;
    background-color: #000000;
    padding: 10px 20px;
    border-top: 1px solid;
        margin-top: 5px;
}

#masterDiv #mainContent footer {
    margin: 10px 60px;
    border-top: 1px solid #676d70;
    font-size: 80%;
}

#masterDiv #mainContent #footerGral .linkTo{
    display: inline-flex;
    vertical-align: middle;
    margin: 5px 10px;
    color: #FFFFFF;
    font-weight: 600;
}

#masterDiv #mainContent #footerGral .linkTo a, #masterDiv #mainContent #footerGral .linkTo a:hover, #masterDiv #mainContent #footerGral .linkTo a:visited{
    display: inline-flex;
    text-decoration: inherit;
}

#masterDiv #mainContent #footerGral .linkTo a:hover{
    color: #f5dd02;
}

#masterDiv #mainContent #footerGral .linkTo a img{
    height: 20px;
    margin-right: 10px;
    border: 1px solid #2f3033;
}

#masterDiv #mainContent #footerGral .linkTo a:hover img{
    border: 1px solid #f5dd02;
}

#masterDiv #mainContent #footerGral .linkTo a span{
}

#masterDiv #mainContent #footerGral .section h3 {
    color: #f51e2e;
    font-size: 140%;
    font-weight: 600;
}

#masterDiv #mainContent #footerGral .LinkBtn, #masterDiv #mainContent #footerGral .section span, #masterDiv #mainContent #footerGral a, #masterDiv #mainContent #footerGral a:visited {
    color: #cacccf;
}

#masterDiv #mainContent #footerGral .LinkBtn {
    margin: 15px 10px;
    padding: 10px 0px;
    display: inline-block;
}

#masterDiv #mainContent #footerGral a, #masterDiv #mainContent #footerGral a:hover, #masterDiv #mainContent #footerGral a:visited {
    text-decoration: inherit;
}

#masterDiv #mainContent #footerGral a:hover {
    color: #f5dd02;
    text-decoration: inherit;
}

#masterDiv #mainContent span.LBicon {
    font-family: WebComponentsIcons;
}

#masterDiv #mainContent #footerGral .LinkBtn span.LBicon {
    font-size: 200%;
    margin: 5px;
    padding: 10px;
    border-top: 1px solid rgba(255,255,255,0);
    border-left: 1px solid rgba(255,255,255,0);
    border-bottom: 1px solid rgba(255,255,255,0);
    border-right: 1px solid #ffa101;
    transition: border 0.6s, border-radius 0.6s, color 0.6s;
}

#masterDiv #mainContent #footerGral .LinkBtn div.LBPinfo, #masterDiv #mainContent #footerGral .LinkBtn div.LBinfo {
    vertical-align: middle;
    display: table-cell;
}

#masterDiv #mainContent #footerGral .LinkBtn a:hover div.LBinfo, #masterDiv #mainContent #footerGral .LinkBtn .LBa:hover div.LBinfo {
    color: #f5dd02;
}

#masterDiv #mainContent #footerGral .LinkBtn a:hover span.LBicon, #masterDiv #mainContent #footerGral .LinkBtn .LBa:hover span.LBicon {
    color: #FFFFFF;
    border: 1px solid #ffa101;
    border-radius: 10px;
}

#masterDiv #mainContent #footerGral .section{
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
}

/* ****** */

/*SCR CTRL*/
@media only screen and (min-width: 1025px) {
}

@media only screen and (min-width: 721px) and (max-width: 1024px) {
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
}

@media only screen and (max-width: 760px) {
    .pgTitle {
        /*display: none;*/
    }
}

@media only screen and (max-width: 480px) {
}
/***********/

@keyframes masterMnAnimNav {
    from {
        background-color: gold;
    }

    to {
        background-color: orange;
    }
}
/*
.RadNavigation_mexichanics .rnvRootGroupWrapper{border-color:#c22024 !important;color:#f1f2f3 !important;background-color:#cb2126 !important;background-image:linear-gradient(#db3f44,#cb2126) !important}
.RadNavigation_mexichanics .rnvRootLink{border-color:transparent}
.RadNavigation_mexichanics .rnvMore{border-color:#c22024;color:#f1f2f3;background-color:#cb2126;background-image:linear-gradient(#db3f44,#cb2126)}
.RadNavigation_mexichanics .rnvItem{border-color:#c22024;color:#f1f2f3;background-color:#cb2126;background-image:linear-gradient(#db3f44,#cb2126)}
.RadNavigation_mexichanics .rnvHovered.rnvMore,.RadNavigation_mexichanics .rnvHovered>.rnvRootLink{border-color:#c22024;color:#fff;background-color:#b51d22;background-image:linear-gradient(#d13439,#b51d22)}
.RadNavigation_mexichanics .rnvSelected.rnvMore,.RadNavigation_mexichanics .rnvSelected>.rnvRootLink,.RadNavigation_mexichanics .rnvExpanded>.rnvRootLink{border-color:#a81b1f;color:#f5dd02;background-color:#be1f24;background-image:linear-gradient(#cb2126,#be1f24)}
.RadNavigation_mexichanics .rnvSelected>.rnvRootLink:before,.RadNavigation_mexichanics .rnvExpanded>.rnvRootLink:before{content:"";width:100%;border-width:4px 0 0;border-style:solid;position:absolute;left:0;top:0}
.RadNavigation_mexichanics .rnvFocused.rnvMore,.RadNavigation_mexichanics .rnvFocused>.rnvRootLink{border-color:rgba(168,27,31,0.5);box-shadow:inset 0 0 3px rgba(168,27,31,0.5)}
.RadNavigation_mexichanics .rnvDisabled{cursor:default;opacity:1.0;}
.RadNavigation_mexichanics .pgTitle{background-color:transparent;background-image:unset;font-weight:600;}
.RadNavigation_mexichanics .pgLgnIn.rnvItem, .RadNavigation_mexichanics .rnvItem.pgClient, .RadNavigation_mexichanics .rnvItem.pgHelp {float: right}
.RadNavigation_mexichanics li.pgBrk{padding-left: 80px;cursor:default;color:transparent;}
.RadNavigation_mexichanics li.pgBrk.rnvHovered>.rnvRootLink,.RadNavigation_mexichanics li.pgBrk.rnvSelected>.rnvRootLink{cursor:default;border-color:transparent;color:transparent;background-color:transparent;background-image:linear-gradient(#db3f44,#cb2126)}
.radSkin_mexichanics .rnvPopup{border-color:#2d2220;color:#e2e8eb;background-color:#332724;padding:0}
.radSkin_mexichanics .rnvPopup .rnvHovered>.rnvLink{color:#a81b1f;background-color:#f5dd02}
.radSkin_mexichanics .rnvPopup .rnvSelected>.rnvLink,.radSkin_mexichanics .rnvPopup .rnvExpanded>.rnvLink{color:#000;background-color:#f5dd02}
.radSkin_mexichanics .rnvPopup .rnvFocused>.rnvLink{box-shadow:inset 0 0 3px 1px rgba(245,221,2,0.5)}
*/
.RadNavigation_mexichanics .rnvRootGroupWrapper{border-color:#c22024;color:#db3f44;background-color: rgba(0,0,0,0.3);}
.RadNavigation_mexichanics .rnvRootLink{border-color:transparent}
.RadNavigation_mexichanics .rnvMore{border-color:#c22024;color:#f1f2f3;background-color:#cb2126;background-image:linear-gradient(#db3f44,#cb2126)}
.RadNavigation_mexichanics .rnvItem{color:#ff1f26;font-weight: 800;}
.RadNavigation_mexichanics .rnvHovered.rnvMore,.RadNavigation_mexichanics .rnvHovered>.rnvRootLink{border-color:#c22024;color:#f5dd02;background-color:#b51d22;background-image:linear-gradient(#d13439,#b51d22)}
.RadNavigation_mexichanics .rnvSelected.rnvMore,.RadNavigation_mexichanics .rnvSelected>.rnvRootLink,.RadNavigation_mexichanics .rnvExpanded>.rnvRootLink{border-color:#a81b1f;color:#f5dd02;background-color:#be1f24;background-image:linear-gradient(#cb2126,#be1f24)}
.RadNavigation_mexichanics .rnvSelected>.rnvRootLink:before,.RadNavigation_mexichanics .rnvExpanded>.rnvRootLink:before{content:"";width:100%;border-width:4px 0 0;border-style:solid;position:absolute;left:0;top:0}
.RadNavigation_mexichanics .rnvFocused.rnvMore,.RadNavigation_mexichanics .rnvFocused>.rnvRootLink{border-color:rgba(168,27,31,0.5);box-shadow:inset 0 0 3px rgba(168,27,31,0.5)}
.RadNavigation_mexichanics .rnvDisabled{cursor:default;opacity:1.0;}
.RadNavigation_mexichanics .pgTitle{background-color:transparent;background-image:unset;font-weight:600;}
.RadNavigation_mexichanics .pgLgnIn.rnvItem, .RadNavigation_mexichanics .rnvItem.pgClient, .RadNavigation_mexichanics .rnvItem.pgHelp {float: right}
.RadNavigation_mexichanics li.pgBrk{padding-left: 80px;cursor:default;color:transparent;}
.RadNavigation_mexichanics li.pgBrk.rnvHovered>.rnvRootLink,.RadNavigation_mexichanics li.pgBrk.rnvSelected>.rnvRootLink{cursor:default;border-color:transparent;color:transparent;background-color:transparent;background-image:linear-gradient(#db3f44,#cb2126)}
.radSkin_mexichanics .rnvPopup{border-color:#2d2220;color:#f5dd02;background-color:#353438;padding:0}
.radSkin_mexichanics .rnvPopup .rnvHovered>.rnvLink{color:#ff1f26;background-color:#f5dd02}
.radSkin_mexichanics .rnvPopup .rnvSelected>.rnvLink,.radSkin_mexichanics .rnvPopup .rnvExpanded>.rnvLink{color:#000;background-color:#f5dd02}
.radSkin_mexichanics .rnvPopup .rnvFocused>.rnvLink{box-shadow:inset 0 0 3px 1px rgba(245,221,2,0.5)}

.RadButton_mexichanics.rbButton,.RadButton_mexichanics.rbButton.rbDisabled,.RadButton_mexichanics .rbSplitPart{border-color:#35434b;color:#f1f2f3;background-color:#cb2126;background-image:linear-gradient(#e03f44,#cb2126)}.RadButton_mexichanics.rbButton.rbHovered,.RadButton_mexichanics.rbButton.rbToggled.rbHovered,.RadButton_mexichanics.rbButton .rbHovered{border-color:#cd8100;color:#f5dd02;background-color:#cd8100;background-image:linear-gradient(#ffa101,#cd8100)}.RadButton_mexichanics.rbButton:focus{box-shadow:inset 0 0 5px rgba(205,129,0,0.5)}.RadButton_mexichanics.rbButton.rbSelected,.RadButton_mexichanics.rbButton.rbToggled,.RadButton_mexichanics.rbSelected .rbHovered{border-color:#cd8100;color:#713600;background-color:#ffa915;background-image:none}.RadButton_mexichanics.rbButton:hover,.RadButton_mexichanics.rbButton.rbHovered .rbSplitPart{border-color:#cd8100}.RadButton_mexichanics.rbButton.rbSelected,.RadButton_mexichanics.rbButton.rbSelected:active .rbSplitPart{border-color:#cd8100}.RadButton_mexichanics.rbCheckBox .rbText,.RadButton_mexichanics.rbRadioButton .rbText,.RadButton_mexichanics.rbToggleButton .rbText{color:#e2e8eb}.RadButton_mexichanics .rbToggleCheckboxChecked,.RadButton_mexichanics .rbToggleCheckboxFilled,.RadButton_mexichanics .rbToggleRadioChecked{color:#f5dd02}.RadButton_mexichanics.rbHovered .rbToggleCheckboxChecked,.RadButton_mexichanics.rbHovered .rbToggleCheckboxFilled,.RadButton_mexichanics.rbHovered .rbToggleRadioChecked{color:#a99901}.RadButton_mexichanics:focus .rbToggleCheckbox:before,.RadButton_mexichanics:focus .rbToggleRadio:before{box-shadow:0 0 1px 1px rgba(226,232,235,0.5)}.RadButton_mexichanics:focus .rbToggleCheckboxChecked:before,.RadButton_mexichanics:focus .rbToggleCheckboxFilled:before,.RadButton_mexichanics:focus .rbToggleRadioChecked:before{box-shadow:0 0 1px 1px rgba(245,221,2,0.5)}.RadButton_mexichanics.rbPrimaryButton{border-color:#c0af14;color:#fff;background-color:#c0af14;background-image:linear-gradient(#e8d41e,#c0af14)}.RadButton_mexichanics.rbPrimaryButton.rbHovered,.RadButton_mexichanics.rbPrimaryButton.rbToggled.rbHovered,.RadButton_mexichanics.rbPrimaryButton.rbFocused{border-color:#cd8100;color:#f5dd02;background-color:#cd8100;background-image:linear-gradient(#ffa101,#cd8100);box-shadow:none}.RadButton_mexichanics.rbPrimaryButton.rbSelected,.RadButton_mexichanics.rbPrimaryButton.rbToggled{border-color:#cd8100;color:#713600;background-color:#ffa915;background-image:none}.RadButton_mexichanics.rbPrimaryButton.rbDisabled{border-color:#c0af14;color:#fff;background-color:#c0af14;background-image:linear-gradient(#e8d41e,#c0af14)}

h3 {
    margin-left: 20px;
    font-weight: 400;
}

.MxDfltIGlryImg .rigDescriptionBox {
    color: rgb(255, 169, 21) !important;
    font-size: 120%;
}

.mxdfltop {
    margin-bottom: 10px;
    display: inline-flex;
}

.mxdflmed {
    /*background-color: #191818;*/
    padding-top: 15px;
    background: #2f3033 url("/Content/images/mxbgk001.png") repeat 0;
}

.mxdfltTtl {
    margin-left: -100px;
    font-size: 140%;
    background-color: rgba(0,0,0,0.4);
}

.imgs {
    height: 180px;
}

.mxdflMdpl{
    height: 450px;
}

.mxCtcMaindv {
    background-image: url("/Content/images/mxctCt01.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.mxCtcTtdv {
    font-size: 350%;
    padding: 60px 40px 10px 40px;
    font-weight: 600;
    position: relative;
}

.mxCtcImgdv {
    height: 400px;
    text-align: center;
    margin: 30px 15px 10px 15px;
    background: #000;
}
.mxCtcImgdv img{
    height: 100%;
}

.mxDftTopMn{
    width: 100%;
    height: 100%;
}

.mxDfTopIn {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
    display: flex;
    text-align: center;
}

.mxDfTopLft {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
    display: flex;
    text-align: left;
}

#masterDiv #mainContent .mxDfTopBrk {
    height: 7.6em;
}

#masterDiv.mxMobile #mainContent .mxDfTopBrk {
    height: 4.4em;
}

#masterDiv #mainContent.hasTB .mxDfTopBrk {
    height: 9.6em;
}

#masterDiv.mxMobile #mainContent.hasTB .mxDfTopBrk {
    height: 7.0em;
}

.mxDfTopBnr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26,31,36,0.34);
    background-image: url(/Content/images/bg-shape-11.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
}

.mxDfTopBcoBnr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.34);
}

.mxDfTThrBnr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.54);
}

.mxDftTop {
    background-image: url(/Content/images/engineARS6_1920.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}

.mxDftSec {
    background-image: url(/Content/images/mxCaFrntx01_1920.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60%;
    background-color: #fdfdfd;
    position: relative;
    height: 100%;
}

.mxDftThr {
    background-image: url(/Content/images/mcMB34490_1920.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}

.mxDftFrt {
    background-image: url(/Content/images/oil-pumpMXs_1920.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 60%;
    position: relative;
    height: 100%;
}

.mxDfTopImg {
    width: 600px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding-top: 80px;
}

.mxDfTopIn1 {
    padding-top: 110px;
    padding-bottom: 500px;
}

.mxDfTopIn2 {
    /*width: 50%;*/
}

.mxDFTopInTxt{
    padding-left: 260px;
    padding-right: 260px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mxDFTopLftTxt {
    padding-left: 60px;
    padding-right: 460px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mxDfTopTtle {
    font-size: 310%;
    font-weight: 600;
    line-height: 54px;
}

.mxDfTopTxt{
    font-size: 120%;
    margin-top: 15px;
}

.mxDftSec1{
}

.mxDftSec2 {
    background-color: #FFFFFF;
    color: #1c262c;
    font-weight: 600;
}

.mxDftSec3 {
    font-weight: 600;
}

.mxDftSec4 {
    background-color: #000000;
}

.mxDFInServ {
    display: inline-block;
    margin: 60px;
    font-size: 230%;
    color: #fdbb69;
}

.mxCtcSecInfo {
    background-color: rgba(255,255,255,0.5);
    color: #000000;
    font-size: 200%;
    padding: 60px 80px;
}

.mxCtcSecInfo a, .mxCtcSecInfo a:hover, .mxCtcSecInfo a:visited{
    color: inherit;
    text-decoration: inherit;
}

.mxCtcSec1 {
    padding-bottom: 80px;
    position: relative;
}

.mxDfSPVisAnim{
    visibility: visible;
}

.mxDfMXLgo {
    background-image: url(/Content/images/LogoMexichanicsWH.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    animation: mxDfLgoMx 2s alternate infinite;
    height: 100px;
    margin-top: 90px;
}

.mxPromDv {
    background-image: url("/Content/images/motor-768750_1920.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.mxPromDxv .RadImageGallery {
    width: 80%;
    max-width: 800px;
    max-height: 800px;
    display: inline-block;
}

.mxPromDxv .rigItemBox{
    height: inherit !important;
    /*width: 100%;*/
}

.mxPromDv .rigItemBox .rigActiveImage img{
    padding-top: 0px !important;
    /*width: 100%  !important;
    height: 100% !important;*/
    padding-left: 0px !important;
}

@media only screen and (min-width: 975px) and (max-width: 1204px) {
    .imgs {
        height: 140px;
    }

    .mxCtcTtdv {
        font-size: 270%;
    }
    .mxCtcSecInfo {
        font-size: 180%;
        padding: 55px 70px;
    }
    .mxCtcImgdv {
        height: 300px;
    }

    .mxCtcMaindv {
    }

    .mxDFTopInTxt {
        padding-left: 110px;
        padding-right: 110px;
    }

    .mxDFTopLftTxt {
        padding-left: 50px;
        padding-right: 50px;
    }
    .mxDfTopIn1 {
        padding-top: 80px;
        padding-bottom: 400px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 976px) {
    .imgs {
        height: 120px;
    }

    .mxCtcTtdv {
        font-size: 240%;
    }
    .mxCtcSecInfo {
        font-size: 160%;
        padding: 50px 60px;
    }
    .mxCtcImgdv {
        height: 260px;
    }

    .mxCtcMaindv {
    }

    .mxDFTopInTxt {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mxDFTopLftTxt {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mxDfTopIn1 {
        padding-top: 70px;
        padding-bottom: 300px;
    }
}

@media only screen and (min-width: 461px) and (max-width: 700px) {
    .imgs {
        height: 80px;
    }

    .mxCtcTtdv {
        font-size: 230%;
    }
    .mxCtcSecInfo {
        font-size: 140%;
        padding: 45px 50px;
    }
    .mxdfltTtl {
        margin-left: -140px;
        font-size: 100%;
    }

    .mxCtcImgdv {
        height: 200px;
    }

    .mxCtcMaindv {
    }

    .mxDfTopTtle {
        font-size: 190%;
        line-height: 34px;
    }

    .mxDfTopImg {
        width: 90%;
    }

    .mxDfTopIn {
        padding: 5px 5px 220px 5px;
    }

    .mxDFTopInTxt {
        padding-left: 40px;
        padding-right: 40px;
    }

    .mxDFTopLftTxt {
        padding-left: 60px;
        padding-right: 60px;
    }
    .mxDfTopIn1 {
        padding-top: 60px;
        padding-bottom: 250px;
    }
    .mxDFInServ {
        margin: 20px;
        font-size: 150%;
    }
}

@media only screen and (max-width: 460px) {
    .imgs {
        height: 80px;
    }
    .mxCtcTtdv {
        font-size: 200%;
    }
    .mxCtcSecInfo {
        font-size: 120%;
        padding: 40px 40px;
    }
    .mxdfltTtl {
        margin-left: -180px;
        font-size: 90%;
    }
    .mxdflMdpl {
        height: auto;
    }
    .mxdfltop{
        height:120px;
    }
    .mxCtcImgdv {
        height: 170px;
    }
    .mxCtcMaindv {
    }
    .mxDfTopIn1 {
        padding-top: 40px;
        padding-bottom: 200px;
    }
    .mxDfTopTtle {
        font-size: 180%;
        line-height: 28px;
    }
    .mxDFTopInTxt{
        padding-left: 5px;
        padding-right: 5px;
    }
    .mxDFTopLftTxt {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mxDFInServ {
        margin: 10px;
        font-size: 130%;
    }
}

@keyframes mxDfMveGr {
    from {
        color: rgba(28,38,44,0.0);
    }

    to {
        color: rgba(28,38,44,1.0);
    }
}

@keyframes mxDfMveWh {
    from {
        color: rgba(28,38,44,0.0);
    }

    to {
        color: rgba(255,255,255,1.0);
    }
}

@keyframes mxDfLgoMx {
    from {
        background-image: url(/Content/images/LogoMexichanicsWH.png);
    }

    to {
        background-image: url(/Content/images/LogoMexichanicsTR.png);
    }
}
.accOtrDiv, .accOtrTtl {
    margin-left: 100px;
}

.accOtrDiv {
    padding: 10px 0px 10px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 2px solid #f5dd02;
}

.accOtrDiv .innDiv{
   margin-bottom: 10px;
}

.accOtrDiv .innDiv .RadInput{
    width: 400px;
}

div.mxDiscl {
    font-size: 80%;
    color: #b2b5b9;
    padding-top: 20px;
}

.accOtrDiv .innDiv .rbCheckBox .rbText {
    color: inherit;
}

.mxOthers {
    padding-left: 30px;
}

div.mxDiscl a, div.mxDiscl a:visited {
    color: #f5dd02;
    text-decoration: inherit;
    width: 60%;
}

.accOtrDiv span.RadLabel{
    color: #f5dd02;
    display: block;
    padding-bottom: 5px;
}

.accOtrDiv .mxOthers span.RadLabel {
    color: inherit;
    font-weight: 700;
}

.accOtrDiv .riTextBox{
    border-radius: 4px;
}

.accOtrDiv span.RadLabel.AlrtTxt, .AlrtTxt {
    color: #f85757;
}

.accOtrDiv span.RadLabel.AlrtTxt, .accOtrDiv span.RadLabel.SuccTxt {
    font-size: 120%;
    padding-bottom: 20px;
}

.accOtrDiv span.RadLabel.SuccTxt {
    color: #f5dd02;
}

.accOtrDiv span.RadLabel.SpecTxt {
    color: #b0b0b0;
    font-size: 80%;
}

.accOtrDiv .spcfrMe{
    margin-bottom: 30px;
}

/*SCR CTRL*/
@media only screen and (min-width: 1025px) {
}

@media only screen and (min-width: 721px) and (max-width: 1024px) {
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
}

@media only screen and (max-width: 560px) {
    .accOtrDiv, .accOtrTtl {
        margin-left: 10px;
    }
    .accOtrDiv {
        padding: 5px 0px 10px 5px;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    .accOtrDiv .innDiv .RadInput{
    width: 90%;
}
}
}
/***********/
.RadGrid.NoBtns .rbButton, .RadGrid .rbButton.smType {
    border: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: inherit;
}

.RadGrid.NoBtns .rbButton {
    min-width: inherit;
    padding: 4px 4px;
}

.RadGrid.NoBtns .rbButton .rbText{
    display: none;
}

@media only screen and (max-width: 630px) {
    .RadGrid .rbButton.smType{
        min-width:inherit;
        padding: 4px 4px;
    }

    .RadGrid .rbButton.smType .rbText {
        display: none;
    }
}
.errorLbl, .RadLabel.errorLbl {
    font-size: 150%;
    color: #ffa101;
}

.RPnlBarFl.t-container{
    max-width:unset;
}

.alertTxt{
    color: red;
}

.tbInsert.rtbButton::before, .tbSave.rtbButton::before, .tbDelete.rtbButton::before,
.tbClose.rtbButton::before, .tbInsert.rtbInner::before, .tbSave.rtbInner::before,
.tbDelete.rtbInner::before, .tbClose.rtbInner::before,
.tbServ.rtbButton::before, .tbServ.rtbInner::before,
.tbParts.rtbButton::before, .tbParts.rtbInner::before,
.tbAdds.rtbButton::before, .tbAdds.rtbInner::before,
.tbCheck.rtbButton::before, .tbCheck.rtbInner::before,
.tbPrev.rtbButton::before, .tbPrev.rtbInner::before,
.tbNext.rtbButton::before, .tbNext.rtbInner::before,
.tbRefresh.rtbButton::before, .tbRefresh.rtbInner::before,
.tbExcel.rtbButton::before, .tbExcel.rtbInner::before,
.tbImage.rtbButton::before, .tbImage.rtbInner::before,
.tbSign.rtbButton::before, .tbSign.rtbInner::before,
.tbSf.rtbButton::before, .tbSf.rtbInner::before,
.tbSrv.rtbButton::before, .tbSrv.rtbInner::before,
.tbPrint.rtbButton::before, .tbPrint.rtbInner::before {
    font-family: WebComponentsIcons;
    margin-right: 5px;
    vertical-align: top;
    padding-right: 10px;
}

.tbInsert.rtbButton::before, .tbSave.rtbButton::before, .tbDelete.rtbButton::before,
.tbClose.rtbButton::before, .tbInsert.rtbInner::before, .tbSave.rtbInner::before,
.tbDelete.rtbInner::before, .tbClose.rtbInner::before,
.tbImage.rtbButton::before, .tbImage.rtbInner::before,
.tbSign.rtbButton::before, .tbSign.rtbInner::before,
.tbSf.rtbButton::before, .tbSf.rtbInner::before,
.tbSrv.rtbButton::before, .tbSrv.rtbInner::before,
.tbPrint.rtbButton::before, .tbPrint.rtbInner::before {
    display: inline-block;
}

.tbInsert.rtbButton::before, span.tbInsert.rtbInner::before {
    content: "\E11E" !important;
}

.tbDelete.rtbButton::before, span.tbDelete.rtbInner::before {
    content: "\E10C" !important;
}

.tbSave.rtbButton::before, span.tbSave.rtbInner::before {
    content: "\E109" !important;
}

.tbImage.rtbButton::before, span.tbImage.rtbInner::before {
    content: "\E653" !important;
}

.tbSign.rtbButton::before, span.tbSign.rtbInner::before {
    content: "\E648" !important;
}

.tbClose.rtbButton::before, span.tbClose.rtbInner::before {
    content: "\E113" !important;
}

.tbServ.rtbButton::before, span.tbServ.rtbInner::before {
    content: "\E13a" !important;
}

.tbParts.rtbButton::before, span.tbParts.rtbInner::before {
    content: "\E13c" !important;
}

.tbPrev.rtbButton::before, span.tbPrev.rtbInner::before {
    content: "\E007" !important;
}

.tbNext.rtbButton::before, span.tbNext.rtbInner::before {
    content: "\E005" !important;
}

.tbRefresh.rtbButton::before, span.tbRefresh.rtbInner::before {
    content: "\E103" !important;
}

.tbExcel.rtbButton::before, span.tbExcel.rtbInner::before {
    content: "\E90a" !important;
}

.tbAdds.rtbButton::before, span.tbAdds.rtbInner::before {
    content: "\E801" !important;
}

.tbCheck.rtbButton::before, span.tbCheck.rtbInner::before {
    content: "\E119" !important;
}

.tbCheck .rtbText{
    padding-left: 6px;
}

.tbSf.rtbButton::before, span.tbSf.rtbInner::before {
    content: "\e65f" !important;
}

.tbSrv.rtbButton::before, span.tbSrv.rtbInner::before, .rbSrv::before {
    content: "\e665" !important;
}

.tbPrint.rtbButton::before, span.tbPrint.rtbInner::before, .rbPrint::before {
    content: "\e10a" !important;
}

.rbSF::before {
    font-family: WebComponentsIcons;
    content: "\e65f";
}

.rbSrv::before {
    font-family: WebComponentsIcons;
    content: "\e665";
}

.mxMobile .RadToolBar.tbMobile {
    padding: 0px 4px;
}

.mxMobile .RadToolBar.tbMobile .rtbText {
    display: block;
    font-size: 70%;
}

.RadGrid_Glow .RadComboBox .rcbInput{
    color: inherit;
}

.ctrlFormTitle {
    color:#a9b5bf !important;
}

.RadCheckBox.ctrlFormTitle{
    padding: 1px 0
}

.RadCheckBox.ctrlFormTitle .rbIcon::before {
    font-size: 130%;
}

.ctrlForm.totalServ {
    margin-top: 20px;
    border-top: 1px solid gray;
    padding-top: 5px;
}

.ctrlForm.totalServ .RadLabel {
    color: #ffa915;
    font-size: 120%;
    font-weight: 600;
}

.ctrlForm.totalServ .RadLabel.notsoImp {
    color: inherit;
}

div.ctrlForm {
    padding-left: 10px;
    padding-bottom: 5px;
}
/****CAL****/
.RadCalendar.mexichanics{
    width: 100%;
}

.RadCalendar.mexichanics .rcMainTable {
    border-spacing: 4px;
}

.RadCalendar.mexichanics .rcWeek th{
    color: #ecaa37;
    text-transform: capitalize;
}

.RadCalendar.mexichanics .rcRow td{
    background-image: linear-gradient(#30414b,#1c262c);
    border-radius: 5px;
    border: 1px solid #545454;
    box-shadow: 1px 2px #2a2a2b;
}

.RadCalendar.mexichanics .rcRow td.rcSelected{
    background-image: linear-gradient(#ffa915,#cd8100);
}

.RadCalendar.mexichanics .rcRow td.rcSelected a{
    border-color: transparent;
    color: inherit;
    background-color: transparent;
}

.RadCalendar.mexichanics .rcRow td.rcOtherMonth{
    background-image: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.RadCalendar.mexichanics .CalHasInfo{
    color: #f5dd02;
    font-size: 80%;
}

.CalIsPaid, .CalIsPaid .rbSrv, .CalIsPaid .rbSF{
    color: #49f502 !important;
}

.CalIsScheduled {
    color: #f5dd02;
}

.RadCalendar.mexichanics .CalHasInfo span{
    color: #dc9314;
    padding: 0px;
}

.divTitle {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffa101;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 700;
}

select.mxClServ {
    border-color: #35434b;
    color: #e2e8eb;
    background-color: #1c262c;
    background-image: linear-gradient(#30414b,#1c262c);
    padding: 4px;
}

select.mxClServ option{
    color: #e2e8eb;
    background-color: #1c262c;
}

select.mxClServ option{
    color: #e2e8eb;
    background-color: #1c262c;
}

select.mxClServ option[selected]{
    color: #000;
    background-color: #ffa915;
}

.mxClServMsg, .RadLabel.mxClServMsg {
    color: #95a1a7;
    font-size: 85%;
}

.RadLabel.mxClServInrTtle {
    padding-left: 10px;
    color: #ffa101;
    text-transform: uppercase;
}

.mxQuoteMnDiv {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 150%;
    background-image: url("/Content/images/mxbgk001.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    padding-top: 60px;
    padding-bottom: 20px;
}

.mxQuoteMnDiv span{
}