/********************************* UNIVERSAL *********************************/ html { height: 100%; } body { background-color: #F0F0F0; font-size: 14px; margin: 0px auto; padding: 0px; font-family: Helvetica,arial,sans-serif; min-width: 320px; height: 100%; } a, img { border:none; outline:none; text-decoration:none; } a, a:visited { text-decoration: underline; color: #00467F;} a:hover { color: #2F6BBD;} .new_window::after { padding-left: 5px; padding-right: 5px; vertical-align: middle; content: url('../images/icon_new_window_sm.png'); } @media only screen and (min-width: 1250px) { .new_window::after { content: url('../images/icon_new_window.png'); } } h1 { font-size: 1.5em; font-weight: bold; } h2 { font-size: 1.2em; font-weight: bold; color: #2F6BBD; } h3 { font-size: 1.2em; } h4 { font-size: 1.2em; margin-bottom: 34px; } h5 { font-size: 1.2em; margin-top: 45px; } h6 { font-size: 1em; margin-bottom: 34px; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #content_main { margin-left: 3%; margin-right: 3%; height: auto; } #content_primary { margin-left: 3%; margin-right: 3%; height: auto; min-height: 200px; padding-top: 75px; } .scale_img_w { width: 100%; height: auto; } .scale_img_h { width: auto; height: 100%; } blockquote { border-left: 5px solid #003EA8; color: #003EA8; margin-left: 0px; padding-left: 4%; font-size: 1em; } .mobile_title_area { padding-top: 3%; padding-bottom: 5%; } .button_blue { background-color: #00467F; color: #FFF; border-radius: 4px; cursor: pointer; background-image: url("../images/icon_nav_right_2.png"); background-repeat: no-repeat; background-position: 92% 50%; text-transform: uppercase; padding: 5%; padding-right: 12%; font-size: 1em; } a.button_blue, a.button_blue:hover, a.button_blue:visited { color: #FFF; text-decoration: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } #primary_crumb_bar { padding-left: 0px; margin-bottom: 1%; } #primary_crumb_bar a { text-decoration: none; color: #797979; font-size: 1.2em; } #primary_crumb_bar > li { padding-right: 5px; } /********************************* TEXT *********************************/ .color_normal { color: inherit; } .color_grey, .color_grey a { color: #4D4F53; } .color_dark_grey { color: #424242; } .color_yellow { color: #FFC939; } .color_orange { color: #EF6F12; } .color_light_blue { color: #2F6BBD; } .color_blue { color: #00467F; } .color_dark_blue { color: #003462; } .color_white { color: #FFF; } .text_upper { text-transform: uppercase; } .text_e1 { font-size: 1em; } .text_e1b { font-size: 1em; font-weight: bold; } .text_e1_2 { font-size: 1.2em; } .text_e1_2b { font-size: 1.2em; font-weight: bold; } .text_e1_3 { font-size: 1.3em; } .text_e1_3b { font-size: 1.3em; font-weight: bold; } .text_e1_5 { font-size: 1.5em; } .text_e1_5b { font-size: 1.5em; font-weight: bold; } .text_e2 { font-size: 2em; } .text_e2b { font-size: 2em; font-weight: bold; } .text_14b { font-size: 14px; font-weight: bold; } .text_16b { font-size: 16px; font-weight: bold; } .text_18 { font-size: 18px; } /********************************* TABLE *********************************/ table { border: none; border-spacing: 0; border-collapse: none; } thead tr { background-color: #F2F1EF; } tbody tr:nth-child(even) { background-color: #F2F1EF; } th { border-bottom: 2px solid #D2D2D2; } td { border-bottom: 1px solid #D2D2D2; } td p { margin: 0; } th, td { padding: .25em .5em; font-size: 1em; } th:first-child, td:first-child { padding-left: .5em; } th:last-child, td:last-child { padding-right: .5em; } /********************** xmlform and tellcsx styles ***********************/ #xmlFormCSX { background-color: #eff0f0; } #xmlFormCSX #dynoTABLE { width: 90%; } #xmlFormCSX table { border: none; border-spacing: 0; border-collapse: none; } #xmlFormCSX thead tr { background-color: transparent; } #xmlFormCSX tbody tr:nth-child(even) { background-color: transparent; } #xmlFormCSX .xfInnerTBL td:last-child { padding-bottom: 1em; } #xmlFormCSX .xfInnerTBL #tellissueTR td { padding-bottom: 0; } #xmlFormCSX th { border-bottom: none; } #xmlFormCSX td { border-bottom: none; display: block; } #xmlFormCSX td p { margin: 0; } #xmlFormCSX th, #xmlFormCSX td { padding: 0; font-size: 1em; } #xmlFormCSX th:first-child { } #xmlFormCSX td:first-child { } #xmlFormCSX th:last-child { } #xmlFormCSX td:last-child { } #xmlFormCSX .frmLabel { color: #464646; font-weight: bold; width: 100%; } #xmlFormCSX .frmText { color: #464646; width: 100%; } #xmlFormCSX label { color: #464646; } #xmlFormCSX .frmText span { display: block;} #xmlFormCSX .frmText span, #xmlFormCSX #issuezipTRINS { font-size: .8em; } #xmlFormCSX #zipsameasTR .frmText, #xmlFormCSX #contactzipTRINS .frmText { font-size: .8em; } #xmlFormCSX .xfInnerTBL .frmError { display: -moz-inline-box; display: inline-block; font-size: .9em; color: #EF6F12; font-weight: bold; padding-bottom: 0; } #xmlFormCSX .xfInnerTBL .frmLabelError { padding-bottom: 0; } #xmlFormCSX .trErrorHide { display: none; } #xmlFormCSX .trErrorHide td { display: none; padding-bottom: 1em; } #xmlFormCSX .frmButton { outline: transparent none 0px !important; } #xmlFormCSX #mainERR td { padding-top: 1em; font-weight: bold; } /* xf (xmlform) styles */ #xmlFormCSX .xfInput input[type=checkbox] { margin-right: 95%; } #xmlFormCSX .frmText input[type=text], #xmlFormCSX .frmText select { width: 100%; } #xmlFormCSX textarea { width: 100%; } #xmlFormCSX .xfCheck { padding: 0 0 0 0; margin: 0 0 0 0 !important; } #xmlFormCSX .xfCheck .xfInput { padding: 0 0 0 0; margin: 0 0 0 0; } #xmlFormCSX .xfCheck .xfLabel { padding: 7px 11px 0 0; margin: 0 0 0 0; } #xmlFormCSX .xfRadio { padding: 0 0 0 0; margin: 0 0 0 0 !important; } #xmlFormCSX .xfRadio .xfInput { padding: 2px 0 0 0; margin: 0 0 0 0; } #xmlFormCSX .xfRadio .xfLabel { padding: 0 11px 0 0; margin: 0 0 0 0; } #xmlFormCSX .xfHide { display: none; } #xmlFormCSX .xfAutoFill { background-color: White; padding: 0 0 0 0; margin: 0 0 0 0; border: 2px solid #E8E8E8; position: absolute; width: 250px; left: 0; top: 0; z-index: 499; } #xmlFormCSX .xfAutoFillClose { font-size: 10px; float: right; text-decoration: underline; cursor: pointer; } #xmlFormCSX .xfAutoFillTitle { font-size: 11px; padding: 4px; background-color: #E8E8E8; font-weight: bold; } #xmlFormCSX .xfAutoFillBody { } #xmlFormCSX .frmTOS { width: 100%; padding-top: 1.5em; } #xmlFormCSX .xfButtons { width: 95%; text-align: right; padding-bottom: 1.5em; } #xmlFormCSX .btn[type=reset] { background-color: #00467F; color: #FFF; cursor: pointer; border-radius: 4px; border-style: none; text-transform: uppercase; padding: 1.5% 2%; font-size: 1em; outline: none; } #xmlFormCSX .btn[type=submit], #xmlFormCSX .btn[type=button] { background-color: #00467F; color: #FFF; cursor: pointer; border-radius: 4px; border-style: none; background-image: url("../images/icon_nav_right_2.png"); background-repeat: no-repeat; background-position: 92% 50%; text-transform: uppercase; padding: 1.5% 2.5%; padding-right: 5%; font-size: 1em; outline: none; } #xmlFormCSX .btn[type=submit]:hover, #xmlFormCSX .btn[type=reset]:hover, #xmlFormCSX .btn[type=button]:hover { background-color: #2F6BBD; } #svSearchResults #xmlFormCSX .btn[type=submit], #svSearchResults #xmlFormCSX .btn[type=button] { padding: .45em 1.75em .45em .75em; } #svSearchResults #xmlFormCSX input { font-size: 1.25em; } #xmlFormCSX #dynoFORM { padding-left: 1em; } #tellcsxCategories {} #tellcsxCategories #catLabel { font-weight: bold; padding-bottom: .5em; } #tellcsxCategories #catDropdown { width: 100%; } #tellcsxCategories #catDropdown select { width: 100%; font-size: 1em; } #tellcat .catNameBlock a { display: none; } #tellcat .catNameBlock:not(:first-child) { margin-top: 2em; } #tellcat .actionsTellcsx { border-left: 1px solid #D2D2D2; } #tellcat .actionsLearn { border-left: 1px solid #D2D2D2; } /********************************* SEARCH *********************************/ #svSearchResults { padding-top: 75px; } #svSearchBody { margin: 0 2em; width: 89.9%; } #svSearchResults .moreResults { display: inline-block; margin: 0; width: 100%; } #svSearchResults .moreResults .pager { list-style: none; margin: 0; padding: 0; } #svSearchResults .moreResults .pager li { float: left; padding: 0 1em; margin: 0; } #svSearchResults .moreResults .pager .displaying { border-right: 2px solid #2F6BBD;} #svSearchResults .moreResults .disable { color: #D7D7D7; } #svSearchResults #svSearchAgain { padding: 1.75em; } #svSearchBody .record-index { display: none; } #svSearchResults #svSearchBody .title { font-size: 1.2em; } #svSearchResults #svSearchBody .summary { font-size: .8em; } #svSearchResults #svSearchBody .summary p { margin: 0 .5em .5em 1em; } #svSearchResults #svSearchBody dl { padding: .5em; } #svSearchResults #svSearchBody dl:nth-child(even) { background-color: #f2f2f2; } /********************************* HEADER *********************************/ #header_main { position: absolute; background-color: rgba(0, 52, 98, 1.0); width: 100%; height: 75px; z-index: 99; } #header_logo { position: relative; float: left; margin-left: 3%; height: 80%; top: 10%; width: 30%; } #header_search { position: relative; height: 40%; top: 30%; float: right; margin-right: 4%; } #header_hamburger { position: relative; height: 40%; top: 30%; float: right; margin-right: 3%; width: 32px; } .header_margins { width: 2%; float:left; height: 100%; } #header_menu_search_drop { position: absolute; top: 75px; background-color: #003462; width: 100%; display: none; opacity: 0.0; padding-bottom: 50px; } .close_icon { position: relative; vertical-align: top; float: right; top: 38px; height: 25px; width: auto; padding-right: 5%; } .search_input { position: relative; width: 80%; padding-left: 5%; background-color: #00182E; border-style: none; font-size: 1.8em; color: #828d98; float: left; top: 35px; } .search_opaque { position: absolute; height: 100%; width: 100%; background-color: #000; top: 129px; opacity: 0.8;} .header_search_img1 { position: absolute; right: 30%; } .header_search_img2 { position: absolute; right: 30%; opacity: 0.0;} .hamburger_bar_1 { position: absolute; top: 2px; right: 0px; width: 30px; height: 2px; background-color: #FFF; transform: rotate(0deg); transform-origin: 100% 0%; transition: 0.5s;} .hamburger_bar_1b { transform: rotate(-45deg); width: 34px; background-color: #FFC939; } .hamburger_bar_2 { position: absolute; top: 14px; right: 0px; width: 30px; height: 2px; background-color: #FFF; transform: rotate(0deg); } .hamburger_bar_3 { position: absolute; top: 26px; right: 0px; width: 30px; height: 2px; background-color: #FFF; transform: rotate(0deg); transform-origin: 100% 0%; transition: 0.5s; } .hamburger_bar_3b { transform: rotate(45deg); width: 34px; right: -1px; background-color: #FFC939; } /********************************* FOOTER *********************************/ #footer_main { background-color: rgba(0, 24, 46, 1.0); height: 200px; position: relative; } #footer_row_a { background-color: #003EA8; height: 15%; padding-top: 7%; padding-bottom: 5%; margin-left: -3%;} #footer_row_a p { position: relative; width: 90%; margin: 0px auto; } #footer_row_a p a { padding-left: 5%; } #footer_row_a img { position: relative; width: 8%; height: auto; } #footer_row_b { background-color: #003462; height: 145px; padding-top: 5%; padding-bottom: 2%; } .footer_row_e { display: table; position: relative; background-color: #FFF; clear: both; padding-top: 5%; padding-bottom: 5%; margin-right: 5%; margin-left: 5%; width: 90%; border-bottom: 1px solid #bebebe; } .footer_row_e a { color: #000; text-decoration: none; } .footer_row_e ul { list-style-type: none; font-size: 14px; margin-top: 0px; margin-left: 10%; padding-left: 5%; } .footer_row_e ul li { padding-bottom: 10px; } #footer_row_b li { padding-bottom: 10px; } #footer_row_b a { text-decoration: none; color: #FFF; } #footer_row_b a:hover { border-bottom: 1px solid; } #footer_row_c { position: relative; background-color: #FFF; height: 60px; color: #333333; padding-left: 20px; vertical-align: middle; padding-top: 30px; } #footer_row_d a { text-decoration: none; color: #FFF; } #footer_row_d a:hover { border-bottom: 1px solid; } .footer_box_a { width: 33%; float: left; border-right: 1px solid #bebebe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_box_a ul { } .footer_box_b { width: 33%; float: left; border-right: 1px solid #bebebe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer_box_c { width: 33%; float: left; } .footer_box_c ul { margin-bottom: 0px; } .footer_box_d { color: #FFF; text-align:center; } .home_email_signup { height: 30px; width: 55%; font-size: 12px; color: #797979; padding-left: 10px; } .home_email_submit { border: 0; height: 36px; width: 12%; background-color: #00467F; color: #FFFFFF; } .footer_row_links { display: table-row; width: 100%; font-size: 1em; line-height: 1.5em; } .footer_row_links a { color: #000; } .footer_row_links div { display: table-cell; width: 26%; vertical-align: top; padding-bottom: 2%; padding-left: 5%; padding-right: 2%; } .footer_row_links div:nth-child(1) { border-right: 1px solid #bebebe; width: 25%; padding-left: 0px; } .footer_row_links div:nth-child(3) { border-left: 1px solid #bebebe; padding-left: 5%; width: 26%; } .report_container { color: #FFF; clear: both; background-color: #00467F; width: 80%; text-align: center; border-radius: 4px; margin: 0px auto; cursor: pointer; padding-bottom: 3%; padding-top: 3%; display: table; } .report_l { height: 100%; display: table-cell; vertical-align: middle; padding-left: 5%; padding-right: 5%; } .report_r { height: 100%; display: table-cell; vertical-align: middle; padding-right: 5%; } /********************************* HOME PAGE *********************************/ #home_imagebox { position: relative; width: 100%; overflow: hidden; background-color: rgba(0, 24, 46, 1.0); } #home_toggle { position: absolute; bottom: 5%; width: 50%; left: 50%; max-width: 250px; } #homepage_body { margin: 1em 0 1em 0; display: inline-block; width: 100%; } #homepage_body hr { width: 20%; height:1px; border: none; background-color:#00467f; } .home_title { position: absolute; top: 20%; z-index: 2; color: #FFF; font-weight: bold; text-align: center; width: 100%; letter-spacing: 0.1em; text-shadow: 2px 2px 10px #000; left: 100%; } .home_title p { margin: 0px; } .hero_title_p_1 { font-size: 2.0em; } .hero_title_p_2 { font-size: 4.0em; color: #FFC939; } .mobile_tiles a, .mobile_tiles a:visited { text-decoration: none; color: #4D4F53; } .home_feature_box_1 { background-color: #00467F; } .home_feature_box_2 { background-color: #2F6BBD; } .home_window_box_inner4 { width: 48%; float: left; color: #FFF; } .home_window_box_inner5 { width: 48%; float: right; background-color: #2F6BBD; color: #FFF; } .blue_block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 10px 10px; text-align: center; height: 185px; } .blue_block img { width: 40%; height: auto; } .blue_block hr.white { width: 40%; height: 2px; border: none; background-color:#FFF; } .circle_container { position: absolute; bottom: 12%; width: 60%; left: 130%; height: 45%; max-width: 400px; max-height: 400px; } .circle_outter { height: 100%; width: 100%; position: absolute; opacity: 0.5; } .circle_inner { height: 100%; width: 100%; position: absolute; } .circle_text { position: absolute; width: 76%; top: 25%; left: 10%; text-align: center; color: #00467f; padding-left: 2%; padding-right: 2%; } .circle_text p { margin-top: 10px; } .circle_nav { position: absolute; bottom: 16%; left: 40%; width: 20%; height: 10%; text-align: center; } .circle_nav img { width: auto; height: 100%; max-height: 54px; display: none; } .home_title_line1 { font-size: 1.5em; font-weight:bold; color: #00467f; text-align:center; line-height: 0.5em; } .home_title_line2 { font-size: 1em; font-weight:bold; color: #00467f; text-align:center; padding-top: 0.2em; padding-bottom: 0.2em; } .move_left { position: relative; left:-50%; } .mobile_home_row_1 { position: relative; background-color: #FFF; width: 100%; display: table; margin-top: 4%; } .mobile_home_innerbox_r1a { display:table-cell; vertical-align:middle;text-align:center; width: 50%; } .mobile_home_innerbox_r1b { display:table-cell; vertical-align:middle;text-align:center; width: 50%; } .mobile_home_innertext { position: absolute; padding-left: 4%; padding-right: 4%; width: 92%; text-align: center; top: 20%; } .story_block_small_a { padding: 1%; padding-left: 5%; padding-right: 5%; } .story_block_small_a p { margin: 0px; } .story_block_small_b { position: relative; width: 6%; left: 48%; margin-top: 5%; } .story_block_small_c { position: relative; width: 4%; left: 48%; margin-top: 5%; } .mobile_home_row_2 { position: relative; width: 100%; margin-top: 4%; text-align: center; background-color: #000000; } .mobile_home_row_2 img { opacity: 0.8; } .mobile_home_innerbox_r2a { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .flip_img_h { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .view_more_container { color: #FFF; clear: both; background-color: #00467F; width: 60%; height: 45px; text-align: center; border-radius: 4px; margin: 0px auto; cursor: pointer; } .view_more { position: relative; margin: 0px auto; top: 15px;} .view_more_plus { padding-left: 9px; padding-top: 7px border-bottom: 1px solid #CCCCCC; height: 12px; } #header_emergency { position: absolute; top: 124px; width: 90%; background-color: #FFF; margin-left: 5%; margin-right: 5%; z-index: 10;} .emergency_close { position: relative; width: 20px; height: 20px; float: right; padding: 10px; } .emgergency_bar { clear: both; padding: 10%; padding-top: 5%; color: #00182E; } .emgergency_bar hr { height:1px; border: none; background-color:#00182E; margin-bottom: 15px; width: 100%; } .emgergency_bar_btn { color: #FFF; clear: both; background-color: #00467F; width: 150px; height: 35px; text-align: center; border-radius: 2px; } .emgergency_bar_btn img { vertical-align: middle; height: 12px; padding-left: 10px; } /******************************** NAVIGATION *********************************/ .mobile_nav_container { background-color: rgba(0, 24, 46, 0.95); position: absolute; top: 75px; width: 100%; display: none; overflow: hidden; opacity: 0.0; } /* .menu_item { border-bottom: 1px solid #616161; padding-bottom: 4%; padding-top: 4%; padding-left: 5%; color: #FFF; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } .menu_item_sub { border-bottom: 1px solid #616161; padding-bottom: 4%; padding-top: 4%; padding-left: 5%; color: #FFF; font-size: 1.2em; } */ .menu_item { border-bottom: 1px solid #616161; color: #FFF; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } .menu_item_sub { border-bottom: 1px solid #616161; color: #FFF; font-size: 1.2em; } .menu_item_sub a { color: #FFF; } .menu_item a { color: #FFF; } .menu_item_child { height: 32px; position: relative; float: right; margin-right: 5%; padding-top: 2.5%; } .menu_divide { width: 100%; height: 1px; border: none; background-color: #616161; margin: 0px; } .menu_links { list-style-type: none; font-size: 14px; margin-top: 0px; margin-left: 0%; padding-left: 5%; } .menu_links li { padding-bottom: 2%; padding-top: 2%; } .menu_links li a { color: #b3bac0; } .menu_social { text-align:center; opacity: 0.5; padding-bottom: 5%; } .menu_item_limit { width: 80%; display: inline-block; padding-bottom: 4%; padding-top: 4%; padding-left: 5%; } .menu_root_container { position: relative; } .menu_child_container { position: absolute; width: 100%; height: auto; } .menu_back { border-bottom: 1px solid #616161; padding-bottom: 4%; padding-top: 4%; padding-left: 5%; color: #828d98; font-size: 1.2em; vertical-align: top; } .menu_child_title { border-bottom: 2px solid #FFC939; padding-bottom: 4%; padding-top: 4%; text-transform: uppercase; padding-left: 5%; color: #FFC939; font-size: 1.2em; font-weight: bold;} /********************************** PRIMARY **********************************/ .primary_crumb { color: #797979; font-size: 1.2em; margin-bottom: 1%; } .primary_title { color: #000000; font-size: 1.7em; font-weight: bold; margin-top: 0px; margin-bottom: 0px; } .mobile_body { background-color: #FFF; word-wrap: break-word; } .mobile_body_top { position: relative; width: 92%; padding-top: 4%; padding-left: 4%; padding-right: 4%; } .mobile_body_bottom { position: relative; width: 92%; padding-top: 2%; padding-bottom: 4%; padding-left: 4%; padding-right: 4%; } .mobile_body_bottom img { max-width: 100%; height: auto; } .landing_objects { background-color: #FFF; margin: 1em 0; position: relative; width: 92%; padding-top: 0%; padding-bottom: 4%; padding-left: 4%; padding-right: 4%; display: inline-block; } .mobile_body_caption { background-color: #FFF; position: absolute; bottom: 0px; width: 92%; opacity: 0.9; border-bottom: 5px solid #2F6BBD; left: 4%; } .mobile_body_caption p { margin-top: 1%; margin-bottom: 1%; } .mobile_body iframe { width: 100%; } /********************************** MODULES **********************************/ .module_container { background-color: #FFF; position: relative; width: 92%; padding-top: 4%; padding-left: 4%; padding-right: 4%; padding-bottom: 4%; } .module_container a { text-decoration: none; } .module_grey { background-color: #f0f0f0; border: 1px solid #d7d7d7; width: 100%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .secondary_has_child { background-image: url("../images/icon_nav_right_b.png"); background-repeat: no-repeat; background-position: 95% 50%; } .module_title { font-size: 1.5em; border-bottom: 1px solid #616161; padding-bottom: 5px; margin-bottom: 15px; } .module_title p { margin-top: 0px; margin-bottom: 0px; } .module_title_grey { font-size: 1.5em; border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; margin-bottom: 15px; } .module_title_grey p { margin-top: 0px; margin-bottom: 0px; } .story_block_large { z-index: 3; color: #FFF; width: 100%; text-align:center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; left: 0%; } .story_block_tint { position: relative; } .story_block_tint:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.4); } .load_more { font-size: 1em; font-weight: bold; color: #00467F; font-style: italic; padding-top: 4%; position: absolute; right: 5%; } .load_more_plus { height: 12px; width: 12px; vertical-align: middle; } .mod_wrapper_0 { padding-bottom: 0px; } .mod_wrapper_2 { padding-bottom: 2%; } .mod_wrapper_3 { padding-top: 2%; } .mod_powered_row { position:relative; background-color: #f0f0f0; border-bottom: 1px solid #616161; height: 35px; overflow: hidden; padding-top: 3%; } .mod_powered_summary { color: #454545; padding-left: 3%; padding-right: 3%; margin-top: 0px; } .mod_powered_summary p { margin-top: 0px; } .mod_powered_icon { height: 25px; width: 25px; float: right; } .mod_powered_l { font-size: 18px; display: inline-block; padding-left: 3%; width: 82%; vertical-align: top; } .mod_powered_l p { margin-top: 2px; } .mod_powered_r { display: inline-block; padding-right: 3%; width: 12%; } .mod_featured_links_box { font-size: 1.5em; background-color: #F0F0F0; padding-left: 3%; border: 1px solid #D7D7D7; margin-top: 1%; } .mod_featured_links_box p { margin-top: 3%; margin-bottom: 3%; width: 80%; } .mod_promo_stacks_box { position: relative; width: 49%; float: left; margin-bottom: 0%; } .mod_promo_stacks_box:nth-child(n+3) { margin-top: 2%; } .mod_promo_stacks_box:nth-child(even) { margin-left: 2%; } .mod_promo_stacks_box a { color: #FFF; } .mod_promo_stacks_caption { position: absolute; bottom: 0px; background-color: #003462; opacity: 0.9; width: 82%; padding-left: 8%; padding-right: 10%; background-image: url("../images/icon_nav_right_2.png"); background-repeat: no-repeat; background-position: 95% 50%; } .mod_promo_limit { width: 80%; } .mod_promo_wide_box { position: relative; width: 100%; margin-bottom: 0%; } .mod_promo_wide_box a { color: #FFF; } .mod_commodity_box { font-size: 1.3em; width: 49%; background-color: #F0F0F0; padding-left: 3%; padding-top: 3%; padding-bottom: 3%; border: 1px solid #D7D7D7; vertical-align: middle; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mod_commodity_box p { margin-top: 3%; margin-bottom: 3%; } .mod_commodity_box:nth-child(odd) { margin-left: 2%; } .mod_commodity_box, .mod_commodity_box:visited { color: inherit; } .mod_resources_box { padding-top: 0%; display: table; position: relative; margin-top: 2%; border: 1px solid #d7d7d7; width: 100%; color: #000; } .mod_resources_box_l { display: table-cell; background-repeat: no-repeat; background-size: contain; background-color: #F0F0F0; } .mod_resources_box_r { display: table-cell; width: 70%; padding-right: 10%; padding-top: 2%; padding-bottom: 2%; position: relative; height: 100%; background-color: #F0F0F0; background-image: url("../images/icon_nav_right_b.png"); background-repeat: no-repeat; background-position: 95% 50%; vertical-align: middle; overflow: hidden; } .mod_resources_box_r p { margin-top: 0px; margin-bottom: 0px; } .mod_news_mini_box { padding-top: 0%; display: table; position: relative; border-bottom: 1px solid #616161; width: 100%; color: #000; height: 100%; } .mod_news_mini_box_l { display: table-cell; width: 30%; background-image: url("../images/mockup_images/m_promo_stack_2.png"); background-repeat: no-repeat; background-size: contain; background-color: #d2d2d2; } .mod_news_mini_box_r { display: table-cell; width: 55%; padding-right: 10.1%; padding-left: 5%; position: relative; height: 100%; background-color: #d2d2d2; background-image: url("../images/icon_nav_right_b.png"); background-repeat: no-repeat; background-position: 95% 50%; vertical-align: middle; } .mod_news_mini_box_r p { margin-top: 10px; margin-bottom: 10px; } .mod_news_mini_box_l_img { position: relative; width: 100%; height: auto; } .mod_news_mini_box_f { position: relative; background-color: #F0F0F0; width: 100%; height: 100%; background-image: url("../images/icon_nav_right_b.png"); background-repeat: no-repeat; background-position: 96.2% 50%; } .mod_news_mini_box_f p { margin: 0px; padding-top: 5%; padding-bottom: 5%; } .mod_doing_button { margin-top: 3%; color: #FFF; background-color: #003EA8; width: 70%; text-align: center; border-radius: 3px; margin: 0px auto; cursor: pointer; background-image: url("../images/icon_nav_right_2.png"); background-repeat: no-repeat; background-position: 94% 50%; padding-top: 4%; padding-bottom: 4%; padding-right: 15%; } .mod_doing_button a { color: #FFF; } .mod_doing_button p { margin-top: 0px; margin-bottom: 0px; } .mod_doing { list-style-type: none; padding-left: 0px; margin-bottom: 0px; } .mod_doing li { padding-bottom: 2%; } .mod_featured_icon { height: 25px; width: auto; } .mod_featured_l { width: 50%; display: table-cell; background-size: cover; } .mod_featured_r { width: 50%; display: table-cell; background-color: #F0F0F0; padding: 3%; border: 1px solid #D7D7D7; border-left: none;} .mod_dual_button { margin-top: 3%; color: #FFF; background-color: rgb(47, 107, 189); width: 80%; text-align: center; border-radius: 3px; background-image: url("../images/icon_nav_right_2.png"); background-size: 10px 13px; background-repeat: no-repeat; background-position: 90% 50%; padding-top: 3%; padding-bottom: 3%; padding-right: 10%; } .mod_dual_l { display: inline-block; width: 45%; padding-top: 2%; padding-bottom: 2%; padding-left: 5%; border-right: 1px solid #D7D7D7; margin-right: -1px; } .mod_dual_r { display: inline-block; width: 45%; padding-top: 2%; padding-bottom: 2%; margin-left: 5%; } .mod_awards_wrapper { position: relative; border: 1px solid #D7D7D7; height: 200px; overflow: hidden;} .mod_awards_toggle { height: 15px; position: relative; margin-top: -28px; text-align: center;} .mod_awards_box { position: absolute; left: 100%; width: 70%; padding-left: 15%; padding-top: 5%; } .mod_view_more a { text-decoration: none; } .rrselection { background-color: rgb(47, 107, 189); color: white; width: 30px; display:inline-block; text-align: center; border-radius: 4px; margin: 3px; margin-left: 0px; padding: 4px; } .rrselection_cur { background-color: rgb( 0, 70, 127); color: white; width: 30px; display:inline-block; text-align: center; border-radius: 4px; margin: 3px; margin-left: 0px; padding: 4px; } .rrtable {} .rrtable tr:nth-child(odd) { background-color: #F0F0F0; } .rrtable td { vertical-align: top; padding: 2%; } .rrtable td:nth-child(odd) { width: 30%; } .contact_section { margin-bottom: 25px; } .contact_section div { padding: 5px; border-bottom: 2px solid #D2D2D2; line-height: 1.8; } .contact_section p { margin: 0; } .contact_section div:nth-child(even) { background-color: #F2F1EF; } .mod_folder .releaseDate { font-size: 1em; margin-bottom: .3em; } .mod_folder .title { font-size: 1.1em; margin-bottom: .3em; } .mod_folder .summary { font-size: .8em; } .mod_folder .summary p { margin: 0; line-height: 1.2em; } .mod_folder dl, .mod_folder dl.last { padding: 1em; margin: 0; } .mod_folder dl.first { padding-top: 0; margin: 0; } .mod_folder .image { padding-top: 1em; padding-left: .5em; margin: 0; } .mod_folder dl.first .image { padding-top: 0; margin: 0; } .mod_folder .mura-next-n { text-align: center; } .mod_folder .pagination { padding: 0; } .mod_folder .pagination li { padding: 0 .3em; } .mod_folder .pagination .navPrev { padding-right: 1em; } .mod_folder .pagination .navNext { padding-left: 1em; } .mod_folder a:hover { color: #003EA8; } .mod_folder #svFolder { margin: 1em 0; } .mod_folder dl:nth-child(even) { background-color: #d2d2d2; } .mod_investors dl { margin: 2px 0; font-size: 1em; display: inline-block; } .mod_investors dt, .mod_investors dd { float: left; padding: 2% 3%; margin: 2px 0; } .mod_investors dt { background-color: #2F6BBD; color: white; font-weight: bold; width: 35%; } .mod_investors dd { width: 50%; } .mod_investors dd.alt { background-color: #F0F0F0; } .mod_csr_report { text-align: center; } .module_title_bar { background-color: #003EA8;} .mod_csr_report .module_title_bar { text-align: left; border-bottom: 1px solid #CCCCCC; margin-bottom: 4%; padding-bottom: 1%; } .module_title_bar span { color: #000; text-align: left; } .module_title_bar img { display: none; } .mod_csr_a { display: none; } .mod_csr_b { display: inline-block; width: 29%; vertical-align: middle; } .mod_csr_report div:nth-child(3) { padding-right: 2%; } .mod_csr_report div:nth-child(4) { border-left: 1px solid #CCCCCC; padding-left: 2%; padding-right: 2%;} .mod_csr_report div:nth-child(5) { border-left: 1px solid #CCCCCC; padding-left: 2%; } .mod_csr_b img { width: 100%; height: auto; } .mod_csr_report hr { display: none; } .mod_promo_wide { width: 100%; overflow: hidden; } .mod_promo_wide .home_block_image_large_overlay_a { display: none; } .mod_promo_wide .home_block_image_large_overlay_b { display: none; } .mod_carbon_ad .module_title_bar { text-align: left; border-bottom: 1px solid #CCCCCC; margin-bottom: 4%; padding-bottom: 1%; } .mod_carbon_a { display: inline-block; width: 30%; text-align: center; margin-top: 2%; } .mod_carbon_a img { width: 90%; height: auto; } .mod_carbon_b { display: inline-block; width: 60%; vertical-align: top; padding-left: 2%; font-size: 1.4em; line-height: 1.5em; } .mod_carbon_b p:nth-child(1) { margin-top: 10px; } .mod_carbon_c { text-align: center; padding-top: 5%; } .awards_item { padding-bottom: 2%; margin-bottom: 2%; padding-top: 2%; border-bottom: 1px solid #CCC; } .awards_item p { margin-top: 0px; } .awards_item:nth-child(even) img { clear: both; float: left; margin-right: 15px; margin-bottom: 10px; width: 45%; } .awards_item:nth-child(odd) img { clear: both; float: right; margin-left: 15px; margin-bottom: 10px; width: 45%; } #mod_investors_aar div div { border-bottom: 1px solid #D2D2D2; padding: .8em 2em; } #mod_investors_aar div div:first-child { border-top: 1px solid #D2D2D2; } #mod_investors_aar div div:nth-child(even) { background-color: #F2F1EF; } #mod_investors_aar select { width: 100%; font-size: 1.5em; margin-bottom: 1em; } #mod_investors_aar select option { text-align: center; } address { font-style: italic; font-size: .8em; } .mod_square { float:left; position: relative; width: 90%; padding-bottom: 90%; margin:1.66%; overflow:hidden; font-size: 1.2em; } .mod_square a, .mod_square a:visited { text-decoration: none; color: inherit; } .mod_square .mod_square_content { position:absolute; height:80%; width:90%; padding: 10% 5%; text-align: center; background-color: #F2F1EF; } .mod_square:nth-child(even) .mod_square_content { background-color: white; border: 5px solid #F2F1EF; height:77%; width:87%; } .mod_square .mod_square_content .mod_square_table { display:table; height:100%; width:100%; } .mod_square .mod_square_content .mod_square_table-cell { display:table-cell; vertical-align:middle; height:100%; width:100%; } .mod_square .mod_square_content .mod_square_table-cell p { text-transform: uppercase; } .mod_square .mod_square_content .mod_square_table-cell p strong { letter-spacing: .8em; font-size: .8em; width: 100%; display: block; color: Grey; } .mod_year_selector form { padding: 0 1em 1em 1em; } .mod_year_selector label { font-size: 1em; font-weight: bold; } .mod_year_selector input[type=text], .mod_year_selector select { width: 100%; margin: .5em 0 1em 0; } .investors_upd { text-align: right; font-size: .8em; width: 100%; } .yearDivider { font-weight: bold; color: #00467F; font-size: 1.2em; padding: .8em 2em 0em .5em !important; border-bottom: 1px solid black !important; } #mod_investors_secfilings .mod_investors_secfilings_list .yearDivider:first-child, #mod_investors_aar div .yearDivider:first-child { border-top: none; } .mura-next-n { text-align: center; } .pagination { padding: 0; display: flex; width: 100%; } .pagination li { padding: 0; text-align: center; width: 100%; } /* .pagination .navPrev { padding-right: 1em; } .pagination .navNext { padding-left: 1em; } */ .pagination .active { font-weight: bold; } #mod_investors_analystcoverage address { clean: both; } #mod_investors_dividends ul:nth-child(odd) li { background-color: #F2F1EF; } #mod_investors_dividends ul { list-style: none; clear: left; text-align: center; margin: 0; padding: 0; width: 100%; } #mod_investors_dividends li { float: left; width: 33%; border-bottom: 1px solid #D2D2D2; margin: 0; padding: .5em 0; } #mod_investors_dividends .list_header li { background-color: #F2F1EF; border-bottom: 2px solid #D2D2D2; font-weight: bold; } #mod_investors_secfilings form { padding: 1em; } #mod_investors_secfilings #xmlFormCSX .btn { width: 100%; padding: 5% 10%; } #mod_investors_secfilings .mod_downloads { font-size: 1em; text-align: right; } #mod_investors_secfilings .mod_downloads strong { padding-right: .5em; } .mod_investors_filter { margin: 0; } #mod_investors_secfilings label { font-size: 1em; font-weight: bold; } #mod_investors_secfilings input[type=text], #mod_investors_secfilings select { width: 100%; margin: .5em 0 1em 0; } #mod_investors_secfilings .section16 { text-align: center; padding: 1em 0; width: 100%; display: inline-block; } #mod_investors_secfilings .mod_investors_secfilings_list div { padding: 1em; border-bottom: 1px solid #D2D2D2; line-height: 1.5em; } #mod_investors_secfilings .mod_investors_secfilings_list div:first-child { border-top: 2px solid #D2D2D2; } #mod_investors_secfilings .mod_investors_secfilings_list div:nth-child(even) { background-color: #F2F1EF; } #mod_investors_secfilings .mod_investors_secfilings_list div.mod_downloads { border-bottom: none; } .mod_investors_filter a { font-size: .8em; } #mod_investors_secfilings td { padding: .25em .5em; vertical-align: top; } #mod_investors_news form { padding: 0 1em 1em 1em; } #mod_investors_news #xmlFormCSX .btn { width: 100%; padding: 5% 10%; } #mod_investors_news label { font-size: 1em; font-weight: bold; } #mod_investors_news input[type=text], #mod_investors_news select { width: 100%; margin: .5em 0 1em 0; } #mod_investors_news .mod_investors_news_list div { padding: 1.5em 1em; border-bottom: 1px solid #D2D2D2; } #mod_investors_news .mod_investors_news_list div:nth-child(2) { border-top: 2px solid #D2D2D2; } #mod_investors_news .mod_investors_news_list div:nth-child(odd) { background-color: #F2F1EF; } #mod_investors_news .mod_investors_news_list div span:first-child { padding-right: 1em; font-style: italic; } #mod_investors_news .mod_div_header { display: none; font-weight: bold; } #mod_investors_news .mod_investors_news_list a { display: block; text-decoration: none; } #mod_investors_news .investor_news_title h2 { margin-bottom: 0; } #mod_investors_news .investor_news_title span { font-weight: normal; font-style: italic; font-size: .8em; } #mod_investors_news .back { text-decoration: none; font-size: 1em; display: block; padding-top: 1em; } #mod_investors_news .mod_investors_news_list .jstoggle { } #mod_investors_news .mod_investors_news_list p { margin: 0; } #mod_investors_news .mod_investors_news_list div span.withTime { display: block; } #mod_investors_corpgov .mod_investors_govdocs h4 { margin-top: 3em; } #mod_investors_people .mod_investors_people_toc form { padding: 0 1em 1em 1em; } #mod_investors_people .mod_investors_people_toc #xmlFormCSX .btn { width: 100%; padding: 5% 10%; } #mod_investors_people .mod_investors_people_toc label { font-size: 1em; font-weight: bold; } #mod_investors_people .mod_investors_people_toc input[type=text], #mod_investors_people .mod_investors_people_toc select { width: 100%; margin: .5em 0 1em 0; } #mod_investors_people .mod_investors_people_list { border-top: 2px solid #D2D2D2; } #mod_investors_people .mod_investors_people_list .awards_item .people_title { padding-bottom: .5em; display: block; font-style: italic; } #mod_investors_people .mod_investors_people_list .awards_item .people_title strong { font-weight: bold; font-style: normal; } #mod_investors_committee .financialexpert::before { padding-left: 5px; padding-right: 5px; vertical-align: middle; content: url('../images/investors/icon_finexpert.gif'); } #mod_investors_committee .leaddirector::before { padding-left: 5px; padding-right: 5px; vertical-align: middle; content: url('../images/investors/icon_lead.gif'); } #mod_investors_committee .committeemember::before { padding-left: 5px; padding-right: 5px; vertical-align: middle; content: url('../images/investors/icon_member.gif'); } #mod_investors_committee .chairperson::before { padding-left: 5px; padding-right: 5px; vertical-align: middle; content: url('../images/investors/icon_chair.gif'); } #mod_investors_committee .mod_investors_legend { font-size: .75em; border-bottom: 2px solid #D2D2D2; } #mod_investors_committee .mod_investors_legend span { padding-right: 1.75em; } #mod_investors_committee .mod_investors_committee_mobile { padding: .5em ; border-bottom: 1px solid #D2D2D2; } #mod_investors_committee .mod_investors_committee_mobile:nth-child(even) { background-color: #F2F1EF; } #mod_investors_committee .mod_investors_committee_mobile p { margin: 0; line-height: 1.5em; } #mod_investors_committee .mod_investors_committee_mobile .committees { padding-left: .8em; font-size: .8em; } #mod_investors_committee .mod_investors_committee_mobile span { display: block; } #mod_investors_committee .mod_investors_committee_detail span { display: block; } #mod_investors_committee .mod_investors_committee_detail h4 { margin-bottom: .5em; } .mod_faq_question { font-weight: bold; font-size: 1.2em; } .mod_dual_info img { width: 100%; height: auto; } .mod_dual_info_l { } .mod_dual_info_r { padding-top: 4%; } .clearall { } .state_legend hr { width: 100%; height: 4px; border: none; background-color:#2F6BBD; } .state_info_bar { background-color: #00467F; text-align: center; border-bottom: 4px solid #F0C342; margin-top: 2%; } .state_info_bar p { margin:0px; } .state_info_bar_h1 { text-transform: uppercase; color: #F0C342; font-size: 1em; padding-top: 1%; } .state_info_bar_h2 { text-transform: uppercase; color: #FFF; font-size: 1.5em; padding-bottom: 1%;} .state_legend_map { width: 100%; height: auto; margin-bottom: 4%; } .state_legend_item { float: left; width: 48%; margin-bottom: 1%; margin-left: 2%; } .state_legend_item_s { float: left; width: 5%; display: none; } .state_legend_item_ra { float: left; width: 22%; padding-bottom: 4%; clear: left; } .state_legend_item_ra img { width: 80%; height: auto; vertical-align: top; max-width: 81px; } .state_legend_item_rb { float: left; width: 78%; vertical-align: top; margin-top: -4px; padding-bottom: 4%;} .state_legend_item_h { background-color: #2F6BBD; color: #FFF; font-size: 1em; padding-left: 4%; margin-bottom: 4%; padding-bottom: 2%; padding-top: 2%;} .state_legend table { width: 100%; } .state_legend table td { display: inline-block; vertical-align: middle; margin-bottom: 2%; margin-top: 2%; } .state_legend table td img { width: 90%; } .state_legend table tr td:nth-child(1) { width: 29%; } .state_legend table tr td:nth-child(2) { width: 69%; } .state_legend table tr td:nth-child(3) { display: none; } .state_legend table tr td:nth-child(4) { width: 29%; } .state_legend table tr td:nth-child(5) { width: 69%; } .state_selector { background-color: #F0F0F0; width: 94%; padding-top: 20px; padding-bottom: 20px; padding-left: 4%; padding-right: 2%; border: 1px Solid #D7D7D7; } .state_selector_drop { display: inline-block; width: 235px; overflow: hidden; } .state_selector div:nth-child(2) { float: none!important; } .routing_wrapper table td { background-color: #FFF; border: none; } .mod_hub_container { background-color: #FFF; position: relative; width: 94%; padding-left: 2%; padding-right: 4%; padding-top: 4%; /*max-width: 482px;*/ } #content_primary > .mod_hub_container ~ .mod_hub_container { padding-top: 0px; } .mod_hub_container a, .mod_hub_container a:visited { color: #FFF; text-decoration: none; } .mod_hub_container a:hover { /*color: #FFC939;*/ } .mod_hubsmall_box { position: relative; width: 46%; display: inline-block; margin-bottom: 5%; vertical-align: top; overflow: hidden; margin-left: 3%; text-align: center; max-width: 222px; } .mod_hubsmall_box p { padding: 1% 5%; } .mod_hubwide_box { padding-left: 3%; display: inline-block; padding-bottom: 5%; max-width: 463px; vertical-align: top; } .mod_hubwide_box p { } .mod_hubtext { background-color: #003462; padding: 1% 5%; margin-top: -1px; position: relative; min-height: 115px; color: #FFF; text-align: left; } .mod_hub_img { position: relative; overflow: hidden; } .img_scaler_transition { width: 100%; height: auto; } .mod_hubcategory { position: absolute; bottom: 0px; right: 0px; padding: 1% 5%; background-color: #00467F; } .mod_hubshare { background-color: rgba(0,0,0,0.46); position: absolute; background-repeat: no-repeat; background-position-x: -160px; bottom: 0px; width: 100%; height: 38px; } .mod_hubshare_wide { background-image: url("../images/hub_share_full_wide.png"); position: absolute; background-repeat: no-repeat; background-position-x: -170px; bottom: 0px; width: 100%; height: 38px; } .mod_hubshare_left { display:none; float: left; margin-top: 7px; padding-left: 10%; } .mod_hubshare_left_wide { float: left; margin-top: 7px; padding-left: 10%; } .mod_hubshare_right_wide { float: right; margin-top: 7px; padding-right: 2%; } .mod_hubshare_right { display: inline-block; width: 20%; padding-top: 7px; } /**************************** Accordion ******************************/ .mod_accordion { position:relative; background-color: #f0f0f0; border-bottom: 1px solid #616161; overflow: hidden; padding-top: 3%; } .mod_accordion_active { background-color: #d2d2d2; } .mod_accordion_l { font-size: 18px; display: inline-block; padding-left: 3%; width: 82%; vertical-align: top; } .mod_accordion_l p { margin-top: 2px; } .mod_accordion_r { display: inline-block; padding-right: 3%; width: 12%; } .mod_accordion_summary { color: #454545; padding-left: 3%; padding-right: 3%; margin-top: 0px; } .mod_accordion_summary p { margin-top: 0px; } .mod_accordion_icon { height: 25px; width: 25px; float: right; } /**************************** CARBON CALCULATOR ******************************/ .select_blue { border: 1px solid #D7D7D7; width: 220px; height: 35px; -webkit-appearance: none; -moz-appearance: none; background: url("../images/dropdown_select_1.png") no-repeat; background-position: right top; background-size: 35px 35px; text-indent: 0.01px; text-overflow: ""; } .mod_body_bottom p { margin-top: 0px; margin-bottom: 20px; padding-left: 2%; padding-right: 2%; } .module_container_carbon{ background-color: #FFF; position: relative; width: 96%; padding-top: 4%; padding-left: 2%; padding-right: 2%; padding-bottom: 4%; margin-bottom: 4%; } .carbon_wrapper { border: 1px solid #D7D7D7; margin-top: 3%; margin-bottom: 5%; } .carbon_title { width: 100%; cursor: pointer; } .carbon_title p { margin: 8px; } .carbon_title_l { background-color: #FFFFFF; display: inline-block; width: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1em; font-weight: bold;} .carbon_title_r { background-color: #F0F0F0; display: none; width: 50%; text-align: center; border-left: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carbon_title_l span { border-bottom: 2px solid; } .carbon_title_r span { } .carbon_grey { color: #6C6C6C; font-size: 14px; } .carbon_basic_goods { position: relative; padding-top: 1%; padding-bottom: 1%; } .carbon_basic_goods img { width: 100%; opacity: 0.0; display: inline-block; } .carbon_basic_goods_img { display: inline-block; width: 40%; cursor: pointer; margin-right: 1%; margin-top: 2%; margin-bottom: 2%; } .carbon_basic_goods_text { position: absolute; top: 23%; color: #FFF; font-size: 1.1em; font-weight: bold; text-align: center; width: 40%; display: none; } .carbon_basic_goods_img:nth-child(3) .carbon_basic_goods_text { top: 72%;} .carbon_basic_goods_img:nth-child(4) .carbon_basic_goods_text { top: 72%;} .carbon_wrapper p { margin: 8px 8px 8px 0px;} .carbon_wrapper hr { width: 100%; height: 1px; border: none; background-color:#CCCCCC; margin-bottom: 2%; } .carbon_wrapper select::-ms-expand { display: none; } .carbon_mile_wrapper { text-align: center; } .carbon_step { padding-top: 2%; font-size: 1.2em; font-weight: bold; } .carbon_step1a { padding-left: 4%; padding-right: 4%; } .carbon_step2a { background-color: #F0F0F0; padding: 1%; margin-bottom: 2%; margin-top: 2%; margin-left: 4%; margin-right: 4%; } .carbon_step2b { display: none; padding-left: 4%; padding-right: 4%;} .carbon_step2b_l { vertical-align: top; } .carbon_step2b_r { width: 60%; text-align: center; position: relative; } .carbon_step3a { background-color: #F0F0F0; padding: 1%; margin-bottom: 2%; margin-left: 4%; margin-right: 4%; } .carbon_step3b { display: none; margin-left: 4%; margin-right: 4%; } .carbon_step4a { padding-top: 2%; display: none; margin-left: 4%; margin-right: 4%; } .carbon_step4a a { text-decoration: none; } .carbon_step4a_l { padding-top: 5%; position: relative; text-align: center; } .carbon_step4a_r { top: -25px; position: relative; padding-left: 8%; font-size: 30px; line-height: 42px; margin-bottom: -5%; } .carbon_step4a_c { margin-top: 5%; line-height: 1.5em; } .carbon_step2b_dist { width: 100%; border-top: 3px solid #2F6BBD; border-bottom: 3px solid #2F6BBD; margin-top: 10%; margin-bottom: 10%; position: relative; } .carbon_step2b_dist br { margin: 0px; } .carbon_step2b_dist_l { display: inline-block; width: 70px; padding-left: 5px; } .carbon_step2b_dist_l img { width: 100%; padding-top: 15px; } .carbon_step2b_dist_r { display: inline-block; width: 145px; font-size: 14px; height: 96px; color: #2F6BBD; text-align: center; padding-top: 14px; vertical-align: top; } .carbon_pin_wrapper { display: none; position: relative; width: 402px; height: 529px; left: 10%; } .carbon_icon_start { position: absolute; top: 0px; left: 0px; display: none; } .carbon_icon_end { position: absolute; top: 0px; left: 0px; display: none; } .carbon_basic_error { display: none; color: #BC3531; } .carbon_tooltip { display: none; } a.carbon_tooltip { outline: none; } a.carbon_tooltip:hover { text-decoration: none; outline: none; } a.carbon_tooltip span { z-index: 10; display: none; padding: 14px 20px; margin-top: 40px; margin-left: -80px; width: 200px; line-height: 16px; outline: none; } a.carbon_tooltip:hover span { display: inline; position: absolute; color: #111; border: 1px solid #DCA; background: #fffAF0; font-size: 12px; outline: none; } .callout { z-index: 20; position: absolute; top: 30px; border:0; left: -12px;outline: none; } .carbon_button_tons { background-color: #00467F; color: #FFF; border-radius: 4px; cursor: pointer; text-transform: uppercase; padding: 4%; font-size: 1em; display: block; margin-right: 25%; margin-bottom: 5%; margin-left: 25%; } .carbon_button_tons:hover { background-color: #2F6BBD; } .basic_result_circle { position: relative; top: -75px; font-size: 36px; line-height: 21px; text-align: center; } .equals_arrow_hr { position: relative; width: 100%; border-bottom: 3px solid #2F6BBD; text-align: center; } .equals_arrow_hr img { width: 35px; height: auto; position: absolute; top: 0px; left: 48%; } .basic_that { text-align: center; font-size: 22px; font-weight: bold; color: #2F6BBD; padding-top: 5px; } .basic_final_results { position: relative; width: 100%; padding-top: 2%; border-bottom: 1px solid #2F6BBD; padding-bottom: 2%; } .basic_final_results_col { width: 100%; text-align: center; position: relative; border-bottom: 1px solid #D7D7D7; margin-top: 5%; padding-bottom: 5%; } .basic_final_results_col:nth-child(3) { border-bottom: none; } .basic_final_results_col_a { position: relative; display: inline-block; width: 40%; vertical-align: middle; } .basic_final_col_text { position: relative; display: inline-block; width: 50%; vertical-align: middle; text-align: left; padding-left: 5%;} .basic_final_results img { width: 100%; height: auto; } .basic_final_big { position: absolute; top: 52%; transform: translateY(-50%); font-size: 4em; width: 100%; color: #FFF; font-weight: bold; text-shadow: 2px 2px #000; opacity: 0.9; line-height: 0.6em; left: -2%; padding-top: 9%;} .basic_final_small { font-size: 0.3em; } .basic_final_buttons { margin-top: 15px; margin-bottom: 15px; text-align: center; } .basic_final_buttons p { margin: 2px; } .basic_share { margin: 4%; display: inline-block; background-color: #00467F; color: #FFF; padding: 7px; width: 100px; text-align: center; font-size: 16px; } .basic_view { margin: 4%; display: inline-block; background-color: #00467F; color: #FFF; padding: 7px; width: 200px; text-align: center; font-size: 16px; } .basic_reset { margin: 4%; display: inline-block; background-color: #D7D7D7; color: #000; padding: 7px; width: 90px; text-align: center; font-size: 16px; } .basic_per { text-align: left; margin: 2%; } .carbon_step4a a { color: #2F6BBD} .carbon_step4a a:visited { color: #2F6BBD} #svFolder { margin: 0; } #svFolder dt { font-size: 1em; } #svFolder dl { margin: 0; padding: 1em 0 1em 1em; } #svFolder dl:nth-child(even) { background-color: #F2F1EF; } #svFolder .releaseDate { margin-bottom: 0; font-weight: bold; } #svFolder .mura-next-n { text-align: center; } #svFolder .pagination { padding: 0; } #svFolder .pagination li { padding: 0 .3em; } #svFolder .pagination .navPrev { padding-right: 1em; } #svFolder .pagination .navNext { padding-left: 1em; } .fmfit_wrapper { border: 1px solid #CCC; } .fmfit_questions { position: relative; width: 96%; padding: 2%; padding-top: 3%; } .fmfit_question { font-size: 1.2em; font-style: italic; } .fmfit_questions hr { width: 100%; height: 1px; border: none; background-color: #CCC; margin-bottom: 4%; } .fmfit_progress_1 { background-color: #003462; height: 15px; width: 100%; position: relative; } .fmfit_progress_2 { background-color: #003EA8; height: 15px; width: 20%; position: relative; } .fmfit_button { background-color: #003462; color: #FFF; text-align: center; width: 92%; margin-bottom: 4%; font-size: 16px; padding: 4%; border-radius: 3px; } .fmfit_button span { display: inline-block; vertical-align: middle; line-height: normal; } .fmfit_selected { background-color: #003EA8; } .fmfit_continue { display: none; background-color: #00467F; color: #FFF; text-align: center; text-transform: uppercase; width: 200px; margin-bottom: 4%; margin-top: 2%; margin-left: 2%; vertical-align: top; height: 40px; line-height: 40px; border: 0 none; font-size: 12px; padding-left: 5px; padding-right: 5px; margin-right: 4%; border-radius: 3px; cursor: pointer; } .fmfit_notice { display: none; background-color: #FFF; width: 96%; position: relative; padding-left: 2%; padding-right: 2%; } .fmfit_job_title { font-weight: bold; } .fmfit_result_text { padding-left: 2%; padding-right: 2%; } .fmfit_reset { width: 96%; background-color: #424242; color: #FFF; text-align: center; margin-bottom: 4%; margin-top: 4%; vertical-align: top; height: 40px; line-height: 40px; border: 0 none; font-size: 12px; padding-left: 5px; padding-right: 5px; border-radius: 3px; cursor: pointer;} .fmfit_viewall { width: 96%; background-color: #003462; color: #FFF; text-align: center; margin-top: 2%; vertical-align: top; height: 40px; line-height: 40px; border: 0 none; font-size: 12px; padding-left: 5px; padding-right: 5px; border-radius: 3px; cursor: pointer;} .fmfit_question_set_1 { display: inherit; } .fmfit_question_set_2 { display: none; } .fmfit_question_set_3 { display: none; } .fmfit_question_set_4 { display: none; } .fmfit_question_set_5 { display: none; } .fmfit_button5_set_1 { display: none; font-size: 14px; margin-left: 20px; } .fmfit_button5_set_2 { display: none; font-size: 14px; margin-left: 20px; } .fmfit_button5_set_3 { display: none; font-size: 14px; margin-left: 20px; } .fmfit_question_set_5 input { margin-left: -20px; } #fmfit_mobile_results .mod_accordion_summary { padding-bottom: 3%; } #fmfit_mobile_results .mod_accordion_r { padding-right: 0px; width: 10%; } .mm_submit { background-color: #003462; color: #FFF; text-align: center; text-transform: uppercase; width: 200px; margin-bottom: 4%; margin-top: 4%; vertical-align: top; height: 40px; line-height: 40px; border: 0 none; font-size: 12px; padding-left: 5px; padding-right: 5px; margin-right: 4%; border-radius: 3px; } .mm_table_form { margin-top: 2%; } .mm_table_form td { background-color: #FFF; border: none; padding-left: 0px; } .mm_table_results { margin-top: 2%; width: 100%; } .mm_table_results td { padding-left: 0px; border: none; vertical-align: top; } .mm_table_results tr:nth-child(6n+1) { background-color: #FFF; } .mm_table_results tr:nth-child(6n+2) { background-color: #FFF; } .mm_table_results tr:nth-child(6n+3) { background-color: #FFF; } .mm_table_results tr:nth-child(6n+4) { background-color: #F2F1EF; } .mm_table_results tr:nth-child(6n+5) { background-color: #F2F1EF; } .mm_table_results tr:nth-child(6n+6) { background-color: #F2F1EF; } .mm_error1 { display: none; color: #EF6F12; } .mm_error2 { display: none; color: #EF6F12; } .investors_table { width: 100%; } .investors_table select { padding-top: .5em; padding-bottom: .5em; width: 100%; margin-top: .5em; margin-bottom: .5em; } .investors_table td { background-color: #FFF; padding-left: .3em; } .investors_table td:first-child { padding-left: .3em; } .investors_table_th { background-color: #2F6BBD; color: #FFF; font-weight: normal; font-size: 1.2em; } .share_this_tab { position: absolute; top: 12%; right: 3%; width: 102px; height: 44px; background-image: url("../images/share_this_tab.png"); text-align: center; } .share_this_social { height: 37px; display: inline-block; margin-top: 7px; cursor: pointer; } .share_this_social img { height: 19px; width: auto; } /****************************** MOBILE SIZES ********************************/ @media only screen and (min-width: 370px) { .circle_container { bottom: 14%; } .circle_text { font-size: 1.2em; } .mod_hubshare_wide { background-position-x: -130px; } } @media only screen and (min-width: 450px) { .mod_hubshare_wide { background-position-x: -100px; } } @media only screen and (min-width: 520px) { .mod_hubshare_wide { background-position-x: -60px; } } @media only screen and (min-width: 1024px) { .mod_hubtext .text_e1 { font-size: 1.2em; } .mod_hubshare_wide { background-position-x: -70px; } .mod_hubwide_box { width: 46%; } } /**************************** LANDSCAPE MOBILE ******************************/ #home_image_fade1 { top: 0px; } #home_image_fade2 { top: 0px; } #home_image_fade3 { top: 0px; } #home_image_fade4 { top: 0px; } #home_image_fade5 { top: 0px; } @media all and (orientation:landscape) { .circle_text { font-size: 1em; } #home_image_fade1 { top: -40%; } #home_image_fade2 { top: -40%; } #home_image_fade3 { top: -40%; } #home_image_fade4 { top: -40%; } #home_image_fade5 { top: -40%; } #home_imagebox { height: 90%; } .circle_container { bottom: 25%; width: 35%; } #home_toggle { bottom: 2%; width: 30%; } .home_title { display: none; } } @media all and (orientation:landscape) and (min-width: 525px) { .circle_container { width: 30%; } } /**************************** Google ReCaptcha and Formbuilder ******************************/ form.mura-form-builder { margin-top: 1em; } form.mura-form-builder .btn[type=submit], form.mura-form-builder .btn[type=button] { padding-right: 10%; } #rc-imageselect { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:middle center;-webkit-transform-origin:middle center; } .g-recaptcha-container { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:top right;-webkit-transform-origin:top right; } /*************************** Stock Price Addon ******************************/ .stock_container { background-color: #363636; padding: 4%; margin-top: 8px; color: #FFF;} .stock_container p { margin-top: 0px; margin-bottom: 2px; } .stock_container hr { width: 100%; height: 1px; border: none; background-color:#ffcb4f; margin-bottom: 2%; } .stock_table { display: table; width: 100%; } .stock_row { display: table-row; } .stock_cell { display: table-cell; } .stock_row .stock_cell:nth-child(2) { text-align: right; } .stock_link { color: #00467F; font-style: italic; font-weight: bold; font-size: 14px; } .stock_link a { color: #FFF; } .stock_link a:visited { color: #FFF; } .stock_link span { vertical-align: middle; margin-right: 10px; } .stock_up { color: #00bd3f; } .stock_down { color: #CC0000; font-weight: bold; } @media only screen and (min-width: 1024px) { .mod_hubtext .text_e1 { font-size: 1.5em; } } .middle { vertical-align: middle; } /************************* HOMPAGE 2018 UPDATES ***************************/ #home_slideshow { width: 100%; position: relative; } .homepage_slide { position: absolute; top: 0px; opacity: 0.0; transition-duration: 0.9s; width: 100%; } .home_slide_1 { position: relative; opacity: 1.0; } .homepage_slide img { width: 100%; height: auto; display: block; } .homepage_slide_box { display: none; z-index: 10; position: absolute; width: 100%; color: #FFF; } .homepage_slide_box { background-color: #363636; } .homepage_slide_box hr { height: 3px; border: none; background-color:#F9A01B; margin: 5% 75% 5% 7%; } .homepage_slide_box1 { display: inherit; z-index: 50; position: relative; } .homepage_slide_box p { margin: 0px; padding: 5% 7% 0px 7%; } .homepage_slide_box a { text-decoration: none; } .homepage_slide_bg { background: url('../images/hompage_mobile_bg1.png'); background-repeat: repeat-x; width: 100%; position: absolute; bottom: 0px; height: 30px; } .homepage_slide_button { background-color: rgba(0,0,0,0.25); color: #FFF; border-radius: 4px; cursor: pointer; background-image: url(../images/icon_nav_right_c.png); background-repeat: no-repeat; background-position: 90% 50%; padding: 3% 4%; width: 30%; margin-left: 7%; } .homepage_slide_picker { padding: 5px 15px; position: absolute; height: 14px; line-height: 14px; right: 0px; } .homepage_slide_picker img { cursor: pointer; display: inline-block; height: 14px; } .homepage_infobar { margin-top: 8px; width: 100%; height: 180px; display: table; } .homepage_infobar_l { display: table-cell; width: 60px; } .homepage_infobar_tabs { position: absolute; } .homepage_infobar_r { background-color: #FFF; display: table-cell; width: 100%; vertical-align: top; } .homepage_infobar_e { display: table-cell; } .homepage_infobar_tap1 { position: relative; width: 60px; height: 60px; } .homepage_infobar_tap2 { position: relative; width: 60px; height: 60px; } .homepage_infobar_tap3 { position: relative; width: 60px; height: 60px; } .homepage_infobar_1 { display: inherit; } .homepage_infobar_2 { display: none; } .homepage_infobar_3 { display: none; } .homepage_infobar_title { text-transform: uppercase; font-weight: bold; } .homepage_infobar_title u { text-decoration: none; position: relative; } .homepage_infobar_title u:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #CCC; margin-top: 2px; } .homepage_infobar_title > a { text-decoration: none; color: #363636; } .homepage_infobar_left { display: inline-block; width: 24%; vertical-align: top; } .homepage_infobar_right { display: inline-block; width: 10%; vertical-align: top; text-align: right; } .homepage_infobar_text { margin-top: 15px; font-size: 1em; margin-left: 25px; margin-right: 5px; } .homepage_infobar_text p { margin-bottom: 5px; margin-top: 5px; } .homepage_infobar_text ul { padding: 0px; list-style: none; } .homepage_infobar_text ul li { margin-bottom: 8px; line-height: 1.3em; } .homepage_infobar_text ul li a { text-decoration: none; color: #363636; } .homepage_infobar_text ul li a:hover { text-decoration: underline; color: #003EA8; } .homepage_infobar_text > p > a:hover { text-decoration: none; color: #003EA8; } .homepage_infobar_text ul li a,visted { text-decoration: none; color: #363636; } .homepage_infobar_text li::before {content: "• "; color: #999; } .homepage_news { width: 100%; margin-top: 8px; } .homepage_news img { width: 100%; height: auto; } .homepage_news_box1 { margin-bottom: 0px; } .homepage_news_box1a { width: 100%; position: relative; } .homepage_news_box1b { width: 90%; background-color: #FFF; padding: 5%; } .homepage_news_box1_roll { height: 7px; position: absolute; width: 100%; background-color: #FFF; margin-bottom: 0px; } .homepage_news_bar_x1 { height: 7px; position: absolute; background-color: #FFF; bottom: 7px; width: 100%; opacity: 0.5; } .homepage_news_arr_x1 { position: absolute; bottom: 7px; width: 100%; height: 14px; background-repeat: no-repeat; background-position-x: center; } .homepage_news_box2 { margin-bottom: 0px; margin-bottom: 4px; } .homepage_news_box2a { display: inline-block; vertical-align: top; color: #FFF; width: 50%; position: relative; background-color: #003462; } .homepage_news_box2b { display: inline-block; position: relative; width: 50%; } .homepage_news_box2_roll { height: 100%; position: absolute; width: 7px; background-color: #003EA8; margin-left: 0px; } .homepage_news_bar_y1 { width: 7px; position: absolute; background-color: #003EA8; left: 7px; height: 100%; opacity: 0.5; } .homepage_news_arr_y1 { position: absolute; left: 7px; height: 100%; width: 14px; background-repeat: no-repeat; background-position-y: center; } .homepage_news_box3_roll { height: 100%; position: absolute; width: 7px; background-color: #003EA8; right: 0px; } .homepage_news_bar_y2 { width: 7px; position: absolute; background-color: #003EA8; right: 7px; height: 100%; opacity: 0.5; } .homepage_news_arr_y2 { position: absolute; right: 7px; height: 100%; width: 14px; background-repeat: no-repeat; background-position-y: center; } .homepage_news_box4_roll { height: 7px; position: absolute; width: 100%; background-color: #FFF; top: 0px; } .homepage_news_bar_x2 { height: 7px; position: absolute; background-color: #FFF; top: 7px; width: 100%; opacity: 0.5; } .homepage_news_arr_x2 { position: absolute; top: 7px; width: 100%; height: 14px; background-repeat: no-repeat; background-position-x: center; } .homepage_news_text { top: 50%; position: absolute; transform: translateY(-50%); padding-left: 8%; padding-right: 8%; } .flip_y { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .flip_x { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .homepage_row_wide { overflow: hidden; margin-top: 8px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } .homepage_row_wide_bg { display:none; width: 100%; height: auto; vertical-align: middle;} .homepage_row_wide_l { position: relative; width: 100%; } .homepage_row_wide_r { position: relative; width: 94%; margin-bottom: 3%; background-color: rgba(0,0,0,0.3); padding-bottom: 5%; margin-left: 3%; margin-right: 3%; } .homepage_row_wide_r1 { position: relative; display: inline-block; width: 66%; overflow: hidden; vertical-align: middle; padding-left: 4%; } .homepage_row_wide_r2 { position: relative; display: inline-block; width: 30%; text-align: center; vertical-align: top; } .homepage_row_wide_text1 { position: relative; color: #FFF; padding-left: 4%; padding-right: 4%; top: 50%; overflow: hidden; padding-bottom: 3%; background-color: rgba(0,0,0,0.3); margin-left: 3%; margin-right: 3%; margin-top: 3%; } .homepage_row_wide_text2 { color: #FFF; } .homepage_row_wide_text2 ul { padding: 0px; list-style: none; margin-top: 0px; } .homepage_row_wide_text2 li::before {content: "• "; } .homepage_row_wide_button { background-color: rgba(255,255,255,0.85); color: #363636; border-radius: 4px; cursor: pointer; background-image: url(../images/icon_nav_right_b.png); background-repeat: no-repeat; background-position: 84% 50%; padding: 4% 14%; width: 40%; margin-top: 7% } .homepage_row_sr { overflow: hidden; margin-top: 8px; position: relative; background-color: #363636; color: #FFF; background-repeat: no-repeat; background-size: cover; } .homepage_row_sr_l { position: relative; display: inline-block; width: 43%; vertical-align: middle; } .homepage_row_sr_r { min-height: 385px; position: relative; display: inline-block; width: 57%; vertical-align: middle; background-color: rgba(54,54,54,0.6); } .homepage_row_sr_img_main { display: none; position: relative; opacity: 1.0; top: 0px; width: 100%; height: auto; vertical-align: middle; } .homepage_row_sr_img { position: absolute; opacity: 0.0; top: 0px; width: 100%; height: auto; vertical-align: middle; } .homepage_row_sr_box { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .homepage_row_sr_text { position: absolute; display: none; padding: 7%; top: 50%; transform: translateY(-50%); } .homepage_row_sr_main { position: absolute; display: inherit; padding: 7%; top: 50%; transform: translateY(-50%); } .homepage_row_sr_r p { font-size: 0.9em; line-height: 1.4em; } .homepage_row_sr_r h2 { color: #b3b3b3; font-size: 0.9em; } .homepage_row_sr_r h3 { color: #FFF; font-size: 1.0em; } .homepage_row_sr_r hr { height: 3px; border: none; background-color:#ffcb4f; margin: 4% 75% 4% 0px; } .homepage_row_sr_notch { display:none; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; height: 15%; vertical-align: middle; max-height: 53px; } .homepage_row_sr_button { background-color: rgba(0,0,0,0.3); border: 1px solid #FFF; width: 80%; margin-top: 3%; margin-bottom: 3%; padding: 9px; margin-left: 10%; box-sizing: border-box; text-align: center; cursor: pointer; text-transform: uppercase; } .home_row_jobs { overflow: hidden; margin-top: 8px; position: relative; color: #FFF; background-color: #003462;} .home_row_jobs hr { height: 1px; border: none; background-color: #363636; margin: 4% 10% 4% 10%; } .home_row_jobs_l_icon { display: inline-block; vertical-align: middle; width: 30%; position: relative; text-align: center; height: 100%; } .home_row_jobs_l_text { display: inline-block; vertical-align: middle; width: 65%; padding-right: 5%; } .home_row_jobs_l { display: inline-block; height: 100%; position: relative; vertical-align: middle; width: 100%; } .home_row_jobs_r { display: inline-block; height: 100%; position: relative; vertical-align: middle; width: 100%; } .home_row_jobs_r1 { display: inline-block; height: 100%; width: 40%; padding: 7% 5% 7% 5%; vertical-align: middle; box-sizing: border-box; } .home_row_jobs_r2 { display: inline-block; height: 100%; width: 30%; cursor: pointer; } .home_row_jobs_r_text { position: absolute; width: 20%; top: 50%; transform: translateY(-50%); text-align: center; color: #FFF; font-size: 0.8em; padding: 5%; } .home_row_jobs_r_text_hover { text-decoration: underline; } .home_row_jobs_img { width: 100%; height: auto; vertical-align: middle; } .home_row_jobs_r3 { display: inline-block; height: 100%; width: 30%; cursor: pointer; } .home_row_jobs_notch1 { position: absolute; height: 15%; width: auto; top: 50%; transform: translateY(-50%); } .basic_head{ padding-left: 25px; }