@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

html,
body {

  font-family: 'Roboto', sans-serif;


}
.sroll {
    width: 100%;
    background: #fcfcfc;
    float: right;
    padding: 0 0;
    height: auto;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px #888
}

.scrolling_img {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0
}

.logo {
    width: 100%;
    padding: 10px
}

.certi img {
    width: 380px
}

#menu {
    width: 100%;
    height: auto;
    background: #e09652;
    padding: 0;
    margin: 0 auto;
    z-index: 9999999999
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    webkit-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s
}

.fa-arrow-right {
    font-size: 36px!important;
    font-weight: 100!important;
    text-align: center!important;
    margin-left: 5px;
    margin-top: -30px!important
}

.align {
    text-align: center
}

.flt {
    text-align: center!important;
    margin-left: -45px!important
}

.imag {
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%
}

.banner {
    width: 100%;
    background: url(../images/about.jpg) no-repeat;
    height: auto
}

.banner h2 {
    font-size: 40px;
    font-size-adjust: .58!important;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    text-align: center;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 2em
}

.breadcrumbs-main {
    width: 100%; top:30px; position:relative;
}
.breadcrumb>.active	{color:#e09652; text-decoration:underline; font-size:20px;  text-underline-position: under; text-transform:uppercase;}
.breadcrumbs-main li a{display:none;}
.breadcrumb>li+li:before{display:none;}

.breadcrumb {
    padding: 8px font-size: 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px
}

ol {
    float: none;
    list-style: decimal;
    padding-left: 15px
}

.breadcrumb>li {
    float: left;
    width: auto;
    font-size: 14px
}

.breadcrumb>li {
    display: inline-block
}

ol li {
    list-style: decimal;
    width: 100%
}

#footer {
    width: 100%;
    height: auto;
  font-family: 'Roboto', sans-serif;
    background: #e09652;
    font-weight: 400!important; position:relative; top:100px;
}

#footer .footer_inner {
    margin: 0 auto;
    padding: 5px 0px;
}

#footer .footer_inner .menu {
    padding: 0;
    height: auto;
    text-align: center;
	float:left;
}
#footer .footer_inner .menu ul{float:left; margin:0px;}

#footer .footer_inner .menu ul li {
    float: left;
    list-style: none;
    color: #fff;
    padding: 5px 40px 0 0;
    font-size: 18px;
    font-weight: 400!important
}
.mt{margin-top:40px;}
#footer .footer_inner .menu ul li a {
    float: left;
    list-style: none;
    color: #fff;
    font-weight: 400!important;
    letter-spacing: 1px
}

#footer .footer_inner .copy {
    float: right;
    color: #fff;
    font-size: 18px;     line-height: 24px;
}

#footer .footer_inner .copy a {
    color: #fff
}

.mcm-greetings {
    text-align: center;
    background-image: url(../images/back-img.png)!important;
    width: 516px;
    background-repeat: no-repeat!important;
    height: 574px
}

.att-linkicon-main {
    width: 500px;
    height: 574px;
    margin: auto;
    position: relative;
    margin-left: 44px
}

.att-link-icon {
    position: absolute;
    margin-left: 67px;
    margin-top: 0;
    cursor: pointer;
    text-align: center;
    width: 286px;
    height: 181px
}

.att-image-hover {
    z-index: -1
}

.att-link-icon-img {
    z-index: -1111111
}

.att-link-icon:hover {
    background: url(../images/att-icon-hover.png);
    z-index: 999999
}

.personal-link-icon {
    position: absolute;
    margin-left: 261px;
    margin-top: 45px;
    cursor: pointer;
    text-align: center;
    width: 207px;
    height: 215px
}

.personal-image-hover {
    z-index: -1
}

.personal-link-icon-img {
    z-index: -1111111
}

.personal-link-icon:hover {
    background: url(../images/personal-img.png);
    z-index: 999999
}

.approvel-link-icon {
    position: absolute;
    margin-left: 249px;
    margin-top: 258px;
    cursor: pointer;
    text-align: center;
    width: 218px;
    height: 214px
}

.approvel-image-hover {
    z-index: -1
}

.approvel-link-icon-img {
    z-index: -1111111
}

.approvel-link-icon:hover {
    background: url(../images/approvel-icon.png);
    z-index: 9999999
}

.company-link-icon {
    position: absolute;
    margin-left: 67px;
    margin-top: 321px;
    cursor: pointer;
    text-align: center;
    width: 275px;
    height: 188px
}

.company-image-hover {
    z-index: -1
}

.company-link-icon-img {
    z-index: -1111111
}

.company-link-icon:hover {
    background: url(../images/company-icon.png);
    z-index: 9999999
}

.reports-link-icon {
    position: absolute;
    margin-left: -44px;
    margin-top: 253px;
    cursor: pointer;
    text-align: center;
    width: 208px;
    height: 211px
}

.reports-image-hover {
    z-index: -1
}

.reports-link-icon-img {
    z-index: -1111111
}

.reports-link-icon:hover {
    background: url(../images/reports-icon.png);
    z-index: 9999999
}

.leave-link-icon {
    position: absolute;
    margin-left: -44px;
    margin-top: 46px;
    ursor: pointer;
    width: 200px;
    height: 208px
}

.leave-image-hover {
    z-index: -1
}

.leave-link-icon-img {
    z-index: -1111111
}

.leave-link-icon:hover {
    background: url(../images/leave-icon.png);
    z-index: 9999999
}

.emp-se-ser {
    position: absolute;
    margin-left: 125px;
    margin-top: 160px;
    cursor: pointer;
    text-align: center;
    width: 176px;
    height: 176px
}

.emp-se-ser-hover {
    z-index: -1
}

.emp-se-ser-img {
    z-index: -1111111
}

.emp-se-ser:hover {
    background: url(../images/emp-se-ser.png);
    z-index: 9999999
}

#contact button[type=submit],
#contact input[type=email],
#contact input[type=tel],
#contact input[type=text],
#contact input[type=url],
#contact textarea {
    font: 400 12px/16px Roboto, Helvetica, Arial, sans-serif;
    width: 100%;
	color:white;
}

#contact {
    padding: 0;
    margin: 0 auto;
    width: 100%!important;
    z-index: 99999999!important
}

#contact h3 {
    display: block;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #fff
}

#contact h4 {
    margin: 5px 0 font-size: 15px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

fieldset {
    border: medium none!important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%
}

#contact input[type=email],
#contact input[type=tel],
#contact input[type=text],
#contact input[type=url],
#contact textarea {
    width: 100%!important;
    border: 1px solid #ccc;
    background: 0 0;
    margin: 0 0 5px;
    padding: 10px
}

#contact input[type=email]:hover,
#contact input[type=tel]:hover,
#contact input[type=text]:hover,
#contact input[type=url]:hover,
#contact textarea:hover {
    -webkit-transition: border-color .3s ease-in-out;
    -moz-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    border: 1px solid #aaa
}

#contact textarea {
    height: 100px;
    max-width: 100%;
    resize: none
}

#contact button[type=submit] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #2482cd;
    color: #fff;
    margin: 0 0 5px;
    padding: 10px;
    font-size: font-size: 15px;
    border-radius: 5px
}

#contact button[type=submit]:hover {
    background: #43a047;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#contact button[type=submit]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
}

.copyright {
    text-align: center
}

#contact input:focus,
#contact textarea:focus {
    outline: 0;
    border: 1px solid #aaa
}

::-webkit-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

@media screen and (min-width:667px) and (max-width:1099px) {
    #footer .footer_inner .copy {
        float: none;
        width: 100%;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        clear: both;
        text-align: center
    }
}

@media screen and (min-width:480px) and (max-width:666px) {
	.mar-top{margin-top:40px !important	;}
    .mcm-greetings {
        text-align: center;
        background-image: url(../images/back-img.png) center center cover fixed;
        background-repeat: no-repeat;
        width: 100%!important;
        background-size: 100%;
        height: 580px;
        margin: 0!important
    }
    .att-linkicon-main {
        width: 100%;
        height: 100%;
        margin: 0!important
    }
    .att-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .att-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .att-link-icon-img {
        z-index: -1111111
    }
    .att-link-icon:hover {
        background: 0 0!important;
        z-index: 999999;
        background-repeat: no-repeat
    }
    .personal-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important;
        width: 100%;
        height: 100%
    }
    .personal-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .personal-link-icon-img {
        z-index: -1111111
    }
    .personal-link-icon:hover {
        background: 0 0!important;
        z-index: 999999
    }
    .approvel-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .approvel-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .approvel-link-icon-img {
        z-index: -1111111
    }
    .approvel-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .company-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .company-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .company-link-icon-img {
        z-index: -1111111
    }
    .company-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .reports-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .reports-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .reports-link-icon-img {
        z-index: -1111111
    }
    .reports-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .leave-link-icon {
        position: absolute;
        ursor: pointer;
        margin: 0!important
    }
    .leave-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .leave-link-icon-img {
        z-index: -1111111
    }
    .leave-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .emp-se-ser {
        position: absolute;
        cursor: pointer;
        text-align: center
    }
    .emp-se-ser-hover {
        z-index: -1
    }
    .emp-se-ser-img {
        z-index: -1111111
    }
    .emp-se-ser:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    #footer .footer_inner .copy {
        float: none;
        width: 100%;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        clear: both;
        text-align: center
    }
	.mar-top{margin-top:0px !important	; padding-left:30px;}
.trends1{text-align:center; margin-top:-40px;}
}

@media screen and (min-width:300px) and (max-width:480px) {
    .mcm-greetings {
        text-align: center;
        background-image: url(../images/back-img.png) center center cover fixed;
        background-repeat: no-repeat;
        width: 100%!important;
        background-size: 100%;
        height: 400px
    }
    .att-linkicon-main {
        width: 100%;
        height: 100%;
        margin: 0 -24px!important
    }
    .att-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .att-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .att-link-icon-img {
        z-index: -1111111
    }
    .att-link-icon:hover {
        background: 0 0!important;
        z-index: 999999;
        background-repeat: no-repeat
    }
    .personal-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important;
        width: 100%;
        height: 100%
    }
    .personal-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .personal-link-icon-img {
        z-index: -1111111
    }
    .personal-link-icon:hover {
        background: 0 0!important;
        z-index: 999999
    }
    .approvel-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .approvel-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .approvel-link-icon-img {
        z-index: -1111111
    }
    .approvel-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .company-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .company-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .company-link-icon-img {
        z-index: -1111111
    }
    .company-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .reports-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .reports-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .reports-link-icon-img {
        z-index: -1111111
    }
    .reports-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .leave-link-icon {
        position: absolute;
        ursor: pointer;
        margin: 0!important
    }
    .leave-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .leave-link-icon-img {
        z-index: -1111111
    }
    .leave-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .emp-se-ser {
        position: absolute;
        cursor: pointer;
        text-align: center
    }
    .emp-se-ser {
        position: absolute;
        cursor: pointer;
        text-align: center
    }
    .emp-se-ser-hover {
        z-index: -1;
        background: 0 0!important
    }
    .emp-se-ser-img {
        z-index: -1111111
    }
    .emp-se-ser:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .navbar-compact .navbar-logo {
        width: 80%!important;
        padding-right: font-size: 15px;
        padding-top: 0
    }
    .navbar-logo img {
     
        width:250px!important;
        margin-top: 10px;
        text-align: center; margin-left:30px;
 
    }
	.navbar-contact {display:none;}
    #footer .footer_inner .menu ul li {
        width: 100%;
        text-align: center
    }
    #footer .footer_inner .menu ul li a {
        width: 100%;
        clear: both;
        float: none;
        text-align: center
    }
    #footer .footer_inner .copy {
        float: none!important;
        width: 100%!important;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        text-align: center;
        clear: both
    }
    .service {
        border: 1px solid #4e4d4c;
        padding: 5px;
        width: 100%
    }
    .lst1 ul {
        list-style: none;
        line-height: 1.8;
        float: none;
        width: 100%!important;
        text-align: left
    }
    .lst1 li {
        list-style: none;
        line-height: 1.8;
        margin-left: -20px;
        width: 100%!important
    }
    .certi img {
        width: 100%
    }
.mar-top{margin-top:0px !important	; padding-left:30px;}
.trends1{text-align:center; margin-top:-40px;}
}

@media screen and (min-width:200px) and (max-width:300px) {
    .service {
        border: 1px solid #4e4d4c;
        padding: 5px;
        width: 100%
    }
    .service img {
        width: 100%
    }
    .navbar-compact .navbar-logo {
        width: 80%!important;
        padding-right: 0;
        padding-top: 0;
        margin: 0!important
    }
    .navbar-logo img {
        width: 220px!important;
        margin-top: 20px!important;
        text-align: center;
        vertical-align: baseline;
        margin: 0!important
    }
    .credential {
        padding: 10px;
        margin: 0!important
    }
    .mcm-greetings {
        text-align: center;
        background-image: url(../images/back-img.png) center center cover fixed;
        background-repeat: no-repeat;
        width: 100%!important;
        background-size: 100%;
        height: 250px;
        margin: 0!important
    }
    .att-linkicon-main {
        width: 100%;
        height: 100%;
        margin: 0 -63px!important
    }
    .att-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .att-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .att-link-icon-img {
        z-index: -1111111
    }
    .att-link-icon:hover {
        background: 0 0!important;
        z-index: 999999;
        background-repeat: no-repeat
    }
    .personal-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important;
        width: 100%;
        height: 100%
    }
    .personal-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .personal-link-icon-img {
        z-index: -1111111
    }
    .personal-link-icon:hover {
        background: 0 0!important;
        z-index: 999999
    }
    .approvel-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .approvel-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .approvel-link-icon-img {
        z-index: -1111111
    }
    .approvel-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .company-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .company-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .company-link-icon-img {
        z-index: -1111111
    }
    .company-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .reports-link-icon {
        position: absolute;
        cursor: pointer;
        text-align: center;
        margin: 0!important
    }
    .reports-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .reports-link-icon-img {
        z-index: -1111111
    }
    .reports-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .leave-link-icon {
        position: absolute;
        ursor: pointer;
        margin: 0!important
    }
    .leave-image-hover {
        z-index: -1;
        background: 0 0!important
    }
    .leave-link-icon-img {
        z-index: -1111111
    }
    .leave-link-icon:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    .emp-se-ser {
        position: absolute;
        cursor: pointer;
        text-align: center
    }
    .emp-se-ser-hover {
        z-index: -1
    }
    .emp-se-ser-img {
        z-index: -1111111
    }
    .emp-se-ser:hover {
        background: 0 0!important;
        z-index: 9999999
    }
    #footer .footer_inner .copy {
        float: none!important;
        width: 100%!important;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        text-align: center!important
    }
    #footer .footer_inner .menu ul li {
        width: 100%;
        text-align: center
    }
    #footer .footer_inner .menu ul li a {
        width: 100%;
        clear: both;
        float: none;
        text-align: center
    }
    .lst1 ul {
        list-style: none;
        line-height: 1.8;
        float: left;
        width: 100%!important;
        text-align: left
    }
    .lst1 li {
        list-style: none;
        line-height: 1.8;
        margin-left: -20px
    }
    .certification-logo {
        width: 90%
    }
    .banner h2 {
        font-size: 34px
    }
    .certi img {
        width: 100%
    }
.mar-top{margin-top:100px !important	;}
}


.wire-table{border: solid 1px; text-align:center; padding:5px; float:left; width:100%;}
.wire-table h1 {font-size: 30px !important; border: 1px solid; margin: 5px !important; padding: 10px !important;}
.wire-table h2{font-size:20px; padding:10px; border: 1px solid; margin: 5px !important;}
.wire-table h3 { font-size: 19px; text-transform: none; padding:10px; border: 1px solid; margin: 5px !important;}
.wire-table h4{font-size:20px; padding:10px; margin: 5px !important; border: 1px solid;}
.table-text{border:1px solid; padding:5px; float:left; width:100%;}
.table-text p{border:1px solid; margin:5px 5px 5px 5px; padding:10px; font-weight:bold;}
.table-text p span{margin:5px 5px 5px 5px; padding:10px; font-weight:100 !important;}

.under-con{padding:25px; text-align:center;}
.under-con h1{font-size:4em !important; padding:5px;}
.under-con h2{font-size:6em;}


/* send Enquiry */



.border-left{padding:10px; border:1px solid #565151;}

.sendpd{padding-top:12px;}

.sendpdbot{padding-bottom:7px;}

.submit{background:#fff;   font-family: 'Roboto', sans-serif;

margin-left:10px; font-size:12px; font-weight:bold; color:#000; border:1px solid #d7171f; float:left; padding:8px; border-radius:font-size: 15px; border-bottom:5px solid #d7171f; margin-top:10px; width:30%;} 

.sendpdleft{padding-left:25px;}

input, select, textarea{ font-size:11px; border-top:1px thin #CCCCCC; border-left:1px thin #CCCCCC; border-bottom:1px thin #CCCCCC; border-right:1px thin #CCCCCC; background:#1a1a1a;}

form {margin:0px; padding:0px; }

.formitem4{width:77%; float:left; padding:10px; margin-top:5px; margin-bottom:5px;}

.formitem{width:86%; float:left; padding:10px;	margin-top:5px; margin-bottom:5px;}

.input{width:100%; float:left;  padding:10px; margin-top:5px; margin-bottom:5px;}

.textarea{width:100%; height:80px; float:left; margin-top:5px; margin-bottom:5px;}

.formitem1{width:100px; float:left;  margin:0px 2px 2px 2px; padding:10px;  margin-top:5px; margin-bottom:5px;}

.formitem2{width:100%; float:left;  padding:10px; margin-top:5px; margin-bottom:5px;}

.contact{border-top:15px solid #202833; border-top-left-radius:font-size: 15px;  border-top-right-radius:font-size: 15px; border-bottom:8px solid #ee1c25;

 border-right:1px solid #666; border-left:1px solid #666; padding:10px; padding-bottom:40px;}
.formitem5{width:43%; float:left; height:30px;}
.trends{font-size:4.5em; text-transform:uppercase; color:#e65455; font-weight:600;}


.trends1{font-size:2em;  color:#fff;  line-height:1.4; font-weight:normal;}
.trends2{font-size:2.5em;  color:#fff; line-height:1.4; font-weight:normal;}
.mar-top{margin-top:-150px	;}
.content h2{text-align:center;}