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



@media only screen and (max-width: 768px) {
	
#special-slider .et_pb_container {

height: 100vw !important;
    max-height: calc(100vh - 100px);
}	
	
	
/*	body {
	background-color: rgba(255,255,254,1);
}*/
	
.et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search {
    display: block !important;
}	
	
.et_header_style_centered #et_top_search {
    opacity: 1;
}
	
	
.et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer {
    display: block;
}	
	
.container {
    width: 90%;
}
	.flex-row {
		display: flex;
		flex-wrap: wrap;
	}
	.flex-image {
		order: 1;
		
	}
	
.et_pb_row.et-last-child .et_pb_column.et-last-child.flex-image, .et_pb_row:last-child .et_pb_column.flex-image:last-child {
    margin-bottom: 30px;
}	

.et_pb_row.et-last-child .et_pb_column.et-last-child.flex-text, .et_pb_row:first-child .et_pb_column.flex-text:first-child {
    margin-bottom: 0px;
}		
	
	.flex-text {
		order: 2;
	}
.et_pb_section {
    padding: 30px 0;
}	

	.product-selector-title .et_pb_row .et_pb_column_1_4 {
		display: none;
	}	
	
	
	#special-slider .comrod-front .et_pb_slide_description {
    padding: 0 0 0 0;
}

.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    background-attachment: scroll;
}
	
#menu-tactical-antennas-sub-menu {
    width: 100%;
}	
	
	
.comrod-submenu-bar .od-sub-menu {
	overflow-x: hidden;
}


.comrod-submenu-bar .od-sub-menu div, .off-canvas-wrapper {
    position: relative;
	height:1px;
	transition: height 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.comrod-submenu-bar .od-sub-menu.open div, .off-canvas-wrapper {
	height:400px;
    /*overflow: visible;*/
    position: relative;
	transition: height 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}

.comrod-submenu-bar .od-sub-menu.open div ul, .off-canvas-absolute.is-open {
    transform: translate(0px, 0px);
}

.comrod-submenu-bar .od-sub-menu div ul, .position-right {

    right: 0;
    top: 0;
    transform: translateX(320px);
    width: 100%;
}
.comrod-submenu-bar .od-sub-menu div ul, .off-canvas-absolute {
    backface-visibility: hidden;
    position: absolute;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    z-index: 12;
}

.comrod-submenu-bar .od-sub-menu ul.menu li {
	opacity:0;
	 transition: 0.5s;
}
.comrod-submenu-bar .od-sub-menu.open ul.menu li {
	opacity:1;
	 transition: 1.5s;
}
.comrod-submenu-bar ul.menu li {
	width: 100%;
	/*min-width: 280px;*/
border-left: 0px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
    display: block;
padding: 0.6em 0px;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 1.3;
}
.comrod-submenu-bar ul.menu li:hover {
	background-color: #ffffff;
} 
.comrod-submenu-bar ul.menu li a {
	width: 80%;
	margin: auto;
	display: block;
} 
.comrod-submenu-bar ul.menu li:hover a {
	color: #444444 !important;
} 

.comrod-submenu-bar .od-sub-menu h4 {
	z-index: 999999;
	font-size: 1.5rem;
	height: 46px;
	padding-right: 40px;
	padding-bottom:0;
	font-family: "Open Sans","Roboto","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
	text-align:right;
	padding-top:15px;
	width:80%;
	margin:auto;
	position:relative;
	cursor:pointer;
	display: block;
}
.comrod-submenu-bar .od-sub-menu h4 {
    width: 90%;
}	
.comrod-submenu-bar .od-sub-menu h4:after { 
	position: absolute;
	top: 0;
	right: 0;
	font-size: 32px;
	content: "\61";
	color: #ff0000;
	cursor: pointer;
	text-shadow: 0 0;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    text-transform: none;
    speak: none;
}
.comrod-submenu-bar .od-sub-menu.open h4:after { 
content: "\4d";
}

.et_pb_section.top-z-index .comrod-submenu-bar.et_pb_row {
    width: 100%;
}


.comrod-submenu-bar .et_pb_column .et_pb_widget:nth-child(n) {
    margin: 0 !important;
    width: 100% !important;
}


.comrod-submenu-bar ul li {

    display: inline-block;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 1.3;

}
	
	
.comrod-submenues .et_pb_toggle_open {
    padding: 0px;
    background-color: #fff;
		z-index: 999999999;
		
}

.comrod-submenues h4.widgettitle {
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    padding: 0;
    color: #888888;
}	





	
}


	
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
.entry-content .od-table table, .entry-content .od-table thead, .entry-content .od-table tbody, .entry-content .od-table th, .entry-content .od-table td, .entry-content .od-table tr { 
	display: block;
	max-width: 100% !important;
}
	.entry-content .od-table table {
		
	}	

.entry-content .od-table tr {
	width: 100%;
}	
/* Hide table headers (but not display: none;, for accessibility) */
.entry-content .od-table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.entry-content .od-table tr { 
	border-bottom: 1px solid #cccccc;
	padding: 6px 0;
}
.entry-content .od-table tr:last-child { 
	border-bottom: 0px solid #cccccc;
}
.entry-content .od-table td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 0px solid #000; 
	position: relative;
	padding: 2px 9px;
	/*padding-left: 0;*/ 
}
.entry-content .od-table  td:before { 
	/* Now like a table header */
	position: relative;
	/* Top/left values mimic padding */
	/*top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; */
	white-space: nowrap;
	display: block;
	font-weight: 600;
	max-width:100%;
	font-size:1.2rem;
}

.entry-content .od-table tr:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: " ";
}	
	
.power-table td:nth-of-type(1) {width: 100%; font-weight: 600; display: block;}
.power-table td:nth-of-type(2) {width: 100%; display: block; padding-bottom: 5px; margin-bottom:3px; border-bottom: 1px solid #cccccc;}
.power-table td:nth-of-type(3) {min-width: 40%; display: block; float: left;}
.power-table td:nth-of-type(4) {min-width: 35%; display: block; float: left;} 
.power-table td:nth-of-type(5) {min-width: 25%; display: block; float: left;} 	
	
/*Label the data*/
.power-table td:nth-of-type(3):before { content: "Covers Firmware"; }
.power-table td:nth-of-type(4):before { content: "Date"; }
.power-table td:nth-of-type(5):before { content: "Size"; }

/*Label the data*/
.power-table.compact td:nth-of-type(3):before { content: "Date"; }
.power-table.compact td:nth-of-type(4):before { content: "Size"; }
.power-table.compact td:nth-of-type(5):before { content: ""; }
	
	

.directors-table td:nth-of-type(1) {width: 100%; font-weight: 600;}
.directors-table td:nth-of-type(2) {width: 100%;}
.directors-table td:nth-of-type(3) {width: 100%;} 	

.management-table td:nth-of-type(1) {width: 100%; font-weight: 600;}
.management-table td:nth-of-type(2) {width: 100%; padding-bottom: 5px; margin-bottom:3px; border-bottom: 1px solid #dddddd;}
.management-table td:nth-of-type(3) {width: 100%;}

	
	
/* Force table to not be like tables anymore */
.od-res-table.person table, .od-res-table.person thead, .od-res-table.person tbody, .od-res-table.person th, .od-res-table.person td, .od-res-table.person tr {
	display: block;
}
.od-res-table.cookie table, .od-res-table.cookie thead, .od-res-table.cookie tbody, .od-res-table.cookie th, .od-res-table.cookie td, .od-res-table.cookie tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.od-res-table.person thead tr, .od-res-table.cookie thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.od-res-table.person tr, .od-res-table.cookie tr {
	margin: 0 0 1rem 0;
	border: 1px solid #cccccc;
}
.od-res-table.person tr:last-child, .od-res-table.cookie tr:last-child {
  border-bottom: 1px solid #cccccc;
}
      
.od-res-table.person tr:nth-child(odd), .od-res-table.cookie tr:nth-child(odd) {
   background: #f5f5f5;
}

.od-res-table.person td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #cccccc;
	position: relative;
	padding-left: 50%;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
		
.od-res-table.cookie td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #cccccc;
	position: relative;
	padding-left: 25%;
	padding-right: 10px;
		padding-top: 6px;
	padding-bottom: 6px;
}
.od-res-table.cookie td {
	width: 100% !important;
}
		
.od-res-table.person td:last-child, .od-res-table.cookie td:last-child {
	/* Behave  like a "row" */
	border-bottom: 0px solid #cccccc;
}

.od-res-table.person td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: normal;
  font-size: 1.5rem;

}
.od-res-table.cookie td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 25%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: normal;
  font-size: 1.5rem;
}
			
	
	
	
/* label the data in English
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.*/
.od-res-table.person td:nth-of-type(1):before { content: "Personal data:"; }
.od-res-table.person td:nth-of-type(2):before { content: "Purposes:"; }
.od-res-table.person td:nth-of-type(3):before { content: "Processing adh:"; }
.od-res-table.person td:nth-of-type(4):before { content: "Storage time:"; }

.od-res-table.cookie td:nth-of-type(1):before { content: "Name:"; }
.od-res-table.cookie td:nth-of-type(2):before { content: "Provider:"; }
.od-res-table.cookie td:nth-of-type(3):before { content: "Purpose:"; }
.od-res-table.cookie td:nth-of-type(4):before { content: "Expiry:"; }
.od-res-table.cookie td:nth-of-type(5):before { content: "Type:"; }		
			
	
}
@media only screen and (max-width: 1024px) {
	
	.no-trade-desktop {
		display:block !important;
	}
}
@media only screen and (max-width: 768px) {
	
	.no-desktop {
		display:block !important;
	}
	.no-pad {
		display:none;
	}
	
	.et_pb_row {
 	width: 90%;
}

/***** MEDIA GALLERY ****/
	
.facetwp-template .od-media-list-item {
	width: 47.97979798%;
    margin-right: 4.04%;
	margin-bottom: 4.04%;
	float: none;
}
.facetwp-template > div.od-media-list-item:nth-child(3n+3) {
    margin-right: 4.04%;
}	
	
.facetwp-template > div.od-media-list-item:nth-child(2n+2) {
	 margin-right: 0;
}	
.et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
    font-size: 3.2rem;
	padding-bottom: 8px;
}	
.et_pb_column .et_pb_grid_item {
     margin: 0 5.5% 4.5% 0;
}
/*.fancybox-slide #page-container {
    padding-top: 64px !important;
}*/
.fancybox-slide #page-container {
    padding: 64px 22px 22px 22px !important;
}	
	



}