/*@grayBG: #d3d3d3;*/ .HoverShadow { z-index: 50; outline: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); -moz-transition: all 0.7s linear; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } /*========== Bootstrap overrides ==========*/ .navbar-inner { height: 129px; padding: 0; } .navbar-inverse .navbar-inner { background: none; border: none; box-shadow: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { box-shadow: none; background: none; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background: none; } /* Bootstrap map fix */ #map label { width: auto; display: inline; } #map img { max-width: none; } /* DNN Form */ #Form { margin: 0; } .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { display: inline-block; width: auto; margin: 6px 5px 6px 5px; } .dnnTextPanelView { display: none !important; } /*========== Global ============*/ body { background: #686868 url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bg.jpg) top no-repeat; font: normal 14px 'Lato', sans-serif; color: #5f5f5f; } a, a:visited { color: #6280a8; } a:hover { text-decoration: underline; } h1 { word-spacing: 0.143em; font: 700 2.429em 'Lato', sans-serif; margin-top: 0; color: #6280a8; } h2 { word-spacing: 0.143em; font: 700 1.714em 'Lato', sans-serif; color: #6280a8; } h2 a, h2 a:visited { color: #6280a8; } h3 { word-spacing: 0.143em; font: 700 1.429em 'Lato', sans-serif; } h3 a, h3 a:visited { color: #6280a8; } h4 { word-spacing: 0.143em; font: 700 1.143em 'Lato', sans-serif; color: #6280a8; } h4 a, h4 a:visited { color: #6280a8; } h5 { word-spacing: 0.143em; font: 700 1em 'Lato', sans-serif; } h6 { font: normal 0.786em 'Lato', sans-serif; text-transform: uppercase; } /*======= Background Colors ======*/ .bg-white { background: #ffffff; } .bg-offwhite { background: #f4f4f4; } .bg-timberwolf { background: #e9e9e9; } .bg-lightblue { background: #8fb3cc; } .bg-blue { background: #507dba; } .bg-iris { background: #6f76ab; } .bg-skyblue { background: #ddeaf0; } .bg-petegray { background: #e4e4e4; } /*============ Header ===========*/ header { position: relative; height: 129px; background: #507dba; /* Fallback */ background: rgba(80, 125, 186, 0.85); z-index: 500; } header .navbar #logo { margin: 15px 0 0 100px; } header .navbar #root-nav { height: 54px; color: #ffffff; } header .navbar #root-nav ul { margin: 18px 32px 0 0; } header .navbar #root-nav ul li { padding: 0 5px; } header .navbar #root-nav ul li a { color: #ffffff; text-shadow: none; padding: 0; } header .navbar #root-nav #contact-sales { width: 337px; height: 54px; background: #274a7a; /* Fallback */ background: rgba(0, 0, 0, 0.15); } header .navbar #root-nav #contact-sales .phone-icon { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/phone-icon.png) no-repeat; width: 23px; height: 30px; margin: 11px 20px 11px 27px; } header .navbar #root-nav #contact-sales #sales-number { font-size: 1.143em; margin-top: 16px; } header .navbar #root-nav #contact-sales #sales-number a { color: #ffffff; } header .navbar #primary-nav { border-top: 1px solid rgba(255, 255, 255, 0.4); } header .navbar #primary-nav ul { margin-top: 13px; } header .navbar #primary-nav ul li a { font: 700 1.357em/1em 'Lato', sans-serif; text-shadow: none; color: #ffffff; padding: 10px 18px 32px 18px; } header .navbar #primary-nav ul li.dropdown:hover > ul.dropdown-menu { display: block; } header .navbar #primary-nav .dropdown-menu { border-radius: 0; border: none; text-align: center; width: 285px; left: 50%; margin: 0 0 0 -142px; padding: 22px 0 5px 0; background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-bg.jpg) top center no-repeat; } header .navbar #primary-nav .dropdown-menu li:last-child a { background: none; } header .navbar #primary-nav .dropdown-menu li:last-child a:hover { background: none; } header .navbar #primary-nav .dropdown-menu li a { padding: 22px 32px; font-size: 1.143em; color: #3a5d90; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-border.jpg) bottom no-repeat; } header .navbar #primary-nav .dropdown-menu li a:hover { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-border.jpg) bottom no-repeat; } header .navbar #primary-nav .dropdown-menu::before, header .navbar #primary-nav .dropdown-menu::after { border: none; content: none; } header .navbar #open-search { margin: 23px 42px 0 0; padding: 5px 15px; border-left: 1px solid rgba(255, 255, 255, 0.4); } header .navbar #open-search #search-btn { width: 17px; height: 17px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/search-icon.png) no-repeat; cursor: pointer; } header #search-bar { width: 309px; height: 45px; background: #274a7a; /* Fallback */ background: rgba(39, 74, 122, 0.7); position: relative; z-index: 800; } header #search-bar #search-form { margin: 7px 0 0 10px; } header #search-bar #search-form input { border-radius: 0; } header #search-bar #search-form #dnn_Header_dnnSEARCH_cmdSearch { /* webkit/mozilla line-height difference */ border-radius: 0; display: inline-block; font: normal 1em/1em 'Lato', sans-serif; padding: 7px 12px 7px 12px; } header #services-menu-container { position: absolute; top: 129px; width: 100%; height: 335px; background: #ffffff; z-index: 500; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } header #services-menu-container #services-menu-left { height: 335px; width: 345px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/services-menu-left-bg.jpg) no-repeat; } header #services-menu-container #services-menu-left p { line-height: 1.882em; } header #services-menu-container #services-menu-left h6 { margin-top: 0; } header #services-menu-container #services-menu-left .services-menu-content { padding: 67px 55px 65px 80px; } header #services-menu-container #services-menu-right { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-bg.jpg) no-repeat; background-position: 184px 0; } header #services-menu-container #services-menu-right .services-menu-content { margin: 67px 10px 0 10px; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column { width: 195px; margin-left: 60px; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column h4 { margin-top: 0; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column ul { margin: 0; list-style: none; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column ul li { padding: 7px 0 7px 15px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bullet.jpg) 0px 15px no-repeat; } header #mobile-nav, header .btn-navbar { display: none; } /* Splash */ #splash { position: relative; margin-top: -129px; min-height: 476px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bg-tmp.jpg) top center no-repeat; z-index: 10; color: #ffffff; } #splash .splash-pad { margin: 0; padding: 172px 0 0 0; width: 100%; text-align: center; } #splash h1, #splash h2, #splash h3 { font: 300 4.286em/1em 'Lato', sans-serif; } #splash p { margin: 0 auto; padding: 15px 0 0 0; width: 80%; text-align: center; font: 300 2em/1.786em 'Lato', sans-serif; } .level-0 #splash { min-height: 476px; } .level-1 #splash, .level-2 #splash, .level-3 #splash { min-height: 325px; } /*Home*/ .section-56 .inner { margin: 0 auto; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; clear: both; float: left; } .section-56 .inner .video-div { position: relative; top: -129px; height: 600px; margin: 0 auto; width: 1470px; z-index: 1; } .section-56 #body-container, .section-56 #home-secondary { position: relative; z-index: 20; } .section-56 .splash-title { position: relative; margin: 95px 0 35px; z-index: 20; } .section-56 .bottom-container { padding-bottom: 100px; } /* Tertiary */ .tertiary #splash, .news #splash { min-height: 325px; } /* Blog */ .blog #splash { min-height: 325px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blog-splash.jpg) top center no-repeat; } /* Blue Splash */ .section-121 #splash { min-height: 325px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blog-splash.jpg) top center no-repeat; } /*Resources*/ .SizeCell { font-size: 0.85em; line-height: 1.0em; } .TitleCell i ~ a:hover { text-decoration: none; } /* Secondary nav */ #secondary-nav { border-top: 2px solid #ffffff; margin: 0 auto; height: 62px; max-width: 1470px; text-align: center; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-bg.jpg) repeat-x; } #secondary-nav .nav { margin: 1px 0 3px 0; } #secondary-nav .nav li { display: inline-block; } #secondary-nav .nav li:last-child { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-divider.jpg) right no-repeat; } #secondary-nav .nav li a { display: block; padding: 19px 35px; font: normal 1.143em/1.143em 'Lato', sans-serif; color: #41659a; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-divider.jpg) left no-repeat; } #secondary-nav .nav li a:hover { text-decoration: none; background: #ffffff; /* Fallback */ background: rgba(0, 0, 0, 0.2); } #secondary-nav .nav .active a { background: #ffffff; /* Fallback */ background: rgba(0, 0, 0, 0.2); position: relative; } #secondary-nav .nav .active a:after { content: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/secondary-nav-indicator.png); position: absolute; left: 50%; bottom: -17px; margin-left: -12px; } #secondary-nav .btn-group button, #secondary-nav .btn-group .dropdown-menu { border-radius: 0 0 0 0; } #secondary-nav .btn-group button { padding: 8px 15px; } #secondary-nav .btn-group .dropdown-toggle { padding: 8px 10px; } #secondary-nav .btn-group .dropdown-menu { text-align: left; } #secondary-nav .btn-group .dropdown-menu li a:hover { background: #507dba; /* Fallback */ background: rgba(80, 125, 186, 0.85); } #secondary-nav .blog-nav { margin: 8px 0; } #secondary-nav .blog-nav a.btn { padding: 8px 10px; border-radius: 0 0 0 0; } #secondary-nav .blog-nav .widget { margin: 0px; } #secondary-nav .blog-nav .input-append { margin-bottom: 0; } #secondary-nav .blog-nav .input-append input, #secondary-nav .blog-nav .input-append button { border-radius: 0 0 0 0; height:auto; } #secondary-nav .blog-nav .input-append input, #secondary-nav .blog-nav .input-append button { padding: 8px 10px; } #secondary-nav .blog-nav .Blog_SearchForm { position: relative; } #secondary-nav .blog-nav input.searchIcon { padding-top: 0px; position: absolute; right: 5px; top: 2px; z-index: 1; border:0px; background:transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; } #secondary-nav .blog-nav .blog-nav-section { margin: 0 15px; } #secondary-nav .blog-nav .blog-nav-section .widget-archives { max-height: 40px; } #secondary-nav .blog-nav .blog-nav-section ul.widget-categories li a { font-size: 14px; } #secondary-nav .blog-nav #postdivrich { margin-top: 20px; } #secondary-nav .blog-nav .validation-summary-errors li { padding-left: 25px; } #secondary-nav .blog-nav #meet-our-bloggers, #secondary-nav .blog-nav #contact-us, #secondary-nav .blog-nav #rss { display: inline-block; margin-top: -8px; } #secondary-nav .blog-nav #contact-us li { background: none; } #secondary-nav .blog-nav #contact-us li a { background-image: none; color: #ffffff; font-size: 16px!important; } .page-131 .blog-nav { display: none; } #secondary-nav-shadow { margin: 0 auto; height: 14px; max-width: 1470px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/nav-shadow.png) center top no-repeat; position: relative; z-index: 100; } /*============ Body ===========*/ #body-container { clear: both; } .btn-primary, .bstrap30 .btn, .bstrap30 .btn-primary, .bstrap30 .btn-info { font: normal 1.429em Arial, 'Helvetica Neue', Helvetica, sans-serif !important; background: #006fe8!important; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#00a4e8), to(#006fe8)) !important; background-image: -webkit-linear-gradient(#00a4e8, #006fe8) !important; background-image: -moz-linear-gradient(#00a4e8, #006fe8) !important; background-image: -o-linear-gradient(#00a4e8, #006fe8) !important; background-image: linear-gradient(#00a4e8, #006fe8) !important; background-repeat: repeat-x; } .btn-primary:hover, .btn-primary:active { background-color: #006fe8!important; } .form-actions { background-color: transparent; border-top: 0px; margin-top: 0px; } .body-content { margin: 0 auto; max-width: 1470px; padding: 30px 0; line-height: 2.143em; /*blockquote { text-indent: 45px; background-image: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/quote-1.png); background-repeat: no-repeat; background-position: top left; border-left: 0px; color: @borderGray; p { font-size: 24px!important; line-height: 40px; font-family: Georgia, serif; display: block; background-image: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/quote-2.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 42px; } }*/ } .body-content p { margin: 14px 0; font-size: 16px; } .body-content p + ul, .body-content ol { margin-top: 0px; margin-bottom: 24px; } .body-content p + ol, .body-content ul ol { margin-bottom: 4px; } .body-content p + h3 { margin-top: 32px; } .body-content .pane p { font-size: 1.143em; } .body-content ul li, .body-content ol li { font-size: 16px; padding: 3px 0; } .body-content .pane ul li ul, .body-content .pane ol li ul, .body-content .pane ul li ol, .body-content .pane ol li ol { margin-top: 8px; } .body-content .pane ul li ul li, .body-content .pane ol li ul li, .body-content .pane ul li ol li, .body-content .pane ol li ol li { font-size: 1.0em; } .body-content .pane ul.box-links li { padding: 0 8px; } .body-content .right-pane h3 { color: #6280a8; line-height: 1.857em; font-style: italic; font-weight: normal; } .body-content .right-pane .DNNModuleContent { margin-bottom: 36px; } .body-content .right-pane .DNNModuleContent:last-child { margin-bottom: 0px; } .body-content h1 { margin-bottom: 24px; } .body-content .double-column-list { display: block; } .body-content .double-column-list li { float: left; width: 48%; margin-right: 2%; } .body-content .double-column-list li:nth-child(even) { margin-right: 0; } .body-content .double-column-list li:last-child { clear: both; } .body-content .double-column-list + p { clear: both; } .body-content input, .body-content textarea { padding: 10px 8px!important; border-radius: 0 0 0 0!important; } .body-content .btn-primary { margin: 0 0 0 9.7%; } .body-content #home-columns { padding-left: 16px; /* Don't mess with these widths, it's even */ } .body-content #home-columns h4 { text-transform: uppercase; } .body-content #home-columns h4 + p { margin-top: 0px; } .body-content #home-columns .span3 { vertical-align: top; width: 315px; margin-left: 63px; } .body-content #home-columns .media { margin-top: 0; } .body-content #home-columns .media .media-object { /* margin-top: -20px; */ padding-left: 10px; } .body-content .box-row .row { margin-left: 10px; } .body-content .box-row .box-img { width: 430px; } .body-content .box-row .box-content { margin-top: 15px; } .body-content ul.box-links { margin-top: 40px; } .body-content ul.box-links li { display: inline-block; padding: 0 8px; line-height: 1em; border-right: 1px solid #3d6398; } .body-content ul.box-links li:first-child { padding-left: 0; } .body-content ul.box-links li:last-child { padding-right: 0; border: 0; } .body-content .video-details { margin-top: 38px; } .body-content .blog-title { margin-left: 4%; } .body-content #blog-container, .body-content #news-events-container { text-align: center; } .body-content #blog-container .pagination, .body-content #news-events-container .pagination { margin-top: 60px; } .body-content ul.blog-admin li { margin-right: 8px; } .body-content ul.blog-admin li:last-child { margin-right: 0px; } .body-content .other-services-links { margin-top: 30px; } .body-content .blog-home-post { display: inline-block; width: 320px; min-height: 480px; background: #ffffff; position: relative; margin: 40px 2% 0 2%; vertical-align: top; } .body-content .blog-home-post .blog-home-content { padding: 15px 32px; text-align: left; } .body-content .blog-home-post .blog-home-content h3 { margin-bottom: 6px; } .body-content .blog-home-post .blog-home-content .post-info { position: absolute; bottom: 0; width: 80%; height: 60px; padding-top: 15px; border-top: 1px solid #e9e9e9; } .body-content .blog-home-post .blog-home-content .post-info .divider { padding: 0 10px; } .body-content .blog-colpad { padding: 15px 30px; } .body-content .blog-colpad .widget:after { background: none; } .body-content .blog-colpad .viewAllTags { display: none; } .body-content .triangle-up { width: 0; height: 0; border-left: 135px solid transparent; border-right: 135px solid transparent; border-bottom: 20px solid #e9e9e9; } .body-content ul.widget-meta { clear: both; } .body-content ul.widget-meta li { float: left; padding: 0 20px; } .body-content h2.post-title { font: 26px/36px bold 'Lato', sans-serif; color: #5f5f5f; } .body-content .post-header { border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; font-weight: bold; font-size: 1.05em; } .body-content .share-block { float: right; } .body-content .share-block .addthis_button_tweet { width: 94px!important; } .body-content #relatedPosts { border-bottom: 1px solid #dbdbdb; margin-bottom: 26px; padding-bottom: 6px; } .body-content #relatedPosts ul { list-style-type: none; margin-left: 0px; } .body-content #relatedPosts ul li { margin-bottom: 14px; } .body-content .post-author { margin-bottom: 30px; } .body-content .post-author h4 { color: #5f5f5f; } .body-content #nav-below { border-top: 1px solid #dbdbdb; padding-top: 24px; margin-top: 24px; } .body-content #nav-below .nav-previous a, .body-content #nav-below .nav-next a { font-size: 1.25em; } .body-content #nav-below .blog-entry-next, .body-content #nav-below .blog-entry-prev { margin-bottom: 6px; } .body-content ul.widget-tags li a { padding: 0 3px; } .body-content ul.widget-tags li a:hover { background-color: #508fc8; } .body-content .blog-icon { background: none; padding: 20px 0!important; font-size: 1.25em; } .body-content .post-toolbar { padding: 20px 0; } .body-content .post-toolbar a { display: inline-block; margin-right: 20px; } .body-content .post-toolbar a:visited { color: #333333; } .body-content .discuss { background: none; } .body-content .comments-section { border-top: 1px solid #dbdbdb; padding-top: 16px; margin-top: 30px; } .body-content #commentCompose { margin-bottom: 16px; } .body-content #btnSubmitComment { margin-bottom: 12px; } .body-content #chkNotification, .body-content #chkRememberMe { margin-top: 0; margin-right: 7px; } .body-content ul.annotation-replies { padding: 5px 0!important; } .body-content .reply-to-comment { float: right; margin-left: 12px; } .body-content #sidebar-authors ul li { list-style-type: none; font: 1.1em/1.8em 'Lato', sans-serif; background: #ffffff; margin-bottom: 30px; padding: 0; } .body-content #sidebar-authors ul li .author-container { padding-top: 40px; } .body-content #sidebar-authors ul li .author-container h3 { float: left; } .body-content #sidebar-authors ul li .author-container .view-auth-posts { margin-top: 10px; float: right; } .body-content #sidebar-authors ul li .author-container .auth-bio { clear: both; } .body-content .whitepaper-cta { margin: 20px 0; text-align: center; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; } .body-content .whitepaper-cta h3 { font-style: italic; } .body-content .news h1 a.edit { font-size: 14px; } .body-content .news .edn_article_gallery { display: none; } .body-content .news-events-column { display: inline-block; width: 545px; margin: 0 1.1%; } .body-content .article-info { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 20px 0; margin: 20px 0; position: relative; } .body-content .article-info .article-sharing { position: absolute; right: 0; top: 26px; } .body-content .news-events-post { clear: left; float: left; width: 100%; text-align: left; margin: 15px 0; background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right; position: relative; border: 1px solid #e9e9e9; } .body-content .news-events-post:hover { z-index: 50; outline: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); -moz-transition: all 0.7s linear; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; cursor: pointer; } .body-content .news-events-post .news-events-content { padding: 30px 40px; } .body-content .news-events-post .news-events-content .news-icon, .body-content .news-events-post .news-events-content .event-icon { margin-top: 12px; } .body-content .news-events-post .news-events-content .news-expand { position: absolute; top: -2px; right: -2px; height: 53px; width: 53px; cursor: pointer; background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right; } .body-content .news-events-post .news-events-content .news-events-excerpt { margin-left: 7%; width: 80%; } .body-content .news-events-post .news-events-content .news-events-excerpt h3 { margin: 0 0 8px 0; font-weight: normal; } .body-content .news-events-post .news-events-content .news-events-excerpt p { margin: 0; line-height: 1.714em; } .body-content .news-events-post.nosize h2 { margin-top: 0px; } .body-content .white-note { float: left; width: 48%; height: 262px; display: inline-block; position: relative; text-align: left; margin: 15px 0; background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right; border: 1px solid #e9e9e9; } .body-content .white-note:hover { z-index: 50; outline: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); -moz-transition: all 0.7s linear; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; cursor: pointer; } .body-content .white-note:nth-child(even) { margin-left: 30px; } .body-content .white-note.tools:hover { cursor: none; } .body-content .white-note .white-note-content { padding: 47px 40px 30px; /*.news-expand{ position: absolute; top: -2px; right: -2px; height: 53px; width: 53px; cursor: pointer; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/news-expand.png) no-repeat; }*/ } .body-content .white-note .white-note-content .white-icon { margin-top: 12px; } .body-content .white-note .white-note-content .white-note-text { margin-left: 7%; width: 76%; } .body-content .white-note .white-note-content .white-note-text h3 { margin: 0 0 8px 0; font-weight: normal; } .body-content .white-note .white-note-content .white-note-text p { margin: 0; line-height: 1.714em; } .body-content .partners-container { margin: 20px auto 40px auto; font-size: 0; text-align: center; } .body-content .partners-container ul { margin: 0; } .body-content .partners-container ul li { display: inline-block; position: relative; z-index: 10; padding: 0; cursor: pointer; outline: 1px solid #dbdbdb; } .body-content .partners-container ul li:hover { z-index: 50; outline: 0; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); -moz-transition: all 0.7s linear; -webkit-transition: all 0.7s linear; transition: all 0.7s linear; } .body-content .partners-container ul li:hover a { display: block; } .body-content .partners-container ul li:hover img { width: 100%; height: 100%; z-index: 20; } .body-content .partners-container ul li:hover .partner-info { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/partner-link.jpg) right top no-repeat; z-index: 30; } .body-content .partners-container ul li:hover .partner-info .partner-info-content { padding: 30px 40px; } .body-content .partners-container ul li:hover .partner-info h4 { font-size: 19px; } .body-content .partners-container ul li:hover .partner-info p { font-size: 14px; } .body-content .certifications .partner-desc { display: none; } .body-content .certifications a { display: block; } .body-content blockquote { margin-top: 20px; font-size: 1.1em; border-left-color: #363536; } .body-content .FormatCodeBlock { background-position: -1080px 50% !important; } .section-56 .splash-pad { padding-top: 260px; } .section-56 .cycle { display: block; height: 340px; } .section-56 .cycle #slideshow { width: 800px; text-align: center; list-style: none; margin: 0 auto; margin-bottom: 20px; } .section-56 .cycle #slideshow li { color: #fff; font: 700 3.429em/1.4em 'Lato', sans-serif; background: transparent url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-shadow.png) repeat; padding: 20px 40px; text-shadow: 1px 1px 2px #969696; } .section-56 .cycle div.Normal { height: 340px; } .section-56 .cycle .nav-container { position: absolute; bottom: 0px; width: 100%; margin: 0 auto; z-index: 99; } .section-56 .cycle #slide-nav { width: 435px; margin: 0 auto; text-align: center; } .section-56 .cycle #slide-nav li { float: left; margin: 4px; list-style: none; margin-right: 0px; } .section-56 .cycle #slide-nav li a { width: 75px; padding: 7px 11px; display: block; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-bg.png); color: #ffffff; text-align: center; text-shadow: 1px 1px 2px #969696; } .section-56 .cycle #slide-nav li.activeSlide a { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-bg-selected.png); } .section-56 .body-content { padding: 50px 0; } #home-secondary { margin: 0 auto; max-width: 1470px; line-height: 1.882em; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/home-secondary-bg.jpg) repeat-y; background-size: contain; } #home-secondary .home-secondary-left { width: 720px; padding: 80px 0; margin-right: 130px; } #home-secondary .home-secondary-left h2 { margin-top: 0; } #home-secondary .home-secondary-left .span3 { width: 220px; } #home-secondary .home-secondary-left #services-list { margin-top: 55px; } #home-secondary .home-secondary-right { width: 320px; padding: 80px 0; } #home-secondary .home-secondary-right .excerpt { margin-bottom: 55px; } #home-secondary .home-secondary-right .excerpt p { font-style: italic; } .error { color: #B20000; } #services-list { margin-top: 13px; } #services-list ul li { padding: 4px 0; } .leadership { margin-left: 30px; } .leadership .leadership-row { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bg.jpg) repeat-x; } .leadership .leadership-row .leader-name { height: 198px; background-position: right!important; background-repeat: no-repeat; } .leadership .leadership-row .leader-name h3 { text-align: left; padding-top: 87px; margin: 0 0 0 100px; } .leadership .leadership-row .leader-bio { padding: 55px 0; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bio-arrow.png) no-repeat top left; } .leadership .leadership-row:nth-child(even) .leader-name { background-position: left!important; } .leadership .leadership-row:nth-child(even) .leader-name h3 { text-align: right; margin: 0 100px 0 0; } .leadership .leadership-row:nth-child(even) .leader-bio { background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bio-arrow.png) no-repeat top right; } .widget { margin-top: 25px; } .widget:after { display: block; content: ''; height: 35px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-shadow.png) no-repeat; background-size: contain; } .widget .widget-title { padding: 25px 35px; font-size: 1.286em; color: #ffffff; background: #508fc8; } .widget .widget-content .widget-txt { padding: 15px 32px; } .widget .widget-content .widget-txt h2 { font-size: 1.357em; margin-bottom: 0; } .widget .widget-content .widget-txt p { margin-bottom: 10px; } .widget .widget-content .ModActionFormC .col-sm-12 { padding-left: 0px; padding-right: 0px; margin-left: 0px; } .widget .widget-content .ModActionFormC .checkbox { margin-left: 0px; padding-left: 0px; } .widget .widget-content .ModActionFormC h3 { margin-top: 10px; } .subnav { margin-bottom: 35px; } .subnav ul { margin: 0; padding: 7px 15px 7px 15px; } .subnav ul li { padding: 6px 0; display: inline-block; } .subnav ul li a { display: block; padding: 10px 20px; color: #5f5f5f; font-weight: 700; font-size: 1.143em; } .subnav ul li a:hover { background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-link-bg.jpg) left no-repeat; text-decoration: none; } .subnav ul li.active a { background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-link-bg.jpg) left no-repeat; text-decoration: none; } #contact-form-container { clear: both; } #contact-form-container .pull-left { float: left; } #contact-form-container .btn-primary { margin: 0 auto; padding: 6px 75px; } #contact-numbers { padding-left: 32px; border-left: 1px solid #dbdbdb; } #contact-map { clear: both; padding: 0 !important; position: relative; } #contact-map #map-overlay { position: absolute; top: 155px; left: 100px; width: 418px; height: 309px; z-index: 100; border: 14px solid #ffffff; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #contact-map #map-overlay #map-overlay-content { padding: 41px 56px; box-shadow: inset 0 0 50px 5px rgba(0, 0, 0, 0.2); } #contact-map #map { width: 100%; height: 740px; } /* Some extra css rules for the box row pages */ .subpage #body-container .body-content:first-child, .tertiary #body-container .body-content:first-child, .blog #body-container .body-content:first-child, .news #body-container .body-content:first-child { margin-top: -14px; } .subpage #body-container .body-content:last-child, .tertiary #body-container .body-content:last-child { padding: 80px 0 220px 0; } .blog #body-container .body-content:last-child, .news #body-container .body-content:last-child { padding: 40px 0 220px 0; } .accordion-group { border: 0; border-radius: 0; margin-bottom: 1px; } .accordion-group .accordion-heading { background: #e9e9e9; } .accordion-group .accordion-heading a { font: 700 1.3em 'Lato', sans-serif; color: #6280a8; padding: 18px; } .accordion-group .accordion-heading a:hover, .accordion-group .accordion-heading a:focus { text-decoration: none; } .accordion-group .accordion-heading a .Head { display: normal; margin-bottom: 0px; border-bottom: 0px; } .accordion-group .accordion-heading a i, .accordion-group .accordion-heading a span { color: #dbdbdb; border-left: 1px solid #dbdbdb; padding-left: 27px; font-size: 1.50em; } .accordion-group .accordion-heading a.active i, .accordion-group .accordion-heading a.active span { padding-left: 22px; } .accordion-group:nth-child(even) .accordion-heading { background: #ffffff; } .tabbed-content .tabs { float: left; width: 100%; padding: 0; } .tabbed-content .tabs .DnnModule { margin-bottom: 0; } .tabbed-content .tabs .DNNModuleContent { background: #ffffff; padding: 4%; } .tabbed-content .tabs-nav { float: left; width: 100%; } .tabbed-content .tabs-nav ul { margin: 0; list-style: none; font: 0/0 a; height: 125px; } .tabbed-content .tabs-nav li { float: left; padding-bottom: 0px!important; width: 190px; } .tabbed-content .tabs-nav li .divider { border-left: 1px solid #dbdbdb; border-right: 1px solid #ffffff; height: 60px; margin-top: 40px; margin-right: 40px; width: 1px; float: right; display: inline; } .tabbed-content .tabs-nav li a { display: block; float: left; padding: 16px 12px 48px; text-align: center; font: normal 14px/14px sans-serif; text-decoration: none; } .tabbed-content .tabs-nav li a.active { background: url("https://www.netspi.com/Portals/0/Skins/NetSPI/img/tabs/tab-arrow.png") no-repeat scroll right bottom transparent; } .tabbed-content .tabs-nav li a .tab-icon { margin-bottom: 14px; } .tabbed-content .tabs-nav li:last-child .divider { display: none; } /*============ Footer ===========*/ footer { margin: 0 auto; max-width: 1470px; } footer #footer-top { margin: -150px 0 0 10px; position: relative; z-index: 100; } footer #footer-top .span3 { height: 150px; width: 260px; margin: 0; cursor: pointer; } footer #footer-top .span3 .expertise-img { position: relative; margin: 3px 0 0 11px; } footer #footer-top .span3 h3 { color: #ffffff; font-weight: normal; margin: 9px 0; } footer #footer-top .span3 a { color: #ffffff; } footer #footer-top .span3 a:hover { text-decoration: none; } footer #footer-top .span3 .footer-top-box { padding: 16px 35px 0 35px; font-size: 0.929em; color: #ffffff; position: relative; } footer #footer-top .span3 .footer-top-box .arrow-bg { position: absolute; top: 64px; right: 35px; width: 8px; height: 5px; background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dotted-arrow.png) no-repeat; } footer #footer-bottom { background: #363536; color: #e9e9e9; line-height: 2.143em; } footer #footer-bottom .container { padding: 74px 0; } footer #footer-bottom h3 { margin-top: 0; font-weight: normal; } footer #footer-bottom #footer-buttons { margin-left: 50px; } footer #footer-bottom #footer-buttons .footer-btn { margin-bottom: 15px; } footer #footer-bottom #footer-title { width: 385px; margin-left: 50px; } footer #footer-bottom #footer-title h3 { line-height: 1.714em; } footer #footer-bottom #footer-title #copyright { font-size: 0.857em; color: #929292; } footer #footer-bottom #footer-address { width: 140px; margin-left: 50px; } footer #footer-bottom #footer-address address { margin: 0; font-size: 0.929em; line-height: 2.143em; } footer #footer-bottom #social-links { width: 230px; margin-left: 50px; } footer #footer-bottom #social-links ul { margin-top: 20px; } footer #footer-bottom #social-links ul li { float: left; margin-right: 4px; margin-bottom: 4px; } footer #footer-bottom #social-links ul li:last-child { margin-right: 0; } footer #footer-bottom #social-links ul li a { display: block; } @media (max-width: 1234px){ .nav-row-link{ display:none!important; } } @media (max-width: 765px){ .nav-row-link-rss{ display:none!important; } } /* ==================== Less than 1200 ==================== */ @media (min-width: 980px) and (max-width: 1234px) { /*============ Header ===========*/ header .navbar #logo { margin: 18px 0 0 3%; } header .navbar #root-nav { width: 70%; } header .navbar #root-nav ul { margin: 23px 5.5% 0 0; } header .navbar #root-nav #contact-sales { width: 45%; } header .navbar #primary-nav { width: 72%; } header .navbar #primary-nav ul li a { font: normal 1.357em/1em 'Lato', sans-serif; padding: 10px 12px 34px 12px; } header .navbar #open-search { margin: 23px 3.5% 0 0; } header #services-menu-container #services-menu-left { width: 30%; background-position: right; background-size: cover; } header #services-menu-container #services-menu-left p { line-height: 1.882em; font-size: .85em; } header #services-menu-container #services-menu-left h6 { margin-top: 0; font-size: 1em; } header #services-menu-container #services-menu-left .services-menu-content { padding: 67px 16% 65px 18%; } header #services-menu-container #services-menu-right { background-position: 5% 0; } header #services-menu-container #services-menu-right .services-menu-content { margin: 67px 0 0 0; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column { width: 25%; margin-left: 6%; } header #services-menu-container #services-menu-right .services-menu-content .services-menu-column a { font-size: .85em; } /*============ Body ===========*/ .body-content #home-columns { padding-left: 16px; } .body-content #home-columns h4 { text-transform: uppercase; } .body-content #home-columns .span3 { vertical-align: top; width: 29%; margin-left: 4%; } .body-content #home-columns .media { margin-top: 0; } .body-content #home-columns .media .media-object { width: 80%; } .body-content .blog-title { text-align: center; } #home-secondary .home-secondary-left { width: 61%; padding: 80px 0; margin-right: 11%; } #home-secondary .home-secondary-left h2 { margin-top: 0; } #home-secondary .home-secondary-left .span3 { width: 29%; } #home-secondary .home-secondary-right { width: 27%; } /*============ Footer ===========*/ footer #footer-top { margin: -94px 0 0 0; } footer #footer-top .span3 { width: 25%; } footer #footer-top .span3 .footer-top-box { padding: 14px 20px 0 20px; } footer #footer-top .span3 .footer-top-box .arrow-bg { background: none; } footer #footer-bottom .container { padding: 74px 0; } footer #footer-bottom #footer-buttons { margin-left: 0; } footer #footer-bottom #footer-buttons .footer-btn { margin-bottom: 15px; } footer #footer-bottom #footer-title { width: 32%; margin-left: 4%; } footer #footer-bottom #footer-address { width: 15%; margin-left: 2%; } footer #footer-bottom #social-links { width: 22%; margin-left: 4%; } footer #footer-bottom #social-links ul { margin-top: 20px; } footer #footer-bottom #social-links ul li img { width: 34px; } } /* ==================== Tablet style ==================== */ @media (min-width: 765px) and (max-width: 980px) { body { padding: 0; } /*============ Header ===========*/ header .navbar #primary-nav, header .navbar #root-nav ul { display: none; } header .navbar #logo { float: none; width: 215px; margin: 18px auto 0 auto; } header .navbar #root-nav { height: 68px; } header .navbar #root-nav #contact-sales { position: absolute; right: 0; top: 0; width: 78px; height: 68px; cursor: pointer; } header .navbar #root-nav #contact-sales .phone-icon { margin: 20px 27px; } header .navbar #root-nav #contact-sales #sales-number { display: none; } header #mobile-nav, header .btn-navbar { display: block; } header #mobile-nav { background: rgba(23, 59, 106, 0.9); } header #mobile-nav li a { color: #ffffff; border-radius: 0 0 0 0; } header #mobile-nav li a:hover { background: rgba(255, 255, 255, 0.2); } header .btn-navbar { float: left; width: 100%; padding: 18px 0; text-align: center; border: none; border-radius: 0 0 0 0; background: rgba(23, 59, 106, 0.9); font: 700 1.286em 'Lato', sans-serif; color: #ffffff; text-transform: uppercase; box-shadow: none; text-shadow: none; position: relative; } header .btn-navbar #nav-btn { position: absolute; left: 15px; top: 22px; } header .btn-navbar #nav-btn .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; } /* Splash */ #splash { font-size: 90%; } #splash .splash-title { padding: 230px 0 0 0; } /*============ Body ===========*/ .body-content #home-columns { padding-left: 16px; } .body-content #home-columns h4 { text-transform: uppercase; } .body-content #home-columns .span3 { vertical-align: top; width: 29%; margin-left: 4%; } .body-content #home-columns .media { margin-top: 0; } .body-content #home-columns .media .media-object { display: none; } .body-content .box-links { text-align: center; } .body-content .video-details { margin-top: 0px; } .body-content .video-details h3 { margin-top: 0; } .body-content .blog-title { text-align: center; } .body-content .white-note { width: 100%; } .body-content .white-note:nth-child(even) { margin-left: 0px; } /* Secondary nav */ #secondary-nav .nav li a { padding: 19px 20px; } #secondary-nav .blog-nav .blog-nav-section { margin: 0 6px; } #home-secondary .home-secondary-left { width: 61%; padding: 80px 0; margin-right: 11%; } #home-secondary .home-secondary-left h2 { margin-top: 0; } #home-secondary .home-secondary-left .span3 { width: 29%; } #home-secondary .home-secondary-right { width: 27%; padding: 80px 0 240px; } .subpage #body-container .body-content:last-child, .tertiary #body-container .body-content:last-child { padding: 80px 0 280px 0; } .blog #body-container .body-content:last-child, .news #body-container .body-content:last-child { padding: 40px 0 240px 0; } /*============ Footer ===========*/ footer #footer-top { margin: -188px auto 0 auto; text-align: center; } footer #footer-top .span3 { float: none; display: inline-block; vertical-align: top; text-align: left; } footer #footer-bottom .container { padding: 74px 0; } footer #footer-bottom #footer-buttons { margin-left: 0; } footer #footer-bottom #footer-buttons .footer-btn { margin-bottom: 15px; } footer #footer-bottom #footer-title { width: 34%; margin-left: 8%; } footer #footer-bottom #footer-address { width: 20%; margin-left: 8%; } footer #footer-bottom #social-links { clear: both; margin: 25px 0 0 0; width: 100%; text-align: center; } footer #footer-bottom #social-links ul { margin-top: 20px; text-align: center; } footer #footer-bottom #social-links ul li { float: none; display: inline-block; } footer #footer-bottom #social-links ul li img { width: 25px; } } /* ==================== Smartphone style ==================== */ @media (min-width: 0) and (max-width: 765px) { body { padding: 0; font-size: 80%; } h1 { font-size: 1.714em; } .navbar-inner { height: 130px; } /*============ Header ===========*/ header { height: 130px; } header .navbar { width: 100%; margin: 0; } header .navbar #primary-nav, header .navbar #root-nav { display: none; } header .navbar #logo { float: none; width: 215px; margin: 18px auto 0 auto; } header #mobile-nav, header .btn-navbar { display: block; } header #mobile-nav { background: rgba(23, 59, 106, 0.9); } header #mobile-nav li a { color: #ffffff; border-radius: 0 0 0 0; } header #mobile-nav li a:hover { background: rgba(255, 255, 255, 0.3); } header .btn-navbar { float: left; width: 100%; padding: 12px 0; text-align: center; border: none; border-radius: 0 0 0 0; background: rgba(23, 59, 106, 0.9); font: 700 1.286em 'Lato', sans-serif; color: #ffffff; text-transform: uppercase; box-shadow: none; text-shadow: none; position: relative; } header .btn-navbar #nav-btn { position: absolute; left: 15px; top: 15px; } header .btn-navbar #nav-btn .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; } /* Secondary nav */ #secondary-nav { clear: both; float: left; height: auto; border: none; margin: 0 auto; text-align: center; background: none; width: 100%; } #secondary-nav .nav { margin: 0; } #secondary-nav .nav li { display: inline-block; width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #cecece; } #secondary-nav .nav li:last-child { background: none; } #secondary-nav .nav li a { display: block; padding: 15px 0; font: normal 1.143em/1.143em 'Lato', sans-serif; color: #41659a; background: #E2E2E2; background-image: -ms-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%); background-image: -moz-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%); background-image: -o-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #d1d2d3)); background-image: -webkit-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%); background-image: linear-gradient(to bottom, #e2e2e2 0%, #d1d2d3 100%); } #secondary-nav .nav li a:hover { text-decoration: none; background: #ffffff; background-image: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); } #secondary-nav .nav .active a { text-decoration: none; background: #ffffff; background-image: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); } #secondary-nav .nav .active a:after { content: ''; } #splash, .blog #secondary-nav { display: none; } /*============ Body ===========*/ .body-content { padding: 10px 10%; } .body-content #home-columns { padding-left: 16px; } .body-content #home-columns h4 { text-transform: uppercase; } .body-content #home-columns .span3 { clear: left; float: left; width: 100%; margin: 0; padding: 30px 0; vertical-align: top; border-bottom: 1px solid #e9e9e9; } .body-content #home-columns .span3:last-child { border: none; } .body-content #home-columns .media { margin-top: 0; } .body-content #home-columns .media .pull-right { float: right; max-width: 77px; } .body-content #home-columns .media .media-object { width: 70%; } .body-content .box-links { text-align: center; } .body-content .row .box-img { display: none; } .body-content .video-details { margin-top: 0; } .body-content .video { margin-top: 20px; } .body-content .blog-title { text-align: center; } .body-content .blog-home-post { margin: 15px 0 0 0; } .body-content .news-events-column { width: 100%; margin: 0; } .body-content .news-events-column .news-events-post { margin: 5px 0; height: auto; border-right: none; border-left: none; } .body-content .news-events-column .news-events-post .news-icon, .body-content .news-events-column .news-events-post .event-icon { width: 13%; } .body-content .white-note { width: 100%; } .body-content .white-note:nth-child(even) { margin-left: 0px; } .body-content .white-note img { width: 24px; } #home-secondary { background: #f4f4f4; padding: 0 10%; } #home-secondary .home-secondary-left { display: none; } #home-secondary .home-secondary-right { width: 100%; padding: 30px 0; } #home-secondary .home-secondary-right .excerpt { margin-bottom: 30px; } #home-secondary .home-secondary-right .excerpt .excerpt-content { display: none; } .widget:after { background-size: cover; } .widget .widget-img img { width: 100%; max-width: none; } .subpage #body-container .body-content:last-child, .tertiary #body-container .body-content:last-child { padding: 10px 10%; } .blog #body-container .body-content:last-child, .news #body-container .body-content:last-child { padding: 10px 0 15px 0; } /*============ Footer ===========*/ footer #footer-top { margin: 0; width: 100%; } footer #footer-top .span3 { clear: left; float: left; width: 100%; display: inline-block; vertical-align: top; text-align: left; } footer #footer-top .span3:first-child { display: none; } footer #footer-top .span3 .footer-top-box { padding: 16px 18% 0 18%; } footer #footer-bottom .container { padding: 30px 14%; } footer #footer-bottom #footer-buttons { float: left; width: 100%; text-align: center; margin-left: 0; } footer #footer-bottom #footer-buttons .footer-btn { margin-bottom: 15px; } footer #footer-bottom #footer-title { clear: left; float: left; width: 100%; margin: 0; } footer #footer-bottom #footer-title #copyright { width: 100%; text-align: center; } footer #footer-bottom #footer-address { clear: left; float: left; margin: 30px 0 0 0; width: 100%; text-align: center; } footer #footer-bottom #footer-address address { margin: 0 auto; } footer #footer-bottom #social-links { clear: both; margin: 25px 0 0 0; width: 100%; text-align: center; } footer #footer-bottom #social-links ul { margin-top: 20px; text-align: center; } footer #footer-bottom #social-links ul li { float: none; display: inline-block; } footer #footer-bottom #social-links ul li img { width: 25px; } } .dnnDropEmptyPanes { min-width: 200px; height: 100px; border: 1px dashed lime; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }