supportIEtextbody, html {
    font-family: 'Arial', sans-serif !important;
}
body, textarea, input[type=text], input[type=select], button, td{font-family:'Arial', sans-serif!important;}
.SA-wrapper h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:'Arial', sans-serif!important;}
.SA-wrapper a, a.link, p a{font-family:'Arial', sans-serif!important;}
.SA-wrapper a{color:#00005a; cursor:pointer;}
.SA-wrapper a:hover{color:#f50082;}

.SA-wrapper a.btn-sca-success, a.btn-success, a.btn-primary{color: #fff!important; background-color: #00005a!important;border-color: #00005a!important;}
.SA-wrapper a.btn-sca-success:hover, a.btn-success:hover, a.btn-primary:hover{color: #fff!important; background-color: #f50082!important;border-color: #f50082!important;}
.SA-wrapper .btn-primary, .btn-success{color: #fff; background-color: #00005a!important;border-color: #00005a!important;}
.SA-wrapper .btn-primary:hover, .btn-success:hover{color: #fff!important; background-color: #f50082!important; border-color: #f50082!important;}

.SA-wrapper .block-text{overflow: hidden; position: relative; line-height: 1.2em; max-height: 8.6em; text-align: left; margin-right: -1em; padding-right: 1em;}
.SA-wrapper .block-text:before{content: '...'; position: absolute; right: 3px; bottom: 2px;}
.SA-wrapper .block-text:after{content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}

.SA-wrapper ul, ol{padding:0px 0px 0px 15px;}

/*Elearning*/
.SA-wrapper .elearning .tabs li a{padding:8px 20px;}
.SA-wrapper .elearning-course .heading{color:#00005a;}
.SA-wrapper .elearning-course .bor span{color:#00005a;}
/*Elearning*/

/*logo*/
.SA-wrapper .site-logo-new{max-width:150px; margin:0px!important; width:auto!important;}
.SA-wrapper .header .heading-container{float: left; margin-left: 20px;}
.SA-wrapper .header .heading-container .heading h1{color:#00005a; margin-top: 12px; margin-bottom: 0; font-weight: 600; font-size: 16px;}
.SA-wrapper .header .mobile-header.mobile-header-new .header-content .site-logo-new{margin-left:-25px!important; margin-top:0px!important;}
.SA-wrapper .header .mobile-header .header-content h1{margin-top: 10px; padding-left: 20px; color: #303030; font-size: 18px; color: #00005a; padding-top: 14px; font-weight: 500;padding-right: 20px;text-align: right;}
.SA-wrapper .mobile-header .mobile-quicksearch{background-color:#00005a;}
.SA-wrapper .bg-blue{background-color:#00005a;}
.SA-wrapper .mobile-header .mobile-quicksearch .search-field{background-color:#00005a;}
.SA-wrapper .header .menu-list a{color:#00005a;}
.SA-wrapper .header .mobile-header .mobile-menu li.current > a{color:#f50082;}
/*logo*/

/*SA-login-page*/
.SA-login-wrapper{height: 100%;width:100%; font-family:'Arial', sans-serif;}
.SA-login-wrapper .cookiebar{background-color:#00005a;}
.SA-login-wrapper a{color:#00005a;}
.SA-login-wrapper a:hover{color:#f50082;}
.SA-login-wrapper a.btn-sca-success, a.btn btn-primary{color: #fff; background-color: #00005a;border-color: #00005a;}
    .SA-login-wrapper a.btn-sca-success:hover,
    a.btn btn-primary:hover {
        background-color: #f50082;
        border-color: #f50082;
    }

.SA-login-wrapper .SA-login-header{margin:0px;}
.SA-login-wrapper .SA-login-header .header{height:71px;}
.SA-login-wrapper .SA-login-header .logo{margin:20px 0px 10px 0px;}
.SA-login-wrapper .SA-login-header .logo img{max-width:150px;}
.SA-login-wrapper .SA-login-header .logo span{padding-left:20px; color:#303030; font-size:16px; color:#00005a; font-weight:600; vertical-align:-webkit-baseline-middle;}
.SA-login-wrapper .shadow{box-shadow: 0px 6px 5px #c6c6c6;-moz-box-shadow: 0px 6px 5px #c6c6c6;-webkit-box-shadow: 0px 6px 5px #c6c6c6;margin-bottom: 40px;}
.SA-login-wrapper .registraion-bottom-section{padding:0px!important;}
.SA-login-wrapper .registraion-bottom-section input[type="radio"], input[type="checkbox"]{margin-right:5px!important;}

.SA-login-container{margin-bottom: 50px;}
.SA-login-container .login-sec {display: flex; flex-direction: row; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
.SA-login-container .login-sec .login-banner-wrapper {width: 61.4%;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section {background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%;display: flex;align-items: center;position: relative;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section::before {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);content: '';}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text {position: relative;padding: 0px 64px 0px 64px; width:100%;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text h1 {text-align: center; font-family:'Arial', sans-serif!important;color: #fff;font-weight: 500;font-size: 45px;line-height: 50px;padding: 0px 0px 44px 0px;margin: 0px;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text h2 {text-align: center; font-family:'Arial', sans-serif!important;color: #fff;font-weight: 500;font-size: 42px;line-height: 48px;padding: 0px;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)}
.SA-login-container .login-content-wrapper {width: 38.6%}
.SA-login-container .login-content-wrapper .supportIEtext { font-weight: 500;font-size: 18px;text-align: center;padding: 0px 15px;line-height: 19px;letter-spacing: 0.25px;color: #ff0000;padding-top: 24px; display:none;}
.SA-login-container .login-content-wrapper .supportIEtext i.icon-warning {font-size: 45px; color: #ff0000; padding-right: 13px;}
.SA-login-container .login-content-wrapper .supportIEtext .text {padding-top: 3px;}
.SA-login-container .login-content-wrapper .logon-box-new {font-size: 14px;color: #303030;line-height: 26px;padding: 71px 64px 80px 64px;text-align: center;}
.SA-login-container .login-content-wrapper .logon-box-new .form-group .form-control {font-size: 16px; border: #000 1px solid;}
.SA-login-container .login-content-wrapper .logon-box-new h1 {font-size: 28px;line-height: 24px;font-weight: 600;margin: 0px;padding: 0px 0px 20px 0px;color: #00005a;}
.SA-login-container .login-content-wrapper .logon-box-new h2 {font-size: 28px;line-height: 24px;font-weight: 600;margin: 0px;padding: 25px 0px 15px 0px;color: #00005a;}
.SA-login-container .login-content-wrapper .logon-box-new p {font-size: 16px;color: #303030;line-height: 22px; font-weight: 500;}
.SA-login-container .login-content-wrapper .logon-box-new a {font-size: 14px;line-height:24px;font-weight: 600; color:#00005a;}
.SA-login-container .login-content-wrapper .logon-box-new a:hover {color:#f50082;}
.SA-login-container .login-content-wrapper .logon-box-new .error-msg {color: #ff0000;}
.SA-login-container .login-content-wrapper .logon-box-new a.btn {width: 100%; color:#fff; font-size:16px;}
.SA-login-container .login-content-wrapper .logon-box-new .btn-sca-success{background-color:#00005a;}
    .SA-login-container .login-content-wrapper .logon-box-new .btn-sca-success:hover {
        background-color: #f50082;
        border-color: #f50082;
    }
.SA-login-container .login-content-wrapper .logon-box-new .btn-sca-submit {margin-bottom: 10px;}
.SA-login-container .login-content-wrapper .logon-box-new textarea, input[type=text], input[type=select] {color: #303030;}
.SA-login-container .login-content-wrapper .logon-box-new label {color: #303030;}
.SA-login-wrapper .modal-footer .btn-success { background-color: #00005a;}
.SA-login-wrapper .modal-footer .btn-success:hover {background-color: #f50082;}
/*SA-login-page*/

/*SA-footer*/
.SA-footer{color: #fff;background-color: #00005a; margin-top: 20px;}
.SA-footer a.btn{color:#fff!important;}
    .SA-footer a.btn:hover {
        color: #f50082!important;
    }
    .SA-footer .bottom-bar {
        background-color: #358ed7;
        color: #fff;
        padding: 18px 0;
        font-size: 14px;
        line-height: 1.6em;
    }
.SA-footer .bottom-bar .copyright { text-align: right;}
.SA-footer .bottom-bar ul { margin: 0;padding: 0; float: left;}
.SA-footer .bottom-bar ul li {color: #fff; display: inline-block; list-style: none;}
    .SA-footer .bottom-bar ul li a {
        color: #fff;
        margin-right: 15px;
    }
.SA-footer .bottom-bar ul li a:hover {color: #f50082; }
.SA-footer .bottom-bar ul li i{font-size: 10px;  vertical-align: middle; display: none; margin: 0 10px;}
/*SA-footer*/

/*SA-home-page*/
#epi-quickNavigator{display:none;}
.SA-wrapper .contactus-container{margin:10px;}

/*navigation*/
.SA-wrapper .header .samenu-bar{ background-color:#fff; border:none; padding:10px 0px 10px 0px; box-shadow: 0px 6px 5px #c6c6c6;-moz-box-shadow: 0px 6px 5px #c6c6c6;-webkit-box-shadow: 0px 6px 5px #c6c6c6;}
.SA-wrapper .header .samenu-list {}
.SA-wrapper .header .samenu-list a {color: #00005a;}
.SA-wrapper .header .samenu-list a:hover {color: #f50082;text-decoration: none;}
.SA-wrapper .header .samenu-list .arrow {border-bottom: 12px solid rgba(0,0,0,0.1);border-bottom: 12px solid #e6e6e6;}
.SA-wrapper .header .samenu-list arrow:before, .SA-wrapper .header .samenu-list .arrow:after {content: "";position: absolute;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;}
.SA-wrapper .header .samenu-bar .samenu-list ul {list-style: none;margin: 0;padding: 0;}
.SA-wrapper .header .samenu-bar .secondary-list {float: right;}
.SA-wrapper .header .samenu-bar .samenu-list li { margin: 0;margin-right:60px; padding: 0;display: block; line-height: 42px; display:inline-block; font-size: 17px; font-weight: 600;}
.SA-wrapper .header .samenu-bar .samenu-list li:last-child { margin-right: 0; }
.SA-wrapper .header .samenu-bar .samenu-list li.expandable > .mega-menu-arrow { display: none;}
.SA-wrapper .header .samenu-bar .samenu-list li.expandable.expanded > .mega-menu-arrow { display: block;}
.SA-wrapper .header .samenu-bar .samenu-list li.expandable > .mega-menu-container { position: absolute; right: 0; z-index: 9998; display: none;}
.SA-wrapper .mega-menu-container .mega-menu {padding: 10px; border: 1px solid #d9dede;}
.SA-wrapper .pim-content .bg-gray {background-color: #fff !important;}
.SA-wrapper .mega-menu-container .mega-menu.col-xs-12 {padding: 24px; margin-right: 0;margin-left: 0;}
.SA-wrapper .mega-menu-arrow {position: relative; z-index: 9999; bottom: -1px;}
.SA-wrapper .mega-menu-arrow:after, .mega-menu-arrow:before { position: absolute;bottom: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.SA-wrapper .mega-menu-arrow:after {border-color: rgba(249, 246, 242, 0);border-bottom-color: #f9f6f2;border-width: 10px;margin-left: -10px;}
.SA-wrapper .mega-menu-arrow:before {border-color: rgba(217, 222, 222, 0);border-bottom-color: #d9dede;border-width: 11px;margin-left: -11px;}
.SA-wrapper .mega-menu-container .mega-menu .column.first {border-left: none;}
.SA-wrapper .mega-menu-container .mega-menu .column {border-left: 1px solid rgba(0,0,0,0.05);border-left: 1px solid #e6e6e6;}
.SA-wrapper .mega-menu-container .mega-menu a:hover {text-decoration: none;}
.SA-wrapper .header .samenu-bar .samenu-list a:hover {text-decoration: none;}
.SA-wrapper .header .samenu-bar .samenu-list li.expandable.expanded > .mega-menu-container {display: block; text-align:left;}
.SA-wrapper .header .samenu-bar .samenu-list li.expandable.expanded > .mega-menu .column.first {border-left: 1px solid rgba(0,0,0,0.1); border-left: 1px solid #e6e6e6;}
.SA-wrapper .header .samenu-bar .samenu-list li.expandable.expanded > .mega-menu .column.first {border-left: none;}
.SA-wrapper .header .samenu-bar .samenu-list .mega-menu .sub-menu-item {line-height: 1;margin-bottom: 15px;font-size: 16px;}
.SA-wrapper .header .samenu-bar .samenu-list .mega-menu .sub-menu-item ul a {margin: 0;padding: 0;font-size: 15px;}
.SA-wrapper .header .samenu-bar .samenu-list .mega-menu .sub-menu-item ul li { display: block; float: none;line-height: 1.8;}
.SA-wrapper .header .samenu-bar .samenu-list .mega-menu .menu-heading { font-size: 18px; margin-bottom: 6px;}
/*navigation*/

/*hero-image*/
.SA-wrapper .hero-image {margin-bottom:58px; height:348px; max-width:inherit; margin:auto; background-repeat: no-repeat; background-size: cover; background-position: center;position: relative; display:flex; align-items:center;}
.SA-wrapper .hero-image:before { position: absolute; width: 100%;  height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); content: '';}
.SA-wrapper .hero-text { text-align: center; position: absolute; width:100%; top:42%;}
.SA-wrapper .hero-text h1 { color: #fff; font-size:60px; line-height:60px; font-weight:600; margin:0px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.SA-wrapper .hero-text h2 { color: #fff; font-size:40px; line-height:53px; font-weight:500; margin:0px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.SA-wrapper .hero-image-withoutoverlay {margin-bottom:58px; height:348px; max-width:inherit; margin:auto; background-repeat: no-repeat; background-size: cover; background-position: center;position: relative; display:flex; align-items:center;}
/*hero-image*/

/*discription*/
.SA-wrapper .discription{margin-top:20px; color: #303030; padding:0px;}
.SA-wrapper .discription h2{ font-size: 22px; line-height: 26px; padding:0px;font-weight: 600; margin:0px;}
.SA-wrapper .discription p{font-size: 18px; line-height: 22px; font-weight: 400;}
/*discription*/

/*Highlights*/  
.SA-wrapper .Highlights { color: #303030; margin-top:40px; margin-bottom:25px;}
.SA-wrapper .Highlights h2 { font-size: 22px; line-height: 26px; color:#303030; padding-top:0px; padding-bottom:10px; font-weight: 500; margin: 0px; text-transform:uppercase;}
.SA-wrapper .Highlights .wrapper{ display:flex; flex-wrap:wrap;}
.SA-wrapper .Highlights .wrapper .swiper-wrapper{ height:auto;}
.SA-wrapper .Highlights .wrapper .item{flex-basis: calc(100% / 3);  padding: 7.5px 20.5px 7.5px 0px; max-width: calc(100% / 3);}
.SA-wrapper .Highlights .wrapper .item .section {min-height: 440px; box-shadow:0px 1px 4px rgba(0,0,0,0.25); background-size: contain; background-repeat:no-repeat; overflow: hidden; position: relative; display: inline-block;margin-bottom: 28px; width: 100%;}
.SA-wrapper .Highlights .wrapper .item .section .content {position: absolute; bottom: 0; height: 240px; background: #fff; opacity: 1; box-sizing: border-box; padding: 1.5rem; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease;  transition: height 0.5s ease; width: 100%;}
.SA-wrapper .Highlights .wrapper .item .section .content:hover {height:330px;webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease;}
.SA-wrapper .Highlights .wrapper .item .section .content h3 {color: #f50082; font-size: 18px; line-height: 26px; padding: 0px 0px 20px 0px; margin: 0px; font-weight: normal;}
.SA-wrapper .Highlights .wrapper .item .section .content p {font-size: 16px; line-height: 24px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal;}
.SA-wrapper .Highlights .wrapper .item .section .image {background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%;height: 150px;}
.SA-wrapper .Highlights .wrapper .item .section .image img {width: 100%;}
.SA-wrapper .Highlights .wrapper .item .section .link {width:100%; text-align:right; padding:0px 15px 15px 0px; position: absolute; bottom: 0;}
.SA-wrapper .Highlights .wrapper .item .section .link a{font-size:14px; line-height:20px; font-weight:600;}
.SA-wrapper .Highlights .wrapper .item .section .link a:hover{text-decoration:none;}
.SA-wrapper .Highlights .view-all-news{margin-top:25px;}
.SA-wrapper .Highlights .view-all-news a{font-size:16px; font-weight:600;}
/*Highlights*/

/*events*/
.SA-wrapper .events { color: #303030; margin-top:0px; margin-bottom:40px;}
.SA-wrapper .events h2 { font-size: 22px; line-height: 26px; color:#303030; padding-top:0px; padding-bottom:10px; font-weight: 500; margin: 0px; text-transform:uppercase;}
.SA-wrapper .events .events-wrapper{ display:flex; flex-wrap:wrap;}
.SA-wrapper .events .events-wrapper .item{flex-basis: calc(100% / 2);  padding: 7.5px 14.5px 7.5px 0px; max-width: calc(100% / 2);}
.SA-wrapper .events .events-wrapper .item .section{margin: 0px; box-shadow:0px 1px 4px rgba(0,0,0,0.25); display: flex; flex-wrap: wrap;align-content: space-between;height: 100%;}
.SA-wrapper .events .events-wrapper .item .section .content{display:flex; padding:25px;}
.SA-wrapper .events .events-wrapper .item .section .content .event-date{/*flex-basis:100px;*/ padding-right:20px; color:#303030; text-align:center;}
.SA-wrapper .events .events-wrapper .item .section .content .event-date h3{font-size:37px; font-weight:600;}
.SA-wrapper .events .events-wrapper .item .section .content .event-date p{font-size:12px; font-weight:400; line-height:1; color:#666; margin:0px;}
.SA-wrapper .events .events-wrapper .item .section .content .text{margin:0px;}
.SA-wrapper .events .events-wrapper .item .section .content .text h3{ font-size:21px; line-height:25px; font-weight:600; margin:0px;}
.SA-wrapper .events .events-wrapper .item .section .content .text h3 a:hover{text-decoration:none;}
.SA-wrapper .view-all-event{margin-top:10px;}
.SA-wrapper .view-all-event a{font-size:14px; font-weight:600;}
/*events*/

/*SA-home-page*/


/*contact us page*/
.SA-wrapper .contact-form table tr td{padding:0px 10px 10px 0px!important;}
/*contact us page*/

.SA-footer p .bottom-margin-small {
    padding-left: 0;
}

    @media screen and (min-width: 769px) {
        .SA-footer .bottom-bar .copyright {
        text-align: left;
    }
}
@media screen and (min-width: 992px) {
}

@media screen and (max-width: 768px) {
.SA-wrapper .header .site-logo-new{margin-left:0px!important;}
.SA-wrapper .header .site-logo-new img{width:150px!important;}
.SA-wrapper .Highlights .wrapper{padding-top:0px;}
.SA-login-container .login-content-wrapper .logon-box-new{padding:40px 26px 40px 26px;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text h2{display:none;}
.SA-footer .bottom-bar{ padding: 0 0 18px 0; }
.SA-footer .bottom-bar ul{ display: block; float: none; text-align: left;}
.SA-footer .bottom-bar ul li { display: inline-block; margin: 10px 10px 0 0; text-align: left;}
.SA-footer .bottom-bar .copyright{text-align:center;}

.SA-wrapper .Highlights .wrapper .item .section{min-height:400px;}
.SA-wrapper .Highlights .wrapper .item .section .content{height:190px; bottom:100px;}
.SA-wrapper .Highlights .wrapper .item .section .content:hover{height:190px;}
.SA-wrapper .Highlights .wrapper .item .section .content h3{font-size:18px; line-height:23px;}
.SA-wrapper .Highlights .wrapper .item .section .content p{font-size:13px; line-height:19px;}
.SA-wrapper .events .events-wrapper .item .section .content .text h3{font-size:18px; line-height:22px;}
}

@media screen and (max-width: 767px) {
.SA-wrapper .header .site-logo-new img{width:160px!important;}
.SA-login-wrapper .SA-login-header .logo{margin:18px 0px 10px 0px;}
.SA-login-container{margin-bottom:0px; padding-left: 0px!important; padding-right: 0px!important;}
.SA-login-wrapper .SA-login-header .logo span{padding-left:0px;}
.SA-login-container .login-sec{flex-direction: column; box-shadow: none;}
.SA-login-container .login-sec .login-banner-wrapper{width:auto; height:176px;}
.SA-login-container .login-content-wrapper{width:auto;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text {padding: 5px;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text h1{font-size: 35px; line-height: 40px; padding: 0px;}
.SA-login-container .login-sec .login-banner-wrapper .banner-section .banner-text h2{display:none;}
.SA-login-container .login-content-wrapper .logon-box-new{padding:40px 26px 0px 26px;}
.SA-footer .bottom-bar{ padding: 0 0 18px 0; }
.bottom-padding-medium { padding-bottom: 20px; }
.SA-footer .bottom-bar ul{ display: block; float: none;text-align: left; padding-bottom: 20px;}
.SA-footer .bottom-bar ul li { display: block; margin: 10px 0; text-align: left;}
.SA-footer .bottom-bar .copyright{text-align:center;}
.SA-wrapper .hero-image{height:258px;}
.SA-wrapper .hero-text{top:inherit;}
.SA-wrapper .hero-text h1{font-size: 45px; line-height: 58px;}
.SA-wrapper .hero-text h2{font-size: 32px; line-height: 41px;}
.SA-wrapper .discription{margin-top:10px;}
.SA-wrapper .Highlights .wrapper{flex-direction:column; padding-top:0px;}
.SA-wrapper .Highlights .wrapper .item{max-width:100%; flex-basis:auto; padding:0px;}
.SA-wrapper .Highlights .wrapper .item .section{min-height:420px;}
.SA-wrapper .Highlights .wrapper .item .section .content{height:160px; bottom:100px;}
.SA-wrapper .Highlights .wrapper .item .section .content:hover{height:160px;}
.SA-wrapper .events .events-wrapper .item{max-width:100%; flex-basis:auto;}
}

@media screen and (width:320px)and (height:568px) {
   
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/*new product download info design*/