/* ========================================================================== */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300';
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';

/* Headings
 ========================================================================== */
body {margin: 0; font-family: 'Open Sans'; font-size: 14px; line-height: 24px; color: #444444; background-color: #ffffff;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0; font-family: 'Roboto Slab'; font-weight: 300; color: #444444; text-transform: none;}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 25px;
}

h1 {
    font-size: 30px;
    line-height: 50px;
}
h3 {
    font-size: 24px;
    line-height: 30px;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}
.container-header{background: #ffffff;}
.container-header .mod-menu {justify-content: flex-end;}
.container-header .cust_grid_001 {border-bottom: 1px solid #ddd; background: #595959; color: #fff; padding: 10px;}
.container-header .cust_grid_003 .container-nav {padding: 0;}
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {display: block; border-radius: 3px; text-decoration: none; height: 32px; padding: 0 15px; line-height: 32px; color: #000000; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}
.container-header .mod-menu > li:hover > a,
.container-header .mod-list li.active > a{background-color: #8BC34A; color: #ffffff; outline: none;}
/* .container-header .mod-list li.active > a:after {content: ""; position: absolute; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #8BC34A;} */
.container-header .toolbar {display: flex; align-items: center; flex: 1 50%; gap: 1rem;}
.container-header .toolbars-left {justify-content: flex-start;} 
.container-header .toolbars-right {justify-content: flex-end;}
.top-contact > ul {padding-left: 0; display: inline-block; margin-bottom: 0px;}
.top-contact > ul li {display: inline-block; margin-right: 2px; padding-right: 5px; border-right: 1px solid #ddd; color: #797979;}
.top-contact > ul li:last-child {margin-right: 0; padding-right: 0px; border-right: none;}
.top-links li a {color: #ffffff;}
.container-header .social_list {display: flex; align-items: center; gap: 0.5rem;}

footer{background-color: #333333; position: relative; font-size: 12px; text-transform: capitalize; padding: 35px 0;}
.footer-wrapper h4 {text-transform: capitalize; font-size: 18px; line-height: 24px; color: #fff; margin: 0 0 20px 0; font-family: 'Roboto Slab'; font-weight: 300;}
.footer-wrapper ul {padding: 0px; margin: 0px; list-style: none;}
.footer-wrapper ul li{padding-left: 10px; margin-top: 10px; position: relative;}
.footer-wrapper ul >:before {content: ""; display: inline-block; height: 10px; vertical-align: middle;}
.footer-wrapper ul >:nth-child(n+2):before {margin-right: 10px; border-left: 1px solid #dddddd;}
.footer-wrapper ul li:before {border-color: #999999;}
.footer-wrapper ul li:before {border-color: #999999;}
.footer-wrapper ul li a {text-decoration: none; color: #aaaaaa; font-size: 12px; line-height: 24px;}
.footer-wrapper ul li a:hover {color: #bbbbbb; text-decoration: underline;}
.copyright_text {color: #aaaaaa;}
.footer-container{text-transform: capitalize;}

.feature-blogs {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; padding: 0 2rem}
.feature_item .feature_icon {color: rgba(68, 68, 68, 0.7); line-height: 60px;}
.feature_item .feature_icon:before {content: "\f013"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.feature_wrapper:hover .feature_icon {color: #8BC34A;}
.feature_image_wrapper {border-bottom-color: rgba(68, 68, 68, 0.7);}
.feature_wrapper:hover .feature_image_wrapper {border-bottom-color: #8BC34A;}

.view-article .container-banner {margin-bottom: 0;}
.breadcrumb {justify-content: end; background: none;}
.breadcrumb li,
.breadcrumb li a,
.breadcrumb li span{text-decoration: none; font-size: 12px; color: #000;}
/* Button style */
.readon {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #8BC34A;
  color: #8BC34A;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none !important;
}
.readon:hover {color: #444; color: #fff; background: #8BC34A; }
.readon.white {border: 1px solid #ffffff; color: #fff; background: #8BC34A; }
.readon.white:hover {border: 1px solid #8BC34A; color: #444; color: #fff; background: #8BC34A; }
.readon.black {border: 1px solid #000000; color: #333; }
.readon.black:hover {border: 1px solid #8BC34A; color: #444; color: #fff; background: #8BC34A; }
.tm-slider .readon {margin-right: 1px !important; }

.sitemap a{color:#000; }
.publication{border:none; }
.partner-network {text-align:center; }
.partner-network a{color:#000000; }
.partner-network a:hover{color:#000000; }
.login_btn{color:#fff; margin:0 0 0 5px; padding:0px; }
.login_btn a{padding:4px; background-color:#9f2740; color:#fff; text-decoration: none;}
a.readmore_btn{background-color:#000000; color:#fff; margin:2px 0px 0 5px; padding:5px 10px; width: auto; text-align:center; float:right; text-decoration: none;}
a.readmore_btn:hover{background-color:#000000; color:#fff; width: auto; text-align:center; float:right; text-decoration: underline;}
.readmore a{padding:4px; background-color:#9f2740; color:#fff; }
.readmore_btn_bim{background-color:#000000; color:#fff; margin:2px 34px 0 5px; padding:5px; width:auto; text-align:center; float:right; text-decoration:none; }
.readmore_btn_bim a:hover{background-color:#000000; color:#fff;  width:auto; text-align:center; float:right; }
.readmore a{padding:4px; background-color:#9f2740; color:#fff; }

.offcanvas-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; touch-action: none; background: rgba(0, 0, 0, 0.5);}
.offcanvas-active .offcanvas-overlay {display: block !important;}

.container-nav ul.mod-menu__sub{
    z-index: 1020;
    border-width: 0px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-radius: 0px 0px 3px 3px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    display: block;
    background: #ffffff;
    color: #444444;
    padding: 15px;
    position: absolute;
    width: 240px;
}
.container-nav .mod-menu__sub li a {font-size: 14px; color: #222222; background: transparent; padding: 5px 15px; text-align: left; display: block;}
.container-nav .mod-menu__sub li a:hover{border-radius: 3px; color: #ffffff; background: #8BC34A;}

h3.event-title {font-size: 18px;}

.itandfactory-management {display: grid; grid-template-columns: 25% 25% 25%; gap: 35px; margin: 10px 0;}
.itandfactory-management .content .inner-content {background-color: #fff; color: #333; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0px 1px 2px #eee; -moz-box-shadow: 0px 1px 2px #eee; -webkit-box-shadow: 0px 1px 2px #eee; border: 1px solid #ccc;}
.itandfactory-management .content .inner-content .image {overflow: hidden;}
.itandfactory-management .content .inner-content .details {padding: 10px;}

.publications_blogs_row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 60%; margin: 0 0 40px 0;}
.publications_blogs_link {display: block; color: #000000; text-decoration: none; cursor: pointer;}
.publications_blogs_panel {display: block; background-color: #ffffff; color: #333333; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 1px 2px #eeeeee; -moz-box-shadow: 0 1px 2px #eeeeee; -webkit-box-shadow: 0 1px 2px #eeeeee; border: 1px solid #cccccc;}
.publications_blogs_photo {display: block; overflow: hidden;}
.publications_blogs_content {padding: 10px; display: block;}

.main-content {margin-bottom: 1rem;}
div.mod-languages a{padding: 0px 4px;background-color:#fff;}

.solutions_blog_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px;}
.solutions_blog_list_item {display: grid; grid-template-columns: 54px auto; gap: 35px;}
.solutions_blog_desc h3 {font-size: 18px; font-weight: bold; margin-top: 3px; margin-bottom: 10px; line-height: normal;}
.solutions_blog_desc a {color: #000;}
.solutions_blog_icon {color: #fff; background: #8BC34A; font-size: 24px; width: 54px; height: 54px; border: 3px none #cccccc; padding: 15px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center;}
.solutions_blog_icon .list-img-icon {font: Font Awesome\ 5 Free; font-size: 24px; display: block; margin: 0 auto;}
.container-header .cust_grid_001>div#mod-custom104 {text-align: right; flex: 0 0 83.33%;}

.n2-ss-slider .n2-ss-layer-content .uk-icon-video-camera a.n2-ow:before {content: "\f03d"; display: inline-block; font-family:"Font Awesome 5 Free"; font-weight: 900; margin: 0 5px 0 0;}
.n2-ss-slider .n2-ss-layer-content .uk-icon-cloud-download a.n2-ow:before {content: "\f381"; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 0 5px 0 0;}
.feature_wrapper{margin-top: -47px;}
.login_ticket a {padding: 8px 20px; background-color: #2f6988; color: #fff; display: inline-block; margin-bottom: 1rem;}
.white-popup-block{padding: 10px;}
em {color: #1db200;}
.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #9dcc7a;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#abd28e;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;}
b, strong{font-weight: bold;}

.case_study_grid_list .case_study_grid_item {display: grid; grid-template-columns: 20% auto; gap: 35px; margin-bottom: 35px;}
.case_study_grid_list .case_study_grid_item .case_study_grid_02 {
    border: none;
    border-bottom: 3px solid transparent;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom-color: #8BC34A;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    padding: 20px;
}
.case_study_grid_list .case_study_grid_item .case_study_grid_desc p {color: #218BB2;}
.case_study_grid_list .case_study_btn {
    font-size: 13px;
    font-weight: 700;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 26px;
    padding: 4px 16px;
    color: #FFFFFF;
    background-color: #018329;
    display: inline-block;
    transition: all .2s;
    -o-transition: all .2s;
    -ie-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    box-shadow: 0 3px 0 #01651f;
}
.case_study_grid_list .case_study_btn:hover,
.case_study_grid_list .case_study_btn:focus {background-color: #13963b;}

.grid_main_panel {display: flex; align-items: flex-start; gap: 1rem;}
.grid_main_panel .left_panel {background: transparent; font-size: 24px; max-width: 24px; height: 24px; padding: 0;}
.grid_main_panel .right_panel h3 {color: #1dc205; font-size: 18px; line-height: normal; font-weight: bold; margin-bottom: 10px;}
.grid_main_panel .user_panel_menu {list-style: none; padding: 0; margin: 0;}
.grid_main_panel .user_panel_menu li a:hover {text-decoration: underline;}

.container-header .navbar-brand a img {object-fit: none;margin:5px;} 

.systemrequirement:before,
.systemrequirement1:before,
.location_title:before,
.location_title1:before {content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 20px; height: 20px; display: inline-block; font-size: 14px; vertical-align: middle; line-height: normal; text-align: center;}

.systemrequirement.active:before,
.systemrequirement1.active:before,
.location_title.active:before,
.location_title1.active:before  {content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 20px; height: 20px; display: inline-block; font-size: 14px; vertical-align: middle; line-height: normal; text-align: center;}

.custom_accordians {margin: 1rem 0;}
.custom_webinar_box {background-color: #8bc34a; padding: 20px; -webkit-border-radius: 3px; border-radius: 3px;}
.custom_webinar_box .custom_webinar_box_title{margin: 0; color: #218BB2; font-size: 14px;} 
.custom_webinar_box a {color: #245269; font-weight: 700; font-size: 12.16px; line-height: 1.3em;}

.com-content-article {margin-top: 50px;}
.btn {border: none;
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    text-shadow: none;
    line-height: 22px;
}
.btn {
    text-decoration: none;
    color: #FFF;
    background-color: #666;
    padding: 10px 16px;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}
.btn:hover, .btn:focus {
    text-decoration: none;
    background-position: 0 0;
    -webkit-transition: none;
    transition: none;
    background-color: #1abc9c;
    color: #444444;
}
.systemrequirementdetail,
.systemrequirementdetail1 {
    padding: 1em 0 1em 27px;
}
 @media (max-width: 767px) {
    .features {padding-top: 35px;}
    .feature-blogs{grid-template-columns: repeat(1, 1fr); gap: 25px; padding: 0;}
    .site-footer .row {margin: 0 0 1rem 0; padding: 0 25px; text-align: center; gap: 1rem;}
    .container-header .container-nav{display: none;}

    .offcanvas-bar{position: fixed; width: 270px; top: 0; left: 0; background: #333333; height: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
    .offcanvas-bar.active{-webkit-transform: translateX(0%); transform: translateX(0%);}
    .offcanvas-bar .mod-list li{padding: 0;}
    .offcanvas-bar .mod-menu > li > a, .offcanvas-bar .mod-menu > li > span{display: block; color: #cccccc; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; line-height: 24px;}
    .offcanvas-bar .mod-menu .parent > ul {display: block; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); color: #ccc; padding: 5px 0 5px 20px;}
    .offcanvas-bar .mod-menu .parent > ul li a {color: #ccc; padding: 2px 0; line-height: 24px;}
    .uk-navbar-toggle {width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #8BC34A; border: 1px solid #8BC34A; margin: 0; padding: 0; color: #fff; font-size: 24px; text-decoration: none;}
    .navbar-brand {margin: 0 auto;}

    .itandfactory-management {display: grid; grid-template-columns: 70%; gap: 25px; margin: 10px 0;}
    .publications_blogs_row {grid-template-columns: repeat(1, 1fr); max-width: 100%;}
    .solutions_blog_list{grid-template-columns: repeat(1, 1fr); max-width: 100%;}
    .case_study_grid_list .case_study_grid_item{grid-template-columns: repeat(1, 1fr);}
    .container-header .cust_grid_001{gap: 0.25rem; flex-direction: column;}
    .feature_wrapper{margin-top: 0;}

    .main-content {flex-direction: column;}
    .main-content .main-content-child {width: 100% !important;}
    .container-header .social_list a {width: 24px; height: 24px;}

    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{padding: 0 25px;}
}
@media (min-width: 768px) and (max-width: 959px) {
  .container-header .container-nav{display: none;}

  .offcanvas-bar{position: fixed; width: 270px; top: 0; left: 0; background: #333333; height: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
  .offcanvas-bar.active{-webkit-transform: translateX(0%); transform: translateX(0%);}
  .offcanvas-bar .mod-list li{padding: 0;}
  .offcanvas-bar .mod-menu > li > a, .offcanvas-bar .mod-menu > li > span{display: block; color: #cccccc; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); height: auto; line-height: 24px;}
  .offcanvas-bar .mod-menu .parent > ul {display: block; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); color: #ccc; padding: 5px 0 5px 20px;}
  .offcanvas-bar .mod-menu .parent > ul li a {color: #ccc; padding: 2px 0; line-height: 24px;}
  .uk-navbar-toggle {width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: #8BC34A; border: 1px solid #8BC34A; margin: 0; padding: 0; color: #fff; font-size: 24px; text-decoration: none;}
  .navbar-brand {margin: 0 auto;}

  .publications_blogs_row {max-width: 70%;}
}
@media (min-width: 960px) {
  .it-hidden-large{display: none;}
  .container-header .mod-menu {flex-direction: row;}
  .container-header .grid-child {max-width: 1130px; margin: 0 auto;}
  .container-header .cust_grid_003 {padding: 0; max-width: 1130px; margin: 0 auto;}
  .site-grid > [class^=container-], .site-grid > [class*=" container-"]{padding: 0 35px;}
}
#language_btn_131 {
    text-decoration: none;
  	color:#666;
    background-color: #fff;
    padding: 10px 16px;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}
.container-header .navbar-brand a img {
    object-fit: fill;
    margin: 5px;
}