@charset "utf-8";
/* CSS Document */

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body{margin:0;padding:0;background-color:#ffffff;/*background-image: url("https://d2f6h2rm95zg9t.cloudfront.net/0/bg off_1452578849.png"); background-repeat: repeat; background-position: top left;*/color: #202C44;line-height: 24px;font-family: "Roboto Condensed",sans-serif;font-size:15px;}
a, .link, .link a{color: #004976 !important;outline:none!important;}
.link a:hover, a:hover,.text-primary{color:#e11e25!important;}
/*h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#e11e25!important;}*/
a.image:hover{opacity:1!important;}
.btn:focus, .btn:active:focus, .btn.active:focus, a:focus{outline: none;}
a:focus{text-decoration:none;}
*{overflow-wrap: break-word!important;overflow-wrap: anywhere !important;word-wrap:break-word;-ms-word-wrap:break-word;}
.modal-header .close{opacity:.8!important;}
.border{border:1px solid #ddd!important}
.border-left { border-left: 1px solid #dee2e6 !important; } 
.d-block {display:block!important;}
.no-padding{padding:0!important;}
.no-border{border:0!important;}
.no-margin{margin:0!important;}
.padding10-lr{padding:0 10px!important;}
.padding-left0{padding-left:0!important;}
.no-radius{border-radius: 0!important;}
.margin-bot20{margin-bottom:20px!important;}
.padding10{padding:10px!important;}
.margin-bot5{margin-bottom:5px!important}
.margin-bot10{margin-bottom:10px!important}
.margin-top10{margin-top:10px!important;}
.margin-top5 { margin-top: 5px !important; }
.margin-left5 { margin-left: 5px !important; }
.margin-top15 { margin-top: 15px !important; }
.margin-top20{margin-top:20px!important;}
.margin-top18{margin-top:18px!important;}
.bg-light { background-color: #f8f9fa!important; } 
.p-2 { padding: .5rem !important; } 
.justify-content-between { justify-content: space-between !important; } 
.gap{padding:20px;}
.gap10{padding:10px;}
.space20{padding:20px;}
img{max-width: 100%;max-height: 100%;}
h1, h2, h3, h4, h5, h6{line-height: normal;}
.icon20{font-size:20px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.pdf-color{color:red;}
.space10 {margin-top: 10px;}
 textarea{resize: vertical;}
.width100{width:100%;}
.bold{font-weight:bold!important;}

@media(min-width:576px){
    .navbar-nav > li:hover ul {
        display: block;
    }
    .navbar-nav > li:hover .dropdown-menu {
        display: block;
        border-radius: 0;
    }
    .navbar-nav > li .dropdown-menu li:hover .third-level-nav {
        display: block;
    }
    .dropdown-menu-trigger{display:none;}
}
.nav > li > a:hover, .nav > li >a:focus{background-color:transparent;}
.navbar-default{background-color: #FFF!important;border-color: transparent!important;  border-radius: 0!important;}
.navbar{margin-bottom:0!important;}
.navbar-toggle{margin-right:0!important;}

.dropdown-menu{padding: 0!important;max-width:20em;min-width: 15em;}
.menu-cols-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.dropdown-menu>li>a{padding:5px 10px;transition-duration: .3s;white-space: normal;}
.dropdown-menu> .view-all{padding: 2px 20px;font-weight: bold;}
/*.dropdown-menu>li>a:hover{padding:5px 18px;}*/
.navbar-nav > li.dropdown ul.dropdown-menu li:hover > a{background-color: #f5f5f5;}

.navbar-nav > li .dropdown-menu .third-level-nav{display:none;left: 100%;max-width: 23em;min-width: 15em;top: -2px; width: auto;position: absolute;right: auto;}

.text-gray{color:#777777!important;}
/*.btn, input, textarea, select, .alert{border-radius: 4px!important;}*/


@media (max-width:767px) {
    .dropdown-menu-trigger {
        position: absolute;
        right: 2px;
        top: 0;
        border: 0;
        width: 24px !important;
        height: 24px !important;
        text-align: center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        padding: 5px !important;
        font-size: 13px !important;
        border: 1px solid #004976;
        margin: 6px;
        color: #004976;
    }

    .dropdown.active > .dropdown-menu-trigger {
        border: 1px solid #fff;
        color: #fff;
    }

    .navbar-nav > li .dropdown-menu .third-level-nav {
        position: static;
    }

    .dropdown-menu {
        max-width: 100%;
        min-width: 100%;
        padding: 0px !important;
    }

    .navbar-nav > li .dropdown-menu a {
        padding-left: 20px !important;
    }

    .navbar-nav > li .dropdown-menu .dropdown .third-level-nav {
        max-width: 100%;
        min-width: 100%;
    }

        .navbar-nav > li .dropdown-menu .dropdown .third-level-nav li a {
            padding-left: 30px !important;
        }

    .dropdown-toggle b {
        display: none;
    }

    .navbar-nav li a:hover, .navbar-nav li:hover > .dropdown-menu-trigger {
        border: 1px solid #fff;
        color: #fff;
    }

    .dropdown-menu > li > a {
        padding: 8px 12px !important;
    }
    .navbar-collapse {
        padding: 0 !important;
        position: absolute;
        width: 100%;
        top: 82px;
        background: rgb(255, 255, 255);
        z-index: 9;
        box-shadow: rgba(0, 0, 0, 0.125) 0px 5px 10px;
        height: auto;
        border-bottom:3px solid #154774!important;
    }
}

.main{margin:0;background-color:#fff;}
.header-main{color: #333;width: 100%;height: auto;border-bottom: 2px solid;}
.header-wrapper{background-color:#fff; padding:0 20px;height: 100%;}
.wrapper{background-color:#fff!important; padding:0 15px 20px;min-height:600px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.home-wrapper{display:flex; flex-wrap:wrap; justify-content: normal;width: 100%;list-style-position: outside;padding-top:20px;padding-bottom: 0;}
.home-left-panel{margin-right:18px;width: 21%; background-color: #FAFAFA;border-right: 1px solid #ddd;margin-left: -15px;}
.home-left-panel h4{font-size:20px;margin-top:0;border-bottom: 1px solid #ddd;padding: 10px 15px;background-color: #eee;}
.home-left-panel > .dropdown-menu{display:block!important; position:static;background-color: transparent;border-radius: 0;box-shadow: none;float: none;border:none;}
.home-left-panel > .dropdown-menu>li{border:none;}
.home-left-panel > .dropdown-menu>li>a {padding: 5px 15px;white-space: pre-wrap;font-weight:500;}
.home-left-panel   .dropdown-menu li a{font-weight:500; font-size: 15px;}
.home-left-panel > .dropdown-menu .third-level-nav{display:none;left: 100%;top: 0;right: auto;border: 1px solid #ddd;border-radius:0;}
.home-left-panel > .dropdown-menu li:hover .third-level-nav{display:block;}

header{width:100%;margin:0;}
.logo{margin:15px; height:72px; width:250px;position: relative;display: table;padding:0;}
.logo img{max-width: 100%;max-height: 100%!important;position: absolute!important; top: 0;bottom: 0;left: 0;right: 0;margin: auto 0;}
.logo a{text-decoration: none!important;font-size: 20px;vertical-align: middle;/*display: table-cell;*/line-height: normal;}
.logo a:hover{opacity:1!important;}
.logo-name{width: 100%;}
.top-bar{background-color: #004976;padding: 10px 20px;}
ul.email-phone{padding: 4px 0; list-style:none;margin: 0;display: inline-block;}
ul.email-phone li{display:inline-block; }
ul.email-phone li:first-child{ border-left:none;padding-left:0;}
ul.email-phone li{padding-left: 15px; border-left:1px solid; padding-right:15px;}
ul.email-phone li a, ul.email-phone li{color: #ffffff!important;}
.icon-margin{margin-right:5px;}
.icon-margin-left{margin-left:5px;}
.searchbox{width:70%; float:right;display: inline-block;position:relative;}
.searchbox #btnCustomSearch, .searchbox #btnCustomSearch:hover, .searchbox #btnCustomSearch:focus { border-radius: 0 4px 4px 0 !important; margin-left: -2px; padding: 8px 10px;font-size: 16px;height: 34px;} 
.search-btn, .btn-primary, .fa-bg, .btn-warning{background-color:#e11e25!important;border-color: transparent!important; color:#fff!important;}
.search-btn:hover, .btn-primary:hover, .btn-primary.active, .btn-warning:hover, .btn-warning.active{background-color:#D71D24!important;color: #fff!important;}
.searchbox #btnCustomSearch{background-color: transparent !important; color: #e11e25 !important; box-shadow: none !important; border: none !important;position: absolute; z-index: 5; top: calc(50% - 17px); right: 0;}
.search-contact-btn{display:flex;justify-content:end;gap:10px;}
.search-contact-btn .contact-btn{background-color: #e11e25 !important;}
.search-contact-btn .contact-btn:hover{background-color: #D71D24 !important;}
.navbar{min-height: 40px!important;margin: 0 -20px!important;border-left: 1px solid #ddd!important;border-right: 1px solid #ddd!important;}
.navbar-nav{margin:33px 0!important;}

.search-overlay-menu .search-container {
    height: 120px;
    position: absolute;
    top: 30%;
    left: 0;
    margin: -60px auto 0;
    width: 60%;
    left: 20%;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}


.search-overlay-menu .search-container .search-button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        font-size: 3rem;
        position: absolute;
        right: 0;
        top: 50px;
        color: #c6c6c6;
    }



/*.navbar-nav > li{float:none;display:inline-block;}*/
.dropdown-menu>li>a{color:#004976 !important;}
.navbar-nav > li > a{padding:8px 12px!important; font-size:15px; color:#004976 !important;font-weight: 600;}
.navbar-nav > li > a:hover, .navbar-nav > li:hover > a, .dropdown-menu>li:hover>a, .dropdown-menu>li>a:hover,.dropdown-menu > li > a:focus{background-color:#004976!important;color: #ffffff!important;}
.navbar-nav > .active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color:#004976!important;color: #ffffff!important}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color: transparent;}
.dropdown-menu>li>a b.fa{position: absolute;right: 15px;top: 8px;}

/*navigation modification*/
.navbar-collapse.collapse{width: 75%;float: right;display: table-cell;}
.navbar-nav{width: auto;display: block;}
.navbar-header{display: table-cell;float: left;}

.carousel-control {position: absolute;opacity: 1!important;top: calc(48% - 25px);border-radius: 100% !important;line-height: 1.5; height: 45px;width: 45px;text-align: center;}
.arrow-control {display: block;}
.arrow-control i{font-size: 30px;}
.carousel-control.left {background-image:none;left: 2%;}
.carousel-control.right {background-image:none;right: 2%;}
.page-content{margin-bottom:20px;}

.home-content{width:100%;margin: 20px 0;}
.home-content h1{margin: 0 0 15px; padding: 0 0 10px; text-align:center; border-bottom:1px solid #b7beca;font-size:30px;color:#004976;}

.date-color, .post-meta{color:#7C878E;}
.dateuser{color:#7C878E;display:flex;align-items:center;font-size:13px;}
.dateuser li{margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; line-height: 16px;font-size:13px;color: #7C878E;}
.dateuser li:first-child{margin-left: 0; padding-left: 0; border-left: none;}
.prod-cat-nav{width:100%; margin-bottom: 10px;}
.prod-cat-nav h4{margin:0;padding:10px 15px;border-bottom: 1px solid #ddd;line-height: 25px;font-size: 20px;}
.prod-cat-nav ul li{margin: 9px 0;}
.prod-cat-nav ul li a{display: inline-block!important;font-size: 12px;padding: 0 15px;line-height: 17px;font-weight: bold;}
.carousel{width:100%;margin-bottom: 25px;}
.carousel img{width:100%; height:100%;}
/*.carousel-inner > .item{width:818px; height:368px;}*/
/*.carousel-shadow{background-image:url(https://d2f6h2rm95zg9t.cloudfront.net/54187365/shadow_1459220302.png); background-repeat:no-repeat;height: 60px;width: 100%;background-size: 100%, 100%;}*/
.carousel-shadow{height: 60px;width: 100%;background-size: 100%, 100%;}
.section-title{border-bottom: 1px solid #b7beca;margin: 0 0 15px;padding-bottom: 10px;text-align: center;}


/*.carousel-inner .item,.carousel-inner .item.carousel-video { height: 360px; max-height: 360px; overflow: hidden; width: 100%; }
.carousel-inner .item.carousel-video .image-full { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 100%; height: 100%; z-index: 0; max-height: unset; object-fit: fill; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

 @media screen and (min-width: 992px) and (max-width: 1370px) {.carousel-inner .item,.carousel-inner .item.carousel-video { height: 549px; } }
 @media (max-width: 991px) { .carousel-inner .item,.carousel-inner .item.carousel-video { height: 428px; } }
 @media (max-width: 576px) { .carousel-inner .item,.carousel-inner .item.carousel-video { height: 280px; } }
*/

/* Video Section */
.video-banner {height: 360px; overflow: hidden;position: relative;width: 100%; }
  .video-banner .video {left: 0;-o-object-fit: fill;object-fit: fill; position: absolute; top: 0; width: 100%;top: 50%;left: 50%; min-width: 100%;min-height: 100%;width: 100%;height: auto; max-height: 360px;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }


.video-banner .video-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.video-banner .video-content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
}
.video-banner .video-content .centered-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.video-banner .video-content .centered-content h2 {
  font-size: 40px;
  color: #fff;
  line-height: 1.2;
}
.video-banner .video-content .centered-content p {
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
}



@media screen and (min-width: 992px) and (max-width: 1370px) {
  .video-banner { height: 330px; }
    .video-banner .video { height: 330px; } 
    
   .video-banner .video-content .centered-content {
    width: 60%;
  }
  .video-banner .video-content .centered-content h2 {
    font-size: 35px;
  }
  .video-banner .video-content .centered-content p {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .video-banner {height: 270px; }
    .video-banner .video {height: 270px; } 
      .video-banner .video-content .centered-content {
    width: 60%;
  }
  .video-banner .video-content .centered-content h2 {
    font-size: 32px;
  }
  .video-banner .video-content .centered-content p {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .video-banner {height: 200px; }
    .video-banner .video {height: 200px; } 
      .video-banner .video-content .centered-content {
    width: 80%;
  }
  .video-banner .video-content .centered-content h2 {
    font-size: 26px;
  }
  .video-banner .video-content .centered-content p {
    font-size: 14px;
  }
}

.video-overlay{width:100%!important;height:100%!important;}

.more{color: #697a34!important;text-decoration: underline;float: right;padding: 2px 15px;}
.more a{color: #697a34!important;}
.home-featured-prod{width:100%; margin-top:20px;margin-bottom: 20px;}
.home-featured-prod ul{display:flex; flex-wrap:wrap; justify-content: normal;width: 100%;list-style-position: outside; padding:0}
.home-featured-prod ul li{width: 32.1%;min-height: 180px;position: relative;background-color: #ffffff;display: inline-block;margin: 5px;overflow: hidden;text-align: center;list-style-type: none;border:1px solid #ddd;}
.home-featured-prod h2{border-bottom: 1px solid #b7beca;margin: 0 0 15px;padding-bottom: 10px;text-align: center;}
.home-featured-prod p{line-height: 20px;padding: 0 10px;}
.home-featured-prod h4{font-size:20px;margin: 10px;word-wrap: break-word;}
.image{position:relative; width:100%; height:200px; background-position:center, center;display: block;overflow:hidden;}
.image img{max-height:95%; max-width:95%; position:absolute;top:0; right:0; left:0; bottom:0;margin:auto;}
.image-distributors{height:140px;}
.img-thumb{max-width:100%;}
.custom-box{width: 330px;height: auto;position: relative;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
.other-team .owl-theme .owl-controls .owl-buttons {top: 0% !important;right:0!important;}
.doc-name{display: inline-block; overflow: hidden;text-overflow: ellipsis;width: 100%;}

.latest-news{}
.latest-news h4{font-size: 20px;line-height: 25px;margin: 0;}
.latest-news > ul > li{padding-bottom:15px;margin-bottom: 15px;border-bottom:1px solid #CBC9C9;}
.latest-news > ul > li:last-child{border-bottom:none;padding-bottom:0;}
.latest-news p{line-height: 25px;}
.latest-news .image{margin: 3px 0;height: 160px; width: 160px;border: 1px solid #ddd;border-radius: 2px;}
.news-details{line-height: 25px;margin-bottom: 20px;}
.news-details h1{margin:0; border-bottom:1px solid #ddd; padding-bottom:15px;line-height: 30px; font-size:28px;}

.right-panel{}
.right-panel .single-panel{margin-bottom:20px;}
.right-panel .single-panel h3{font-size:22px;margin-top: 0;border-bottom: 2px solid #ccc;padding-bottom: 5px;margin-bottom:15px;}
.right-panel .reset{font-size: 16px;margin-top: 7px;}
.right-panel .single-panel .tags{}
.right-panel .single-panel h4{margin:0;font-size: 16px;}
.right-panel .single-panel ul li{border-bottom:1px solid #ddd;margin-bottom:12px;padding-bottom:8px;}
.right-panel .single-panel ul li:last-child{border-bottom:none;margin-bottom:0;}
.right-panel .single-panel .tags li{display:inline-block;margin:5px!important;padding-bottom:0;border-bottom:none;}
.right-panel .single-panel .tags li a{padding: 2px 10px;border: 1px solid;border-radius: 2px; display: block;  text-decoration: none;}
.right-panel .single-panel .tags li.active a, .right-panel .single-panel .tags li:hover a, .right-panel .single-panel .tags li a:hover{background-color: #004976!important;color: #ffffff!important;border: 1px solid transparent;}

.post-meta{margin: 5px 0;}
.author-source{margin:0 0 10px 0;}

.events ul li .events-box{border-top:1px solid #ddd;padding-top:15px; margin-top:15px;}
.events ul li:nth-child(1) .events-box, .events ul li:nth-child(2) .events-box{border-top:none;padding-top:0; margin-top:0;}
.events .events-box{background-color: #fff!important;display:table;width:100%;}
.events .events-box h4{margin: 0 0 5px 0;font-size: 20px;line-height: 25px;}
.events .events-box .image{height: 138px;width: 138px;border: 1px solid #ddd;border-radius: 2px;}
.events .events-box .address{line-height: 26px;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;max-height: 52px; overflow: hidden;}

.passed-events h3 {margin-bottom: 30px; padding-bottom: 8px; font-size: 30px; text-align: center; background-color: #3e718e; color: #ffffff; padding-top: 8px; margin-top: 40px;}
.event-details { width: 100%; }
.event-details h3 { margin-top: 0; }
.event-details .event-image { height: 180px; margin-top: 5px; margin-bottom: 10px; }
.event-details .event-overview h4 { text-align: left; font-size:20px; font-weight: 500; }
.event-details .event-info li { margin-bottom: 5px; }

.footer-divider{background-color:#071c5a; margin: 0 auto; height:8px; width:97%;position: relative;}


.page-header{margin:6px 0 15px !important;padding: 15px 0;border-bottom: 1px solid #eee!important;}
.page-header h1{margin:0!important;line-height:32px; font-size:30px;}
.breadcrumb{margin:0 -15px!important;padding: 8px 20px!important;border-radius:0!important;background-color: #FAFAFA!important;border-bottom:1px solid #eeeeee;}
.breadcrumb li{letter-spacing: 1px!important;}



.whitepapers-single{ background-color: #fff!important;overflow: hidden;}
.whitepapers-single h4{margin: 0 0 5px 0;line-height: 1.3;}
.whitepapers-single .image{height:160px; margin-bottom:0;}

.whitepaper-details{line-height: 25px;margin-bottom:20px;}
.whitepaper-details h1 {margin: 0;border-bottom: 1px solid #ddd; padding-bottom: 15px;font-size:28px;}
.whitepaper-details .big-image{max-width: 600px;float: right; margin-left: 20px; margin-bottom: 10px;}
.whitepaper-details .big-image img{ max-width: 100%; max-height:100%;}
.whitepaper-details .tags-list{list-style:none;padding:0;}
.whitepaper-details .tags-list li{display:inline-block; min-height: 100%!important; margin: 5px 3px;border: none;}
.whitepaper-details .tags-list li a{ padding:3px 5px;  color: #333;}
.whitepaper-details .tags-list h4{display: inline-block!important; color:#444!important;}

.catalog .catalog{width:100%;}
.catalog .catalog-content{margin-bottom:20px;}
.catalog .catalog-listing{padding:0; list-style:none;text-align:center;}
.catalog .catalog-listing li{margin-bottom: 25px;overflow:hidden;}
.catalog .catalog-listing .single-box{border:1px solid #ddd;}
.catalog .catalog-listing h4{margin: 10px; text-align: center;font-size: 16px;}
.catalog .catalog-listing .catalog-img{position: relative; width: 100%; height: 350px; background-position:center, center; display: block;overflow: hidden;border-bottom: 1px solid #ddd;}
.catalog .catalog-listing .catalog-img img{max-height: 95%;max-width: 95%;position: absolute;top: 0;right: 0;left: 0;    bottom: 0; margin: auto;}
.catalog .catalog-listing .catalog-btn{margin:10px 5px;}
.catalog .Catalog-form{}
.catalog .Catalog-form label{text-align:right;}
.catalog .Catalog-form .radio{margin-top: 0;}
.catalog .catalog-listing .modal-content .form-group{text-align:left;}
.catalog .catalog-listing .modal-content .form-group label{text-align:right;}
.catalog .catalog-listing .modal-content .modal-header h4{text-align:left;}

/*Career*/
.career-intro-video{width:100%;margin-bottom: 20px;}
.career-intro-video .career-image{margin:0 0 5px 15px; float:right;}
/*.career-intro-video .career-video{min-height:300px;}*/
.career-intro-video .career-video iframe{min-height:300px;}
.job-list{width:100%;padding: 0 15px;margin-bottom:20px;}
.job-list h3 {margin: 0 0 20px 0;padding: 0 0 10px 0;border-bottom: 1px solid #ddd!important;}
.job-list .job-filter{width: 100%;}

.job-details{width:100%;margin-bottom:20px;}
.job-details h3{margin:0 0 10px 0;}
.job-details .top-details{margin-bottom:20px;}
.job-details .job-description{margin-bottom:20px;}
.job-details .job-description ol li{list-style:decimal;}
.job-details .job-description ul li{list-style:disc;}
.job-details .job-qualification{margin-bottom:20px;}
.job-details .apply-btn{text-align:right;}

.job-details-right{height:auto!important;}
.job-details-right h4{margin:0; }
.job-details-right span{display:block;}
.job-details-right ul li{margin: 0 0 10px; border-bottom: 1px solid #ddd;  padding: 10px 15px;}
.job-details-right ul li a{padding:0;}
.job-details-right ul li:last-child{border-bottom:none;margin-bottom: 0; padding-bottom:0;}
.apply-job-form{margin:40px 0;}
.apply-job-form label{line-height: inherit;}

.our-team{width:100%;padding: 0 15px;}
.our-team h3 { margin: 20px 0;padding: 15px 0;border-bottom: 1px solid #ddd!important;}
.our-team .single-box{margin-bottom:20px;border-radius: 4px;border: 1px solid #ddd;}
.our-team .single-box .image-box{  position: relative;display: block;overflow: hidden;text-align: center;max-height:253px;height:253px;}
.our-team .single-box .image-box img{max-height:100%; max-width:100%;}
.team-carousel .images{position: relative;display: block; overflow: hidden; text-align: center;padding:5px;height:223px;width:100%;}
.team-carousel .img-thumbnail {border: medium none !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);min-width: 100%;position: relative;}
.team-carousel .images img{display: block;left: 0;margin: auto;max-height: 100%;max-width: 100%;position: relative;right: 0;}

.image-overlay{position: absolute; top: 0;bottom: -1px;left: 0;right: -1px;background-color: rgba(241, 241, 241, 0.85);  overflow: hidden; opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all linear 0.2s;  -moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.team-social-links {list-style: none;font-size: 0; padding: 0; margin: 40px 0 20px 0;}
.image-overlay .team-social-links {margin: 0; position: absolute; bottom: 10px; width: 100%; text-align: center;}
.team-social-links li{  display: inline-block;  margin: 0 2px 2px 0;}
.team-social-links.light li a{background: #fafafa;border: 1px solid #f3f3f3; color: #666!important;}
.team-social-links li a {width: 45px; height: 45px; display: block; text-align: center; font-size: 20px; background: #e84c3d; border: 1px solid #e84c3d;  color: #fff;}
.image-overlay .team-social-links li a{margin: 2px;width: 40px;height: 40px;font-size: 18px;position: static;border-radius: 50%;}
.team-social-links li a i {line-height: 44px;}
.image-overlay .team-social-links li a i {line-height: 38px;font-size: 24px; margin: 0;}
.team-social-links li.twitter a:hover{ background-color: #55acee; border-color: #55acee; color: #fff!important;}
.team-social-links li.linkedin a:hover{background-color: #0274b3;border-color: #0274b3; color: #fff!important;}
.team-social-links li.facebook a:hover{background-color: #3b5998;border-color: #3b5998; color: #fff!important;}
.profile > .image-overlay{position:static;opacity:1;transform:scale(1);}
.profile > .image-overlay > .team-social-links{position:static;}
.our-team .single-box:hover .image-overlay, .our-team .single-box:hover .overlay-links{  opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1);}
.our-team .single-box .text-box{padding: 15px;border-top: 1px solid #ddd;text-align: center;}
.our-team .single-box .text-box h4{margin: 0 0 5px 0;font-size: 20px;}
.our-team .single-box .text-box .designation{font-size:14px;line-height:1.2;}
ul#owl_demo{height:auto;width:100%;padding:0px!important;overflow:hidden;}
ul#owl_demo li{float:left;display:inline-block;}
.owl-item{width:33.3333333%;float:left!important;}
ul#owl_demo_manual{padding:0px!important;height:auto;width:100%;overflow:hidden;}
.team-carousel .images{position: relative;display: block; overflow: hidden; text-align: center;padding:5px;height:223px;width:100%;}
.team-carousel .img-thumbnail {border: 1px solid #F5F5F5!important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);min-width: 100%;position: relative;padding:0;}
.team-carousel .images img{display: block;left: 0;margin: auto;max-height: 100%;max-width: 100%;position: relative;right: 0;}

.team-details .designation{font-size:14px;color:#6b6b6b;}
.team-details .details-profile-image{height:300px;}
.team-details .team-social-links {margin: 20px 0 20px 0;text-align: center;}
.team-details .other-team{margin-bottom:20px;position:relative;}
.team-details .other-team h3 {margin: 20px 0;padding: 15px 0;border-bottom: 1px solid #ddd!important;}
.team-details .owl-wrapper-outer{overflow:hidden;}
.our-team.home-team .single-box .image-box{    max-height: 186px; height: 186px;}

/*Team table View CSS*/

.our-team .table-view .image-box { width: 120px; }
.our-team .table-view .caption{min-width:200px;}
.our-team .table-view .caption h4{margin-bottom:5px;}
.our-team .table-view .table tr td, .our-team .table-view .table tr th{min-width: auto; max-width: 100%;}
.our-team .table-view .description {min-width:400px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.our-team .table-view .image-overlay{position: relative; opacity: 1;overflow: visible;background-color: transparent;-webkit-transform: scale(1);transform: scale(1);}
.our-team .table-view .image-overlay .team-social-links { margin: 15px 0 0; position: relative; bottom: 10px; width: 100%; text-align: left;}
.our-team .table-view .image-overlay .team-social-links.light li {margin: 0 4px 2px 0;}
.our-team .table-view .image-overlay .team-social-links li a{margin: 0;width: 35px;height: 35px;font-size: 18px;position: static;border-radius: 50%;}
.our-team .table-view .image-overlay .team-social-links li a i {line-height: 32px;font-size: 20px; margin: 0;}


/*Team Full Details View CSS*/
.our-team .full-details ul li { margin-bottom: 80px; }
.our-team .full-details ul li:last-child{margin-bottom:0;}
.our-team .full-details .single-box{position: relative; width: 100%; border-radius: 4px; display: flex; gap: 20px;border:none;}
.our-team .full-details .single-box .image-box { height: 400px;max-height: 400px; width: 400px; min-width: 400px; border: 1px solid #e9e9e9; transition: all .5s ease; overflow: hidden; border-radius: 5px; display: flex; position: relative; align-items: center; justify-content: center; }
.our-team .full-details .single-box .caption{position:static;}
.our-team .full-details .single-box .image:before{display:none;}
.our-team .full-details .single-box .caption h4{margin-bottom:5px;font-size:26px;font-weight:600;margin-top:5px;}
.our-team .full-details .single-box .caption .designation{margin-bottom:10px;display:block;color:#777777;}
.our-team .full-details .image-overlay{position: relative; opacity: 1;overflow: visible;background-color: transparent;-webkit-transform: scale(1);transform: scale(1);}
.our-team .full-details .image-overlay .team-social-links { margin: 15px 0 0; position: relative; bottom: 0; width: 100%; text-align: center;}
.our-team .full-details .image-overlay .team-social-links.light li {margin: 0 4px 2px 0;}
.our-team .full-details .image-overlay .team-social-links li a{margin: 0;width: 35px;height: 35px;font-size: 18px;position: static;border-radius: 50%;}
.our-team .full-details .image-overlay .team-social-links li a i {line-height: 32px;font-size: 20px; margin: 0;}


@media (max-width:1199px){
    .our-team.home-team .single-box .image-box{    max-height: 325px;
    height: 325px;}
}
@media (max-width:991px){
    .our-team.home-team .single-box .image-box{    max-height: 212px;
    height: 212px;}
    .our-team .full-details .single-box .image-box {
        height: 300px!important;
        width: 300px!important;
        min-width: 300px!important;
    }
}
@media (max-width:576px){
    .our-team.home-team .single-box .image-box{    max-height: 266px;
    height: 266px;}
}
/*Distributors*/
.distributor-filter{margin-top:0;}
.distributor-filter ul li {margin: 0 0 10px 0;}
.distributor-filter ul li a {padding: 0; text-decoration: none; font-size: 14px;display:block;  }
.distributors-countries { margin-top: 0; }
.distributors-countries input { margin-top: 6px; }
.distributors-countries h3 { margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; font-size: 20px; }
.distributors-countries ul li { margin: 0 0 5px 5px; }
.distributors-list { width: 100%; }
.distributors-list .thumb-info-caption > div{line-height:30px;}
.distributors-list .image{height:100px;margin:10px 0;}
.distributors-list ul li { border: 1px solid #ddd; margin-bottom: 15px; border-radius: 5px; }
.distributors-list .thumb-info-inner { font-size: 20px;font-weight: 600; }
.distributors-list .thumb-info-title i.fa-building-o { font-size: 20px; }
.selected-filter { padding: 5px 10px; border: 1px solid #ddd; margin-bottom: 15px; border-radius: 5px;}
.selected-filter ul { margin: 0; }
.distributors-list .poc-list{padding-top:15px;border-top:1px solid #ddd;}
.distributors-list .poc-list li{border-radius:0;border:none;margin-bottom:20px;}
.distributors-list .poc-list li .single-poc{padding:15px;border-radius: 5px;border: 1px solid #eeeeee;}
.distributors-list .poc-list li .single-poc > div{line-height: 25px;}
.distributors-list .poc-list li .single-poc h4{font-size: 18px;font-weight: 600;margin: 0 0 5px;}
 .fa-margin { margin-right: 5px; }
 .text-small{font-size:70%;}
 .padding15 { padding: 15px !important; }

.pagination > .active > a{color:#fff!important;background-color: #004976!important;border-color: transparent!important;}
.pagination > .active a, .pagination > .active span, .pagination > .active a:hover, .pagination > .active span:hover, .pagination > .active a:focus, .pagination > .active span:focus {background-color: #004976 !important;}

.about-image{max-width:100%; height:100%; text-align:center; margin-bottom:20px;}
.about-image img{box-shadow: 0px 0px 10px #767474;}
.about-text{width:100%; margin:0 0 15px 0;line-height: 24px!important;}
.company-history{width:100%;}
.company-history h3{margin:0; padding:0 0 10px 0;font-size: 25px;line-height: 28px;border-bottom:1px solid #F94C3F;text-align:center;}
.company-history .history{list-style:none;padding:0;}
.company-history .history:before{width:2px; position:absolute; top:0;bottom:0; border: 2px dashed #ddd;content: " "; left:50%;margin-top:50px;}
.company-history li{position:relative;min-height: 100px;padding: 40px 0;}
.company-history li .left-box-img{width:40%;float:left;padding: 10px;}
.company-history li .left-box-img h2{margin:0; padding:0;font-size: 25px;line-height: 30px;text-align:right;padding-top: 20px;}
.company-history li .left-box-feature{width:40%;float:left;padding: 15px;background-color:#F7F7F7; margin: 10px 0;}
.company-history li .right-box-img{width:40%;float:right;padding: 10px;}
.company-history li .right-box-img h2{margin:0; padding:0;font-size: 25px;line-height: 30px;text-align:left;padding-top: 20px;}
.company-history li .right-box-feature{width:40%;float:right;padding: 15px;background-color:#F7F7F7; margin: 10px 0;}
.company-history li ul li{margin:0; padding:0;min-height: 40px!important;margin: 5px 0;}
.company-history li .feature-right:before{position:absolute; top:30%;content: " ";width:0;height:0; border-right:10px solid #F7F7F7; border-top:10px solid transparent;
border-bottom:10px solid transparent;right: 40%;}
.company-history li .feature-left:after{border-left:10px solid #F7F7F7!important;left: 40%!important;position:absolute; top:30%;content: " ";width:0;height:0; border-top:10px solid transparent;border-bottom:10px solid transparent;}
.company-history li .year-circle{border-radius: 50%;border: 1px solid #ddd;width: 100px;height: 100px;position: absolute;text-align: center;line-height:100px;top: 20%;
left: 50%;margin-left: -48px;background-color:#fff;font-size: 25px;}
.contact-us{width:100%;}
.contact-us h2{margin:0; padding:0;font-size: 22px;}
.contact-us .contact-info{}
.contact-us .contact-info h2{margin-bottom:0px;line-height: 35px;font-weight: 600;}
.contact-us .contact-info ul li i{line-height:25px;}
.contact-us .contact-info ul li{margin: 5px 0;}
.contact-us .contact-form label{font-size: 16px;margin: 5px 0;}
.locations {}
.locations h2{font-weight:600;font-size:24px;margin-bottom:15px;}
.other-address{border-bottom:none!important;margin-bottom:35px;}
.other-address h4{margin: 0px;line-height: 26px;font-weight: 600;font-size: 20px;}
.contact-us .contact-form{width:100%;}
.contact-us .contact-form .checkbox label{display:block;}
.contact-us .contact-form h2{margin-bottom:15px;}
.contact-us .google-map{width:100%; margin:20px 0;border: 1px solid #ddd;   padding: 5px;}
.contact-us .google-map iframe{width:100%;border: none;}
.icon-size{width:16px; height:20px;padding-top: 2px;}
.red{color:Red!important;}
.reset a{font-size:12px; float:right; color:#fff!important; line-height: 27px;}
.reset a:hover{color:#fff!important;}
.selected-filter{background-color:#EEF9FF;padding:10px;margin-bottom: 10px;}
.selected-filter h5{margin:0 0 5px 0; font-weight:bold;font-size: 18px;}
.selected-filter ul{margin:0;}
.selected-filter span{margin-right:10px;}
.product-list-view{margin: 0 0 20px;}
.product-list-view .single-list{border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 20px;}
.product-list-view .single-list:last-child{border-bottom:none;}
.product-list-view .image{height:180px;}
.product-list-view .single-list .product-list-info h2{margin: 0 0 5px;font-size: 24px;overflow-wrap: break-word;line-height:30px;}
.product-list-view .single-list .product-list-info ul li{display:inline-block;margin:10px 5px;}
.product-list-view .single-list .product-list-info ul li:first-child{margin-left:0;}
.product-list-view .single-list .product-list-info h4{font-size:18px; margin-top:0;}
.product-list-view .single-list .product-list-info p{margin:0;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.prod-listing-main{width:100%;}
.prod-listing-main h3 {border-bottom: 1px solid #ddd;margin: 0 0 15px;padding: 8px 0;}
.prod-listing{margin-bottom: 20px;background-color: #fafafa;border: 1px solid #ddd;padding: 10px;width: 100%;}
.prod-title-first{background-color: #fff!important;border: none!important;}
.prod-title-first h2{margin:5px 0;}
.prod-listing h4{margin:10px 0; padding:0;font-weight: 700;word-wrap: break-word;}
.prod-listing h4 a{line-height: 26px;}
.prod-listing span{line-height: 22px;overflow-wrap: break-word;}
.prod-listing ul{list-style:none;padding:0; margin:0;}
.prod-listing ul li{font-size: 14px;/*color: #666;*/line-height: 30px;}
.product-categories{width:100%;}
.product-categories h3, .filterhed{ margin: 0;padding: 8px 10px;background-color: #004976;color: #fff;font-size:20px;}
.product-categories ul{border:1px solid #ddd;}
.product-categories ul li{font-size:16px;border-bottom: 1px solid #ddd;}
.product-categories ul li a{padding:6px 12px;}
.selected{background-color: #EEF9FF;}
ul.filter-child{border:1px solid #ddd;border-bottom: none;}
ul.filter-child li{border-bottom:1px solid #ddd;}
ul.filter-child li a{padding:6px 12px;color: #004976!important;}
ul.filter-child li a:hover{text-decoration:underline;}
.tagsmore{padding: 6px 12px;display: block;text-align: right;border:1px solid #ddd; border-top:none;margin-top: -20px; margin-bottom: 20px;}
.prod-title{text-align:center; width:100%;}
.prod-title h2{margin:0 0 30px 0; border-bottom:2px solid #013162; padding-bottom:20px;}
/*.product-img{width:100%; max-width:346px;}*/
.more-image{width:100%; }
/*.more-image ul li{display:inline-block;width:76px; height:81px;margin-left:10px; border:1px solid #ddd; padding:5px; cursor:pointer;}*/
.more-image ul li img{max-width:90%; max-height:90%;}
.prod-btn{color:#fff!important;margin-bottom: 8px;}
.prod-btn:hover{color:#fff!important;}
.part-price p{font-size:17px;}
.price-color { color: #233a88; font-weight: 600; }
.product-desc{width:100%;margin-bottom: 15px;}
.product-desc h3{margin:10px 0;}
.product-feature{width:100%;padding-bottom: 15px; margin-bottom: 20px;}
.product-feature h3{margin:15px 0;}
.product-specs{margin-bottom:20px;}
.product-specs .customizable-hand{font-size:1.3em;}
.product-specs h3{margin:0;padding-bottom: 10px;border-bottom:1px solid #ddd;}
.product-specs tr th{font-weight: bold; border-right: 1px solid #eaeaea;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align:middle;}
.product-specs tr{border-bottom: 1px solid #ddd!important;}
.product-specs .basic-imp-info tr:last-child{border-bottom:none!important}
.additional-docs h3{margin:0;}
.additional-docs ul{padding:0!important;}
.related-products{margin-bottom:20px;}
.related-products h3{margin:20px 0;padding:8px 0;border-bottom: 1px solid #ddd!important;}
.related-products .single-prod{margin-bottom: 20px;background-color: #fafafa;border: 1px solid #ddd;padding: 10px;width: 100%;text-align: center;}
.related-products .single-prod h4{margin:0;}
.related-products .single-prod .image{height:330px;  margin-bottom: 6px;}
.product-rfq-modal-header {
  padding: 10px; }
  .product-rfq-modal-header .pn-image {max-width: 60px; max-height: 60px; height: 60px; text-align: center; min-width: 60px; display: flex; align-items: center; justify-content: center; }
  .product-rfq-modal-header .title {
    padding-left: 10px; }
    .product-rfq-modal-header .title #partNumberPnl {
        color: #e11e25 ;
    }
.text-secondary {
    color: #6c757d !important;
}

.prod-cat-nav a:hover, .product-categories a:hover{text-decoration:underline!important;}
.products-listing-table .table a{font-size:16px;display:inline-block;}
.products-listing-table .table a.part-image{margin-bottom:10px;height:100px;width:100%;position:relative;}
.products-listing-table .table a.part-image img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.products-listing-table .table tr td, .products-listing-table .table tr th {text-align: center;}
.products-listing-table .table thead tr{background-color:#004976; color:#fff;}
.products-listing-table .table tr td h4{margin:0;}
.products-listing-table .table tr th{font-size:16px;padding: 8px 10px;}

.error-wrapper{padding-top:50px; text-align:center;}
.error-wrapper h1{color:#5D5B5B; font-size:200px;line-height: 250px;}
.error-wrapper .error-msg {display: block;font-size: 25px; padding-bottom: 50px;color:#5D5B5B;}
.error-wrapper .back-home{background-color:Transparent;color:#5D5B5B!important; border-color:#5D5B5B; }
.custom-search{width: 100%;min-height: 400px;}
.custom-search .panel-heading{border-bottom:1px solid #ddd;padding:0;}
.custom-search .panel-heading a{display: block;padding: 10px 15px;text-decoration:none;position: relative;}
.custom-search .panel-heading a::after { line-height: 1; font-family: FontAwesome; position: absolute; right: 15px; top: 50%; content: "\f146"; font-size: 14px; font-weight: 300; margin-top: -7px; }
.custom-search .panel-heading a.collapsed::after { content: "\f0fe"; }
.custom-search .loader{text-align:center;height:400px; padding:150px;}
/*.custom-search .gsc-webResult.gsc-result{border-bottom: 1px solid #ddd!important;padding-bottom: 15px!important;}
.custom-search .gsc-cursor-page{background-color: #eee!important;padding: 5px 10px!important;color: #333!important;border-radius: 4px!important;}
.custom-search .gsc-cursor-current-page{background-color: #656565!important; color: #fff!important;}
.custom-search .gsc-cursor-current-page{background-color: #656565!important; color: #fff!important;}
.custom-search .gsc-thumbnail-inside, .gsc-url-top{padding:0!important;}
.custom-search .gsc-cursor-box{text-align:center!important;}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {color: #004976!important;}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b{color:#ff1703 !important}*/
.custom-search .gsc-selected-option-container{min-width:100px;}
.custom-search .gsc-table-result .gs-web-image-box, .custom-search .gsc-table-result .gs-promotion-image-box{margin-right:10px;  width: 75px;}
.custom-search .gsc-table-result .gs-web-image-box .gs-image,.custom-search .gsc-table-result .gs-promotion-image-box .gs-promotion-image{ width: 75px;    max-width: 75px;max-height: 120px;display: inline-block;}
.custom-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page,.custom-search .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: 1px 8px !important; border: solid 1px; border-radius: 4px; display: -webkit-inline-box !important; margin-bottom: 5px;border:1px solid #666; }
.custom-search .gsc-table-result .gs-web-image-box .gs-image{border:none;}
.custom-search .gsc-table-result .gs-web-image-box .gs-image > .gs-image{border: 1px solid #e2e2e2;}
.custom-search  .gsc-control-cse .gsc-table-result { width: 100%; display: inline-block; }
.custom-search .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { color: #fff; background:#002e5b;text-decoration:none; }
.custom-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #fff; background:#002e5b; }
.custom-search .customSearchContainer{padding: 10px; border: 1px solid #e2e2e2; background: #f8f8f8;  margin-bottom: 30px;}
.custom-search  .cse .gsc-control-cse, .custom-search  .gsc-control-cse { padding: 0rem !important; }
.custom-search .input-group { position: relative; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.custom-search .input-group>.custom-file,.custom-search .input-group>.custom-select,.custom-search .input-group>.form-control,.custom-search .input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
.custom-search .input-group>.custom-select:not(:last-child),.custom-search .input-group>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.custom-search .input-group>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0;margin-left:-1px; }

/* Newslatter Subscriber */
.newsletter-subscriber{padding:40px;background-color: #3b5d7e;border-top:1px solid #eee;text-align:center;color:#fff;}
.newsletter-subscriber h4{font-size: 30px;margin-top: 0;}
.newsletter-subscriber .form-inline .form-group{width:80%;}
.newsletter-subscriber .form-inline .form-control{width:100%;}

/* Social Icons */
ul.social-icons {margin: 0;padding: 0;width: auto; margin-bottom: 5px;}
ul.social-icons li {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;background-image: url(https://d28amdf8evpdbo.cloudfront.net/social-sprites.png);background-repeat: no-repeat;background-color: #FFF;background-position: 0 100px;display: inline-block;margin: 0 10px 10px 0!important;padding: 0;overflow: visible;}
ul.social-icons li a {display: block;height: 30px;width: 30px;text-align: center;text-indent: -999999px;}
ul.social-icons li a:focus {outline: medium none;}
ul.social-icons li a:hover {text-decoration: none;}
ul.social-icons li a i[class^="fa-"] {color: #444;font-style: 16px;position: relative;top: 3px;}
ul.social-icons li a:active {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);}
ul.social-icons li:active, ul.social-icons li a:active {border-radius: 100%;}
ul.social-icons li.facebook {background-position: 0 -120px;}
ul.social-icons li.facebook:hover {background-position: 0 -150px;}
ul.social-icons li.flickr {background-position: 0 -180px;}
ul.social-icons li.flickr:hover {background-position: 0 -210px;}
ul.social-icons li.googleplus {background-position: 0 -300px;}
ul.social-icons li.googleplus:hover {background-position: 0 -330px;}
ul.social-icons li.linkedin {background-position: 0 -540px;}
ul.social-icons li.linkedin:hover {background-position: 0 -570px;}
ul.social-icons li.pinterest {background-position: 0 -780px;}
ul.social-icons li.pinterest:hover {background-position: 0 -810px;}
ul.social-icons li.rss {background-position: 0 -900px;}
ul.social-icons li.rss:hover {background-position: 0 -930px;}
ul.social-icons li.twitter {background-position: 0 -1140px;}
ul.social-icons li.twitter:hover {background-position: 0 -1170px;}
ul.social-icons li.vimeo {background-position: 0 -1200px;}
ul.social-icons li.vimeo:hover {background-position: 0 -1230px;}
ul.social-icons li.youtube {background-position: 0 -1380px;}
ul.social-icons li.youtube:hover {background-position: 0 -1410px;}
ul.social-icons li.instagram {background-position: 0 -1680px;}
ul.social-icons li.instagram:hover {background-position: 0 -1710px;}
ul.social-icons li:last-child{margin-right:0!important;}

.carousel-indicators li, .carousel-indicators .active{width:12px;width:12px;margin:2px;}


/* Scroll to Top */
.scroll-to-top {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background-color: #222222;bottom: 20px;color: #FFF!important;display: block;height: 40px;opacity: 0;padding: 13px 0 25px;position: fixed;right: 20px;text-align: center;text-decoration: none;width: 40px;z-index: 1040;}
.scroll-to-top:hover {filter: alpha(opacity=100);opacity: 1; color:#fff!important;}
.scroll-to-top.visible {filter: alpha(opacity=75);opacity: 0.75;}

.home-category-box{margin-top: 20px;margin-bottom: 20px;}
.home-category-box ul{display:flex; flex-wrap:wrap; justify-content: center;width: 100%;list-style-position: outside; padding:0}
.home-category-box ul li{width: 23.8%;min-height: 180px;position: relative;background-color: #E9EAEC;display: inline-block;margin: 5px;overflow: hidden;text-align: center;}
.home-category-box ul li a{text-decoration:none;display:block;}
.home-category-box h4{margin: 0;padding: 10px;font-size: 18px;line-height: 20px;font-weight: 600; color: #004976;}
.home-category-box img {max-height: 190px;max-width: 90%;display: inline-block;margin: 15px 0;}
.category-viewbtn {opacity: 0;width: 80%;margin: 0 auto 10px;color: #fff; padding: 5px;  position: absolute; top: 72%; right: 10%;}
.category-viewbtn a{text-transform:uppercase;}
.home-category-box ul li:hover .category-viewbtn{opacity: 1;}
.home-category-box ul li:hover img{opacity: .3;}
.home-category-box .see-all-cat{height: 55px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.home-category-box .see-all-cat h3{margin:0 5px;}
.category-box-in{margin-top: 0;}
.category-box-in ul li{width:19%;}

.custom-footer {/*background-color: #202C44; padding: 30px 0 0 0;*/}  
.custom-footer .footer-box .footer-links a { cursor: pointer;color: #e11e25 !important; }  
.custom-footer .footer-box { color: #ffffff; }  
.custom-footer .footer-box ul { margin-left: 0; } 
.custom-footer .footer-box ul li { font-size: 14px; margin-bottom: 5px; } 
.custom-footer .footer-box .box-title { text-align: left; color: #ffffff; font-size: 20px; margin: 0 0 15px 0; font-weight: 600; }  
.custom-footer .footer-box p { text-align: left; font-size: 14px; color: #ffffff; line-height: 22px; }  
.custom-footer .footer-bottom { padding: 0 0 10px 0;  }  
.custom-footer .footer-bottom .copyright-text { color: #cccccc; margin-top: 0px; padding: 0; } 
/*.custom-footer .footer-bottom{display: flex; justify-content: right;}*/
.custom-footer .footer-bottom p{margin: 4px 0;}
.custom-footer .footer-bottom p a{display: inline-block; padding: 0; color: #979797 !important;}  
.custom-footer .footer-bottom p a:hover{text-decoration: underline;}
.custom-footer .footer-box #footerAboutUs{color: #ffffff !important;font-size:16px;margin-bottom:10px;line-height:1.5;}
.custom-footer .footer-box .footer-logo {max-width: 300px;margin:auto;}
.custom-footer .footer-box .footer-logo img{max-height:100%;max-width:100%;}
.custom-footer .footer-bottom-div{margin-top: 15px; border-top: 1px solid #3b5d7e; padding-top: 15px;} 
.custom-footer .soc_icons{display: flex; justify-content: left;}


.promotion-modal .modal-dialog{max-width:700px;width:700px;}
.promotion-modal .modal-header{position:absolute;top:0;right:0;z-index:2;border:none;padding:0!important;background-color:transparent;}
.promotion-modal .modal-header .close{width:40px;height:40px; opacity: 1!important; text-shadow: none; color: #fff;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 13px; background-position: center; background-repeat: no-repeat;padding:0;margin:0;} 
.promotion-modal .modal-header .close{background-color:#dc3545;}

.category-docs-action-btn .btn-primary{/*box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);*/ padding: 0.8rem 1.2rem; font-weight: 500; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} 
.category-docs-action-btn .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } 
.category-docs-action-btn .btn-group > .btn:not(:first-child){border-left:1px solid #dee2e6 !important;}
.category-docs-action-btn .btn-group > .btn:not(:last-child){border-right:1px solid #dee2e6 !important;}
.mr-2, .mx-2 { margin-right: .5rem; } 
.ml-1, .mx-1 { margin-left: .25rem; } textarea{resize:vertical;}
.category-docs-action-btn .btn{display: inline-block; overflow: hidden;text-overflow: ellipsis;max-width:300px;margin-bottom:10px;}

/*View 3D Modal CSS Start*/
.view-3d-modal{margin-bottom:30px;text-align:center;background-color: #f9f9f9;padding: 25px;background-image: url(https://d16fcfgstc5xq2.cloudfront.net/view-3d-modal-image.jpg);min-height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;justify-content: center;align-items: center;position: relative;border-radius: 3px;}
.view-3d-modal:before{content:'';position: absolute;background-color: rgba(232, 232, 232, 0.8);top:0;left:0;right: 0;bottom: 0;z-index: 0;border-radius: 3px;}
.view-3d-modal h4{z-index: 1;}
.view-3d-modal a{box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}
.view3DModalContainer{margin-bottom:30px;}
@media only screen and (max-width:575px){
    .view-3d-modal{min-height:400px;}
}
/*View 3D Modal CSS End*/



/*Suggestive Search css*/

.ui-autocomplete { background: none 0 0 repeat scroll #fff; border: #ddd solid 1px !important; border-radius: 0; cursor: default; padding: 0; position: absolute; z-index: 2210 !important; box-shadow: 0 12px 10px 0px rgba(0, 0, 0, 0.5); border-radius: 0 0 4px 4px; margin-top: -1px; border-color: #80bdff !important; }  
.ui-menu { display: block; float: left; font-size: 14px; list-style: none outside none; margin: 0; padding: 5px 0; max-height: 510px; overflow-y: auto; } 
.ui-menu .ui-menu-item { clear: both; margin: 0; padding: 0px; width: 100%; /* border-bottom: 1px solid #eee;*/ } 
.ui-menu .ui-menu-item a { color: #333 !important; display: flex; align-items: center; line-height: 17px; padding: 5px 12px; text-decoration: none; cursor: pointer; justify-content: space-between; gap: 15px; } 
.ui-menu .ui-menu-item a .left-data { display: flex; align-items: center; min-height:32px;} 
.ui-menu .ui-menu-item a .left-data .left-in-field { padding: 2px; border-radius: 4px; display: flex; align-items: center; width: 32px; height: 32px; min-width: 32px; justify-content: center; }
.ui-menu .ui-menu-item a .left-data .ui-img { } 
.ui-menu .ui-menu-item a .left-data i { color: #999;} 
.ui-menu .ui-menu-item a i { color: #999; } 
.ui-menu .ui-menu-item a .type { color: #999;white-space:nowrap; } 
.ui-menu .ui-menu-item a.ui-state-hover { background-color: #f2f2f2 !important; } 
.ui-menu .ui-menu-item a.ui-state-active { background-color: #f2f2f2 !important; } 
.ui-menu .ui-menu-item:last-child { border-bottom: none; } 
.ui-menu .ui-menu-item.ui-state-focus { background-color: #ddd; } 
.ui-menu .ui-menu-item.ui-autocomplete-category.ui-state-focus { background-color: #f7f7f7; }  
.ui-autocomplete-category { background-color: #f7f7f7; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; color: #d07171; font-size: 14px; font-weight: bold; margin: 0; padding: 7px 0; text-indent: 10px; } 
.ui-autocomplete-category:first-child { border-bottom: 1px solid #dddddd !important; }  
.ui-helper-hidden-accessible { display: none; }  
.ui-autocomplete-specs { background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; color: #D07171; font-size: 14px; font-weight: bold; margin: 0; padding: 7px; } 
.ui-autocomplete-specs:first-child { border-bottom: 1px solid #DDDDDD !important; }    
.searching-loader { background-color: rgba(0,0,0,0.85); color: #ffffff; display: flex; left: 0; opacity: 1; padding: 10px 15px; position: fixed; top: 0; width: 100%; z-index: 2300; height: 100%; align-items: center; justify-content: center; }  
.searching-loader .loading { width: 300px; font-size: 36px; text-align:center; }   
.searching-loader .loading span[class^="dot-"] { opacity: 0; } 
.searching-loader .loading .dot-one{ animation: dot-one 2s infinite linear } 
.searching-loader .loading .dot-two { animation: dot-two 2s infinite linear } 
.searching-loader .loading .dot-three{ animation: dot-three 2s infinite linear }
@keyframes dot-one{ 0%{ opacity: 0; } 15%{ opacity: 0; } 25%{ opacity: 1; } 100%{ opacity: 1; } }  
@keyframes dot-two{ 0%{ opacity: 0; } 25%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 1; } }  
@keyframes dot-three{ 0%{ opacity: 0; } 50%{ opacity: 0; } 75%{ opacity: 1; } 100%{ opacity: 1; } }

@media only screen and (max-width:1200px)
{
.logo {width: 220px!important;}
.prod-cat-nav{height:100%!important;}
.prod-cat-nav li{height:100%!important;margin:0!important;}
footer .footer-widget ul.footer-social li {float: none; width: 100%;}
.more-image ul li {height: 63px;width: 59px;}
.catalog .catalog-listing .catalog-img{height: 225px;}
.home-right-panel {width: 78%!important;}
.home-category-box ul li, .home-featured-prod ul li {width: 31.8%!important;}
.navbar-collapse.collapse{width: 72%!important;}
.navbar-nav{display: block;}
.events .events-box .image {height: 110px!important;width: 110px!important;}
.newsletter-subscriber .form-inline .form-group {width: 75%;}
.home-left-panel > .dropdown-menu{min-width:13rem;}
}

@media only screen and (max-width:991px)
{
.logo {width: 180px!important;}
.input-group-btn>.btn{z-index:2;} 
.navbar-nav {margin: 15px 0;}   
ul.email-phone li{padding-left: 10px; border-right:0!important; padding-right:10px;}
.more-image ul li {height: 91px;width: 91px;margin: 5px!important;}
.distributors-box{height: 100%!important;}
footer .footer-widget .getin-touch p{width:86px!important;word-break: break-all;}
footer .footer-widget ul.footer-social li {float: left; width: 50%;}
.searchbox{width:85%!important;}
.home-left-panel {width: 28%!important;}
.home-right-panel {width: 71% !important;}
.home-category-box ul li{width:31%!important;}
.home-featured-prod ul li {width: 47.8%!important;}
.navbar-collapse.collapse {width: 70% !important;}
.owl-theme .owl-controls .owl-buttons{top:90%!important;}
.events .events-box{margin-bottom:15px;}
.team-details .details-profile-image {height: 210px!important;}
#allPnTable td:first-child, #allPnTable th:first-child{position:static!important;max-width: 250px;}
.table-responsive.dragscroll, .table-responsive{overflow-x: auto !important;}
.contact-us .custom-row{display:flex;flex-direction:column-reverse;gap: 35px;}
.our-team .single-box .image-box { max-height: 210px; height: 210px; }


}

@media only screen and (max-width:767px)
{
.promotion-modal .modal-dialog{width: auto;max-width:auto;}
.header-wrapper{padding:0!important;}
.navbar-header{padding:0 15px!important;}
.carousel{margin:auto -15px!important;width: auto!important;}
.navbar-nav {margin: 8px 0px!important;}
.page-header h1 {font-size: 25px;}    
.team-details .details-profile-image{margin-bottom:10px!important;}
.navbar{margin:0!important;}
.input-group-btn{z-index:999;}
header{height:100%;}
.passed-events .passed-single{min-height:100%;}
.page-header{margin:0 0 10px !important;}
.header-main{height:auto!important;}
.logo{text-align: left !important;height: 70px !important;width: 175px !important;margin: 5px !important;}
ul.email-phone{margin-bottom:10px;display:block;text-align: center;}
.contact-info{float:none!important;}
.searchbox{width:100%!important; text-align:center;}
.dropdown-menu{right: auto!important;}
.menu-cols-2{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
footer .footer-links{text-align:center!important; float:none!important;margin-bottom: 10px;}
footer .footer-copyright{text-align:center!important;}
footer .footer-widget{ margin-bottom: 15px!important;}
.distributors-box{height:auto;}
.events-box{min-height:auto!important;}
.widht100{width:100%!important;}
.widht100 h2{text-align:left!important; margin:5px 0!important;}
.about-text{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.product-img {max-width: 100%!important;} 
.arrow-control .fa-3x{font-size: 1.5em!important;}
.more{float:left!important;padding: 5px 15px!important;}
.home-prod-listing{min-height:100%!important;}
.prod-listing{min-height:100%!important;}
.page-header h2{font-size:25px!important;margin:0!important;line-height:26px!important;}
.distributors-filter {margin-bottom: 10px!important;}
.latest-news h4 {font-size: 18px!important;}
.whitepapers-single h4, .latest-news-home h4, .latest-news h4{margin-top:10px!important;}
.news-image{max-width: 100%!important;}
.latest-news{padding:0!important;}
.footer-copyright .copyright, .footer-copyright .footer-links{text-align:center!important;}
.job-details .apply-btn{text-align:left;margin-bottom: 20px;}
.error-wrapper h1 {font-size: 120px;line-height: 150px;}
.error-wrapper .error-msg{font-size:20px;}
.product-specs .table-responsive{margin-bottom:0px!important;}
.product-specs .table-responsive{border:none!important;}
.our-team .single-box .text-box {min-height: auto!important;}
.product-list-view .single-list .product-list-info{margin-top:20px;}
.prod-listing-main {margin-top: 20px;width: 100%;}
.wrapper{padding:0 15px 20px;}
.same-height, .same-height-ev, .same-height-pn{height:100%!important;}
.navbar-brand{padding:15px 0;}
.apply-job-form{margin: 40px 0!important;}
.padding-left15-xs{padding-left:15px!important;}
.newsletter-subscriber .form-inline .form-group, .newslatter-subscriber .form-inline .form-control{width:100%!important;}
.newsletter-subscriber .btn{width:100%!important;}
.xs-no-padding{padding:0px!important;}
.navbar-toggle {margin: 23px 0 !important;}
.title-on-details h1{word-wrap:break-word!important;}
.home-left-panel {position: absolute;z-index: 20;left: 15px;right: 15px;width: 92%!important;margin:0!important;margin-top: 50px!important;border-right: none!important;}
.home-right-panel {width: 100% !important;}
.home-category-box ul li { width: 46% !important;}
.home-category-box ul{justify-content: center;}
.home-category-box h4{line-height: 1;}
.home-featured-prod ul li {width: 100% !important;}
.navbar-collapse.collapse { display: none!important;width: 100%!important;}
.navbar-collapse.collapse.in{ display: block!important;}
.navbar-nav { width: auto!important;}
.navbar-nav > li{display:block!important;}
.navbar-header {display: block;float: none!important;}
.events .events-box .image, .latest-news .image {width: 100%!important;margin-bottom:10px!important;}
.events ul li:nth-child(2) .events-box{border-top: 1px solid #ddd;padding-top: 15px;margin-top: 15px;}
.wrapper{position: relative;}
.home-left-panel > .dropdown-menu .third-level-nav{top:29px!important;}
.home-category-box h4{font-size:20px;margin-top:10px;font-weight: 500;}
.home-category-box img{max-height: 150px!important;max-width: 80%!important;}
.product-detail h1, .product-details h1, .title-on-details h1{font-size:28px!important;}
.product-img.image img, .product-img img, .product-detail .images img, .product-detail .blog .images img, .main-image img{max-height:75%!important;max-width:75%!important;}
.part-price, .custom-text{width:100%!important;text-align:center;}
.pricetag{width:100%!important;text-align:center;}
 #cookie-law div, #cookie-law p, #cookie-law span, #cookie-law h1, #cookie-law h2, #cookie-law h3, #cookie-law h4, #cookie-law h5, #cookie-law h6 {font-size: 12px!important;line-height: 18px;}
#cookie-law .close-cookie-banner{margin-top:5px!important;}
#allPnTable td:first-child, #allPnTable th:first-child, .allPnTable td:first-child, .allPnTable th:first-child {position:static!important;left:0;z-index:1;white-space: normal!important;}
div.table-responsive {overflow-x: auto!important;}
#allPnTable td, #allPnTable th, .allPnTable td, .allPnTable th{white-space: normal!important;}
.btnNextPrevForPnTable{display:none!important;}
.custom-footer .footer-box #footerAboutUs{margin-top:30px;}
.custom-footer .footer-box .footer-logo{margin-bottom:30px;}
.custom-footer .soc_icons,.custom-footer .footer-bottom{justify-content:center!important;}

.category-docs-action-btn .btn-group .btn{width:auto;}

.our-team .single-box .image-box { max-height: 295px; height: 295px; }
.our-team .full-details .single-box { flex-direction: column; align-items: center; }
.our-team .full-details .single-box .image-box { height: 300px; width: 100%; min-width: 100%; }
.our-team .full-details .single-box .caption h4, .our-team .full-details .single-box .caption .designation{text-align:center;}
.our-team .full-details ul li { margin-bottom: 40px!important; }
.our-team .full-details .image-overlay .team-social-links.light li{margin-bottom:10px!important;}
.our-team .full-details .single-box{gap:10px;}

}

@media only screen and (max-width:575px){
    .category-docs-action-btn{text-align:center;}
    .category-docs-action-btn .btn-group.mr-2{margin-right:0!important;width: 100%;}
    .category-docs-action-btn .btn-group .btn{width:100%;border-radius:4px!important;}
    .category-docs-action-btn .btn{width:100%;max-width:100%;}
}

@media only screen and (max-width:480px)
{
   ul.email-phone li{display:block!important;border:none!important;padding:0!important;} 
   .specs-tabs .tab-content{padding:5px!important;}
   .category-viewbtn .btn-primary{font-size: 11px;padding: 4px;}
   .in-stock-image{height:auto!important;}

   
}

footer .footer-copyright nav {float: right;}
footer .footer-copyright nav ul {list-style: outside none none;margin: 0;padding: 0;}
footer .footer-copyright nav ul li {border-left: 1px solid #eee!important;display: inline-block;line-height: 12px;margin: 0;}
footer .footer-copyright nav ul li:first-child {border: medium none!important;padding-left: 0;}
footer a {color: #79a0c3 !important;}


.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}

.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}

#owl-demo1, #owl-demo2 {height: auto;overflow: hidden;padding: 0 !important;width: 100%;}

/*.product-specs tbody tr:first-child > th{border-top:none!important; background:red!important}*/


.announcement{padding: 10px; text-align: center;}
.announcement a{ text-decoration:none;}
.announcement a:hover{opacity:0.7;}
.cb-counters, .editIcon{color:#004976}
.cb-title{color:#4473FE}

/*======================Testimonial Page Start===================*/
.testimonial-page .item p {padding: 10px 10px;}
.testimonial-page .item{border: 1px solid #ddd;position: relative;text-align: center;padding: 10px 0px;margin-bottom: 30px;}
.testimonial-page .item img {border-radius: 50%;height: 100px;width: 100px;
z-index: 1;}
.testimonial-page .item{margin-bottom: 40px;}
.testimonial-home .item img {margin-left: calc(50% - 50px);}
.testimonial-page .item .name i {background: #fff none repeat scroll 0 0;border-radius: 50%;border-width: 1px;display: block;font-size: 32px;line-height: 80px;margin: 0 auto;width: 80px;border-style: solid;}
.testimonial-page .item .name h5 {margin: 23px 0 5px;text-transform: uppercase;}
.testimonial-page .item .name {padding-top: 10px;}
#owl-demo1{position:relative;}
.owl-theme .owl-controls .owl-buttons{position: absolute;right: 15px;top:92%;text-align: center;margin: 10px 0;}
.owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next  {display:inline-block;margin: 2px;cursor: pointer;}
/*======================Testimonial Page End===================*/
/*======================Client Section Start===================*/
.home-clients{margin-bottom:20px;}
.clients-page  .client-box{border:1px solid #EDEDED;margin-bottom: 10px;}
.clients-page .images{height: 100px;position: relative; display:block;}
.clients-page img{bottom: 0;left: 0;margin: auto;max-height: 95%;max-width: 95%;position: absolute;right: 0;top: 0;}
/*======================Client Section End===================*/


.prod-listing-main .grid-view h3{margin:10px 0; border-bottom:1px solid #dddddd}
.prod-listing-main .grid-view h5{margin:0;}

.same-height-subCat.well{ background-color:#fff;}
.same-height-subCat .subcat-name{font-size:15px;}
.same-height-subCat .other-cat{color: #bbbbbb; font-size:6em;padding-top: 25px;}
.same-height-subCat .images {background-color: rgba(0, 0, 0, 0);background-position: center center, center center;display: block;height: 140px;overflow: hidden;position: relative;width: 100%; margin-bottom:15px;}
.same-height-subCat .images img {bottom: 0;left: 0;margin: auto;max-height: 100%;max-width: 100%;position: absolute;right: 0;top: 0;}



.gsc-adBlock{display:none!important;}


 #gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/
 /*.active img{border:2px solid #333 !important;}*/
 
 
 .datasheet-download-msg { padding: 30px !important; }
 
 
/*All form css start here */
label { font-weight: normal; }
.input-label { position: relative; display: block; }
.input-label input[type="text"] { height: 34px; padding-right: 45px; }
.icon-append { right: 10px; padding-left: 8px; border-left-width: 1px; border-left-style: solid; position: absolute; top: 4px; width: 26px; height: 26px; font-size: 15px; line-height: 26px; text-align: center; color: #ccc; }
.icon-append.fa-check-circle{color: #3c763d;}
.icon-append.fa-times-circle{color: #a94442;}
.select { position: relative; display: block;}
.select i { position: absolute; top: 11px; right: 11px; width: 11px; height: 12px; background: #fff; box-shadow: 0 0 0 9px #fff; }
.select i:after, .select i:before { content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.select i:before { top: 0; border-bottom: 4px solid #ccc; }
.select i:after { bottom: 0; border-top: 4px solid #ccc; }
.select select { height: 34px; }
select.form-control{-moz-appearance: none;}
.has-error input, .has-error select, .has-error textarea { background-color: #fff0f0; }
.has-error.select i { background: #fff0f0; box-shadow: 0 0 0 9px #fff0f0; }
.has-error .select i { background: #fff0f0; box-shadow: 0 0 0 9px #fff0f0; }
.input-radio { border: 1px solid #ddd; padding: 3px 10px;border-radius:2px;}
.input-radio label { margin-right: 15px; }
.input-radio input { margin-top: 7px; }
.margin-top18 { margin-top: 18px !important; }
.margin-bot20 { margin-bottom: 20px !important; }
.margin-top10 {margin-top: 10px !important;}
.align-right { text-align: right !important; }
.align-left { text-align: left !important; }
.datasheet-download-msg { padding: 30px !important; }
textarea#txtAddress,textarea#txtUserAddress{height: 34px;}
.input-label textarea.form-control{padding-right: 45px;}

.table tr th, .table tr td { min-width: 100px; max-width: 250px; white-space: normal !important; }

/*All form css end here */

.block-7 .highlight-left{opacity: 0.3;}
.home-right-panel .block-7 .container, .home-right-panel .block-7 {padding: 0;}

/*css for ie*/
html.ie .home-left-panel .dropdown-menu li a{white-space: pre-wrap;white-space: -ms-pre-wrap; }
html.ie .carousel-control{top:44%;}
html.ie .home-category-box ul li{min-height:260px;}
html.ie .home-category-box .category-viewbtn{filter:alpha(opacity=0);}
html.ie .home-category-box ul li:hover .category-viewbtn{filter:alpha(opacity=100)}
html.ie .navbar-nav{margin: 33px 0!important;}
html.ie .events ul li:nth-child .events-box, html.ie .events ul li:nth-child + li .events-box {border-top: none;padding-top: 0;margin-top: 0;}
html.ie .carousel-indicators li{background-color:transparent!important;}
html.ie .carousel-control {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1)}
html.ie8 .select i {top: 5px; right: 11px; width: 22px; height: 23px;}
html.ie9 .select i {top: 11px; right: 11px; width: 22px; height: 12px;}


h2.section-title, .page-header h1, .home-left-panel h4, .job-list h3, .title-on-details h1, .product-specs h3, .related-products h3, .right-panel .single-panel h3{color:#004976!important;}
.home-right-panel{width: 78.5%;}
.form-control, .info-type, .breadcrumb > .active, .date-color, .post-meta, .text-gray{color: #202C44;}


.gsc-adBlock{display:none!important;}

.tablesorter .header, .tablesorter .tablesorter-header{position:relative;cursor: pointer;padding-right: 20px!important;}
.tablesorter .tablesorter-headerUnSorted:before{ content: ''; position: absolute; right:6px; border-right: 4px solid transparent; border-left: 4px solid transparent;  top: 38%; border-bottom: 4px solid; }
.tablesorter .tablesorter-headerUnSorted:after{ content: ''; position: absolute; right: 6px; border-right: 4px solid transparent; border-left: 4px solid transparent;bottom: 38%; border-top: 4px solid;}
.tablesorter .tablesorter-headerAsc:before{ content: ''; position: absolute; right:6px; border-right: 4px solid transparent; border-left: 4px solid transparent;  top: 38%; border-bottom: 4px solid; }
.tablesorter .tablesorter-headerDesc:after{ content: ''; position: absolute; right: 6px; border-right: 4px solid transparent; border-left: 4px solid transparent;bottom: 38%; border-top: 4px solid;}
.tablesorter thead .sorter-false { cursor: default; padding: 5px!important; }
.tablesorter thead .sorter-false:before,.tablesorter thead .sorter-false:after{border:none;}


.table > thead > tr > th, .table > tbody > tr > th, .table > tbody > tr > td{line-height:22px}
.status-text{    font-size: 12px;
    color: #888;
    padding: 6px 0 0 0px;
    color: #f71737;
    margin-bottom: 7px}

.product-specs tr.group-name th{background-color:#ddd;border: none;font-weight: 600;}
.part-price{pointer-events: none!important;color: #004976;}
.stock-categories ul{text-align: center;margin:25px 0;}
.stock-categories ul li {display: inline-block;margin: 5px 10px;}
.stock-categories ul li a{display: block;border: 1px solid #ddd;padding: 1px 15px;border-radius: 4px;background-color: #f2f2f2;text-decoration: none;}
.stock-categories ul li a:hover{background-color: #032c58;color:#ffffff!important;border: 1px solid #032c58;}
.in-stock-image{text-align:center;height:400px;margin-bottom:10px;}
.in-stock-image img{max-height:100%;max-width:100%;}

.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f3f3f3;}

/*Product Table Filter */
.tableRowFilter th{color:#666;font-size:14px;padding:2px 5px;font-weight: 500;}
.messageDiv{border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);margin-top: -20px;width: 100%;border-top: none;margin-bottom:20px;}
.messageDiv h4{padding-top: 8px;}



.tableRowFilter th{color:#666!important;font-size:14px;padding:2px 5px;font-weight: 500;}
.messageDiv{border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);margin-top: -20px;width: 100%;border-top: none;margin-bottom:20px;}
.messageDiv h4{padding-top: 8px;}
.products-listing-main .tableProductFiltert{width: 100%;position: inherit;font-size: 12px;}
.catlog-image{height:330px;position:relative;width:100%;}
.catlog-image img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;margin:auto;}
.catlog a:hover{text-decoration:none;} 
.custom-rfq-btn a{border:none;}
/*======================Cookie Footer Bar Start===================*/
#cookie-law { background-color: #444444; padding: 10px; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 1004; text-align: center; color:#fff;font-size: 13px;}
#cookie-law div, #cookie-law p, #cookie-law span, #cookie-law h1, #cookie-law h2, #cookie-law h3, #cookie-law h4, #cookie-law h5, #cookie-law h6{color: #ffffff;font-size: 13px;display:inline-block;margin:0 1px;}
#cookie-law .close-cookie-banner {  margin: 0 2px 0 2px; font-size: 12px; border: 1px solid;  padding: 2px 5px;  color: #ffffff !important;}
/*======================Cookie Footer Bar End===================*/



/*======================Product Table View & Filters Start===================*/
.tableRowFilter th{color:#666!important;font-size:14px;padding:2px 5px;font-weight: 500;}
.messageDiv{width: 100%;border-top: none;margin-bottom:20px;}
.messageDiv h4{padding-top: 8px;}
.products-listing-main .tableProductFilter{width: 100%;position: inherit;font-size: 14px;font-weight: 600;}


.btnNextPrevForPnTable{display: inline-block;float: right;}
.btnNextPrevForPnTable.fixed-right-panel{margin-right:-9%;z-index:2;}
.btnMoveTableRight.disabled, .btnMoveTableLeft.disabled{pointer-events: none;}
.fixed-right-panel {position: sticky;top: 150px;}

/*======================Product Table View & Filters End===================*/

div.table-responsive{overflow:hidden;width:100%;}
#allPnTable td:first-child, #allPnTable th:first-child, .allPnTable td:first-child, .allPnTable th:first-child {position:sticky;left:0;z-index:1;min-width: 160px;}
/*#allPnTable thead tr th, .allPnTable thead tr th {position:sticky;top:0;}*/
#allPnTable thead tr th input[type='text'], .allPnTable thead tr th input[type='text']{color:#333!important;width:100%;}
.products-listing-main .table-responsive > #allPnTable.table > tbody > tr > td, .table-responsive > .table > thead > tr > th, .products-listing-main .table-responsive > .allPnTable.table > tbody > tr > td, .table-responsive > .table > thead > tr > th{white-space:unset!important;}

.tableProductFilter.form-control {  min-width: 85px;}
.fixed-table thead tr th:first-child { z-index: 2; background-color: #004976;}
.fixed-table tbody tr td:first-child { background-color: #ffffff;}


/*!
 * froala_editor v2.8.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after { clear: both; display: block; content: ""; height: 0; }
.hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
img.fr-rounded, .fr-img-caption.fr-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
img.fr-bordered, .fr-img-caption.fr-bordered img { border: solid 5px #CCC; }
img.fr-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.fr-img-caption.fr-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img.fr-shadow, .fr-img-caption.fr-shadow img { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16); }
.fr-view span[style~="color:"] a { color: inherit; }
.fr-view strong { font-weight: 700; }
.fr-view table { border: 0; border-collapse: collapse; empty-cells: show; max-width: 100%; }
.fr-view table td { min-width: 5px; }
.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; }
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: #f5f5f5; }
.fr-view table td, .fr-view table th { border: 1px solid #ddd; }
.fr-view table td:empty, .fr-view table th:empty { height: 20px; }
.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; }
.fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; }
.fr-view table th { background: #e6e6e6; }
.fr-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; page-break-after: always; }
.fr-view .fr-file { position: relative; }
.fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: 400; }
.fr-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; }
.fr-view[dir=rtl] blockquote { border-left: 0; border-right: solid 2px #5e35b1; margin-right: 0; padding-right: 10px; padding-left: 0; }
.fr-view[dir=rtl] blockquote blockquote { border-color: #00bcd4; }
.fr-view[dir=rtl] blockquote blockquote blockquote { border-color: #43a047; }
.fr-view blockquote { border-left: solid 2px #5e35b1; margin-left: 0; padding-left: 10px; color: #5e35b1; }
.fr-view blockquote blockquote { border-color: #00bcd4; color: #00bcd4; }
.fr-view blockquote blockquote blockquote { border-color: #43a047; color: #43a047; }
.fr-view span.fr-emoticon { font-weight: 400; font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols; display: inline; line-height: 0; }
.fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -.1em .1em .1em; line-height: 1; vertical-align: middle; }
.fr-view .fr-text-gray { color: #AAA !important; }
.fr-view .fr-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0; }
.fr-view .fr-text-spaced { letter-spacing: 1px; }
.fr-view .fr-text-uppercase { text-transform: uppercase; }
.fr-view img { position: relative; max-width: 100%; }
.fr-view img.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; }
.fr-view img.fr-dib.fr-fil { margin-left: 0; text-align: left; }
.fr-view img.fr-dib.fr-fir { margin-right: 0; text-align: right; }
.fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 10px; margin-right: 10px; max-width: calc(100% - (2 * 10px)); }
.fr-view img.fr-dii.fr-fil { float: left; margin: 10px 10px 10px 0; max-width: calc(100% - 10px); }
.fr-view img.fr-dii.fr-fir { float: right; margin: 10px 0 10px 10px; max-width: calc(100% - 10px); }
.fr-view span.fr-img-caption { position: relative; max-width: 100%; }
.fr-view span.fr-img-caption.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; }
.fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0; text-align: left; }
.fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0; text-align: right; }
.fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 10px; margin-right: 10px; max-width: calc(100% - (2 * 10px)); }
.fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 10px 10px 10px 0; max-width: calc(100% - 10px); }
.fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 10px 0 10px 10px; max-width: calc(100% - 10px); }
.fr-view .fr-video { text-align: center; position: relative; }
.fr-view .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: 0; }
.fr-view .fr-video.fr-dvb { display: block; clear: both; }
.fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; }
.fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; }
.fr-view .fr-video.fr-dvi { display: inline-block; width:100%;}
.fr-view .fr-video.fr-dvi.fr-fvl { float: left; }
.fr-view .fr-video.fr-dvi.fr-fvr { float: right; }
.fr-view a.fr-strong { font-weight: 700; }
.fr-view a.fr-strongItalic { font-weight: 700;font-style:italic }
.fr-view a.fr-green { color: green; }
.fr-view a.fr-red { color: red; }
.fr-view a.fr-blue { color: blue; }
.fr-view a.fr-orange { color: orange; }
.fr-view a.fr-brown { color: brown; }
.fr-view a.fr-white { color: white; }
.fr-view a.fr-gray { color: gray; }
.fr-view .fr-img-caption { text-align: center; }
.fr-view .fr-img-caption .fr-img-wrap { padding: 0; display: inline-block; margin: auto; text-align: center; width: 100%; }
.fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; }
.fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 10px 10px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: "alpha(Opacity=0)"; width: 100%; text-align: center; }
.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; }
a.fr-view.fr-strong { font-weight: 700; }
a.fr-view.fr-strongItalic { font-weight: 700;font-style:italic }
a.fr-view.fr-green { color: green; }
a.fr-view.fr-red { color: red; }
a.fr-view.fr-blue { color: blue; }
a.fr-view.fr-orange { color: orange; }
a.fr-view.fr-brown { color: brown; }
a.fr-view.fr-white { color: white; }
a.fr-view.fr-gray { color: gray; }

a.fr-strong { font-weight: 700!important; }
a.fr-strongItalic { font-weight: 700!important;font-style:italic!important; }
a.fr-green { color: green!important; }
a.fr-red { color: red!important; }
a.fr-blue { color: blue!important; }
a.fr-orange { color: orange!important; }
a.fr-brown { color: brown!important; }
a.fr-white { color: white!important; }
a.fr-gray { color: gray!important; }

img.fr-view { position: relative; max-width: 100%; }
img.fr-view.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; }
img.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; }
img.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; }
img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 10px; margin-right: 10px; max-width: calc(100% - (2 * 10px)); }
img.fr-view.fr-dii.fr-fil { float: left; margin: 10px 10px 10px 0; max-width: calc(100% - 10px); }
img.fr-view.fr-dii.fr-fir { float: right; margin: 10px 0 10px 10px; max-width: calc(100% - 10px); }
span.fr-img-caption.fr-view { position: relative; max-width: 100%; }
span.fr-img-caption.fr-view.fr-dib { margin: 10px auto; display: block; float: none; vertical-align: top; }
span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0; text-align: left; }
span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0; text-align: right; }
span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 10px; margin-right: 10px; max-width: calc(100% - (2 * 10px)); }
span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 10px 10px 10px 0; max-width: calc(100% - 10px); }
span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 10px 0 10px 10px; max-width: calc(100% - 10px); }

/*========Animate css===========*/

/*
Animate.css - http: //daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.appear-animation { opacity: 0; }

.appear-animation-visible { opacity: 1; }

.animated,
.appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }

@-moz-keyframes flash {
    0%, 50%, 100% { opacity: 1; }

    25%, 75% { opacity: 0; }
}

@-o-keyframes flash {
    0%, 50%, 100% { opacity: 1; }

    25%, 75% { opacity: 0; }
}

@keyframes flash {
    0%, 50%, 100% { opacity: 1; }

    25%, 75% { opacity: 0; }
}

.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; }

@-webkit-keyframes shake {
    0%, 100% { -webkit-transform: translateX(0); opacity: 1; }

    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); }

    20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); }
}

@-moz-keyframes shake {
    0%, 100% { -moz-transform: translateX(0); opacity: 1; }

    10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); }

    20%, 40%, 60%, 80% { -moz-transform: translateX(10px); }
}

@-o-keyframes shake {
    0%, 100% { -o-transform: translateX(0); opacity: 1; }

    10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); }

    20%, 40%, 60%, 80% { -o-transform: translateX(10px); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); opacity: 1; }

    10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }

    20%, 40%, 60%, 80% { transform: translateX(10px); }
}

.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; }

    40% { -webkit-transform: translateY(-30px); }

    60% { -webkit-transform: translateY(-15px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); opacity: 1; }

    40% { -moz-transform: translateY(-30px); }

    60% { -moz-transform: translateY(-15px); }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); opacity: 1; }

    40% { -o-transform: translateY(-30px); }

    60% { -o-transform: translateY(-15px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; }

    40% { transform: translateY(-30px); }

    60% { transform: translateY(-15px); }
}

.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1); }

    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }

    100% { -webkit-transform: scale(1) rotate(0); opacity: 1; }
}

@-moz-keyframes tada {
    0% { -moz-transform: scale(1); }

    10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); }

    100% { -moz-transform: scale(1) rotate(0); opacity: 1; }
}

@-o-keyframes tada {
    0% { -o-transform: scale(1); }

    10%, 20% { -o-transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); }

    100% { -o-transform: scale(1) rotate(0); opacity: 1; }
}

@keyframes tada {
    0% { transform: scale(1); }

    10%, 20% { transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }

    100% { transform: scale(1) rotate(0); opacity: 1; }
}

.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; }

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }

    20% { -webkit-transform: rotate(15deg); }

    40% { -webkit-transform: rotate(-10deg); }

    60% { -webkit-transform: rotate(5deg); }

    80% { -webkit-transform: rotate(-5deg); }

    100% { -webkit-transform: rotate(0deg); opacity: 1; }
}

@-moz-keyframes swing {
    20% { -moz-transform: rotate(15deg); }

    40% { -moz-transform: rotate(-10deg); }

    60% { -moz-transform: rotate(5deg); }

    80% { -moz-transform: rotate(-5deg); }

    100% { -moz-transform: rotate(0deg); opacity: 1; }
}

@-o-keyframes swing {
    20% { -o-transform: rotate(15deg); }

    40% { -o-transform: rotate(-10deg); }

    60% { -o-transform: rotate(5deg); }

    80% { -o-transform: rotate(-5deg); }

    100% { -o-transform: rotate(0deg); opacity: 1; }
}

@keyframes swing {
    20% { transform: rotate(15deg); }

    40% { transform: rotate(-10deg); }

    60% { transform: rotate(5deg); }

    80% { transform: rotate(-5deg); }

    100% { transform: rotate(0deg); opacity: 1; }
}

.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0%); }

    15% { -webkit-transform: translateX(-25%) rotate(-5deg); }

    30% { -webkit-transform: translateX(20%) rotate(3deg); }

    45% { -webkit-transform: translateX(-15%) rotate(-3deg); }

    60% { -webkit-transform: translateX(10%) rotate(2deg); }

    75% { -webkit-transform: translateX(-5%) rotate(-1deg); }

    100% { -webkit-transform: translateX(0%); opacity: 1; }
}

@-moz-keyframes wobble {
    0% { -moz-transform: translateX(0%); }

    15% { -moz-transform: translateX(-25%) rotate(-5deg); }

    30% { -moz-transform: translateX(20%) rotate(3deg); }

    45% { -moz-transform: translateX(-15%) rotate(-3deg); }

    60% { -moz-transform: translateX(10%) rotate(2deg); }

    75% { -moz-transform: translateX(-5%) rotate(-1deg); }

    100% { -moz-transform: translateX(0%); opacity: 1; }
}

@-o-keyframes wobble {
    0% { -o-transform: translateX(0%); }

    15% { -o-transform: translateX(-25%) rotate(-5deg); }

    30% { -o-transform: translateX(20%) rotate(3deg); }

    45% { -o-transform: translateX(-15%) rotate(-3deg); }

    60% { -o-transform: translateX(10%) rotate(2deg); }

    75% { -o-transform: translateX(-5%) rotate(-1deg); }

    100% { -o-transform: translateX(0%); opacity: 1; }
}

@keyframes wobble {
    0% { transform: translateX(0%); }

    15% { transform: translateX(-25%) rotate(-5deg); }

    30% { transform: translateX(20%) rotate(3deg); }

    45% { transform: translateX(-15%) rotate(-3deg); }

    60% { transform: translateX(10%) rotate(2deg); }

    75% { transform: translateX(-5%) rotate(-1deg); }

    100% { transform: translateX(0%); opacity: 1; }
}

.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }

    10% { -webkit-transform: skewX(-8deg); }

    20% { -webkit-transform: skewX(7deg); }

    30% { -webkit-transform: skewX(-6deg); }

    40% { -webkit-transform: skewX(5deg); }

    50% { -webkit-transform: skewX(-4deg); }

    60% { -webkit-transform: skewX(3deg); }

    70% { -webkit-transform: skewX(-2deg); }

    80% { -webkit-transform: skewX(1deg); }

    90% { -webkit-transform: skewX(0deg); }

    100% { -webkit-transform: skewX(0deg); opacity: 1; }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }

    10% { -moz-transform: skewX(-8deg); }

    20% { -moz-transform: skewX(7deg); }

    30% { -moz-transform: skewX(-6deg); }

    40% { -moz-transform: skewX(5deg); }

    50% { -moz-transform: skewX(-4deg); }

    60% { -moz-transform: skewX(3deg); }

    70% { -moz-transform: skewX(-2deg); }

    80% { -moz-transform: skewX(1deg); }

    90% { -moz-transform: skewX(0deg); }

    100% { -moz-transform: skewX(0deg); opacity: 1; }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }

    10% { -o-transform: skewX(-8deg); }

    20% { -o-transform: skewX(7deg); }

    30% { -o-transform: skewX(-6deg); }

    40% { -o-transform: skewX(5deg); }

    50% { -o-transform: skewX(-4deg); }

    60% { -o-transform: skewX(3deg); }

    70% { -o-transform: skewX(-2deg); }

    80% { -o-transform: skewX(1deg); }

    90% { -o-transform: skewX(0deg); }

    100% { -o-transform: skewX(0deg); opacity: 1; }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }

    10% { transform: skewX(-8deg); }

    20% { transform: skewX(7deg); }

    30% { transform: skewX(-6deg); }

    40% { transform: skewX(5deg); }

    50% { transform: skewX(-4deg); }

    60% { transform: skewX(3deg); }

    70% { transform: skewX(-2deg); }

    80% { transform: skewX(1deg); }

    90% { transform: skewX(0deg); }

    100% { transform: skewX(0deg); opacity: 1; }
}

.wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }

    50% { -webkit-transform: scale(1.1); }

    100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }

    50% { -moz-transform: scale(1.1); }

    100% { -moz-transform: scale(1); opacity: 1; }
}

@-o-keyframes pulse {
    0% { -o-transform: scale(1); }

    50% { -o-transform: scale(1.1); }

    100% { -o-transform: scale(1); opacity: 1; }
}

@keyframes pulse {
    0% { transform: scale(1); }

    50% { transform: scale(1.1); }

    100% { transform: scale(1); opacity: 1; }
}

.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUp {
    0% { opacity: 0; -moz-transform: translateY(20px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInUp {
    0% { opacity: 0; -o-transform: translateY(20px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }

    100% { opacity: 1; transform: translateY(0); }
}

.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDown {
    0% { opacity: 0; -moz-transform: translateY(-20px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInDown {
    0% { opacity: 0; -o-transform: translateY(-20px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-20px); }

    100% { opacity: 1; transform: translateY(0); }
}

.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInLeft {
    0% { opacity: 0; -moz-transform: translateX(-20px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInLeft {
    0% { opacity: 0; -o-transform: translateX(-20px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-20px); }

    100% { opacity: 1; transform: translateX(0); }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInRight {
    0% { opacity: 0; -moz-transform: translateX(20px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInRight {
    0% { opacity: 0; -o-transform: translateX(20px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(20px); }

    100% { opacity: 1; transform: translateX(0); }
}

.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUpBig {
    0% { opacity: 0; -moz-transform: translateY(2000px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInUpBig {
    0% { opacity: 0; -o-transform: translateY(2000px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; transform: translateY(2000px); }

    100% { opacity: 1; transform: translateY(0); }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDownBig {
    0% { opacity: 0; -moz-transform: translateY(-2000px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInDownBig {
    0% { opacity: 0; -o-transform: translateY(-2000px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInDownBig {
    0% { opacity: 0; transform: translateY(-2000px); }

    100% { opacity: 1; transform: translateY(0); }
}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInLeftBig {
    0% { opacity: 0; -moz-transform: translateX(-2000px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInLeftBig {
    0% { opacity: 0; -o-transform: translateX(-2000px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInLeftBig {
    0% { opacity: 0; transform: translateX(-2000px); }

    100% { opacity: 1; transform: translateX(0); }
}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translateX(2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInRightBig {
    0% { opacity: 0; -moz-transform: translateX(2000px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInRightBig {
    0% { opacity: 0; -o-transform: translateX(2000px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInRightBig {
    0% { opacity: 0; transform: translateX(2000px); }

    100% { opacity: 1; transform: translateX(0); }
}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(0.3); }

    50% { opacity: 1; -webkit-transform: scale(1.05); }

    70% { -webkit-transform: scale(0.9); }

    100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -moz-transform: scale(0.3); }

    50% { opacity: 1; -moz-transform: scale(1.05); }

    70% { -moz-transform: scale(0.9); }

    100% { -moz-transform: scale(1); opacity: 1; }
}

@-o-keyframes bounceIn {
    0% { opacity: 0; -o-transform: scale(0.3); }

    50% { opacity: 1; -o-transform: scale(1.05); }

    70% { -o-transform: scale(0.9); }

    100% { -o-transform: scale(1); opacity: 1; }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(0.3); }

    50% { opacity: 1; transform: scale(1.05); }

    70% { transform: scale(0.9); }

    100% { transform: scale(1); opacity: 1; }
}

.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); }

    60% { opacity: 1; -webkit-transform: translateY(-30px); }

    80% { -webkit-transform: translateY(10px); }

    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes bounceInUp {
    0% { opacity: 0; -moz-transform: translateY(2000px); }

    60% { opacity: 1; -moz-transform: translateY(-30px); }

    80% { -moz-transform: translateY(10px); }

    100% { -moz-transform: translateY(0); opacity: 1; }
}

@-o-keyframes bounceInUp {
    0% { opacity: 0; -o-transform: translateY(2000px); }

    60% { opacity: 1; -o-transform: translateY(-30px); }

    80% { -o-transform: translateY(10px); }

    100% { -o-transform: translateY(0); opacity: 1; }
}

@keyframes bounceInUp {
    0% { opacity: 0; transform: translateY(2000px); }

    60% { opacity: 1; transform: translateY(-30px); }

    80% { transform: translateY(10px); }

    100% { transform: translateY(0); opacity: 1; }
}

.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); }

    60% { opacity: 1; -webkit-transform: translateY(30px); }

    80% { -webkit-transform: translateY(-10px); }

    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes bounceInDown {
    0% { opacity: 0; -moz-transform: translateY(-2000px); }

    60% { opacity: 1; -moz-transform: translateY(30px); }

    80% { -moz-transform: translateY(-10px); }

    100% { -moz-transform: translateY(0); opacity: 1; }
}

@-o-keyframes bounceInDown {
    0% { opacity: 0; -o-transform: translateY(-2000px); }

    60% { opacity: 1; -o-transform: translateY(30px); }

    80% { -o-transform: translateY(-10px); }

    100% { -o-transform: translateY(0); opacity: 1; }
}

@keyframes bounceInDown {
    0% { opacity: 0; transform: translateY(-2000px); }

    60% { opacity: 1; transform: translateY(30px); }

    80% { transform: translateY(-10px); }

    100% { transform: translateY(0); opacity: 1; }
}

.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); }

    60% { opacity: 1; -webkit-transform: translateX(30px); }

    80% { -webkit-transform: translateX(-10px); }

    100% { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes bounceInLeft {
    0% { opacity: 0; -moz-transform: translateX(-2000px); }

    60% { opacity: 1; -moz-transform: translateX(30px); }

    80% { -moz-transform: translateX(-10px); }

    100% { -moz-transform: translateX(0); opacity: 1; }
}

@-o-keyframes bounceInLeft {
    0% { opacity: 0; -o-transform: translateX(-2000px); }

    60% { opacity: 1; -o-transform: translateX(30px); }

    80% { -o-transform: translateX(-10px); }

    100% { -o-transform: translateX(0); opacity: 1; }
}

@keyframes bounceInLeft {
    0% { opacity: 0; transform: translateX(-2000px); }

    60% { opacity: 1; transform: translateX(30px); }

    80% { transform: translateX(-10px); }

    100% { transform: translateX(0); opacity: 1; }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); }

    60% { opacity: 1; -webkit-transform: translateX(-30px); }

    80% { -webkit-transform: translateX(10px); }

    100% { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes bounceInRight {
    0% { opacity: 0; -moz-transform: translateX(2000px); }

    60% { opacity: 1; -moz-transform: translateX(-30px); }

    80% { -moz-transform: translateX(10px); }

    100% { -moz-transform: translateX(0); opacity: 1; }
}

@-o-keyframes bounceInRight {
    0% { opacity: 0; -o-transform: translateX(2000px); }

    60% { opacity: 1; -o-transform: translateX(-30px); }

    80% { -o-transform: translateX(10px); }

    100% { -o-transform: translateX(0); opacity: 1; }
}

@keyframes bounceInRight {
    0% { opacity: 0; transform: translateX(2000px); }

    60% { opacity: 1; transform: translateX(-30px); }

    80% { transform: translateX(10px); }

    100% { transform: translateX(0); opacity: 1; }
}

.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; }

    100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
}

@-moz-keyframes rotateIn {
    0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; }

    100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
}

@-o-keyframes rotateIn {
    0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; }

    100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; }
}

@keyframes rotateIn {
    0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }

    100% { transform-origin: center center; transform: rotate(0); opacity: 1; }
}

.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
}

@-moz-keyframes rotateInUpLeft {
    0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; }

    100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
}

@-o-keyframes rotateInUpLeft {
    0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; }

    100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpLeft {
    0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; }

    100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
}

@-moz-keyframes rotateInDownLeft {
    0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; }

    100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
}

@-o-keyframes rotateInDownLeft {
    0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; }

    100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownLeft {
    0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; }

    100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
}

@-moz-keyframes rotateInUpRight {
    0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; }

    100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
}

@-o-keyframes rotateInUpRight {
    0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; }

    100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }

    100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
}

@-moz-keyframes rotateInDownRight {
    0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; }

    100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
}

@-o-keyframes rotateInDownRight {
    0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; }

    100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }

    100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

/*===============xzomm css==============*/
/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
/* --------------- */

/* xZoom Styles below */
.xzoom-container { display: inline-block; }

.xzoom-thumbs { text-align: center; margin-bottom: 10px; }

.xzoom { }
.xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { }

.xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; }

/* Everything out of border is hidden */
.xzoom-hidden { overflow: hidden; }

/* Preview */
.xzoom-preview { border: 1px solid #888; background: #FFFFFF; box-shadow: -0px -0px 10px rgba(0,0,0,0.50); z-index: 10; /*padding-right:25px!important;
 padding-left:25px!important;*/ }

/* Lens */
.xzoom-lens { /*border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);*/ cursor: crosshair; }

/* Loading */
.xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; /*background: url(img/ajax-loader.gif);*/ width: 48px; height: 48px; }

/* Additional class that applied to thumb when it is active */
.xactive { /* -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); */ }

/* Caption */
.xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left; }

    .xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; }
.text-selected{color:#ff1703 !important;}


/*Product Price Section CSS Start*/
.popover {max-width:100%!important;}
.popover .popover-content #pricePopover { max-height: 300px; overflow-y: auto; }
.popover .popover-body, .popover .popover-content{padding:0!important;}
.popover .popover-body .table thead tr, .popover .popover-content .table thead tr{background-color:transparent;color:#777777;}
.popover.show{display:block!important;}
.product-pricing{padding-right:48px;position:relative;margin-bottom:3px;cursor:pointer;margin-right: 6px;border-radius: 4px;}
.product-pricing::after{position:absolute;right:0;content:"\f0d8";font-family:"FontAwesome";top: 0; bottom: 0; padding: 6px 12px; border-left: 1px solid;}
#pricePopover{overflow-y: hidden;margin-bottom:0;}
#pricePopover table thead tr th, #pricePopover table tbody tr td{text-align:center!important;padding: 8px!important;vertical-align: middle;}
#pricePopover table > thead:first-child > tr:first-child > th{background-color:#ececec!important;color:#666666;}
#pricePopover table > thead:first-child > tr:first-child > th:first-child{text-align:left!important;}
#pricePopover .source-logo{width:80px;height:50px;position:relative;}
#pricePopover .source-logo img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
#pricePopover .text-gray{color: #999;}
#pricePopover .mw-115{min-width:115px!important;}
@media (max-width: 575px) {
    .product-pricing{display:block!important;margin-right:0!important;}
    .part-price{margin-right:0;margin-top:10px;display:block;text-align:center;}
    .custom-text{margin-right:0;margin-top:8px;display:block;text-align:center;}.datasheet-request-quote li{margin-bottom:10px;}
}
/*Product Price Section CSS End*/

 .contact-form{border-radius: 5px; background-color: #f9f9f9; border: 1px solid #eeeeee; padding: 15px;margin-bottom:20px;}
 .contact-form .form-container{margin-bottom:0;}





 
/* -----------------------------------
      Certifications Section Start Here
--------------------------------------*/
.certifications {
  padding: 0; }
  .certifications h2.certificate-type-heading {
    font-weight: 500;
    color: #333;
    font-size: 25px;
    display: inline-block;
    position: relative;
    margin-bottom: 15px; }
  .certifications .text-head .certificate-title {
    margin-bottom: 0;
    font-size: 20px;
    color: #444444;
    font-weight: 500;
    padding: 10px 10px;
    text-align: center;
    height: 100%;
    line-height: 1.2; 
    margin-top:0;
  }
  .certifications .certificate-listing-by-type {
    margin-bottom: 30px; }
  .certifications .certifications-item {
    padding: 0;
    list-style: none;
    gap:25px 0;
  }
    .certifications .certifications-item:hover .certifications-overlay::before {
      width: 80%;
      height: 80%;
      border-top: 1px solid #e11e25;
      border-right: 1px solid #e11e25;
      transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s; }
    .certifications .certifications-item:hover .certifications-overlay::after {
      width: 80%;
      height: 80%;
      border-bottom: 1px solid #e11e25;
      border-left: 1px solid #e11e25;
      transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s; }
    .certifications .certifications-item li:hover .certifications-overlay {
      visibility: visible;
      transform: scale(1); }
  .certifications .single-box {
    border: 1px solid #eee;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    position: relative;
    background-color: #fff; 
    margin-bottom:25px;
  }
  .certifications .image-box {
    padding: 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 254px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px 5px 0 0; }
    .certifications .image-box img {
      max-height: 100%;
      max-width: 100%;
      transition: all 0.5s; }
  .certifications .certifications-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
    display: flex;
    align-items: center;
    justify-content: center; }
    .certifications .certifications-overlay::before {
      content: "";
      width: 0;
      height: 0;
      border-width: 0;
      position: absolute;
      left: 10%;
      top: 10%;
      transition: 50ms height ease 150ms;
      z-index: 3; }
    .certifications .certifications-overlay::after {
      content: "";
      width: 0;
      height: 0;
      border-width: 0;
      position: absolute;
      right: 10%;
      bottom: 10%;
      transition: 100ms width ease 200ms;
      z-index: 3; }
    .certifications .certifications-overlay .overlay-content {
      width: 80%; }
    .certifications .certifications-overlay .magnify-icon {
      height: 40px;
      width: 40px;
      border-radius: 20px;
      background: #e11e25;
      margin: 0 5px;
      cursor: pointer;
      display: inline-block;
      transition: all 0.25s; }
      .certifications .certifications-overlay .magnify-icon:hover {
        background: #004976; }
      .certifications .certifications-overlay .magnify-icon p span i {
        font-size: 15px;
        color: #fff;
        line-height: 40px;
        cursor: pointer; }
  .certifications .certifications-overlay p,
  .certifications .certifications-overlay a {
    position: relative;
    z-index: 4; }
  .certifications .bg-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    left: 0;
    right: 0; }

  .overflow-hidden {
    overflow: hidden !important;
}

@media (max-width: 1399px) {
  .certifications .image-box {
    height: 254px; } }

@media (max-width: 1199px) {
  .certifications .image-box {
    height: 282px; } }

@media (max-width: 991px) {
  .certifications .image-box {
    height: 330px; }
  .certifications-overlay .certificate-title {
    font-size: 22px; } }

@media (max-width: 767px) {
  .certifications .image-box {
    height: 340px; }
  .certifications-overlay .certificate-title {
    font-size: 16px; } 
.certifications h2.certificate-type-heading {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
  .certifications .image-box {
    height: 297px; } }

@media (max-width: 340px) {
  .certifications .image-box {
    height: 257px; } }

/* -----------------------------------
      Certifications Section End Here
--------------------------------------*/
.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
.imagePopOver .popover {
    max-width: 300px !important;
    min-width: 250px;
}
    /*.imagePopOver .popover.right > .arrow {
        top: 25px;
        
    }*/
    .imagePopOver .popover .popover-content {
        /*padding: 9px 14px!important;*/
    }
.table-responsive.dragscroll {
    overflow: inherit;
}
.productPopover {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    position: relative;
   
}
.custom-popoverTopBar {width:100%;
}

    .productPopover img {
        max-width: 270px;

    }

    @media(max-width:576px){
        .productPopover{
            padding:10px;
        }
        .imagePopOver .popover {
            min-width: 250px;
            max-width: 250px !important;
        }
            .productPopover img {
            max-width: 225px;
        }
    }