/* CSS Document */ /*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*/ /*----------------------------------------------------------------------------------------------------------------------------------------*/ /* READY TO USE COLORS: default.css, blue.css, carrot.css, dodger.css, emerald.css, green.css, grey.css, khaki.css, leaf.css, midnight.css, navy.css, olive.css, pink.css, purple.css, red.css, river.css, silver.css, sky.css, slate.css, sunset.css, tango.css, turquoise.css, violet.css, yellow.css */ /*----------------------------------------------------------------------------------------------------------------------------------------*/ /* Header & Footer Tone */ .Utility-Row { background-color: #F8F8F8; border-bottom: 1px solid #EEEEEE; height: 35px !important; } .registerGroup { border-left: 1px solid #E9E9E9; } .social-icons-top li { color: #CCCCCC; border-left: 1px solid #E9E9E9; } .social-icons-top li:last-child { border-right: 1px solid #E9E9E9; } .social-icons-top li:hover { color: #888888; } .loginGroup { border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; } ul.language li ul { background: none repeat scroll 0 0 #1B1B1B; } .clearfix.cleared { background: none repeat scroll 0 0 #FFFFFF !important; } .nav-container { background-color: #FFFFFF; } nav.sticky { background-color: #FFFFFF; } #Logo img { max-height: 45px; max-width: 122px; position: relative; } div#search { border-left: 1px solid #DDDDDD; } #search p:before, #search p.closed:before, #flags p:before, #flags p.closed:before { color: #616161; } #search-box { background-color: #FFFFFF; } #dnn_dnnSearch_txtSearch { background-color: #F4F4F4 !important; } #search a.SearchButton:link, #search a.SearchButton:visited { background: url("img/search.png") no-repeat scroll center center rgba(0, 0, 0, 0.05) !important; } /* Mega Menu */ ul.roxMega li a:hover, ul.roxMega li a.current { background-color: #F8F8F8; } ul.roxMega .sub ul li h2 a { color: #444444; } ul.roxMega li .sub { background-color: #FFFFFF; } ul.roxMega .sub ul li a { color: #555555; } .roxMegasubcontent { border-right: 1px solid rgba(0, 0, 0, 0.07); } ul.roxMega li.sublink:hover { background-color: #F8F8F8; } @media screen and (max-width: 1000px) { #menu-icon { background: url("img/menu-icon2.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important; } } #Footer-Row { background-color: #252525; } .Copyright-Row { background: none repeat scroll 0 0 #141414; margin: 0; padding: 18px 10px 10px 0; } ul.contact-list li { color: #838383; } .tag-cloud a:hover { color: #FFFFFF !important; } .tag-cloud a, .tag-cloud a:visited { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); color: #9C9A96 !important; } /* Containers */ #Footer-Row div.line { border-bottom: 1px solid #333333; } /* Recent News */ .recent_news ul li { border-top: 1px solid #444444; } .recent_news ul li { border-top-color: #444444; } /* Social Icons */ .social-icons-bottom li { background-color: #222222; color: #666666; } .footer-latest-posts a { color: #ECECEC; } .lp-post-info a { color: #B3B3B1; } .lp-wrapper { border-bottom: 1px solid #333333; } .widget ul li { border-bottom: 1px solid #333333; } .footer_text { color: #B3B3B1; } .widget a { color: #ECECEC; } .copyright { color: #444444; } #to-top.dark { background-color: #222222; } /* Page Width Variations */ @import url("css/wide.css"); /* SET TO: wide.css, boxed.cee or fluid.css */ /* Hide Login/Register Utilities */ .Utility-Row { display: block } /* SET TO: "display: none" to hide */ /* Dnn Reset */ body section { margin: 0; color: #777777; font-family: 'OpenSansRegular' !important; line-height: 21px; background-color: #FFFFFF; } ::selection { color: #FFFFFF } ::-moz-selection { color: #FFFFFF } #ControlBar, #ControlBar *, .actionMenu * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #dnn_ThreePaneTop1.DNNEmptyPane, #dnn_ThreePaneTop2.DNNEmptyPane, #dnn_ThreePaneTop3.DNNEmptyPane { margin-top: 0px } #dnn_ContentPane { clear: both } .dnnFormItem > label.dnnFormLabel { display: inline-block; margin: 6px 0 !important; width: 0 !important; text-align: right; } /* Control Panel Ribbon Reset */ #dnnCurrentPage .megaborder { width: 560px !important; } #dnnCommonTasks .megaborder { min-width: 300px !important; width: 300px !important; } .dnnadminmega .megaborder { width: 515px !important; } .dnnFormPopup .ui-dialog-titlebar { height: 50px !important; } .dnnFormPopup a.dnnToggleMax { height: 22px !important; } .panel-heading { padding: 0 !important} /* Norrmal Font Styles ========================================================================= */ em { font-style: italic; letter-spacing: 0; } a,a:link, a:visited { color: #257fb1; outline: 0 none; text-decoration: none !important; outline: 0 none !important; } a:active { color: #257fb1; text-decoration: none !important; } body, th, td, table, .Head, .SubHead, .SubSubHead, .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, input, .CommandButton { color: #777777; -webkit-font-smoothing: antialiased; font-size: 14px; } strong { color: #333; font-weight: 700; } small { font-size: 11px; letter-spacing: 0; } .Normal, .NormalDisabled, .NormalDeleted, .section-head { font-size: 12px; font-weight: normal; line-height: 22px; } .row-fluid [class*="span"] { min-height: 0 !important } #s4-bodyContainer p.lead { font-size: 18px; font-weight: 300; line-height: 1.4; margin-bottom: 20px; } .no-bold { font-family: OpenSansLight } .lower-case { text-transform: none !important } h3.flt-body { font-size: 26px !important; line-height: 34px !important; margin-bottom: 20px; } .no-shadow { text-shadow: none !important } /* 404 Error*/ #error-404 { margin-bottom: 45px; text-align: center; } #error-404 h1 { font-family: 'OpenSansbold'; font-size: 250px !important; line-height: 250px !important; } #error-404 h2 { font-family: 'OpenSansbold'; font-size: 70px; line-height: 19px !important; text-transform: uppercase; } /* Demo Site Color Changer */ .slide-out-div { background: none repeat scroll 0 0 #222222; height: 194px !important; max-width: 185px; padding: 10px 20px; position: fixed !important; z-index: 999; } h3.coloroptions { color: #FFFFFF; font-family: OpenSansLight; font-size: 16px; line-height: 1em; margin-top: 0; text-transform: none; } #header a { display: inline-block; margin: 0 !important; padding: 3px; } #header a div { border-radius: 2px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; display: inline-block; height: 20px; width: 20px; } /*------------------------------------------------*/ /* STICKY HEADER */ /*------------------------------------------------*/ .showControlBar nav.sticky { margin-top: 43px; } .sticky { position: fixed; top: 15px; z-index: 999; padding: 5px 0 0; animation: thedrop 1s 1; -moz-animation: thedrop 1s 1; -webkit-animation: thedrop 1s 1; } .sticky .nav-above { position: absolute; top: -15px; left: 1em; right: 1em; height: 15px; } .sticky #Logo img { margin: 6px 0 0; } .nav-container { width: 100% } nav { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); width: 100%; position: relative; padding: 0; } nav.sticky { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); max-height: 98px; } /* Site Structure ========================================================================= */ .utilities { float: right !important; margin-bottom: -7px; padding-right: 2px !important; padding-top: 10px; text-align: right; } .Utility-Row { position: relative; z-index: 999; } .Header-Row { max-height: 81px } .Logo-Box { position: relative } .Nav-Bar { padding: 8px 0 0; position: relative; } .Mobile-Nav-Row { background-color: #1F1F1F; position: relative; z-index: 1; } .Menu-Row { padding: 0 } .Social-Row { min-height: 92px !important; padding: 30px 0 5px; } .Slider-Row { position: relative; width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .sub-content-row { background-color: #F5F5F5 !important } .sub-Row { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; border-color: #EEEEEE -moz-use-text-color; border-image: none; border-style: solid none; border-width: 0px medium; } .home-main-shade { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-color: #F5F5F5; background-position: left top; border-color: #E5E5E5; border-image: none; border-style: solid none; border-width: 1px medium; } .Top-Shaded-Row { background-color: #F4F4F4; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; } .Tan-Shaded-Row { background-color: rgb(221, 217, 195); } .Tan-Shaded-Row .Pane-Padding h3 { color: rgb(119, 147, 60); } .Tan-Shaded-Row .Pane-Padding h4 { color: #000; font-weight: bold !important; } .Green-Shaded-Row { background-color: rgb(119, 147, 60); } .Green-Shaded-Row .Pane-Padding { color: #fff; } .Green-Shaded-Row .Pane-Padding h4 { color: #fff; font-weight: bold !important; } .Cadet-Blue-Shaded-Row { background-color: rgb(50, 98, 149); } .Cadet-Blue-Shaded-Row .Pane-Padding { color: #fff; } .Cadet-Blue-Shaded-Row .Pane-Padding h4 { color: #fff; font-weight: bold !important; } .Dark-Navy-Shaded-Row { background-color: rgb(0, 45, 86); } .Dark-Navy-Shaded-Row .Pane-Padding { color: #fff; } .Dark-Navy-Shaded-Row .Pane-Padding h4 { color: #fff; font-weight: bold !important; } .Middle-Shaded-Row, .Bottom-Shaded-Row { background-color: #FFFFFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; } .Content-Row { background-color: #FFFFFF } .Dark-Row { background-color: #333333 } .Grey-Row { background-color: #859198 } .Custom-Colored-Row { background-color: #5CC9DF } .Bottom-Accent-Row, .Top-Accent-Row { background-color: #5CC9DF } .Tweet-Row { background-color: #5B63CF } .Bottom-Dark-Row { background-color: #373B3D } .bottom-arrow { position: relative } .bottom-arrow:after { border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -8px; content: ""; display: block; height: 0; left: 50%; margin-left: -16px; position: absolute; width: 0; z-index: 15; } .PageWidth { margin-left: auto; margin-right: auto; } .Content-Wrap:before, .Content-Wrap:after { content: ""; display: table; line-height: 0; } .Content-Wrap:after { clear: both } .Content-Wrap-fluid { padding-left: 25px; padding-right: 25px; } .Content-Wrap-fluid:before, .Content-Wrap-fluid:after { content: ""; display: table; line-height: 0; } .Content-Wrap-fluid:after { clear: both } .coming-soon-row { background: url("img/coming-soon.jpg") repeat scroll 0 0 / cover transparent; padding: 7% 0 9%; } .pattern-cubes { background-color: #F7F7F7; background-image: url("img/bgg-patterns/cubes-bg.png"); } .sub-color { box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset } .sub-Row.sub-img1, .sub-Row.sub-img2 { height: 150px; padding-top: 1.4%; } .sub-Row.sub-img1 { background: url("img/sub-img1.jpg") repeat scroll center bottom / cover rgba(0, 0, 0, 0) } .sub-Row.sub-img2 { background: url("img/sub-img2.jpg") repeat scroll center center / cover rgba(0, 0, 0, 0) } #subTitle-Parallax { background-image: url("img/raster.png"), url("img/parallax-bg3.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: auto, cover; background-repeat: repeat, no-repeat; background-position: 50% 0; position: relative; } /* DNN Content Panes ========================================================================= */ /* Empty Panes */ .DNNEmptyPane:empty { display: none } .AddressTop { min-height: 35px !important } .TopSocialPane { float: right; text-align: center; } .Pane-Padding { margin: 30px 0 } .foot-Padding { margin: 55px 0 25px } .SocialBottom { text-align: right !important } /* Back to Top */ .backtotop { border-radius: 0.5em 0.5em 0.5em 0.5em; bottom: 10px; display: block; height: 40px; position: fixed; right: 20px; width: 40px; z-index: 99999999; } .backtotop:before { content: "\f106"; display: inline-block; font-family: "icomoon"; font-size: 23px; font-style: normal; font-variant: normal; font-weight: normal; left: 0; line-height: 40px; position: absolute; text-align: center; text-decoration: inherit; text-transform: none; width: 40px; } .backtotop:hover { color: #FFFFFF!important; opacity: 100!important; } .backtotop.hidden { bottom: -100px } .backtotop { background-color: #111; color: #999!important; opacity: 0.5; } /* Language */ ul.language { float: right; list-style: none outside none; margin: 0; padding: 0; } ul.language ul li a { line-height: 1px !important; padding: 0; } ul.language li { float: left; list-style: none outside none; position: relative; z-index: 99; } ul.language li:hover li { float: none; font-size: 0; } ul.language li:hover li a:hover { background: none repeat scroll 0 0 #1E7C9A } ul.language li:hover ul { display: block; position: absolute; } ul.language li ul { display: none; left: -1px; margin: 0; padding: 0; position: absolute; width: 118px; } ul.language li a { color: #FFFFFF; cursor: pointer; font-size: 0; } ul.language li a:hover { background: none repeat scroll 0 0 transparent } .language li ul li { border: medium none; line-height: 15px; padding: 5px 5px 5px 0; } a.globe { position: relative; top: -6px; } a.globe:before { content: "\e24b"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 17px; padding-right: 0.5em; top: 0; left: 0; } .language-object { border-right: 1px solid #252525; padding: 0 10px; position: relative; bottom: 2px; } .language-object img { display: inline-block; max-width: 20px !important; position: relative; top: -1px; } .language-object select { background: transparent; -webkit-appearance: none; border: medium none; color: #999999; display: inline-block; font-size: 12px; float: right; } .language-object select:focus { outline: none; } /*------------------------------------------------*/ /* SEARCH DROP BOX */ /*------------------------------------------------*/ div#search { display: inline-block; float: right; height: 20px; margin: px 10px 0 00px; padding-left: 5px; position: relative; } #search-box { border-radius: 0 0 4px 4px; display: none; padding: 8px; position: absolute; right: -16px; top: 62px; width: 220px; z-index: 99; } /*------------------------------------------------*/ /* SEARCH */ /*------------------------------------------------*/ #dnn_dnnSearch1_cmdSearch { display: none !important } #search { height: 32px } #search a.SearchButton:hover { background: url('img/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('img/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('img/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('img/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('img/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('img/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: url('img/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ } #search a.SearchButton:link, #search a.SearchButton:visited { background: url("img/search.png") no-repeat scroll center center rgba(0, 0, 0, 0.3); border-radius: 3px 3px 3px 3px; display: inline-block; float: right; height: 32px; width: 32px; margin: 0; padding: 0; text-indent: -9999px; } #search p.closed { position: relative } #search p { cursor: pointer; font-size: 0; margin: 0; padding-left: 15px; width: 15px; } #search p.closed:before { content: "\e078"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 16px; padding-right: 0; position: absolute; top: 0; left: 0; } #search p { position: relative } #search p:before { content: "\e158"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 17px; padding-right: 0; position: absolute; top: 0; left: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: “FlipH”; } #dnn_dnnSearch_txtSearch { display: block; float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0; background-color: #444444; border: none; border-radius: 0; box-shadow: none; outline: none; color: #000; line-height: 32px; font-size: 11px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #ccc; box-shadow: inset 0px 3px 8px #999; } #mobile-search-box .searchInputContainer { width: 100% } #mobile-search-box input[type=text] { margin-top: 25px; margin-bottom: 25px; background-color: #171717; color: rgba(255, 255, 255, 0.7); padding: 15px 15px 15px 40px!important; border: 0px!important; border-bottom: 1px solid #2e2e2e!important; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; background-image: url("img/search2.png"); background-repeat: no-repeat; background-position: 15px center; width: 100%; } /*========================================================+ | Login/Social Elements | +========================================================*/ .loginGroup, .registerGroup { height: 36px; line-height: 46px; margin-top: -12px; } .loginLinks .registerGroup a:hover, .loginLinks .loginGroup a:hover, .buttonDiv { display: block } .loginLinks { display: inline-block; float: none; margin: 0; } .loginLinks .registerGroup a, .loginLinks .loginGroup a { overflow: hidden; padding: 0 10px; position: relative; top: -5px; } .loginLinks .registerGroup a:hover, .loginLinks .loginGroup a:hover { text-decoration: none; cursor: pointer; } .loginLinks .registerGroup, .loginLinks .registerGroup *, .loginLinks .loginGroup, .loginLinks .loginGroup * { display: block; float: left; font-weight: normal; } .loginLinks .registerGroup .userNotifications a strong, .loginLinks .registerGroup .userMessages a strong { display: block; text-indent: 999999px; top: 0px; left: 0px; width: 26px; } .loginLinks .registerGroup .userNotifications a strong:hover { background: url("img/social_sprite.png") no-repeat scroll 5px -144px transparent } .loginLinks .registerGroup .userMessages a strong:hover { background: url("img/social_sprite.png") no-repeat scroll 5px -80px transparent } .loginLinks .registerGroup .userNotifications a strong { background: url("img/social_sprite.png") no-repeat scroll 5px -112px transparent } .loginLinks .registerGroup .userMessages a strong { background: url("img/social_sprite.png") no-repeat scroll 5px -48px transparent } .loginLinks .registerGroup .userProfileImg img { border-radius: 6px 6px 6px 6px; height: 25px; position: relative; top: 5px; margin: 5px 12px; width: 25px; -moz-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); } .loginLinks .registerGroup .userProfileImg img:hover { -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .loginLinks .registerGroup .userProfileImg a { padding: 0 } .loginLinks .registerGroup .buttonGroup { margin: 0; padding: 0; } .loginLinks .registerGroup li { border-right: none } .mobileButtons { display: none; float: right; } .mobileButtons li { list-style: none; padding: 0; margin: 0 10px 0 0; display: block; float: left; } .mobileButtons li a { padding: 0 10px; font-size: 14px; color: #666666; border: 1px solid #DADADA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mobileButtons ul { list-style: none; padding: 0; margin: 0; } /**** BREADCRUMBS ***/ h1.pagetitle { line-height: 1.9em !important } .pagetitle { color: #454545; font-family: OpenSansLight; font-size: 32px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; } .crumbs { padding: 35px 15px; text-align: right; } .breadcrumbDiv { margin: -10px auto 10px auto; padding: 0 10px; } .breadcrumb { list-style: none outside none; padding: 0 7px; } .sub-color span { background-color: rgba(0, 0, 0, 0.05) !important; border-radius: 1.5px; color: #FFFFFF; display: inline-block; padding: 8px 10px; position: relative; } .sub-img1 span, .sub-img2 span { background-color: rgba(0, 0, 0, 0.4) !important; border-radius: 1.5px; color: #FFFFFF; display: inline-block; padding: 8px 10px; position: relative; } .sub-img1 span a, .sub-img2 span a, .sub-color span a { color: #FFFFFF !important } .sub-row span { background-color: rgba(0, 0, 0, 0.05); border-radius: 1.5px; display: inline-block; padding: 8px 10px; position: relative; } .copyright { font-family: OpenSansSemiBold; font-size: 10px; letter-spacing: 2px; padding-top: 12px; text-transform: uppercase; } /* Added for sabresystems.com*/ .a10 { margin-top:10px !important; } #cip { line-height:1.2em !important; } .alert {padding-top:5px !important; padding-bottom:5px !important} .owl-pagination { display:none !important } /* Portfolio slider UI is really heavy on the frontpage. */ .item-title { font-size:1.4em !important; font-weight:normal !important; font-family:OpenSansLight !important} a.anchor{ display: block; position: relative; top: -98px; visibility: hidden; } .black { color: #000; } /* Added for jquery news feed */ .rssHeader { display:none !important } .rssFeed a:link { color:#428bca; } .rssFeed ul { list-style:none; } .rssFeed img { float:right; margin-left: 1.5em; } .rssFeed p { font-size:14px; font-weight: 300; font-family: OpenSansRegular; text-transform: none !important; } .rssFeed h1, .rssFeed h2, .rssFeed h3, .rssFeed h4 { margin-top:0px !important; } /* Added for jquery news feed */ .reeFe ul { list-style:none; } .reeFe p { font-size:14px; font-weight: 300; font-family: OpenSansRegular; text-transform: none !important; } .reeFe h1, .reeFe h2, .reeFe h3, .reeFe h4 { margin-top:0px !important; } /*added for icon formatting */ .section-head { margin-bottom:0 !important; } /* added for custom font-face */ /* Default Custom Fonts Web Fonts @font-face { font-family: 'OpenSansLight'; src:url('fonts/opensans/OpenSans-Light-webfont.eot'); src:url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'), url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src:url('fonts/opensans/OpenSans-Regular-webfont.eot'); src:url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiBold'; src:url('fonts/opensans/OpenSans-Semibold-webfont.eot'); src:url('fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src:url('fonts/opensans/OpenSans-Bold-webfont.eot'); src:url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetypz`e'), url('fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src:url('fonts/opensans/OpenSans-Bold-webfont.eot'); src:url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetypz`e'), url('fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: "sabrecapabilities"; src:url("/SiteAssets/fonts/sabrecapabilities/sabrecapabilities.eot"); src:url("/SiteAssets/fonts/sabrecapabilities/sabrecapabilities.eot?#iefix") format("embedded-opentype"), url("/SiteAssets/fonts/sabrecapabilities/sabrecapabilities.woff") format("woff"), url("/SiteAssets/fonts/sabrecapabilities/sabrecapabilities.ttf") format("truetype"), url("/SiteAssets/fonts/sabrecapabilities/sabrecapabilities.svg#sabrecapabilities") format("svg"); font-weight: normal; font-style: normal; } .icon-analytics:before { font-family:sabrecapabilities; font-style:normal; content: "a"; } .icon-auto:before { font-family:sabrecapabilities; font-style:normal; content: "b"; } .icon-c4isr:before { font-family:sabrecapabilities; font-style:normal; content: "c"; } .icon-cip:before { font-family:sabrecapabilities; font-style:normal; content: "d"; } .icon-cyber:before { font-family:sabrecapabilities; font-style:normal; content: "e"; } .sabreicon { line-height:1.6em; color:#002D56; font-size:4.2em; text-align:right; text-shadow: 1px 1px black; } .iconcol p { color:#000; } /*added for shaded headers */ a[rel~="nofollow"] { display:none } /*added to keep links in footer same size */ .Copyright-Row a:link { font-size: inherit; color: inherit; } .Copyright-Row a:hover { color: red; } /*added to remove space between menu and banner */ .section-head .flatna-content { margin-top: 0px; } /* */ ul li { font-size: 14px; } /* Really gotta chase down the orig. CSS so as to not be all !important all over the place*/ .form-group label { color: #333333 !important; font-size: 14px !important; font-weight: 300 !important; } .padfix { padding-left:0 !important; padding-right:0 !important;} /*DAVIDBANNERDAVIDBANNERDAVIDBANNER*/ .Logo-Box {padding-left:0 !important; padding-right:0 !important; width: auto !important; } .copyright { color: #BBB; } #s4-bodyContainer ol.breadcrumb{ background-color: #fff; margin-left: 0; } .callout-success{ background-color: rgb(221, 217, 195); border-radius: 20px; } @media only screen and (min-width : 768px) { .callout-success { margin-top: 30px; } } .Pane-Padding .callout-success h3 { color: rgb(119, 147, 60); line-height: 1em !important; margin-bottom: 0; } .Pane-Padding .callout-success h4 { color: rgb(0, 45, 86); line-height: 1.1em !important; margin: 0 0 10px; } /* BOOTSTRAP */ .Pane-Padding .text-primary{ color: #428bca !important; } /* END BOOTSTRAP */ /* BANNERS */ .banner-analytics{ background-image: url('/wp-content/uploads/banner-analytics.jpg'); } .banner-c4isr{ background-image: url('/wp-content/uploads/banner-c4isr.jpg'); background-position: -105px -105px; } .banner-cyber{ background-image: url('/wp-content/uploads/banner-cyber.jpg'); } .banner-engineering{ background-image: url('/wp-content/uploads/banner-engineering.jpg'); } .banner-IT{ background-image: url('/wp-content/uploads/banner-IT.jpg'); } .banner-logistics{ background-image: url('/wp-content/uploads/banner-logistics.jpg'); } .banner-ps{ background-image: url('/wp-content/uploads/banner-PM.jpg'); } .banner-software{ background-image: url('/wp-content/uploads/banner-software.jpg'); } .banner-psas{ background-image: url('/wp-content/uploads/banner-psas.jpg'); } /* END BANNERS */ #inside-services-solutions .topcallout{ background-color: #fff; padding: 20px 25px } #inside-services-solutions .topcallout h3 { line-height: 1em !important; } #inside-services-solutions .topcallout .headline { color: rgb(65, 143, 222); margin-top: 10px; display: inline-block; font-weight: bold; } #inside-services-solutions .bottomcallout { background-color: rgb(50, 98, 149); color: #fff; padding: 5px 25px; } #inside-services-solutions .bottomcallout h3 { color: #fff; } #inside-services-solutions .bottomcallout .source { color: orange; } /* END INSIDE SERVICES & SOLUTIONS PAGES */ /* REMOVE RIGHT PADDING FROM CALLOUT BOXES ON LARGER DEVICES */ @media only screen and (min-width : 992px) { #inside-services-solutions section .container .Pane-Padding:nth-child(2){ padding-right: 0 !important; } } /* NEWS PAGE */ #inthenews{ padding: 10px; border-radius: 20px; text-align: center; } #inthenews h4.widget-title{ font-weight: 900; font-size: 19px; } #inthenews .widget-title span{ display: block; line-height: 22px; font-size: 1.2em; text-transform: uppercase; } #inthenews h4.widget-title:after{ content: ""; display: inline-block; width: 24px; height: 4px; background-color: #fc5185; } #inthenews li{ list-style-type: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0,0,0,.1); padding-bottom: 6px; padding-top: 6px; text-align: left; } #inthenews li:last-child{ border-bottom: 0px; } #inthenews li a{ color: #18191A; font-weight: bold; font-size: 1.2em } /* COMMERCIAL PAGE */ #inside-commercial .banner-commercial{ background-image: url('/wp-content/uploads/banner-commercial.jpg'); height: 320px; } #inside-commercial .banner-commercial h2{ color: #fff; font-size: 2.7em; letter-spacing: 2px; } #inside-commercial .banner-commercial p{ font-size: 1.2em; color: #fff; } #inside-commercial .commercialthreeboxes{ background-image: url('/wp-content/uploads/three-boxes-background.jpg'); padding: 30px 0; color: #fff; } #inside-commercial .commercialthreeboxes .threebox{ border: 1px solid #fff; padding: 20px 20px 10px; } #inside-commercial .commercialthreeboxes .threebox h4{ color: #fff; letter-spacing: 2px; } #inside-commercial .commercialthreeboxes .threebox p{ height: 215px; } #inside-commercial .cloudconsulting{ padding-top: 40px; } #inside-commercial .cloudconsulting h4{ color: rgb(119, 147, 60) !important; letter-spacing: .5px; } #inside-commercial .cloudconsulting .subsection{ margin-top: 40px; } #inside-commercial .cloudconsulting .subsection .headline{ display: inline-block; margin: 15px 0; color: rgb(0, 45, 86); font-weight: bold; } #inside-commercial .cloudconsulting .subsection .col-xs-2{ text-align: right; padding-right: 0; } #inside-commercial .cloudconsulting .subsection i{ font-size: 2.5em; color: rgb(119, 147, 60); } #inside-commercial .cloudservices{ background-image: url('/wp-content/uploads/cloud-services-background.jpg'); padding: 40px 0; color: #fff; } #inside-commercial .cloudservices h4{ color: #fff; text-align: center; letter-spacing: .5px; } #inside-commercial .cloudservices .services{ text-align: left; padding-bottom: 0; font-weight: bold; } #inside-commercial .businesssolutions{ background-image: url('/wp-content/uploads/business-solutions-background.jpg'); padding: 40px; color: #000; } #inside-commercial .businesssolutions h4{ color: #000; text-align: center; } #inside-commercial .businesssolutions h5{ color: #000; margin-bottom: 20px; text-align: center; } #inside-commercial .businesssolutions .subsections{ margin-top: 50px; } #inside-commercial .businesssolutions i{ text-align: center; display: block; font-size: 10em; color: rgb(0, 45, 86); } #inside-commercial .businesssolutions ul{ font-weight: bold; list-style: outside none none; margin-left: 0; margin-top: 40px; } #inside-commercial .businesssolutions ul li::before{ content: "•"; padding-right: 8px; color: #fff; } /* GOVERNMENT PAGES */ #outside-government .Pane-Padding h4{ line-height: 1.3em !important; } #inside-government section{ padding: 40px 0; } #inside-government .shown{ display: inline !important } #inside-government section.Middle-Colored-Row{ padding: 0; } #inside-government .Top-Shaded-Row h2{ font-weight: normal; color: rgb(119,147,60); letter-spacing: normal; } #inside-government .Top-Shaded-Row h3{ color: #0072c6; font-weight: normal; letter-spacing: normal; margin-top: 30px; } #inside-government .section-blue{ color: #fff; background-repeat: no-repeat; background-color: #326295; } #inside-government .section-blue h2, #inside-government .psas h2{ color: #dcb341; text-align: center; margin-top: 0px; margin-bottom: 20px; font-size: 26px; } #inside-government .section-blue h4, #inside-government .psas h4{ color: #fff; letter-spacing: normal; } #inside-government .section-blue strong{ color: #fff; } #inside-government .section-blue .showhidden{ color: #dcb341; position: relative; top: -10px; } #inside-government .section-blue .tasks{ border: 1px solid #fff; padding: 20px 0; } @media only screen and (min-width : 992px) { #inside-government .section-blue .rox_short_button, #inside-government .psas .rox_short_button{ position: absolute; bottom: 10px; left: 35%; } } #inside-government .section-blue .tasks ul{ padding: 0; } #inside-government .section-blue .tasks ul li{ margin: 10px 0; list-style: none; } #inside-government .section-white h4{ color: rgb(119, 147, 60); letter-spacing: normal; margin-bottom: 30px; text-transform: uppercase; } #inside-government .section-green{ color: #fff; background-repeat: no-repeat; background-color: #77933c; } #inside-government .section-green .showhidden{ color: #044b62; } #inside-government .section-green h2{ color: rgb(0, 45, 86); } #inside-government .section-green h4{ color: #fff; letter-spacing: normal; text-align: center; margin-top: 0px; font-size: 26px; } #inside-government .section-green h5{ letter-spacing: normal; color: rgb(0, 45, 86); margin-bottom: 6px; font-size: 1.2em; font-size: 18px } #inside-government .section-green a:link{ color: rgb(0, 45, 86); } #inside-government .section-beige, #inside-government .section-beige strong{ color: #555f61; background-repeat: no-repeat; background-color: #ded9c3; } #inside-government .section-beige h4{ text-align: center; margin-top: 0px; margin-bottom: 20px; font-weight: bold; letter-spacing: normal; font-size: 26px; } #inside-government .section-beige h5{ margin-top: 11px; font-weight: bold; letter-spacing: normal; color: rgb(119, 147, 60); margin-bottom: 10px; line-height: 1.3em; font-size: 18px; } #inside-government .section-beige .callout{ padding: 30px; background-color: rgb(0, 45, 86); border-radius: 20px; margin-top: 20px; color: #fff; } #inside-government .section-beige .callout h4{ color: #fff; } #inside-government .threebox{ border: 1px solid #fff; padding: 20px 20px 10px; position: relative; } @media only screen and (min-width : 768px) { #inside-government section .showing{ padding: 30px 80px; min-height: auto !important; } } @media only screen and (min-width : 992px) { #inside-government .threebox h4{ color: #fff; text-align: center; margin: 0 70px 10px 70px; letter-spacing: normal; } } #inside-government .threebox .close{ background-color: red; border-radius: 8px; display: inline-block; font-size: 1.5em; padding: 8px; position: absolute; right: 15px; top: 15px; display: none; color: #fff; float: none; line-height: inherit; } #inside-government .analytics-capabilities{ background-image: url('/wp-content/uploads/analytics-capabilities.jpg'); padding: 30px 0; color: #fff; } @media only screen and (min-width : 992px) { #inside-government .analytics-capabilities .threebox{ min-height: 374px; } } #inside-government .analytics-success{ background-image: url('/wp-content/uploads/analytics-success.jpg'); } #inside-government .c4isr-tasks{ background-image: url('/wp-content/uploads/C4ISR-tasks.jpg'); } #inside-government .engineering-capabilities{ background-image: url('/wp-content/uploads/engineering-capabilities.jpg'); } #inside-government .engineering-capabilities .capabilities{ border: 1px solid #fff; } #inside-government .engineering-capabilities .capabilities .h4{ color: #fff; margin-bottom: 15px; letter-spacing: normal; } #inside-government .engineering-logistics{ background-image: url('/wp-content/uploads/engineering-logistics.jpg'); } #inside-government section.engineering-logistics h4{ color: rgb(119, 147, 60); text-align: left; } #inside-government .ps-capabilities{ background-image: url('/wp-content/uploads/ps-capabilities.jpg'); } #inside-government .cyber-certifications{ background-image: url('/wp-content/uploads/cyber-certifications.jpg'); } #inside-government .cyber-certifications ul{ margin-left: 0px; padding-left: 0px; list-style-type: none; } #inside-government .cyber-certifications ul li{ margin: 10px; } #inside-government .cyber-capabilities{ background-image: url('/wp-content/uploads/cyber-capabilities.jpg'); } #inside-government .IT-services{ background-image: url('/wp-content/uploads/it-services.jpg'); } #inside-government .software-capabilities{ background-image: url('/wp-content/uploads/software-capabilities.jpg'); } @media only screen and (min-width : 992px) { #inside-government .software-capabilities .threebox{ min-height: 640px; } } #inside-government .panel, #inside-government .panel .panel-heading{ background-color: transparent; border-color: rgba(255,255,255,0.3); } #inside-government .panel .panel-heading h4{ margin: 0; text-align: left; } #inside-government .panel .panel-body p:last-child{ margin: 0; } #inside-government section.psas{ background-image: url('/wp-content/uploads/psas-el.jpg'); padding-top: 30px; color: #fff; background-size: cover; } @media only screen and (min-width : 992px) { div[class*='psas-'] .threebox{ min-height: 410px; } #inside-government .IT-services h2{ padding: 0 190px; } } #inside-government h3 { color: rgb(119, 147, 60); font-weight: bold; margin: 0; line-height: 30px !important; } #inside-government h4 { color: rgb(50, 98, 149); margin-top: 20px; font-family: 'OpenSansRegular'; font-weight: bold !important; line-height: 25px !important; } #inside-government ul { padding-left: 40px; } #inside-government a{ cursor: pointer; } #inside-government .hiddentext{ display: none; } #inside-government .topbanner{ height: 220px; color: #fff; position: relative; } #inside-government .topbanner .container{ position: relative; } #inside-government .topbanner p{ color: #fff; font-size: 1.4em; } #inside-government .topbanner h2 { color: #fff; font-weight: bold; letter-spacing: 2px; } #inside-government .topbanner h3 { color: #fff; margin-top: 0px; margin-bottom: 10px; } #inside-government .topbanner img[class*="img-"]{ position: absolute; } #inside-government .topbanner .img-analytics{ top: 15px; height: 200px; left: 100px; } #inside-government .topbanner .img-c4isr{ top: 48px; left: 20px; } #inside-government .topbanner .img-it{ top: -7px; } #inside-government .topbanner .img-logistics{ left: 140px; } #inside-government .topbanner .img-pm{ top: -7px; } #inside-government .topbanner .img-software{ left: 25px; top: 13px; height: 200px; } /* HONOR RIDE */ .honorride{ background-image: url('/wp-content/uploads/honor-ride-background.jpg'); padding: 40px; color: #fff; } @media only screen and (min-width : 320px) { .honorride{ background-position-x: 14%; background-position-y: 100%; } .honorride .donate, .honorride .join{ text-align: center; } .honorride .honor_ride_button{ padding: 10px 0; width: 70%; } } @media only screen and (min-width : 370px) { .honorride{ color: #fff; background-position-x: 10%; background-position-y: 100%; } } @media only screen and (min-width : 560px) { .honorride{ background-position-x: 38%; } .honorride .donate{ float: left; } .honorride .join{ float: right; } .honorride .honor_ride_button{ padding: 10px 26px; width: auto; } } .honorride p{ font-size: 1.2em; } .honorride .logo{ margin-bottom: 40px; } .honorride .logo img{ width: 50%; display: inline; } .honorride .honor_ride_button{ border-radius: 4px; display: inline-block; font-family: OpenSansBold; font-size: 1.1em; letter-spacing: 1px; line-height: 18px; margin: 0 5px 5px 0; text-decoration: none; text-transform: uppercase; color: #fff; } .honorride .honor_ride_button.blue{ background-color: #212c65; } .honorride .honor_ride_button.red{ background-color: #d2202f; } /* END HONOR RIDE */ /* Transitioning Military */ .tm p.quote{ border-bottom: 1px solid black; border-top: 1px solid black; font-size: 1.4em; margin: 40px auto; padding: 18px 0; width: 80%; } .tm p.quote span.source{ display: inline-block; float: right; font-size: 0.8em; text-align: right; width: 70%; } /* END TRANSITION MILITARY */ /* VET JOBS */ .vetjobs{ background-color: #efefef; padding: 20px; } .Pane-Padding .vetjobs h4{ line-height: 1.3em !important; } .vetjobs .text-center img{ display: inline-block; padding: 15px 0; } /* END VET JOBS */ #s4-bodyContainer p{ font-size: 16px; line-height: 1.6em; } #s4-bodyContainer span{ line-height: 1.6em; } #inside-government h4.panel-title a{ color: #fff; } section h4{ margin-bottom: 10px; } section h5{ margin-top: 10px; margin-bottom: 6px; } .rightborder{ border-right: 1px solid rgba(0,0,0,0.1); } .no-padding-right { padding-right: 0px !important; } .no-padding-left{ padding-left: 0px !important; } #rev_slider_inside{ width: 100%; }