*{
  box-sizing: border-box;
}

/******/

.slide-spot1, .slide-spot2, .slide-spot3, .slide-spot4, .slide-spot5, .slide-spot6, .slide-spot7, .slide-spot8, .slide-spot9, .slide-spot10, .slide-spot11, .slide-spot12, .slide-spot13, .slide-spot14, .slide-spot15, .slide-spot16, .slide-spot17  {
width: 100%;
    max-width: 45%;
  }
.popup-box img {
    /*max-height: calc(100vh - 276px);*/
	max-height: calc(100vh - 150px);
  }
#main-footer {
    position: relative;
    z-index: 999999999 !important;
}
.et_pb_section.popup-box {
    background-color: rgba(255,255,255,0.9) !important;
}
.et_pb_row.close-button-row {
    width: 98%;
   padding: 2px 0 0 0 !important;
}
body {
   background-color: #f5f5f5;
} 
.et-db #et-boc .et-l .et_pb_section.box-parent {
    padding-top: 50px;
}  
body.slide-open {
    overflow: hidden !important;
   padding-right: 17px !important;
}
   body.slide-open #od-main-header {
  	padding-right: 16px !important;
}
.et-db #et-boc .et-l .et_pb_section {
    scroll-behavior: smooth;
}
.mediagallery-template-single-mediagallery-trade #main-footer {
    z-index: 0 !important;
}
  
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0px;
}
.et-db #et-boc .et-l .et_pb_section_1.et_pb_section {  
	padding-top: 76px;  
}
#image-pro-section {
	display: none;

}
#image-map-pro-5229 .imp-shape-container {
	z-index: 0;
}
.box-parent .messages {
  overflow: hidden;
}
.popup-box-intro {
  position: fixed;
  transition: all 1s;
  box-sizing: border-box;
  z-index: 9999999999;
 height: 100vh !important;
	/*overflow-y: scroll !important;*/
	left: 0;
	top: 0;
	width: 100%;
	/*display: flex;
	align-items: center;*/
}

  .et-db #et-boc .et-l .et_pb_section_2.et_pb_section.popup-box-intro {  
padding-top: 47px;  
  }	 


.popup-box {
  position: fixed;
  transition: all 1s;
  box-sizing: border-box;
  z-index: 999999;
}
.bar {
  width: 100% !important;
}
.aside {
  height: 100vh !important;
	overflow-y: scroll !important;
}
.aside .messages {
  overflow-y: scroll !important;
}
.aside.od-scroll-bar {
	overflow-y: scroll !important;
}
.popup-box.bar.bar--top {
  top: 0;
}
.popup-box.bar.bar--bottom {
  bottom: 0;
}
.popup-box.top {
  top: 0;
}
.popup-box.bottom {
  bottom: 0;
}
.popup-box.right{
  right: 0;
}
.popup-box.left{
  left: 0;
}
.popup-box.from-left {
  transform: translateX(-100%);
}
.popup-box.from-right {
  transform: translateX(100%);
}
.popup-box.onview{
  transform:  scale(1) translate(0) !important;
  opacity: 1!important;
  visibility: visible!important;
}
.popup-box-alt {
  top: 50%;
  position: fixed;
  transition: all 1s;
  box-sizing: border-box;
  transform: translateY(-50%);
  z-index: 999999;
}
.popup-box-alt.left{
  left: -300px;
}
.popup-box-alt.left.onview{
  left: 0;
}
.popup-box-alt.right{
  right: -300px;
}
.popup-box-alt.right.onview{
  right: 0;
}
.box-close {
  position: absolute;
  top: 10px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  z-index: 999999;
}
.od-box-close {
    background: #e02b20;
    color: #FFF;
    font-size: 28px;
	right: 0 !important;
}
.def.left .box-close,
.popup-box-alt.left .box-close,
.aside.left .box-close {
  right: 10px;
}
.def.right .box-close,
.popup-box-alt.right .box-close, 
.aside.right .box-close {
  left: 10px;
}
.btn-onview {
  position: fixed;
  display: flex;
  overflow: hidden;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: 0;
}
.btn-onview:focus {
  border: 0;
  outline: 0;
}
.right .btn-onview {
  left: 0;
  transform: translate(-100%, -100%) rotate(-90deg);
  transform-origin: right bottom 0px;
}
.left .btn-onview {
  top: 0px;
  transform: translate(100%, -100%) rotate(90deg);
  transform-origin: left bottom 0px;
  right: 0;
}
.bar.bar--top .btn-onview,
.bar.bar--bottom .btn-onview {
  transform: translate(0%, 100%) rotate(0deg);
}
.popup-box.from-top {
  transform: translateY(-100%);
}
.popup-box.from-bottom {
  transform: translateY(100%);
}
.bar.bar--top .box-close,
.bar.bar--bottom .box-close {
  right: 5px;
  top: 5px;
}

/*hidden breakpoints*/
@media (min-width: 981px) {
  .hidden-md {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 980px){ 
  .hidden-sm {
    display: none;
  }
}
@media (max-width: 479px) {
  /*.hidden-xs {
    display: none;
  }*/
}
/******/

/*overflow scroll*/
@media (min-width: 480px) and (max-width: 980px){ 
  .onview .scroll-bar {
    overflow-y: scroll !important;
  }

}
@media (max-width: 479px) {
.onview .scroll-bar {
    overflow-y: scroll !important;
  }
}
/****/

@media only screen and (min-width: 1025px) {
.imp-tooltip .squares-container:last-child {
    display: none;
  }    
}
@media only screen and (min-width: 981px) {
  header#main-header {
    display: none;
  }    
  }


 @media only screen and (max-width: 1024px) {
.popup-box {
	position: relative;
  transition: all 1s;
  box-sizing: border-box;
  z-index: 999999;
	border-top: 10px solid #e5e5e5;
		border-left: 10px solid #e5e5e5;
		border-right: 10px solid #e5e5e5;
}
.bar {
  width: 100% !important;
}
.aside {
  height: auto !important;
	overflow-y: scroll !important;
}
.aside .messages {
  overflow-y: scroll !important;
}
.aside.od-scroll-bar {
	overflow-y: scroll !important;
}
 .et-db #et-boc .et-l .et_pb_section_1.et_pb_section {  
padding-top: 76px;  
  }
  .et-db #et-boc .et-l .et_pb_section.box-parent {
    padding-top: 20px;
  }
  body.slide-open {
   overflow: hidden !important;
   padding-right: 0px !important;
  }
   body.slide-open #od-tradeshow-nav {
  	padding-right: 0px !important;
  }
  .od-trade-img-col {
    padding-right: 30px;
  } 
  
 .slide-spot1, .slide-spot2, .slide-spot3, .slide-spot4, .slide-spot5, .slide-spot6, .slide-spot7, .slide-spot8, .slide-spot9, .slide-spot10, .slide-spot11, .slide-spot12, .slide-spot13, .slide-spot14, .slide-spot15, .slide-spot16, .slide-spot17  {
width: 100%;
    max-width: 100%;
  }
.popup-box.from-right {
    transform: translateX(0);
}
.popup-box.from-left {
    transform: translateX(0);
}
 .et_pb_row.close-button-row {
   display: none;
}
  .od-trade-flex-row {
    display: flex;
    flex-wrap: wrap;
  }
  .od-trade-text-col {
    order:2;
  } 
  .od-trade-img-col {
    order: 1;
  }

   .et-db #et-boc .et-l .et_pb_section.box-parent img {
    padding-bottom: 20px;
  }
.et-db #et-boc .et-l .et_pb_section.box-parent h4, .et-db #et-boc .et-l .et_pb_section.box-parent h5 {
    padding-bottom: 6px;
  }
  .et_pb_section .et_pb_row .et_pb_column.et_pb_column_2_5, .et_pb_section .et_pb_row .et_pb_column.et_pb_column_3_5 {
    margin: 0px;
    padding-right: 30px;
  }
  .et_pb_scroll_top.et-visible {
    opacity: 1;
	display: inline-block !important;
}
 .et_pb_post h2 {
    font-size: 3.8rem;
    padding-bottom: 10px;
} 	 
	 
}

@media only screen and (max-width: 980px) {
	#od-tradeshow-nav {
      display: none;
    }
.et_header_style_centered #main-header div#et-top-navigation.stick {
		position: relative !important;
	}
  .et-db #et-boc .et-l .et_pb_section_2.et_pb_section.popup-box-intro {  
padding-top: 100px;  
  }	 	
  }      
  
 
  @media only screen and (max-width: 768px) {
  .et-db #et-boc .et-l .et_pb_section_1.et_pb_section {  
padding-top: 20px;  
  }

  .et-db #et-boc .et-l .et_pb_section.box-parent {
    padding-top: 20px;
  } 
}  
 @media (min-width: 769px) and (max-width: 1023px) {
.popup-box img {
    max-height: calc(100vh - 10px);
  } 
}

 @media (min-width: 481px) and (max-width: 767px) {
.popup-box img {
    max-height: calc(100vh - 150px);
  } 
}  

  @media only screen and (max-width: 480px) {
  .et-db #et-boc .et-l .et_pb_section_2.et_pb_section.popup-box-intro {  
padding-top: 80px;  
  }	 
}




/**************/