@font-face {
	font-family: Roboto;
	src: url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i');
}

body {width:100%; 	height:100%; margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:16px; color:#666666;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.hide-mobile {	
	display:none!important;
}
}

@media only screen and (min-width: 767px), only screen and (min-device-width: 767px) {
.hide-desktop {	
	display:none!important;
}
}

.home-text {width:59%!important; float:left; display:inline-block;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.home-text {width:100%!important;
}
}


a {color:#f75011; text-decoration: underline;}
a:hover {color:#f79211;text-decoration: none;}

header {margin:0px; padding:0px;}

h1 {margin:0 auto;}
h2 {font-size:25px; font-weight:400; color:#f75011;}
h3 {font-size:20px; font-weight:400; color:#f75011;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
h2 {font-size:2em!important; font-weight:300; color:#f75011;
}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
h3 {font-size:1.7em!important; font-weight:300; color:#f75011;
}}



hr {border-top: 1px solid #afafaf; margin:30px 0px 30px 0px}

.header { width:100%; height:170px; display:block; background-color:#414141;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.header { height:250px;}}

.header_inner {width:55%; height:100%; margin:0 auto; position:relative;}


.header_inner {width:55%; height:100%; margin:0 auto; position:relative;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.header_inner {width:90%!important; height:100%; margin:0 auto; position:relative;
}}


.logo_main {width:160px; position:absolute; bottom:15%;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.logo_main {width:33%!important; position:absolute; bottom:22%;
}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.tel_header {
	    font-size: 3em!important;
		background-image: url(none)!important;
}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.email_header {
	    font-size: 2em!important;
		background-image: url(none)!important;
}}

.contact-holder {float:right; position:relative; top:85px; line-height: 30px;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.contact-holder {float:right; position:relative; top:35%; line-height: 55px;
}}

.email_header {
    font-size: 16px;
    color: white;
    position: relative;
    float: right;
    top: 60%;
    background-image: url(images/mail.png);
    background-repeat: no-repeat;
    padding-left: 35px;
	line-height: 15px;
}

.tel_header {
    font-size: 16px;
    color: white;
    position: relative;
    float: right;
    top: 60%;
    background-image: url(images/phone.png);
    background-repeat: no-repeat;
    padding-left: 22px;
	line-height: 25px;
}

.email_header:hover { color:#ff7b22; }

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.banner {
		background-image: url('none')!important;
		height: 235px!important;
}}

.banner {
	width:100%;
	height:200px;
	display:block;
	background-color:#313131;
	background-image: url('images/banner_bg.png');
    background-repeat: no-repeat;
    background-position: center;
}

.banner-text-bothlines {padding-left:25%; position:relative; top:40px;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.banner-text-bothlines {padding-left:5%!important; position:relative; top:40px;
}}

.banner_text_large {color:#ffffff; font-style: italic; font-size:50px; font-weight:300;text-transform: uppercase;}
.banner_text_small {color:#ffffff; font-style: italic; font-size:30px; font-weight:300;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.banner_text_large {font-size:4em;
}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.banner_text_small {font-size:2.7em;
}}


.nav { width:100%; height:40px; display:block; background-color:#222222;}
.nav_inner {width:55%; height:100%; margin:0 auto; position:relative;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.nav {height:70px;}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.nav_inner {width:90%; top: 15px; height:100%; margin:0 auto; position:relative; font-size:2em;
}}


@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.transceivers_table td {padding:20px;
}}


.container {width:55%; height:100%; margin:0 auto; position:relative; padding: 30px 0px 80px 0px;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.container {width:90%; height:100%; font-size:2.2em!important; margin:0 auto; position:relative; padding: 30px 0px 80px 0px;
}
}


.footer { width:100%; height:200px; display:block; background-color:#414141; color:#ffffff; font-size:13px;}
.footer_inner {width:55%; height:100%; margin:0 auto; position:relative;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.footer_inner {width:90%!important;
}}

.footer a {color:#f79211;text-decoration: none;}
.footer a:hover {color:#f75011;text-decoration: underline;}

.footer-contact {width:24%;float:left;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.footer-contact {width:30%;float:left;}}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.footer-links a {font-size:2em!important;}}

.nav_menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	height: 40px;
    line-height: 15px;
}

.nav_menu li {
    float: left;
}

.nav_menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.nav_menu a:hover {
    background-color: #853600;
}

.bold {font-weight:bold;}
.indent {padding: 10px 0px 10px 30px; display:block;}



.copyright {background-color:#222222; padding-left:22.5%; height:40px; line-height:40px; }

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.copyright {padding-left:5%!important;
}}


@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.transceiver_brands {
    width: 110%!important; margin: 0 auto;
}}


.contact_form .title {
    font-size:16px; color:#000000;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.contact_form .title {
    font-size:1em!important;
}}





.transceiver_brands div {
    font-size:14px;
    width: 150px;
    height: 60px;
    float: left;
    text-align:center;
	padding:5px;
	display: flex;
    align-items: center;
    justify-content: center;
}