#appDetailsModal .modal-body {
    padding: 0 !important;
    min-width: 80%;
}
#appDetailsModal .row {
    margin-left: 0;
    margin-right: 0;
}
#appDetailsModal .rightside {

}

#appDetailsModalSaIcon {
    vertical-align:middle;
}

#appDetailsModal .leftside {
    padding: 0px;
    max-width: 321px;
    min-height: 80%;
    box-shadow: 5px 0 5px rgba(74, 74, 74, 0.16);
    background-color: #333333;    
}

#appDetailsModal .leftside .toprow {
    margin-top: 40px;   
}
#appDetailsModalSaName {
    color: #ffffff;
    
    font-size: 18px;
    font-weight: 500;  

}
#appDetailsModal h6 {
    color: #FFF;    
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 12px;

}
#appDetailsModal .carousel-control-prev-icon {
    background-image: none;
}
#appDetailsModal .carousel-control-next-icon {
    background-image: none;
}
#appDetailsModal .carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #333;
}

#appDetailsModal .carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #333;
}
#appDetailsModal .middlerow {
    max-height: 50%;
    overflow-y: scroll;   
}
#appDetailsModalSaDescription {
color: #d5d5d5;
font-size: 14px;
font-weight: 300;
line-height: 21px;        
    
}
#appDetailsModal .middlerow::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #1E1E1E;
}
#appDetailsModal .middlerow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ED7532;
}
#appDetailsModal .middlerow::-webkit-scrollbar {
height: 10px;
    width: 10px;
    background-color: #F5F5F5;
}
#appDetailsModal .leftside > .row > .col {
 padding-left : 22px;   
 padding-right : 22px;   
    
}

#appDetailsModal .btn-wrapper {
 width: 74px;
height: 35px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
border-radius: 2px;
background-color: #ed7532;   
}
#appDetailsModal .btn-wrapper a {
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.apps-market-tabs {
    
    padding-top:30px;
}
.main_box{float: left; width: 100%; height: 100%;}
.main_box_left{ float: left; width:30%; height: 100%; background: url(../png/mark.png) no-repeat right bottom #333333;background-size: 80%; padding: 30px 33px;position: relative;}
.main_box_right{ float: left; width:70%; height: 100%; background: #fff; padding: 40px;}

.main_box_left_top{ float: left; width: 100%;}
.main_box_left_top img{ float: left;}
.main_box_left_top h2{ float: left; color: #FFFFFF; margin:22px 0 0 10px; font-size: 20px;line-height: 30px;}

.main_box_icon_set{ float: left; width: 100%; padding-left:10px; margin-top:20px;}
.main_box_icon_set h6{color: #919191; font-size: 12px; font-weight:500; width: 100%; margin-bottom:12px;}
.main_box_icon_set img{ margin-right: 10px; float: left; margin-top: 0;max-width:30px;}
.main_box_icon_set h5{color: #999999; font-size: 16px; font-weight:500; float:left;}

.main_box_icon_set.link_sc{margin-top:22px;}
.main_box_icon_set.link_sc a{ font-size: 16px; color: #29A5FF; font-weight: normal; float: left;margin-top: 3px;}
.main_box_icon_set.link_sc a.install_link{float: right; color: #fff; background: #ED7532; border-radius: 2px; padding: 10px 18px; margin-top: -6px; box-shadow: 2px 4px 4px rgba(0,0,0,0.5);}

.box_text_scroller{ float: left; width: 100%; padding-left: 10px; height:35%; overflow-y:scroll; margin:24px 0;}
.box_text_scroller p{ font-size: 14px; font-weight: 300; color: #D5D5D5; line-height: 21px;}

.main_box_icon_set.link_sc.pose_abs {position: absolute;bottom:30px;max-width: 100%;left: 0;margin: 0;padding: 0 43px;}





 



.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}

.popup {margin: 5vh 5%;padding: 0;background: #fff;border-radius: 5px;width: 90%; height:90vh; position: relative;transition: all 4s ease-in-out; overflow:hidden;}

.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold; text-decoration: none;color: #333;}
.popup .content {width: 100%;height: 100%;}



#scroll-container {position: relative;padding: 0 10px 0 0px;overflow: auto;}
  .sa-tabs {display: block !important;left: 0;top: 0;}
  .sa-tab {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  button.sa-tab {
    background: none;
    color: inherit;
    border: none;
    padding: 10px !important;
    font: inherit; }
.owl-carousel .owl-item img{max-height: 100%;}

.owl-stage-outer {padding-top:0px;}

.sa-tab {position: relative; display: inline-block;width: 150px;}
.sa-tab span{ display: none !important;}
.sa-tab:after{content: 'Desktop'; position: absolute; left: 0 ; top: 0; font-size: 16px; background: url(../png/icon_desktop.png) no-repeat 20px 2px;
border-bottom: 5px solid #fff; padding:0 50px 10px 50px;}
.sa-tab.tablet:after{content: 'Tablet'; background: url(../png/icon_tablet.png)  no-repeat 25px 0px;}
.sa-tab.phone:after{content: 'Phone'; background: url(../png/icon_phone.png)  no-repeat 25px 0px;}
.sa-tab.playit:after{color: #29a5ff; content: 'PlayIt!'; background: url(../png/play.png)  no-repeat 25px 0px; cursor: pointer}
.sa-tab.active:after{ font-weight: 500; border-bottom: 5px solid #059CDF;}

.zoom {transition: transform .2s;}
.zoom:hover{transform: scale(1.5);}

 

.class_relative{position: relative;}
.class_relative:hover .abslt_hover_bundle{ display: block;}
.class_relative:hover .hover_arrow{ display: block;}
.abslt_hover_bundle{position: absolute; left: 200px;top: -70px; background: rgba(51,51,51,.94); border-radius:8px; border:1px solid #fff; padding:20px;
  width: 500px; z-index: 9999;
display: none;}

.hover_arrow {float: left;z-index: 99999999;position: absolute; left: 182px; display: none;}

.hding_bx{ float: left; width: 100%; margin: -0px 0 0 -5px;}
.hding_bx img{ float: left;}
.hding_bx h2{ float: left; font-size: 14px; color: #fff; margin-top: 4px;}

.accordian_area {float: left;width: 100%;float: left; margin-top: 20px; padding-left: 10px;}






.accordion {width: 100%; margin: 0 auto; /*border: 1px solid #DADCE0;*/ border-radius: 2px;margin-bottom:8px; padding: 8px; /*background:#3B3B3B;*/ float: left;}
.accordion.opened{background: #4E4E4E;}
.accordion__head {cursor: pointer; position: relative; float: left; width: 100%; padding-right:38px;}
.accordion__head h2{ float: left; margin:8px 0 0 0; font-weight: bold;}
.accordion__head span{float: right; font-size: 12px; color: #BFBFBF;margin:8px 0 0 0;}
.accordion__head img{float: left;}

.accordion__head::after {content: url('../png/drop_arrow.png');width: 16px;height: 16px;transition: transform 300ms ease-in-out; position: absolute;
right:4px; top:4px;}
.opened .accordion__head::after {transform: rotate(180deg);  top:10px;}
.accordion__body {padding-top: 12px;font-size: 18px;padding-left: 40px;height: 200px; overflow-x: auto;}
.accordion__body h3{font-size: 12px; color: #BFBFBF; margin:7px 0; float: left; width: 100%;}
.accordion__body h4{font-size: 13px; color: #838383; margin:0 0 7px 0; float: left; width: 100%;}
 
.fst_img_ard{border-radius: 4px; box-shadow:1px 2px 2px #000; border: none;}



/* The Modal (background) */
.modalImagePreview {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modalImagePreview-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modalImagePreview-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close1 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close1:hover,
.close1:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.main_box_right_bottom {float: left;width: 100%;background: #333; display:none;}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modalImagePreview-content {
    width: 100%;
  }
}


/*.slide020 {display: none !important;}*/

 

@media screen and (min-width: 1770px){
  .owl-stage-outer {/*padding-top: 37px;*/}
  .modalImagePreview{padding-top: 10%;}
}


@media screen and (min-width: 1590px){
      .owl-stage-outer {/*padding-top: 37px;*/}
      .box_text_scroller{height: 41%;}

 }

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .popup {margin: 10vh 3%;width: 94%;height: 80vh;max-height: 750px;}
    .main_box .owl-carousel .owl-item img {max-height: 400px !important;}
    
    .main_box_left_top h2 {margin: 2px 0 0 8px;font-size: 16px;}
    .main_box_left_top img {max-width: 32px !important;}
    .main_box_icon_set{padding-left: 0;}
    .sa-tab:after {font-size: 13px;padding: 2px 50px 10px 50px;}
    #appDetailsModal h6 {font-size: 12px;}
    .main_box_icon_set h5 {font-size: 11px;margin-top: 2px;}
    .main_box_icon_set.link_sc a {font-size: 12px;margin-top: 5px;}
    .box_text_scroller p {font-size: 12px;line-height: 20px;}
    
}

@media screen and (max-width: 1366px){
    .sa-tab {width: 135px;}
}

@media screen and (max-width: 1280px){
  .owl-stage-outer {/*padding-top: 37px;*/}
    .slide020 img{max-width:100% !important;}
    .slide020 .owl-nav{ display:none !important;}
    .slide020 .owl-dots {display: block;}
    .slide020 .owl-dots .owl-dot.active span{background: #fff;}
    .slide020 .owl-dots .owl-dot span{background: #666;}
    .tab-content .owl-carousel.owl-loaded {margin-top: 18px;}
}
 


@media screen and (max-width: 700px){
  .box{width: 100%;}
  .popup{width:95%;}
}


@media only screen and (max-width: 768px) {
    .main_box {overflow: scroll}
  .main_box_left{width:100%; padding: 20px;height:80%}
  .main_box_right{width: 100%; padding: 20px;}
  .main_box_left_top h2 {margin: 20px 0 0 10px;font-size: 16px;}
  .owl-nav .owl-prev { margin: 0 0 0 -10px !important;}
  .owl-nav .owl-next { margin: 0 -10px 0 0 !important;}
}


@media only screen and (max-width: 767px) {
    
    .slide020 img{max-width:100% !important;}
    .slide020 .owl-nav{ display:none !important;}
    .slide020 .owl-dots {display: block;}
    .slide020 .owl-dots .owl-dot.active span{background: #fff;}
    .slide020 .owl-dots .owl-dot span{background: #666;}
    .tab-content .owl-carousel.owl-loaded {margin-top: 18px;}
    
    .tab-content .owl-carousel{display:block!important;}
    .main_box_right_bottom {display:block;padding:10px 20px;}
    .main_box_right_bottom img{float:left; width:40px;}
    .main_box_right_bottom p {font-size: 14px;float: left;margin-top: 7px;margin-left: 10px;}
    
    
    .popup {width: 96% !important;margin: 30px 2% !important;}
    body main section.app-marketplace-listing .container .row .app-market-item figure {
    margin-bottom: 12px;}
    #appDetailsModal h6{display:none;}
    #scroll-container {color: #D5D5D5;font-size: 14px;line-height: 20px;}
    .main_box_left {height: auto;}
    .sa-tab::after, .sa-tab.tablet::after, .sa-tab.phone::after{content: ' ';}
    .sa-tab.playit {display: none;}
    button.sa-tab {float: left;width: 33.3333%;}
    
    .sa-tab::after {width: 100%;background-position: center top !important;padding: 10px;
	padding-bottom: 20px;background-repeat: no-repeat !important;}
	
	.sa-tab.desktop::after{background: url(../png/pc_01.png) no-repeat;}
    .sa-tab.desktop.active::after{background: url(../png/pc_02.png);}
    
    .sa-tab.tablet::after {background: url(../png/tab_01.png) no-repeat;
        background-position: center top !important;}
    .sa-tab.tablet.active::after{background: url(../png/tab_02.png);}
    .sa-tab.phone::after {background: url(../png/mobile_01.png);
        background-position: center top !important;}
    .sa-tab.phone.active::after{background: url(../png/mobile_02.png);}
    
    .main_box .owl-theme .owl-nav{ display:none !important;}
    
    body main section.app-marketplace-listing .container 
    .row.apps-market-tabs .nav-pills .nav-item .nav-link{opacity:0.6;}
    body main section.app-marketplace-listing .container .row.apps-market-tabs .nav-pills 
    .nav-item .nav-link.active {opacity: 1;}
    
    #appDetailsModal .popup{ height:auto !important;}
    
    section.app-marketplace-listing .container .row .app-market-item .app-description h5 {max-width: 100% !important;}
    
    
    
    .main_box_icon_set:nth-child(2){padding-left:28px;background: url(../png/aec_02.png);
background-repeat: no-repeat;background-position: left center;}
.main_box_icon_set:nth-child(3){padding-left: 28px;background: url(../png/civil01.png);
background-repeat: no-repeat;background-position: left center;}
    body main section.app-marketplace-listing .container .row .app-market-item > a:hover {
    background-color: rgba(0,0,0,0);}
    
    
    
    
    

    
}

@media only screen and (max-width: 767px) {
    
  #appDetailsModal .popup .close {
	background: url(../png/close_btn.png);
	height: 20px;width: 20px;background-position: center;z-index: 999;background-repeat: no-repeat;
top: 20px;right: 20px;opacity: 1;}
    
    .main_box_icon_set img{display:none;}
	.mobile_none{display:none;}
	
  .popup .close{top:4px; right:4px;}
  .popup .close img{width:14px;display: none;}
  .main_box_right {width: 100% !important;padding: 24px 10px;}
  .owl-prev, .owl-next {background-size: 10px !important;}
  .main_box_left_top img{max-width:40px;}
  .main_box_left_top h2{font-size: 16px;margin: 8px 0 0 10px;float: left;width: calc(100% - 50px);line-height: 19px;}
  .main_box_icon_set {padding-left: 0; margin-top: 14px;width:50%;}
  .main_box_icon_set h5 { font-size: 14px;margin-top: 2px;color: #D5D5D5;}
  .main_box_icon_set.link_sc a{font-size: 12px;}
  .main_box_left_top {margin-bottom: 6px;}

  .box_text_scroller p {font-size: 12px;line-height: 18px;}
  .main_box_icon_set.link_sc {margin-top: 10px; display:none;}
  .main_box_icon_set.link_sc a.install_link {width: 100%; text-align: center;margin-top: 18px;padding: 8px 5px;height:40px}
}




/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
   
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #ED7532;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #ED7532;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
 
}

 

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}


body main section.detail-hero-banner.notm .hero-descritpion-wrapper .wrapper .title-wrapper .hero-title:after 
{
    content: '';
    z-index: 0
}

.noapp .form-wrapper {
    background-color: #fff;
    padding: 25px;
    width: 100%;
    position: relative;
}
    
.noapp .form-wrapper h4 {
     font-family: Poppins Bold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 48px;
    color: #1e1e1e;   
}

.noapp .form-wrapper input {
    font-family: Poppins,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 25px;
    color: #8c8c8c;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border: 1px solid #d9d9d9;
    padding: 15px 18px;
}

.noapp .form-wrapper textarea {
font-family: Poppins,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 25px;
    color: #8c8c8c;
    width: 100%;
    height: 100px;
    margin-top: 20px;
    border: 1px solid #d9d9d9;
    padding: 15px 18px;    
}

.noapp .form-wrapper button {
    font-family: Poppins Medium,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    background-color: #ed7532;
    color: #fff;
    cursor: pointer;
    border: 1px solid #ed7532;
    -webkit-transition: background-color .35s ease-in-out;
    -moz-transition: background-color .35s ease-in-out;
    -o-transition: background-color .35s ease-in-out;
    -ms-transition: background-color .35s ease-in-out;
    transition: background-color .35s ease-in-out;
}

.noapp .form-wrapper button:hover {
    background-color: #fff;
    color: #ed7532;
}

.noplay .hero-button-wrapper {
    /*display:none;*/
}
body main section.hero-banner-homepage .hero-title:after{
    /*content:'TM';*/
    font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;font-display:swap;font-size:12px;font-size:1.2rem;line-height:12px;color:#FFFFFF;position:relative;top:-40px;left:5px}


.accordion__body::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #4E4E4E;
}
.accordion__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ED7532;
}
.accordion__body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: #F5F5F5;
}

/*
* css for app marketplace component 2
*/
.selected {
    background-color: #ed7532;
    color: #000;
}
.selected .custom-control-label:after {
    content: '\2713';
    display: inline-block;
    color: red;
    padding: 0 6px 0 0;
    margin-left: 2px;
}
.justify-content-right {
    justify-content: right!important;
}
body main section.app-marketplace-listing .container .row .connector-search-form input[type=search] {
    max-width: 769px;
    padding: 17.5px 0 17.5px 69px;
    border: none;
    width: 90%;
    background: #1e1e1e;
    color: #fff;
    margin: 0 auto;    
}
.connector-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffffff;
}

@media only screen and (max-width: 767px) {
    .connector-header {
        top: 7rem;
    }
}