#Ma_body *{box-sizing: border-box;-webkit-box-sizing: border-box;}
#Ma_body a{text-decoration: none;outline: none;}
#Ma_body a.or_link{text-decoration: underline;}
#Ma_body button, #Ma_body select, #Ma_body textarea, #Ma_body input{outline: none;}
body#Ma_body{background: #444;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400;color: #303030;}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('font/HelveticaNeueBold.eot');
    src: url('font/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaNeueBold.woff2') format('woff2'),
        url('font/HelveticaNeueBold.woff') format('woff'),
        url('font/HelveticaNeueBold.ttf') format('truetype'),
        url('font/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('font/HelveticaNeueRegular.eot');
    src: url('font/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaNeueRegular.woff2') format('woff2'),
        url('font/HelveticaNeueRegular.woff') format('woff'),
        url('font/HelveticaNeueRegular.ttf') format('truetype'),
        url('font/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('font/HelveticaNeueMedium.eot');
    src: url('font/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaNeueMedium.woff2') format('woff2'),
        url('font/HelveticaNeueMedium.woff') format('woff'),
        url('font/HelveticaNeueMedium.ttf') format('truetype'),
        url('font/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

.left{float: left;}
.right{float: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

#Ma_body header{float: left;width:100%;}
#Ma_body header .right img{max-height: 85px;}
.ma_forms{float: left;width:100%;display: flex;flex-wrap: wrap;margin-top:15px;}
.ma_forms ul{list-style: none;padding: 0;margin: 0; }
.ma_forms .col-36{width: 36%;float: left;padding: 0 10px;}
.ma_forms .col-32{width: 32%;float: left;padding: 0 10px;position: relative;}
.ma_forms .divider{position: absolute;
    right: -30px;
    height: 60px;
    width: 60px;
    background: #fff;
    z-index: 1;
    border-radius: 50%;
    top: 50%;
    text-align: center;
    line-height: 53px;
    border: 1px solid #c5c5c6;
    margin-top: -19px;
    font-size: 23px;
    box-shadow: 0 0 5px #666;
}
.ma_forms .detail ul{padding: 30px 18px;width: 100%;}
.ma_forms .detail ul li{margin-bottom: 27px;width: 100%;position: relative;padding-left: 27px}
.ma_forms .detail ul li:before{content: '';border:1px solid #e6d670;border-radius: 3px;display: block;height: 18px;left: 0;position: absolute;top: 0px;width: 18px;
background: url(../images/check-ryt.png) no-repeat 0 2px;background-size: 16px;}
.ma_forms form{padding: 0 25px 18px;}
.ma_forms form li input{width:100%;padding:8px 12px 8px 29px;margin-bottom: 16px;font-size: 12px;border: 1px solid #cacaca;border-radius: 3px;background-repeat: no-repeat;background-position: 7px 7px;}
.ma_forms form li.user_nm input{background-image: url(../images/contact.png);}
.ma_forms form li.pwd input{background-image: url(../images/lock.png);}
.ma_forms form li.stn-code input{background-image: url(../images/directry.png);}
.ma_forms form li.cnm input{background-image: url(../images/company.png);}
.ma_forms form li.cweb input{background-image: url(../images/world.png);}
.ma_forms form li.con_per input{background-image: url(../images/contact.png);}
.ma_forms form li.phone input{background-image: url(../images/phone.png);}
.ma_forms form li.email input{background-image: url(../images/email.png);}

.ma_forms form button{width:100%;border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px;font-size:13px; padding: 13px; display:inline-block;box-shadow: 0px 2px 4px #666;margin-top: 11px;
 background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc72f), to(#febf04));font-weight: 600;font-family: 'Open Sans';cursor: pointer;
 background-image: -webkit-linear-gradient(top, #ffc72f, #febf04);
 background-image: -moz-linear-gradient(top, #ffc72f, #febf04);
 background-image: -ms-linear-gradient(top, #ffc72f, #febf04);
 background-image: -o-linear-gradient(top, #ffc72f, #febf04);
 background-image: linear-gradient(to bottom, #ffc72f, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

.ma_forms form button:hover{
 border:none;background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#ce9a01));
 background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: -o-linear-gradient(top, #ffc92b, #ce9a01);
 background-image: linear-gradient(to bottom, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);
}
.ma_forms h3{text-align: center;font-size: 21px;font-weight: 500;}
.ma_forms .border-div{border: 3px solid #929292;border-radius: 5px;background: #fff;height: 100%;}


/* Popup css */
.ma_popup{display: none;width: 100%;height: 100%;z-index: 99;float: left;text-align: center;position: fixed;top: 0;left: 0; right: 0; bottom: 0;}
.ma_popup:after{content: '';background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.ma_popup:before {content: ''; display: inline-block; height: 100%;vertical-align: middle; margin-right: -4px;}
.ma_popup .popup_content{background: #fff;max-width: 600px;min-width: 500px;position: relative;margin:0 auto;border-radius: 5px;box-shadow:0 4px 9px #555; z-index: 2;display: inline-block; text-align: left; vertical-align: middle;}
.ma_popup .ma_header{padding: 15px;border-bottom: 1px solid #eee;}
.ma_popup .ma_header h3{margin:0;}
.ma_popup .ma_header .close{position: absolute;right: 0;top: 0;width: 25px;height: 25px;background: #444;color: #fff;text-align: center;font-size: 13px;line-height: 23px;}
.ma_popup .ma_header .close:hover{background: #666;}
.ma_popup .ma_body{padding: 15px;}
.ma_popup .ma_footer{padding: 15px;border-top: 1px solid #eee;text-align:right; }
.ma_popup .ma_footer button{background: #444;color: #fff;border: none;padding: 8px 15px;cursor: pointer;}
.ma_popup .ma_footer button:hover{background: #555;}
.ma_popup .ma_footer .cancel{background: #aaa;}
.ma_popup .ma_body .thank h2{margin-top: 0px;} 

.ma_listing .filter-strip{float: left;width: 40%;margin-bottom: 20px;}
.ma_listing .filter-strip .filter{    float: left;
    padding: 8px 15px;
    border: 1px solid #c4cdd5;
    width: 130px;
    background: white;
}
.ma_listing .filter-strip .filter select{color: #444;}
.ma_listing .filter-strip .filter:active, .ma_listing .filter-strip .filter:focus{border-color: :444;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05), 0 0 0 1px #444;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.05), 0 0 0 1px #444;}
.ma_listing .filter svg{margin-left: 2px;}
.ma_listing .filter-strip .f-search{float: left;
    padding: 0px 15px;
    border: 1px solid #c4cdd5;
    width: calc(100% - 130px);
    height: 100%;
    padding: 8px 27px;
    background: white;}
.ma_listing .search-icon{position: absolute;
    padding: 6px 10px;
    font-size: 20px;}
.ma_listing .f-search select{border: none;padding: 10px 0 8px 10px;width: calc(100% - 18px);float: left;}


.ma-footer{width:100%;float: left;padding: 14px 0 0;}
.ma-footer *{color: #fff;font-size: 14px;}
.ma-footer p{margin: 0 0 10px;}
.ma-footer a{font-weight: 400;}
/*.ma-footer img{max-height: 52px;margin:10px 0 5px;}*/
.ma-footer .f_links{list-style: none;padding: 0;}
.ma-footer .f_links li{display: inline-block;padding: 0 10px 0 12px;}
.ma-footer .f_links li + li{border-left: 1px solid #fff;}
.loader {display: block;position: fixed;height: 100%;width: 100%;left: 0;top: 0;z-index: 100;background: rgba(255,255,255,0.7);}
.loader img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.g-recaptcha{transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:0 0;-webkit-transform-origin:0 0;}
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent;  border-radius: 4px;}
.alert-danger { color: #a94442; background-color: #f2dede;  border-color: #ebccd1;}
.ma_loginLogo {max-height: 96px; margin: 0 auto; display: block;}
.ma_forms .detail ul{ padding: 35px 15px;}
.ma_forms .detail ul li{margin: 27px 0;}
#Ma_body footer a:hover{color: white;text-decoration: underline;}
/*@media (max-width: 1206px) {
    .g-recaptcha{transform:scale(0.8);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;}
}*/

@media (max-width: 1206px) {
    .ma_forms .detail ul li{margin: 21px 0;}
    .g-recaptcha{transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media (max-width: 1100px) {
    .g-recaptcha{transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media (max-width: 768px) {
    .ma_forms .detail ul li{margin: 15px 0;}
    .ma_forms .detail ul { padding: 15px 15px;}
    .g-recaptcha{transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .ma_forms .col-36{width: 100%;}
    .ma_forms .col-32{width: 50%; margin-top: 15px;}
}
@media (max-width: 500px) {    
    .ma_forms .col-32{width: 100%;}
    .ma_forms .divider{right: 50%;top: 100%;margin: -10px -19px 0 0;font-size: 16px;}
    .ma_popup{margin: 8px;  width: auto;}
    .ma_popup .popup_content{min-width: 100%;position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}
    .ma_forms .divider { height: 45px; width: 45px;line-height: 44px;}
}