/* GLOBAL */
body, td, th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0;}
body {color: #292B2B;background: #efefef;}
a {font-family: Arial, Helvetica, sans-serif; text-decoration: none;color:#1e8ccb;font-weight:bold;}
a img {border: 0}
a:hover {color: #fcb825;}
form {margin: 0; padding: 0}
input {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.clear {clear: both; width: 0px; height: 0px}
.hidden {display: none}
.show {display: block}
.center {text-align: center}

.header_links {font-size:14px;}
h1 {font-size:18px;}

/* SITE LAYOUT */
div#siteBody {}
div#siteMain {max-width: 1200px; margin: 0 auto; background-color: #FFFFFF;}
div#siteContent{min-height: 600px;border-top: 7px solid #fcb825;}

/* TABLE */
table.mceItemTable th, table.mceItemTable td { font-size: 15px; }
/* GENERAL */
input.barLink {background-color: #ecf0f1; border: 0; border-left: 10px solid #92ca00; color: #292b2b; display: block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}
a.barLink {background-color: #ecf0f1; border-left: 10px solid #335B90; color: #292b2b; display: block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}
a.blueLink {color: #4680C9}
a.grnBrdrBtn {background-color: #ecf0f1; border-left: 10px solid #92ca00; color: #292b2b; display: inline-block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center}

#rfqIndicator { margin-left: 15px; font-size: 15px;}
/* HEADER */
#hamburger { display: none; }
div#siteHeader {padding: 10px 0 0 0; position: relative;height:100px;}
	#siteSearch { margin-left: 10%; margin-top: 5px; display: flex; align-items: center;}
		#siteSearchInput { font-size: 18px; padding:5px; border: 1px solid #ddd; border-radius: 3px;outline:none;}
    #searchIcon {position: relative; padding: 8px 7px; margin-top: -5px; margin-left: -34px; vertical-align: middle; border-left: 1px solid #ddd;background:#ffffff;}
    div#bcs-results-div p { font-size: 14px; }
    #siteContent .bcs-host-div { font-size: 14px; }
    
    #topNavContainer {padding-top: 10px; padding-bottom: 10px; width: 100%; height: 30px; margin-bottom: 10px;}
			#topNav { display:block;list-style: none outside none; margin:0;padding:0;z-index: 3000;}
				#topNav .topNavItem { position:relative;float:left;padding:18px 18px 10px 18px;z-index:999999;}
					#topNav a {display:inline-block;font-weight: bold;text-decoration: none;font-size: 14px;white-space: nowrap;color:#000;}
					ul#topNav li.topNavItem.active, ul#topNav li.topNavItem.current {}
					.topNavArrow { display:none; }
					ul#topNav li.topNavItem.active .topNavArrow,ul#topNav li.topNavItem.current .topNavArrow {display:inline-block; position: absolute; left: 40%; bottom: -3px; color: orange; font-size: 15px;z-index:-999999;}
					ul#topNav li.topNavItem a.topNav {color: #000000; padding: 7px;}
					ul#topNav li.topNavItem.active a.topNav, ul#topNav li.topNavItem.current a.topNav {}
					ul#topNav li.topNavItem ul.subNav {list-style: none; display: none; position: absolute; z-index: 2000;padding-left:0;top:58px;left:0;}
					ul#topNav li.topNavItem ul.subNav li.subNavItem {background-color: #eef1f1; border-top: 1px dotted #909a95; float: none; position: relative;padding:3px 20px;}
					ul#topNav li.topNavItem ul.subNav li.subNavItem.active {background: orange}
					ul#topNav li.topNavItem ul.subNav li.subNavItem a.sub1Nav {padding: 5px 10px; color: #000000}
					ul#topNav li.topNavItem ul.subNav li.subNavItem.active a.sub1Nav {color: #000000}
					/*ul#topNav li.topNavItem ul.subNav li.subNavItem.active.hasSub a.sub1Nav {padding-right: 40px; background: transparent url('/images/layout/subMenuArrow.png') no-repeat right -2px}*/
					ul#topNav li.topNavItem.active ul.subNav {display: block}
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul {list-style: none; display: none; position: absolute; z-index: 1000; top: -1px}
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul li {float: none; background-color: #eef1f1;padding:3px;border-top: 1px dotted #909a95;}
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active {background: orange}
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul li a.sub2Nav,
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul li a.sub3Nav  {color: #000000; padding: 6px 10px 5px 10px}
					ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active a.sub2Nav {}
					ul#topNav li.topNavItem ul.subNav li.subNavItem.active ul {display: block}
					
		#siteLogo {position:absolute;right:0;bottom:0;;}
			#siteLogo img { width: 265px;height:100px;}

/* CONTENT */
#siteContent { min-height:600px;clear:both;}
  #siteContent p, #siteContent ul { font-size: 19px; }
  #contentRight ul { font-size: 12px;}
	#hMainImage { border-bottom: 7px solid #fcb825;}
		#hMainImage img { width: 100%; height: 400px;}
		#hMainImage ul.bxslider { padding-left:0; margin-top:0;}
	#mainContent {display:flex;width:97%; margin: 10px auto;background-image: linear-gradient(to right, #333 10%, rgba(204, 204, 204, 0) 0%); background-position: bottom; background-size: 10px 2px; background-repeat: repeat-x; padding-bottom: 5px;}
		#contentLeft { flex: 3 0 0;}
		#contentRight {flex: 1 0 0;}
			#newsBox {width:250px; margin:auto; background-image:url(https://airmaninc.com/test/apps/main/www/temp/index-box-bg.jpg);background-size: cover;
    background-repeat: round;margin-right:0;}
				#newsBox h2 { border-bottom:3px solid orange;padding: 10px 0 5px 15px;}
				#newsBox ul { padding-left:0;}
					#newsBox li { list-style: none;padding: 0 15px 15px 15px;}

	#col4 {text-align: center; margin-bottom: 50px; padding:0 15px;}
		#col4 h2 {text-align: left;}
		#col4 .appBox {position:relative; display:inline-block; margin-right: 2%; margin-bottom:10px; text-align: center;}
			#col4 .appBox img { width:260px;height:200px;}
			#col4 .appBox .boxLabel {position:absolute;width:100%;top:0;left:0;font-size: 20px;background-color:rgba(0,0,0,0.4);color:#fff;padding:15px 0;border-bottom: 3px solid orange;z-index:999;}
			#col4 .appBox .navArrow {position: absolute;top:0;right:0;color:#fff;font-size:30px;padding:9px;background:rgba(0,0,0,0.3);}

/*PRODUCT*/
.productPage td, .productPage th {padding-right:55px;font-size:20px;}
.productPage { display: flex; flex-flow: row wrap; padding: 0 25px 15px;}
  .productPage .pContent {flex: 3 0 0;}
    .productPage .pContent .pHeader img { width: 100%;}
      .productPage .pContent .pHeader > h1 {font-size: 39px; padding-left: 15px; margin-bottom: 0;}
      .productPage .pContent .pHeader > h2 {margin-top:0; padding-left: 15px; margin-bottom: 0;}
    .productPage .pContent #product {}
      .productPage .pContent #product .details{ font-size:19px;}
        .productPage .pContent #product .details > h1{ font-size:27px;} 
        .productPage .pContent #product .details > h4{ margin-bottom:0;}
        .productPage .pContent #product .details ul{ margin-top:5px;padding-left: 20px;}
          .productPage .pContent #product .details li.grtSign{ list-style:none; position:relative;}
          .productPage .pContent #product .details li.grtSign:before{ content: ">"; position:absolute;left:-20px;}
  .productPage .productSide {flex: 1 0 0;margin-top:35px;margin-left: 15px;}
    .productPage .productSide #productNav {background-image:url(https://airmaninc.com/test/apps/main/www/temp/int-box-bg.jpg);background-size: cover; background-repeat: round;margin-right:0;}
        #productNav h2 { border-bottom:3px solid orange;padding: 10px 0 5px 15px;font-size:1.5em;}
        #productNav ul { padding-left:0;}
      	  #productNav li { width:80%;list-style: none;margin:0 0 10px 20px;padding: 0 0 6px 0;font-size:15px;background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 2px; background-repeat: repeat-x;}
      	  #productNav li:last-child {border-bottom:none;padding-bottom:20px;background-image:none;}

					.pSide .contactPanel {position: relative; background: #eeeeee; border-top: 5px solid #fcb825; margin-bottom: 15px; padding-left: 15px;padding-right:30px;}
					.pSide .contactPanel:before {content: "\25BA"; position: absolute; color: #fcb825; font-size: 15px; left: 6px; top: 10px;}
						.pSide .contactPanel a {display: block; padding: 10px 5px 10px 10px; font-size: 18px;}
						.pSide .contactPanel a:hover {color: #fcb825;}
                    .pSide .sideResourcesLink a { display: flex; align-items: center; margin-bottom: 15px;}
                    .pSide .sideResourcesLink img { min-width: 100px; width: 100px; height: 30px; }
                    .pSide .sideResourcesLink span { font-size: 14px; padding-left: 15px;}
					.findPart { display:none; border-top:5px solid #fcb825;background:#eeeeee;padding-left:10px;padding-bottom:20px;}
						.findPart input {padding: 5px; max-width: 200px;width:100%;}
		        .findPart #partSearch {position: relative; padding: 5px 7px; margin-top: -2px; margin-left: -34px; vertical-align: middle; border-left: 1px solid #ddd; background: #ffffff; width: 13px;}
		        
.bx-viewport {  min-height: 400px;}
.image-container {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: 100%;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: space-evenly;  -ms-flex-pack: space-evenly;  justify-content: space-evenly;}
    .image-container--three .image-item {  max-width: 31%;  text-align: center;}
        .image-item img {  width: 100%;}
        .image-item .caption {  width: 100%;  margin: 10px 0 5px 0;  font-size: 16px;}
        
.products-maincontent__img {  position: relative;}
    .products-maincontent__img a {  font-size: 1rem;  padding: 1rem 2rem;  background-color: #facc33;  border: 2px solid;  cursor: pointer;  text-transform: uppercase;  color: black;  max-width: 200px;  text-align: center;  border-radius: 6px;  display: inline-block;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}

.dedicated-video-page { margin: 15px 10px 30px 10px;}

/* APPLICATION */
.applicationMain__row{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid rgb(222 222 222);padding:15px 0 5px 0;}
 .applicationMain__row:last-child{border-bottom:0;margin-bottom:30px;}
 .applicationMain__row > img{object-fit:contain;max-width:280px;}
 .applicationMain__desc{flex:1;}
 .applicationMain__desc h2{margin-top:0;}
 .applicationMain__desc > a { font-size: 16px;}
 #siteContent .applicationMain__desc p{font-size:16px;}


/*FOOTER*/
footer {display:flex; width: 100%; height: 130px; background-color: #333131; border-top:8px solid #1e8ccb;text-align: center;}
	footer div {flex:1;color:#fff; padding-top:25px;padding-right:5px;padding-left:5px;}
	footer .leftFooter {}
	footer .rightFooter {}
		.rightFooter a { color:#ce933c;}
		.rightFooter .copyright { padding-left: 10px;}


.footer-companies {  background: #f5f5f5;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 20px;  padding: 15px;}
.footer-companies a {  text-align: center;  padding: 8px;}

/* MESSAGES */
div.messageContainer {background-color: #FFF; padding: 0; position: relative; margin: 15px 0; border: 2px solid #315A8E}
div.messageContainer ul {list-style: none; padding: 10px 0 10px 50px; margin: 10px 15px 10px 40px; color: #000}

/* LOGIN */
div#loginContainer {border: 2px solid #EFEFEF; padding: 2px; width: 250px; margin: 40px auto 0}
div#loginSubcontainer {background-color: #EFEFEF; padding: 10px; color: #666666; font-weight: normal}
div#loginSubcontainer table {margin: 0 auto}
div#loginSubcontainer input.button {margin: 0 0 0 13px}

/* ADMIN PANEL */
div#adminPanel {position: absolute; top: 20px; right: 20px; padding: 20px; background-color: #FFFFFF; color: #000000; border: 2px solid #000000}

/* POP FORMS */
div.popForm {display: none; background-color: #FFFFFF; padding: 20px; border: 2px solid #000000; border-radius: 5px; position: relative; z-index: 9999}
div.popForm a.closePopForm {display: block; position: absolute; top: 0; right: 0; font-weight: bold; color: #FFFFFF; background-color: #000000; padding: 0 4px 2px 5px; border: 1px solid #000000; border-right: 0; border-top: 0; border-radius: 0 0 0 5px}

/* CAPTCHA */
.captcha a.reloadCaptcha {display: block; text-align: center}

/* ACCORDION */
.product-desc { line-height: 1.5; margin-bottom: 20px; }
.accordion h4 { margin: 0; }
.accordion__header { cursor: pointer; border-top: 1px solid #000; margin: 0; position: relative; padding: 5px;  transition: background-color .3s; user-select: none; }
.accordion__header.last { border-bottom: 1px solid #000; }
.accordion.current .accordion__header { background: #eeeeee; box-sizing: border-box; } 
.accordion__icon:after { content: "\002B"; }
.accordion.current .accordion__icon:after { content: "\002D"; }
.accordion__icon {position: absolute;right: 15px;}
.accordion__content { display: none; }
.accordion.current .accordion__content { box-sizing: border-box; display: block; padding: 10px 5px; }
  .accordion.current .accordion__content img { max-width: 100%; }

.img-center { text-align: center; }

.accessory { display: flex; margin-bottom: 5px; align-items: center; }

.accessory__desc { margin-left: 15px; font-size: 17px; }

.differentiation { padding-left: 35px; margin-top: 10px; }
  .differentiation .diff::after{  content:''; border-bottom: 1px solid #000; padding-left: 25px; width: 100%; display: block; margin: 10px 0; }
  .differentiation .diff:last-child::after { display: none; }

.differentiation ul { margin: 0; padding-left: 40px !important; }
  .differentiation li { padding-top: 5px; }

.differentiation li:last-child {padding-bottom: 5px;}

.product-validation {  padding-left: 25px; }
  .product-validation ul { margin: 0; padding: 0; }
    .product-validation li { list-style: none; border-bottom: 1px solid #000; padding: 10px 0; }
    .product-validation li:last-child { border: none; }
  .request-a-quote-btn { background-color: #1e8ccb; color: #fff; display: inline-block; font-weight: bold; margin-top: 60px; padding: 15px 30px; text-transform: uppercase; text-decoration: none; }

.main-table { border: 0; border-collapse: separate; border-spacing: 1px; text-align: center; width: 100%; }

.main-table.--blue thead { border: 1px solid #fff; background-color: #5b9bd5; color: #fff; }

.main-table th { padding: 10px 5px 5px; font-size: 16px; }

.main-table.--blue tbody tr:nth-child(odd) { background-color: #d2deef; }
.main-table.--blue tbody tr:nth-child(even) { background-color: #eaeff7; }
.main-table td { padding: 20px; font-size: 16px; }

/*TEST DELETE ME LATER*/
/* GENERAL CONTENT PAGE */
div#page { display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 25px; }
div#page .pageHeader {flex: 3 0 0; padding-bottom:15px;}
  div#page .pageHeader > h1 { font-size: 39px; padding-left: 15px; margin-bottom: 0; }
  div#page .pageHeader > h2 {margin-top:0; padding-left: 15px; margin-bottom: 0;}
  div#page .pageHeader img { width:100%; }
div#page .pSide { flex: 1 0 0; margin-top: 35px; margin-left: 15px; }
  div#page #productNav { width:250px;background-image: url(https://airmaninc.com/test/apps/main/www/temp/int-box-bg.jpg); background-size: cover; background-repeat: round; margin-right: 0;}

  /*Form*/
div#page .pageHeader .rfqImage img { width:150px; margin-right: 15px; }
#page .nextSection { display: inline-block; padding: 10px; background: orange; color: #fff; }
#page .accSectionContent { margin-bottom: 5px; }

/* ACCORDIONS */
div.accSectionTrigger {position:relative;height: 34px; background: #fcb825; cursor: pointer; padding-left: 10px; line-height: 34px; margin-bottom: 5px;border-left: 15px solid #fcb825;}
.accSectionTrigger .fa {  position: absolute; top: 10px; right: 20px; }

div.accSectionTrigger.active div.accNum {color:#FFFFFF;background-color:#fcb825}
div.accSectionTrigger div.accNum {float: left; font-size: 18px; font-weight: bold; color: #000000; background-color: #fcb825; padding: 0 10px; margin-right: 20px}
div.accSectionTrigger h2 {padding: 0; margin: 0}
div.accSectionContent {display:none; padding: 20px 0; overflow: hidden;text-align:center;}
div.accSectionContent:nth-child(3){display:block;}
div.accSectionContent a.nextSection {background-color:  #fcb825; border-left: 10px solid #fcb825; color: #fcb825; display: inline-block; font-weight: bold; padding: 5px 10px 4px 10px; text-align: center;    float: right;}



@media all and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	#siteSearch,#siteLogo { display:block;}
	#topNavContainer { display:block; margin-top:40px; }
	
	div#page .pageHeader,div#page .pSide,.productPage .pContent,.productPage .productSide { flex: unset; margin:auto; }
	
    .bx-viewport { min-height: unset; }
}

@media all and (max-width: 480px) {
    
    .bx-viewport { min-height: unset; }

    table,tr,td { display: block; overflow: auto; }
	#siteSearch,
	#topNavContainer { display:none; margin-top:0; }
  /*Hamburger*/
  #hamburger { display: inline; }
	div#hamburger button { position: absolute; border: none; height: 35px; width: 50px; background: transparent; top: 25px; right: 5px; outline:none; }
	  button#nav-toggle span { position: absolute; display: block; margin: auto; width: 30px; top: 8px; left: 8px; height: 3px; background: #000; }
	  #nav-toggle span:nth-child(2) { top: 16px; }
	  #nav-toggle span:nth-child(3) { top: 25px; }
	  
	#siteLogo {position:static; margin-top: -20px;margin-bottom:10px;}
	#topNav .topNavItem {width:100%;padding: 0 15px; }
	ul#topNav li.topNavItem.active .topNavArrow,ul#topNav li.topNavItem.current .topNavArrow { display:none; }
	ul#topNav li.topNavItem ul.subNav li.subNavItem.active,
	  ul#topNav li.topNavItem ul.subNav li.subNavItem ul li.active {background:unset;}

	ul#topNav li.topNavItem ul.subNav,
	ul#topNav li.topNavItem ul.subNav li.subNavItem ul { position: static; width: 100%; height: auto; }
	ul#topNav li.topNavItem ul.subNav li.subNavItem,
	ul#topNav li.topNavItem ul.subNav li.subNavItem ul li {	background: unset; border: unset; }

	.bx-viewport,#hMainImage img { height: 125px !important;}
	/*Reset Flexbox*/
	#mainContent,footer { display: block;}
	#newsBox { margin:auto;}
	#col4 .appBox .navArrow {top:-7px;background:none;}

    .products-maincontent__img a { transform: none; left: 0; position: relative; margin-top: 15px; }
    .productPage .pContent .pHeader > h1 { font-size:  30px; margin-bottom: 10px; }
    
    /*PRODUCT*/
    .productPage {padding: 0 15px 15px;}
      .productPage .productSide {margin:auto;}
      .productPage img { max-width: 100%; }
      .productType__list { display: block !important; }
      div#page .pageHeader img { width: 100% !important;}
    
    .product-result-card {flex-direction: column;}
    /*FOOTER*/
    .rightFooter .copyright { display:block; padding-top: 5px; padding-left:0; }
    
  .footer-companies {  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  gap: 0;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;}
}