/* Primary Content and Structure CSS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> GLOBALS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body { margin: 0px; padding: 0px; font-family: Arial; background-color: #0055a4; }

h1, h2 { text-transform: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; clear: none; color: inherit; margin: 10px 0 0 0; padding: 0px; }

a { text-decoration: none; }

img { outline: none; border: none; filter: none; -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }

.white_container { background-color: #fff; width: 100%; padding: 0 0 30px 0; }

.container { width: 940px; margin: 0 auto; }

.header { min-height: 145px; position: relative; }

.clear_all { width: 100%; clear: both; }

.bold { font-weight: 700; }

.normal { font-weight: 400; }

.width_100 { width: 100%; image-rendering: crisp-edges; }

.attn { color: #f6c !important; outline: 1px dotted #f6c; }

.lc { text-transform: lowercase !important; }

.uc { text-transform: uppercase !important; }

.nowrap { white-space: nowrap !important; }

.tempattn * { color: #ccc !important; text-decoration: line-through; }

.tempattn img { opacity: 0.35; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> HEADER & NAV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.logo { width: 327px; height: 105px; position: relative; float: left; clear: none; margin: 30px 0 0 13px; }

.menu_bar { background: #0055a4; width: 100%; min-height: 35px; clear: both; }

.menu_divider { width: 1px; height: 18px; padding: 0px; margin: 8px 0 0 0; background: #fdb813; float: left; clear: none; }

.menu_item_shell { height: 35px; line-height: 35px; float: left; clear: none; position: relative; }

.dropdown { background: #0055a4; position: absolute; top: 35px; left: -1px; color: #fff; font-weight: 400; font-size: 18px; z-index: 500; opacity: 0; height: 0px; min-width: 100%; }

.dropdown_link { color: #fff; font-size: 18px; font-weight: 400; min-width: 200px; float: left; clear: left; height: 37px; line-height: 37px; text-decoration: none; padding: 0 17px; }

.dropdown_divider { width: 100%; height: 1px; float: left; clear: left; margin: 0px; padding: 0px; background-color: #fdb813; }

.menu_item { color: #fff; font-size: 20px; padding: 0 12px; line-height: 37px; height: 37px; float: left; clear: none; text-transform: uppercase; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> MOVE TO CONTENT SECTION  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.title_divider { margin: 20px 0; font-weight: bold; font-size: 22px; text-transform: uppercase; line-height: 40px; color: orange; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> PROMO BANNER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.promobanner { padding: 10px; background: #fdb813; box-shadow: inset 0px -4px 8px 0px rgba(0, 0, 0, 0.25); color: #0055a4; }

.promobanner p { text-align: center; font-size: 175%; font-weight: bold; margin: 0.5em 0 0.25em; }

.promobanner p + p { font-size: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> HEADER ITEMS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.phone { color: #555; font-size: 16px; float: right; clear: none; margin: 30px 15px 0 0; }

.header .social-icons { float: right; }

.media_icon { width: 20px; height: 27px; float: left; clear: none; border: none; outline: none; margin: 24px 5px 0 0; display: block; }

.media_icon { background-position-y: 0; background-image: url(/images/social-media-icons.png); }

.media_icon:hover { background-position-y: -28px; }

.footer_container .media_icon { background-position-y: -56px; margin: 10px 5px 0 0; }

.footer_container .media_icon:hover { background-position-y: -28px; }

.facebook { background-position-x: -5px; }

.facebook:hover { background-position-x: -5px; }

.twitter { background-position-x: -30px; width: 25px; }

.twitter:hover { background-position-x: -30px; }

.instagram { background-position-x: -57px; width: 22px; }

.instagram:hover { background-position-x: -57px; }

.linked_in { background-position-x: -84px; }

.linked_in:hover { background-position-x: -84px; }

.youtube { background-position-x: -110px; width: 28px; }

.youtube:hover { background-position-x: -110px; }

.members { position: absolute; right: 0; bottom: 0; width: 500px; }

.members ul { display: table-row; height: 75px; }

.members li { display: table-cell; padding-left: 8px; }

.members li img { width: 100%; -webkit-filter: grayscale(1) opacity(0.25); filter: grayscale(1) opacity(0.25); transition: filter 0.3s ease-in-out; }

.members li img:hover { width: 100%; -webkit-filter: none; filter: none; }

.members li.alsd { width: 20%; }

.members li.essg { width: 10%; }

.members li.ibde { width: 20%; }

.members li.mafs { width: 20%; }

.members li.smax { width: 30%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> CONTENT ITEMS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page_header { color: #666; font-size: 18px; line-height: 50px; font-weight: bold; text-transform: uppercase; width: 100%; height: 50px; }

.breadcrumb_link { color: #666; font-size: 18px; line-height: 50px; font-weight: bold; text-transform: uppercase; text-decoration: none; }

.breadcrumb_link:hover { color: #fdb813; }

.hero_container { width: 100%; height: 309px; margin: 20px 0 0 0; }

.hero_home_background { background-image: url(/images/hero_images/hero-1.jpg); background-size: cover; }

.hero_home_background_1 { background-image: url(/images/hero_images/hero-1.jpg); background-size: cover; width: 100%; height: 309px; }

.hero_home_background_2 { background-image: url(/images/hero_images/IDS-slider.jpg); background-size: cover; width: 100%; height: 309px; }

.hero_home_text_box { background: rgba(0, 0, 0, 0.5); width: 530px; min-height: 165px; padding: 20px 30px 20px 30px; margin: 30px 0 0 0; float: left; clear: none; color: #fff; }

.hero_title { font-size: 31px; font-weight: bold; line-height: 28px; margin: 0; }

.hero_body { font-size: 18px; font-weight: bold; margin: 20px 0 0 0; line-height: 18px; }

.sub_hero_container { width: 48.93617021276596%; margin: 20px 0 30px 0; display: block; }

.hero_left_container { float: left; clear: none; }

.hero_right_container { float: right; clear: none; }

.hero_background { width: 100%; height: 308px; background-size: 100%; background-repeat: no-repeat; position: relative; text-decoration: none; display: block; background-position: center; }

.hero_background_two { width: 100%; height: 308px; background-size: cover; background-repeat: no-repeat; position: relative; text-decoration: none; display: block; }

.search { float: right; clear: right; margin: 0px 0 0 0; height: 32px; }

.search_box { float: right; clear: none; margin: 0px 0 0 0; height: 32px; width: 210px; padding: 0 10px 0 10px; border: 1px solid #8a8a8a; outline: none; }

.hero_background_x { height: auto; }

.hero_background_tall { height: 540px; }

.hero_background_short { height: 540px; }

.hero_background_mid { height: 368px; }

.hero_background_dd { height: 380px; }

.hero_background_products { width: 100%; height: 308px; background-size: cover; background-repeat: no-repeat; position: relative; text-decoration: none; display: block; }

.sub_hero_title { width: 250px; min-height: 35px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; bottom: 37px; font-size: 19px; line-height: 16px; font-weight: bold; color: #fff; padding: 15px; text-decoration: none; text-transform: uppercase; }

.yellow_arrow_small { padding: 0px 0 0 5px; }

.description_one { width: 95%; margin: 13px auto 0 auto; color: #000; font-size: 18px; font-weight: bold; }

.read_more_container { width: 95%; margin: 13px auto 0 auto; color: #000; font-size: 18px; font-weight: bold; }

ul, li { list-style-image: url(/images/yellow_bullet.jpg); margin: 0 0 0 -15px; padding: 0 0 0 -15px; }

.description_bullets_home { width: 95%; margin: 0 auto 0 auto; color: #666; font-size: 14px; font-weight: 400; line-height: 19px; }

.description_bullets_markets { width: 95%; margin: 8px auto 0 auto; color: #666; font-size: 14px; font-weight: 400; line-height: 19px; }

.read_more { font-weight: bold; color: #000000; float: left; font-size: 15px; text-transform: uppercase; text-decoration: none; }

.blue_link { font-weight: normal; color: #0055a4; float: left; clear: left; font-size: 14px; margin-top: 3px; text-decoration: underline; }

.blue_link:hover { color: #fdb813; }

.three_column { width: 31.914893617021278%; float: left; clear: none; }

.three_column_margin { margin-left: 2.127659574468085%; }

.two_column { width: 48.333333333333336%; float: left; clear: none; }

.two_column_margin { margin-left: 3.3333333333333335%; }

.double_column_w_margin { width: 65.95744680851062%; float: left; clear: none; }

.subpage_title { width: 100%; font-weight: 900; font-size: 30px; color: #0055a4; margin: 0 0 22px 0; line-height: 28px; }

.body_font { color: #5d5d5d; font-size: 14px; font-weight: 400; line-height: 17px; white-space: pre-wrap; }

.one_column_image { width: 100%; height: auto; }

div.three_image_column_sub_title.jsubtitle { width: 100%; display: block; border-bottom: 1px solid #fdb813; margin: 0 0 10px 0; }

ul.ytgallist { list-style: none; margin: 0; padding: 0; }

.ytgallist li { list-style: none; margin: 0; padding: 0 0 20px 0; }

.ytgallist li p { font-size: 12px; font-weight: bold; margin-top: 5px; }

.normalized p { color: #5d5d5d; font-size: 14px; font-weight: 400; line-height: 17px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.footer_container { width: 940px; height: 170px; margin: 0 auto; position: relative; }

.footer_logo { width: 231px; height: 75px; background-image: url(/images/ids-footer-logo.png); background-size: auto; float: left; margin: 35px 0 0 20px; }

.footer_address { margin: 35px 0 0 66px; float: left; clear: none; font-size: 13px; color: #fff; font-weight: bold; }

.address { font-size: 12px; font-weight: 400; color: #bebdbd; margin: 5px 0 0 0; }

.footer_contact_media { float: left; clear: none; margin: 40px 0 0 125px; }

.footer_phone_number { font-weight: bold; color: #fff; font-size: 16px; }

.footer_email { font-weight: 500; color: #fdb813; font-size: 14px; text-decoration: none; }

.footer_email:hover { color: #fff; }

.footer_home { background-image: url(/images/home_yellow_arrow.png); width: 37px; height: 37px; display: block; float: right; clear: none; margin: 25px 8px 0 0; }

.foottm { color: rgba(255, 255, 255, 0.35); display: block; position: absolute; padding: 5px 0; margin: 0 auto; bottom: 0; font-size: 9px; width: 100%; text-align: center; white-space: pre; }

.foottm:hover { color: rgba(255, 255, 255, 0.75); cursor: default; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> PER-PAGE CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.about_us_address { font-weight: 400; color: #666; font-size: 14px; margin: 15px 0 0 0; }

.about_us_contact { font-weight: bold; color: #000; font-size: 15px; margin: 15px 0 0 0; }

.about_us_email { font-weight: bold; color: #000; font-size: 15px; margin: 0px 0 0 0; text-decoration: none; display: block; }

.products_body { font-size: 16px; margin: -10px 0 0 0; }

.product_option { width: 48.93617021276596%; margin-top: 25px; }

.product_option_title { font-size: 22px; color: #000; font-weight: bold; text-transform: uppercase; }

.question { font-size: 15px; font-weight: bold; color: #0055a4; margin: 5px 0 5px 0; }

.answer { margin: 0 0 25px 0; }

.bold_blue { color: #0055a4; }

.body_title { font-weight: bold; font-size: 18px; color: #666; margin: 20px 0 5px 0; padding: 0px; }

.body_title_small { font-weight: bold; font-size: 14px; color: #666; margin: 10px 0 5px 0; padding: 0px; }

.bullet_first_word { font-weight: bold; }

.description_bullets_s-tap_dash { width: 95%; margin: 5px 0 0 0; color: #666; font-size: 14px; font-weight: 400; }

.description_bullets_s_tap_dash_li { margin-top: 0px; }

.description_bullets_s-tap_dash_sub { margin: 5px 0 0 20px; font-size: 14px; font-weight: 400; list-style-image: none; }

.s-tap_bullet_sub { list-style-image: none; color: #fdb813; margin-top: 5px; }

.venue_bullet_sub { list-style-image: none; color: #fdb813; margin-top: -3px; line-height: 14px; }

.three_image_column { width: 31.914893617021278%; margin: 0px 0 20px 2.12766%; float: left; display: block; clear: none; }

.three_image_column_sub_title { float: left; clear: left; margin: 10px 0 0 15px; font-weight: bold; color: #000; font-size: 18px; }

.body_title_black { font-weight: bold; color: #000; font-size: 18px; margin-bottom: 5px; }

.monserver_header_image { height: 304px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> CONTACT FORM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form_field { float: left; clear: left; height: 25px; border: #9c9c9c 1px solid; width: 600px; font-size: 14px; line-height: 25px; padding: 0 10px 0 10px; margin: 6px 0 0 0; color: #9c9c9c; }

.form_field_half { clear: none; margin-left: 6px; width: 286px; }

.form_field_short { clear: none; margin-left: 6px; width: 100px; }

.form_field_state { clear: none; margin-left: 6px; width: 180px; height: 27px; }

.form_field_text { height: 100px; font: Arial; font-family: Arial; }

.thankyou_block { float: left; clear: none; width: 308px; height: 88px; margin: 25px 0 30px 0; }

.contact-form input[type=checkbox] { display: none; }

.contact-form input[type=checkbox]:checked ~ #toggleState { display: none; }

.contact-form input[type=checkbox]:checked ~ #toggleCountry { display: block; }

#toggleCountry { display: none; }

.contact-form input[type=checkbox] + label { background: #ddd; color: red; padding: .5em; border-radius: .25em; display: block; margin: 1.5em auto; }

.contact-form input[type=checkbox]:checked + label { background: #fdb813; color: #0055a4; }

span.instate { display: inline; }

span.incountry { display: none; }

input[type=checkbox]:checked + label span.instate { display: none; }

input[type=checkbox]:checked + label span.incountry { display: inline; }
