body{
    font-size: 16px;
    font-weight: 400;
    font-family: Lato,sans-serif;
    line-height: 1.5;
    background-color: #f6f6f6;
}

header{
    height: 96px;
    background-color: white;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
    position: absolute;
    left: 0;
    right: 0;
}

main{
    margin-top: 96px;
}

.bd.content{
    padding: 50px 15px 50px 15px;
}
/*h1, h2, h3, h4, h5, h6 {
    font-size: 28px;
    font-weight: 600;
    font-family: Poppins,sans-serif;
}

h3{
    font-size: 20px;
    font-weight: 300;
    font-family: Poppins,sans-serif;
}*/

#topbar{
    color: white;
    background-color: #282828;
    border-top:solid 3px #e61d2b;
}

#topbar .slogen{
    background-color: #e61d2b;
    width: 300px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 500;
    margin-left: 20px;
    font-family: Poppins,sans-serif;
    float: left;
}

#topbar .slogen::after{
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    border: 14px solid #e61d2b;
    border-bottom-color: transparent;
    float: left;
    border-right-color: transparent;
    margin-left: 300px;
    margin-top: -24px;
}

#topbar .slogen::before{
    content: "";
    width: 1000px;
    height: 28px;
    display: block;
    background-color: #e61d2b;
    float: left;
    margin-left: -1000px;
}

#topbar .contact{
    float: right;
}

#topbar .contact ul{
    list-style: none;
}

#topbar .contact ul li{
    display: inline;
    margin-left: 25px;
}

#topbar .contact ul li i{
    margin-right: 5px;
    color:#e61d2b;
}

#topbar .contact .email{
    font-style: italic;
}

#topbar a {
  color: white;
}

#topbar a:hover {
    text-decoration: underline;
}

header .logo{
    width: 300px;
    margin-left: 18px;
    margin-top: 9px;
    float: left;
}

header nav{
    position: relative;
    float: right;
}

header nav ul,#sideNav .pnl ul{
    list-style:none;
    float: right;
}

header nav ul li{
    display: inline;
}

header nav ul li a,#sideNav .pnl ul li a{
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 94px;
    padding: 0px 20px;
    color: #282828;
    transition: color 0.3s, border-color 0.3s;
    border-bottom: 2px solid transparent;
}

header nav ul li a:hover,#sideNav .pnl ul li a:hover{
    color: #e61d2b;
    text-decoration: none;
}

header nav ul li a.selected,#sideNav .pnl ul li a.selected{
    font-weight: 500;
    color: #e61d2b;
    border-color: #e61d2b;
}

#mnutgl{
    float: right;
    height: 50px;
    width: 50px;
    margin-top: 24px;
    cursor: pointer;
}

#mnutgl::before{
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: #282828;
    box-shadow: 0 13px 0 0 #282828, 0 27px 0 0 #282828;
    margin-top: 10px;
    margin-left: 10px;
    transition: background-color 0.3s;
}

#mnutgl::after{
    background-color: #282828;
    transition: background-color 0.3s;
}

#mnutgl:hover::before{
    background-color: #e61d2b;
    box-shadow: 0 13px 0 0 #e61d2b, 0 27px 0 0 #e61d2b;
}

#mnutgl:hover::after{
    background-color: #e61d2b;
}

#sideNav .ovrly{
    background-color: rgba(0, 0, 0, 0); /*rgba(0, 0, 0, 0.5)*/
    display: none;
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    transition: background-color 0.5s;
}

#sideNav .pnl{
    display: none;
    position: fixed;
    background-color: white;
    top: 0;
    bottom: 0px;
    right: 0px;
    width: 300px;
    margin-right: -300px;/*0px*/
    z-index: 2001;
    border-left: 1px solid #eee;
    box-shadow: 0px 0 10px rgb(0 0 0 / 10%);
    transition: margin-right 0.5s;
}

#sideNav .pnl .btnClose{
    margin-top: 0px;
    display: block;
    float: right;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

#sideNav .pnl .btnClose::before{
    content: "";
    position: absolute;
    box-shadow: none;
    transform: rotate(45deg);
    margin-top: 25px;
    margin-left: 10px;
    background-color: #282828;
    width: 30px;
    height: 3px;
}

#sideNav .pnl .btnClose::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    transform: rotate(-45deg);
    margin-top: 25px;
    margin-left: 10px;
    background-color: #282828;
}

#sideNav .pnl .btnClose:hover::before{
    background-color: #e61d2b;
}

#sideNav .pnl .btnClose:hover::after{
    background-color: #e61d2b;
}

#sideNav .pnl ul{
    float: left;
    margin-left: 10px;
    margin-top: 20px;
}

#sideNav .pnl ul li{
    display: block;
}

#sideNav .pnl ul li a{
    line-height: 50px;
    width: 100%;
}

#sideNav .pnl ul li a.selected{
    border-bottom:none;
}

#sideNav .logo{
    display: block;
    width: 200px;
    margin-top: 10px;
    margin-left: 20px;
}

.slider{
    width: 100%;
    height: 500px;
    color: #282828;/**/
    background-color: white;/*#e61d2b*/
    background-image: url('../Content/Images/Slider/contourfbgr.png');
    background-position: center;
    /*text-shadow: 1px 1px 1px #282828;*/
}

.slider .bd{
    font-weight: 500;
}

.slider .bd span{
    display: block;
    font-size: 35px;
    margin-top: 40px;
    font-family: Poppins, sans-serif;
}


.slider .bd h1{
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}

.slider .bd h2{
    font-size: 35px;
    font-family: Poppins, sans-serif;
    text-align: left;
    color:inherit;
    font-weight: inherit;
}

.slider .bd ul{
    margin-left: 20px;
    font-size: 22px;
    list-style: none;
}

.slider .bd ul li{
    
}

.slider .bd ul li::before{
    content: '\f046';
    font-family: 'FontAwesome';
    padding-right: 15px;
}

.banner{
    width: 100%;
    color: white;/**/
    background-color: #282828;/*#e61d2b*/
    background-image: url('../Content/Images/Slider/contourfbgr.png');
    background-position: center;
    font-weight: 500;
    text-shadow: 2px 2px 2px black;
}

.banner .bd{
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.banner h1{
    font-size: 36px;
    line-height: 38px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;    
}

.banner .sub-title{
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    font-family: Poppins, sans-serif;
}

.banner .breadcrumbs{
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.banner .breadcrumbs ul{
    list-style: none;
}

.banner .breadcrumbs ul li{
    display: inline;
    font-size: 18px;
    line-height: 18px;
}

.banner .breadcrumbs ul li:last-child{
    color: #e61d2b;
}

.banner .breadcrumbs ul li:not(:last-child)::after{
    content: ' \f105 ';
    font-family: 'FontAwesome';
}

.banner .breadcrumbs ul li a{
    color: inherit;
    transition: color 0.1s;
}

.banner .breadcrumbs ul li a:hover{
    color: #e61d2b;
    text-decoration: none;
}

.important a{
    color:#282828; 
    font-style: italic;
}

.intro, .alterbdy{
    background-color: #282828;
    color:white;  
    border-top:4px solid #e61d2b;
    padding:50px 0 30px 0;
}

.intro a, .alterbdy a{
    color:white; 
    font-style: italic;
}

.intro a:hover, .alterbdy a:hover, .important a:hover{
    color:#e61d2b;
    text-decoration: none;
}


.intro{
    min-height: 200px; 
    padding-bottom: 150px;
}

.bd h3, .bd h2{
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    font-family: Poppins, sans-serif;
    color: #e61d2b;
    text-transform: uppercase;
}

.bd h4{
    font-size: 25px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #e61d2b;
}

.bd p{
    text-align: justify;
}

.bd.content ul.chk{
    list-style: none;
}

.bd.content ul.chk li::before{
    content: '\f046';
    font-family: 'FontAwesome';
    padding-right: 15px;
}

.bd p.important, .bd ul.important{
    font-size: 22px;
    font-weight: 300;
}

.bd ul.important{
    list-style: none;
}

.bd ul.important li::before{
    content: '\f046';
    font-family: 'FontAwesome';
    padding-right: 15px;
}


.introbox{
    margin-top: -120px;
    background-color: white;
    box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
    border: 1px solid #eee;
    border-radius: 10px;
}

.intropnt i{
    display: table-cell;
    height: 100px;
    width: 100px;
    font-size: 75px;
    vertical-align:middle;
}

.intropnt .description{
    display: table-cell;
    padding: 15px;
    vertical-align:middle;
}

.intropnt h4{
    font-size: 25px;
}

.intropnt p{
    
}

.feature-box{
    height: 180px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
    border: 1px solid #282828;
    border-radius: 10px;
    margin-top: 55px;
    padding: 15px;
}


.feature-box .icon{
    width: 80px;
    height: 80px;
    background-position: center;
    border-radius: 40px;
    margin: 15px auto;
    background-size: 60px;
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid #282828;
    margin-top: -55px;
}

.feature-box a h4{
    text-decoration: none;
    color: #282828;
    text-align: center;
    font-size: 20px;
}

.feature-box a h4 span{
    font-size: 25px;
    font-weight: 500;
}

.feature-box a:hover{
    text-decoration: none;
}

.feature-box a:hover h4{
    color: #e61d2b;
}

.view_all{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
}

.view_all a{
    text-transform: uppercase;
    background-color: transparent;
    color: #e61d2b;
    border: 2px solid #e61d2b;
    display: inline-block;
    padding:5px 60px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    transition: background-color 0.4s,color 0.4s;
    font-style: normal;
}

.view_all a:hover{
    text-decoration: none;
    background-color: #e61d2b;
    color: white;
}

.procat-box{
    height: 250px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 250px;
    background-color: white;
}

.procat-box a:hover{
    text-decoration: none;
}

.procat-box .content{
    background-image: url('../Res/img/probg.png');
    height: 250px;
    background-repeat: no-repeat;
    border-radius: 10px;
    border:4px solid  #e61d2b;
}

.procat-box h4{
    background-color: #e61d2b;
    color:white;
    line-height: 36px;
    height: 36px;
    display: table-cell;
    padding: 0 15px 0 15px;
    font-style: normal;
}

.procat-box .hdr::after{
    content: "";
    width: 0px;
    height: 0px;
    display: table-cell;
    border: 18px solid #e61d2b;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.procat-box ul{
    list-style: none;
}

.procat-box ul li{
    margin-top: 10px;
} 

.procat-box ul li a{
    display: inline-block;
    background-color: #282828;
    color: white;
    line-height: 32px;
    height: 32px;
    padding: 0 15px 0 15px;
    font-size: 20px; 
    display: table-cell;
    transition: padding-left 0.3s;
}

.procat-box ul li a:not([href]):not([tabindex]) {
    color: white;
}

.procat-box ul li a:hover{
    color: white;
    padding-left: 30px;
}

.procat-box ul li::after{
    content: "";
    width: 0px;
    height: 0px;
    display: table-cell;
    border: 16px solid #282828;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.article-box{
    box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
    /*box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 30%);*/
    border-radius: 10px;
    overflow:hidden;
}

.article-box img{
    width:256px;
    height: 192px;
    float: left;
}

.article-box .content{
    height: 192px;
    overflow:hidden;
    padding: 10px;
}

.article-box .content h4{
    font-size: 20px;
    color: #282828;
    font-weight: 400;
    font-family: Poppins, sans-serif;
}

.article-box .content p{
    font-size: 16px;
    color: #282828;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 5px;
}

.article-box .content a{
    font-style: italic;
    color: #e61d2b;
}

.article-box .content a.hdr{
    font-style: normal;
}

.article-box .content a.hdr:hover{
    text-decoration: none;
}

.article-box .content a.hdr:hover h4{
    color: #e61d2b;
}

.action-line{
    background-color: #e61d2b;
    color:white;
}

.action-line .content {
    float: right;
    height: 150px;
    font-size: 22px;
}

.action-line .l1{
    font-weight: 400;
    margin-top: 15px;
}

.action-line .l2{
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;    
}

.action-line .content a{
    margin-top: 20px;
    text-transform: uppercase;
    background-color: transparent;
    color: #282828;
    border: 2px solid #282828;
    display: block;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    transition: background-color 0.4s,color 0.4s;
    font-style: normal;
}

.action-line .content a:hover{
    background-color: #282828;
    color: white;
    text-decoration: none;
}

footer {
    background-color: #282828;
    color:#d0d0d0;
}

footer .info{
    background-color: white;
    color: #282828;
    margin-top: -130px;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

footer .info .logo{
    margin-bottom: 15px;
    display: block;
}

footer .info p{
    display: block;
    text-align: justify;
}

footer .info .social-links{
    text-align: center;
}

footer .info .social-links a{
    color: #e61d2b;
    font-size: 35px;
    padding: 4px;
}

footer .info .social-links a:hover{
    color: #282828;
}

footer .bd h3{
    font-size: 20px;
    font-weight: 600;
    color: white;
    text-align: left;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
}

footer .bd ul{
    list-style: none;
}

footer .bd ul li{
    font-size: 16px;
    font-weight: 400;
    margin-top: 7px;
}

footer .bd ul li::before{
    content: '\f105';
    font-family: 'FontAwesome';
    color: white;
    padding-right: 8px;
}

footer [class*="cb-"] {
    margin-bottom: 10px
}

footer [class*="cb-"] *{
    padding-left: 30px;
    display: block;    
}

footer [class*="cb-"]::before{
    font-family: 'FontAwesome';
    color: white;
    display: block;
    float: left
}

footer .cb-address::before{
    content: '\f041';
}

footer .cb-tel::before{
    content: '\f098';
}

footer .cb-email::before{
    content: '\f0e0';
}

footer .cb-fax::before{
    content: '\f1ac';
}

footer a{
    color: #d0d0d0;
    transition: color 0.1s;
}

footer a:hover{
    color: #e61d2b;
    text-decoration: none;
}

.foo{
    background-color: #1a1a1a;
    color:#d0d0d0;
    font-size: 14px;
}

.foo .cpy, .foo .pwd{
    padding: 10px 15px;
}

.foo .pwd{
    text-align: right;
}

.foo span, .foo a{
    color:white;
}

.bd-halfleft{
    background-repeat: no-repeat;
    background-position: right center;
    overflow:hidden;
    background-color: #282828;
}

.bd-halfleft .bd .rw .content{
    background-color: #282828;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    color:white;
}

.bd-halfleft .bd .rw .content::before{
    content: '';
    top:0px;
    bottom: 0px;
    left:0px;
    background-color: #282828;
    display: block;
    width:2000px;
    margin-left: -1995px;
    position: absolute;
}

.bd-halfright{
    background-repeat: no-repeat;
    background-position: left center;
    overflow:hidden;
    background-color: #282828;
}

.bd-halfright .bd .rw .content{
    background-color: #282828;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    color:white;
}

.bd-halfright .bd .rw .dummy{
    padding: 0px;
    height: 1px;
}

.bd-halfright .bd .rw .content::after{
    content: '';
    top:0px;
    bottom: 0px;
    right: 0px;
    background-color: #282828;
    display: block;
    width:2000px;
    margin-right: -1995px;
    position: absolute;
}

.emp-box{
    box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
    /*box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 30%);*/
    border-radius: 10px;
    overflow:hidden;
    position: relative;
}

.emp-box img{
    width: 100%;
    height: auto;
    display: block;
}

.bd .emp-box .info{
    padding: 15px;
    min-height: 250px;
    position: relative;
}

.bd .emp-box h3{
    font-size: 22px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    margin: 0px;
}

.bd .emp-box span{
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
    display: block;
    text-align: center;
}

.bd .emp-box p{
    margin: 10px 0 0 0;
    display: block;
    text-align: center;
}

.bd .emp-box .social-links{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
}

.bd .emp-box .social-links a{
    color: #282828;
}

.bd .emp-box .social-links a:hover{
    color: #e61d2b;
}

.bd .contact-box{
    box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
    border-radius: 10px;
    overflow:hidden;
    height: 300px;
    padding: 15px;
}

.bd .contact-box i{
    display: block;
    margin: 20px auto;
    width:72px;
    height: 72px;
    background-color: #282828;
    font-size: 36px;
    line-height: 72px;
    text-align: center;
    color:white;
    border-radius: 36px;
}

.bd .contact-box h3{
    font-size: 22px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    margin: 0px;
}

.bd .contact-box p{
    text-align: center;
    margin: 0px;
}

.bd .contact-box a{
    color: #282828;
}

.bd .contact-box a:hover{
    text-decoration: none;
}

.bd .c-hilighted{
    background-color: white;
    border-radius: 10px;
    color:#282828;
}

.bd .c-hilighted h3{
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 0;
}

.bd .c-hilighted ul.important{
    font-size: 18px;
    width:250px;
    margin: 10px auto;
}

.bd .c-hilighted .social-links{
    text-align: center;
    font-size: 60px;
}

.bd .c-hilighted .social-links a{
    transition: color 0.2s;
    color:#282828;
}

.bd .c-hilighted .social-links a:hover{
    color: #e61d2b ;
}

form label{
    display: block;
}

form input, form textarea{
    width: 100%;
    padding:10px;
}

form .btnSubmit{
    margin-top: 15px;
    text-transform: uppercase;
    background-color: #e61d2b;
    color: white;
    border: 2px solid #e61d2b;
    font-size: 25px;
    border-radius: 10px;
    transition: background-color 0.4s,color 0.4s;
    font-style: normal;
    font-weight: 700;
    width:50%;
    display: inline-block;
    cursor: pointer;
}

form .btnSubmit:hover{
    background-color: #ff0000;
}

form .cmd{
    text-align: right;
}

form .frmfld span{
    display: block;
    text-align: right;
    height: 18px;
}

form .frmfld.err span{
    color:#e61d2b;
}

form .frmfld.err input,form .frmfld.err textarea{
    border: 2px solid #e61d2b;
    background-color: #f1cacd;
}

form .frmfld.err label{
    color: #e61d2b;
}

@media(hover: hover) and (pointer: fine) {
    /*add hover code inside
    for avoiding problems in mobile*/
}