/*
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap
All Start Bootstrap themes are licensed under Apache 2.0.
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/
/* Global Styles */
html, body {
height:100%;
width: 100%;
}
body {
padding-top: 0px; /* body padding for fixed top nav */
/*font-family: "Museo Sans", Helvetica, Arial, sans-serif;*/
font-family: Gibson-Regular, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
/*background-color: #222222;*/
background-color: #101820;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #54585e;
}
::selection{
background: #e1523d;
color:#FFFFFF;
}
::-moz-selection{
background: #e1523d;
color:#FFFFFF;
}
a:link, a:visited{
color:#E1523D;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: Gibson-Regular, Helvetica, Arial, sans-serif;
}
.nav.nav-tabs {
position: relative;
z-index: 4;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 25px;
padding-left: 25px;
}
.img-home-portfolio,
.img-customer,
.portfolio-item {
margin-bottom: 30px;
}
.tab-pane {
margin-top: 15px;
}
/* Page Sections */
.section,
.section-colored {
padding: 0px 0;
background-color: #FFFFFF;
}
.section-colored {
background-color: #e1e1e1; /* change this to change the background color of a colored section */
}
.sidebar {
margin-top: 40px;
}
.sidebar ul {
border-radius: 5px;
padding: 5px;
border: 1px solid #cccccc;
}
/* Half Page Height Carousel Customization */
.carousel {
height: 50%;
text-align:center;
}
.item .carousel-caption h1 .superscript {
font-size: 24px;
top: -1em;
}
/*sup{
font-size: 24px !important;
top: -1em !important;
}*/
.item,
.active,
.carousel-inner {
/* height: 100%;*/
}
.fill {
width: 100%;
height: 100%;
background-position: center;
background-size:cover;
opacity: 0.6;
}
.slide1 {
/* background-image: url('/sites/all/themes/my_theme/images/slides/slide1.jpg')*/
background-image: url('/sites/all/themes/my_theme/images/slides/slide-the_power_of_personal-b.jpg')
}
.slide2 {
background-image: url('/sites/all/themes/my_theme/images/slides/slide2.png');
background-size: contain;
background-repeat: no-repeat;
background-position: right center;
background-color: #181f26;
}
.slide3 {
background-image: url('/sites/all/themes/my_theme/images/slides/slide-conversant_personalization_platform-b.jpg')
}
.slide4 {
background-image: url('/sites/all/themes/my_theme/images/slides/slide-delivering_profound_and_lasting_growth-b.jpg')
}
.slide-overlay {
background-image: url('/sites/all/themes/my_theme/images/slides/slide3_overlay.png');
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
z-index: 2;
position: absolute;
}
/* Social Icons Styles */
.list-social-icons {
margin-bottom: 45px;
}
.tooltip-social a {
text-decoration: none;
color: inherit;
}
.facebook-link a:hover {
color: #3b5998;
}
.linkedin-link a:hover {
color: #007fb1;
}
.twitter-link a:hover {
color: #39a9e0;
}
.google-plus-link a:hover {
color: #d14836;
}
/* Service Page Styles */
.service-icon {
font-size: 50px;
}
/* 404 Page Styles */
.error-404 {
font-size: 8em;
}
/* Pricing Page Styles */
.price {
font-size: 4em;
}
.price-cents {
vertical-align: super;
font-size: 50%;
}
.price-month {
font-size: 35%;
font-style: italic;
}
/* Footer Styles */
footer {
margin: 50px 0;
min-height: 100%;
}
/* Adjustments */
.collapse{
display: block;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border: 1px solid #000000;
border-radius: 10px;
}
.carousel-indicators .active {
background-color: #000000;
}
/* Responsive Styles */
@media screen and (min-width: 768px) {
.carousel-indicators {
/*bottom: -50px;*/
}
.section .container .col-lg-4 {
width: 30%;
float:left;
margin:0px 10px 0px 10px;
padding-left: 0px;
}
/* .navbar-fixed-bottom{
display: none;
}*/
}
/*@media (max-width: 767px) {
.navbar-fixed-top{
display: none;
}
}*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
@media (min-width: 598px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.col-lg-6.col-lg-pull-6.col-md-6.col-md-pull-6.blurb-left strong, .col-lg-6.col-md-6.blurb-right strong {
color: #000000;
}
/*----------------- Mobile -----------------------*/
@media (min-width: 120px) and (max-width: 597px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
.col-sm-8 {
width: 100%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
text-align:left;
}
.main-container{
padding: 19px 10px 0;
background-color: #FFFFFF;
margin-top:-30px;
}
.announcement{
position:relative;
z-index:1100;
/* background-color:#7c6992; */
background-color:#49C5B1;
width: 100%;
top:0;
height:auto;
text-align: left;
clear: both;
color:#FFFFFF;
}
.announcement span.webinar-btn{
position: relative;
/* background-color:#a58bc3;*/
background-color:#50D9C2;
top:5px;
}
.announcement-container p.announcement-blurb{
margin-top: 22px; padding-left:50px;color:#ffffff;font-weight:bold;font-size:18px;
}
.header .navbar{
height:50px;
}
.navbar {
border-radius: 0px;
}
.navbar-inverse {
background-color: #222222;
border: none;
margin-bottom: 0px;
}
#site-name{
display: inline-block;
width: 100%;
text-align: center;
margin-top: 13px;
margin-bottom: 13px;
padding-left: 15px;
overflow: hidden;
width: 30%;
position: relative;
margin-left: 125px;
}
#site-name img{
width: 171px;
margin-left: -204px;
}
.region-header{
/*display: inline-block;
float: left;*/
}
.back-to-top:before{
content:"▲";
color: #FFFFFF;
}
.back-to-top{
float:right;
clear: both;
display: none;
}
.back-to-top a{
color: #FFFFFF;
}
.carousel {
height: 50%;
position: relative;
text-align: center;
top: 0px;
border-bottom: 5px solid #FFB500;
}
.carousel-inner{
overflow: visible;
}
.carousel-caption{
left:5%;
right:5%;
top:15%;
bottom:25%;
text-align: left;
position: absolute;
}
.slide1 {
background-position: center left;
/* background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide1.jpg')*/
background-size: 100%;
background-repeat: no-repeat;
height: 70%;
}
.slide2 {
background-position: center left;
background-size: cover;
background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide2a.jpg');
}
.slide3 {
background-position: center left;
/*background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide3.jpg')*/
background-size: 100%;
background-repeat: no-repeat;
height: 70%;
}
.slide4 {
background-position: center left;
/* background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide4.jpg')*/
background-size: 100%;
background-repeat: no-repeat;
height: 70%;
}
.slide-overlay {
background-image: none;
}
/*.btn-slider{
margin: 0px;
padding: 5px 10px;
background-color: #666666;
border: 1px solid #FFFFFF;
font-size: 12px;
width: 120px;
}*/
.carousel-caption h1 {
margin-top: 10px;
text-transform: uppercase;
/* border-top: 1px solid #FFFFFF;*/
border-bottom: 1px solid #FFFFFF;
font-size: 24px;
font-family: Gibson-Semibold;
text-align: left;
}
.carousel-caption h1 sup {
font-size: 12px;
top: -1em;
}
.carousel-caption .label{
font-style: italic;
font-size: 14px;
font-weight: 300;
color: #FFFFFFF;
padding: .2em;
}
.carousel-caption .sub-head{
font-weight: bold;
font-size: 13px;
margin-bottom: 7px;
font-style: italic;
text-align: left;
}
/* HOMEPAGE: Custom Carousel */
#myCarousel {
position: relative;
background-color: #221a26;
display: block;
height: 325px;
width: 100%;
overflow: hidden;
border-bottom: 5px solid #FFB500;
text-align: center;
top: -50px;
}
.item {
position: absolute;
z-index:1;
display: block;
width: 100%;
height: 100%;
top: 0px;
}
#myCarousel .item .active {
position:absolute;
left:0%;
}
#myCarousel .nDots {
position:relative;
z-index:2;
top:90%;
text-align: center;
padding: 0;
margin-left: auto;
margin-right: auto;
}
#myCarousel .nDots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border: 1px solid #FFFFFF;
border-radius: 10px;
}
#myCarousel .nDots .active {
background-color: #FFFFFF;
}
/* END HOMEPAGE: Custom Carousel */
/*.fill {
background-color: #ffffff
}*/
.contact-section-mobile {
margin-bottom: 10px;
padding-bottom: 20px;
}
/*img.imageblock-image {display:none}*/
.primaryWrapper{
position: relative;
top: -150px;
}
.block-image {
float: none;
margin-bottom: 10px;
width: 30px;
margin: 0 auto;
}
.block-image img{
width: 30px;
max-width: 100%;
display: block;
height: auto;
display: block;
}
.modal {
bottom: 0;
display: none;
left: 0;
overflow-x: auto;
overflow-y: scroll;
position: fixed;
right: 0;
top: 20%;
z-index: 1040;
}
.tb-megamenu {
position: absolute;
right: 10px;
display: none;
}
/*.tb-megamenu .nav-collapse .nav {
display: block;
float: right;
margin: 0 0 10px;
}
ul.tb-megamenu-nav{
width: 200px;
}
li.tb-megamenu-item{
background-color: #333333;
}*/
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover {
background-color: transparent;
color: #000000;
border-top: 0px solid #000000;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #999999;
color: #cacaca;
}
.tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus {
background-color: #999999;
background-image: none;
color: #FFFFFF;
}
.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
border-bottom-color: #444444;
color: #EEEEEE;
background-color: #333333;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
background-color: #333333;
color: #FFFFFF;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: #FFFFFF;
outline: 0 none;
text-decoration: none;
}
.tb-megamenu a.disabled, .tb-megamenu a.disabled:hover {
background-color: rgba(0, 0, 0, 0);
color: red;
cursor: default;
text-decoration: none;
}
.navbar #block-search-form {
display: none;
}
ul.mobile-search{
-moz-user-select: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px 4px 4px 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
margin: 0px;
padding: 0px;
text-align: right;
vertical-align: middle;
white-space: nowrap;
display: inline-block;
}
ul.mobile-search button.btn{
background-color: #cacaca;
}
ul.mobile-search a.head{
background-color: transparent;
}
/*
.pull-right {
float: none !important;
position: absolute;
right: 10px;
top: 3px;
}
*/
.nav > li > a{
padding:0px;
}
/* pull-right strong.caret{
display: none;
}
*/
.input-append {
padding-right: 0px;
width: 100%;
}
/* div.dropdown-menu {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: none;
float: left;
font-size: 14px;
right: 0 !important;
left: none;
list-style: none outside none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
top: 100%;
z-index: 1000;
}*/
.top-right-nav{
display: none;
}
.section, .section-colored{
padding: 0 20px;
}
.section-first{
clear:both;
margin-top: 100px;
}
/* rules to break up sections */
.row { border-top: 1px solid #cacaca;}/*#F2C75C*/
.service-last{
border-right: none;
}
.headline {
text-align: center;
/*width: 800px;*/
width: 100%;
margin: auto;
font-size: 28px;
font-weight: 300;
margin: 10px;
}
footer{
/*background-color: #000000;*/
background-color: #101820;
min-height: 100%;
}
.footer{
padding: 35px 20px 10px 20px;
margin-bottom: 0;
margin-top:0px;
}
.front-footer {
margin-top: 0px;
}
footer .nav li{
width: 100%;
float: left;
display:block; /* AJL */
padding:10px 0px 10px 0px;
}
footer.footer ul.menu li a.dropdown-toggle{
font-size: 18px;
color: #ffb500;
}
footer .nav > li a{
background-color: transparent;
color: #cacaca;
}
footer .nav .open > a{
background-color: transparent;
}
footer nav .open > a, footer .nav .open > a:hover, footer .nav .open > a:focus {
background-color: transparent;
border-color: transparent;
color: yellow;
}
footer .dropdown-menu > li > a:hover, footer .dropdown-menu > li > a:focus {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
text-decoration: none;
}
footer .nav > li > a:hover,
footer .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
footer .dropdown-menu{
position: relative;
background-color: transparent;
display: block;
z-index: 1;
}
footer.footer ul.menu li a.dropdown-toggle{
display:inline !important;
float:left !important;
}
footer.footer ul.menu li a.dropdown-toggle-new{
display:inline !important;
float:right !important;
}
.footer ul.legal_nav
{
text-align: center;
margin: 0;
margin-top:20px;
padding: 0;
}
footer ul.legal_nav li{
list-style-type: none;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
}
footer ul.legal_nav li a {
display: inline-block;
font-size:13px;
color: #FFFFFF;
}
footer ul.legal_nav li+li{
border-left: 1px solid #FFFFFF;
}
footer ul.legal_nav li a:hover {
color: #adadad;
text-decoration: none;
font-size: 13px;
}
.footer .power-tag
{
width: 100%;
text-align: center;
margin-top: -53px !important;
}
.copyright {
font-size: 12px;
color: #adadad;
margin-top: 10px;
}
ul#mobile-nav { display: none; }
.mobile-open { display: block; }
#pageslide { width: 200px; }
#pageslide #mobile-nav li { padding: 10px 0; border-bottom: 1px solid #666; }
#pageslide #mobile-nav li a { color: #FFF; border: none; }
#pageslide #mobile-nav li a:hover { text-decoration: underline; }
.contact-social-block {
margin: 30px 0px 0px 0px;
}
.footer .contact-social-block p{
color: #cacaca; /*CRA Edit */
}
.footer .contact-social-block h3{
color: #cacaca; /*CRA Edit */
text-align: center;
}
.footer .contact-social-block ul.social_buttons{
list-style-type: none;
text-align: center;
padding: 0;
}
.footer .contact-social-block ul.social_buttons li{
list-style-type: none;
display: inline;
}
.sideviewtoggle{
display: block;
width: 35px;
height: 35px;
position: absolute;
top: 3px;
left: 10px;
}
#togglemenu1{
display: block;
}
#togglemenu1 ul.menu ul.dropdown-menu{
display: block;
position: relative;
background-color:black;
}
.sidetogglemenu{ /* shared class for side toggle menus */
/*border-right: 5px solid #000000;*/
background-color: #000000;
width: 210px; /* default menu width *//* AJL changing default menu width 20131219*/
height: 100%;
position: fixed;
top: -100%;
clear: both;
display: block;
visibility: 'hidden';
/*box-shadow: 5px 0 5px rgba(174, 174, 174, .8);*/
-moz-transition: all 100ms ease-in-out; /* change 100ms to slide in animation time */
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.sidetogglemenu ul{
padding: 0;
margin: 0;
list-style: none;
font-family: Gibson-Regular, Helvetica, Arial, sans-serif;
}
.sidetogglemenu ul.nav li{
/*padding: 7px 10px;*/
background-color:black;
font-weight: normal;
border-top:#20201e solid 1px;
}
.sidetogglemenu ul.nav li a{
padding: 10px 0px 10px 20px;
display: block;
color: #ffffff;
text-decoration: none;
font-size: 11px;
background-color:#31302e;
}
.sidetogglemenu ul.nav li a:hover{
background: red;
color: white;
}
.sidetogglemenu ul li ul.dropdown-menu{
background-color: #000000;
float: none;
font-weight: normal;
}
.sidetogglemenu ul li ul.dropdown-menu > li a {
color:#ffffff;
font-size: 11px;
background-color:black;
}
.sidetogglemenu ul li ul.dropdown-menu > li a:hover {
background-color:#cacaca;
}
.content-search {
display: none;
background-color: #FFFFFF;
padding: 10px;
}
.mobile-search .open > a, .mobile-search .open > a:hover, .mobile-search .open > a:focus {
background-color: transparent;
border-color: transparent;
text-align: right;
}
/* comment out for new nav */
/*
.page-header {
border-bottom: 0px solid #EEEEEE;
padding-bottom: 9px;
position: relative;
z-index: 4;
max-width: 1200px;
margin: 0px auto 20px;
padding-left:0px;
font-family: Gibson-Light;
color: #000000;
}
*/
.sub-nav{
float: none;
/* background-color: #cacaca;*/
width: 80%;
/* margin: 25px;*/
}
.sub-nav ul, .sub-nav li{
display: block;
}
.sub-nav ul.menu li{
padding: 10px;
display: none;
}
.sub-nav li{
float: none;
}
.sub-nav li a.active{
color: red;
}
.sub-nav .menu select{
/* display: block; -- AJL commenting out 20131218 */
}
.col-lg-3 {
width: 100%;
float:none;
}
.col-md-3 footer{
text-align:center;
}
.hero-image{
position: absolute;
top:0;
z-index: 3;
height: 145px;
overflow: hidden;
width: 100%;
padding-bottom: 10px;
/* display:none; */
}
#contact-map{
display: none;
}
.btn, .btn-xs,.btn-lg, .btn-sm, .btn-red {width: 100%!important;padding: 10px!important;font-size: 16px!important;border-radius: 6px!important;}
/*********** AJL ADDITIONS ***********/
.contact-social-block h3 {
text-align:left
}
.block-body p {
text-align:center;
color:#b0b0b0;
}
.primaryWrapper .col-lg-4 {
margin-top:20px;
}
/***** TEST STYLING ON DROP MENU *****/
#block-menu-block-1 .menu-block-wrapper select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 13px;
line-height: 1;
border: 0;
border-radius: 0;
height: 25px;
-webkit-appearance: none;
}
#block-menu-block-1 .menu-block-wrapper {
width: 240px;
height: 25px;
padding-bottom:10px;
margin:15px 0px 0px 20px;
overflow: hidden;
border: 1px solid #ccc;
}
/***** end TEST STYLING ON DROP MENU *****/
/*********** end AJL ADDITIONS ***********/
/*----------------------------------right slide tab---------------------*/
.slide-out-div {
display: none;
}
/*.row-fluid article footer {
display: none;
}*/
.image-right{
float:none;
}
.image-left{
float: none;
}
.ie-not-working-map{
display:none;
}
.ie-working-map{
display:none;
}
.btn-sm, .btn-xs {
border-radius: 3px;
font-size: 12px;
line-height: 1.8;
padding: 0 20px;
width: 100%;
}
.btn-slider {
border-radius: 3px;
font-size: 12px !important;
line-height: 1.8 !important;
padding: 0 20px !important;
width:50% !important;
padding: 0px !important;
color: #FFFFFF !important;
}
a.btn-xs, a.btn-lg, a.btn-sm, a.btn-slider{
color: #E1523D;
}
a.btn-xs:hover, a.btn-lg:hover, a.btn-sm:hover, a.btn-slider:hover{
background-color:#E1523D;
color: #FFFFFF;
padding:0px 20px 0px 20px;
}
a.btn-sm, a.btn-xs{
font-family: Gibson-Semibold;
font-size: 16px;
/*height:40px !important; CRA*/
}
a.btn-lg{
font-family: Gibson-Semibold;
font-size: 16px;
padding: 15px 20px;
width: 100% !important;
height:40px !important;
}
.primaryWrapper a.btn-lg{
font-family: Gibson-Semibold;
font-size: 16px;
padding: 15px 20px;
width: 90% !important;
height:40px !important;
}
.primaryWrapper a.btn-slider{
font-family: Gibson-Semibold;
font-size: 16px;
padding: 10px 20px;
width: 90% !important;
height:40px !important;
}
.contact-section-mobile{
display: block;
margin-top: 10px;
/*border-top: 1px solid #6666666;
border-bottom: 1px solid #666666;*/
}
.contact-section-mobile p{
text-align: center;
font-size: 14px;
}
div.row div.col-xs-12 h3{
font-family: Gibson-Semibold;
text-transform: uppercase;
}
div.row div.col-xs-12 h4{
font-family: Gibson-Semibold;
font-size: 16px;
}
div.row div.col-xs-12 p{
text-align:center;
}
/*-------------New tab button ------------------*/
#contact-slide-out {
position: fixed;
z-index:3;
display: block;
height: 315px;
width: 250px;
line-height:1;
top:200px;
display:none;
}
/*----------end new tab----------------*/
.section .container h2{
text-transform: uppercase;
font-size: 18px;
font-family: Gibson-Semibold;
}
.section .container h3 a {
/*color: #E1523D;*/
color:#000000;
text-transform: uppercase;
font-size: 18px;
font-family: Gibson-Semibold;
}
.section .container h4 {
margin-top: 0px;
font-size: 16px;
font-family: Gibson-Semibold;
}
.hero-image{
display:none;
}
#header{
background-image:none;
background-color:#FFFFFF;
padding-top: 20px;
}
#web{
background-image:none;
}
/*#myCarousel {
position: relative;
background-color: #CCCCCC;
display: block;
height: 50%;
width: 100%;
overflow: hidden;
border-bottom: 5px solid #F2C75C;
text-align: center;
top: 0px;
}*/
.client-logo-wrapper {
margin-left: 0px;
text-align: center;
}
.client-logo-label{
display:block;
width: 100%;
text-align: center;
height: 40px;
}
#client-logo-mask {
width: 71%;
}
article div.col-md-12 div.field div.field-items div.field-item div.col-lg-12 div.col-xs-12 p{
text-align: center;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row{
margin-bottom: 20px;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-md-9{
width: 100%;
padding: 0 25px 0 25px !important;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-xs-12 p {
text-align: left;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-lg-3{
width:50%;
margin: 10px auto;
}
h2.solution-line{
text-align: center;margin: auto;background-color: none;display: inline;padding: 0px;
}
article .col-md-3 article .main-container article{
padding: 20px 0;
}
}
/*-------------------------------------------END Responsive START Desktop above 600px-----------------*/
@media (min-width: 598px){
/***** AJL 20140120 *****/
.group1 { margin:20px 0px 20px 0px !important; }
.col-sm-8 {
width: 95%;
}
.announcement{
position:relative;
z-index:1100;
/* background-color:#7c6992; */
background-color:#49C5B1;
width: 100%;
top:0;
height:50px;
text-align: left;
color:#FFFFFF;
}
.announcement span.webinar-btn{
position:relative;
/* background-color:#a58bc3;*/
background-color:#50D9C2;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#site-name{
display: /*inline-*/block;
padding-top: 0px;
line-height: normal;
font-weight: normal;
margin: 17px 0px 0 20px; /*CRA */
float:left; /* SEK */
}
.announcement-container p.announcement-blurb{
margin-top: 22px; padding-left:50px;color:#ffffff;font-weight:bold;font-size:18px;
}
#site-name a {
color:#000000;
}
.region-header{
display: inline-block;
/* position: absolute; test SEK */
top:15px;
float: right;
}
#block-tb-megamenu-main-menu{
display: inline-block;
margin-left: 20px;
margin-top: 7px;
}
.tb-megamenu.tb-megamenu-main-menu
{
filter: none;
}
.navbar-inverse {
background-color: transparent;
border: none;
}
.carousel {
height: 50%;
position: relative;
text-align: center;
top: -90px; /* CRA edit */
border-bottom: 5px solid #FFB500;
}
.navbar #block-search-form {
float: none;
margin: 5px 0 5px 5px;
display: inline-block;
vertical-align: top;
}
ul.mobile-search{
display: none;
}
.input-append {
padding-right: 0px;
width: 100%;
/*background-image: url('sites/all/themes/my_theme/images/iconmonstr-magnifier-icon.svg');*/
background-size: 20px 20px;
background-position:right;
}
/* div.dropdown-menu {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: block;
float: left;
font-size: 14px;
left: 0;
list-style: none outside none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
top: 100%;
z-index: 1000;
}
*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: #888888;
outline: 0 none;
text-decoration: none;
}
.dropdown-menu > .active > a:hover{
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: #FFB500;
outline: 0 none;
text-decoration: none;
}
.sidebar ul.dropdown-menu{
border: 0px;
}
.dropdown-menu {
top: 100%;
/*left: 0;*/
z-index: 1;
display: block;
float: left;
min-width: 160px;
padding: 5px 0;
margin: -15px 0 0 -4px;
font-size: 14px;
list-style: none;
background-color: transparent;
border: 0px;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
background-clip: padding-box;
position: relative;
overflow: hidden;
}
.footer .dropdown-menu {
font-size:12px;
top: 0px;
}
.header .navbar{
/*background-color: #000000;
background: rgba(255, 255, 255, 0.85);*/
/*background: rgba(0, 0, 0, 0.85);*/ /* CRA Edit */
padding: 5px /*0 0 2*/0px;
/*min-height: 60px; SEK */
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height:90px;
}
.top-right-nav{
font-size: 12px;
/*display: inline;
width: 500px; SEK edit*/
display: block;
width: 100%;
font-size: 12px;
/*margin-top: -6px; CRA edit */
padding-bottom: 25px;
}
.top-right-nav ul{
list-style-type: none;
padding-left: 0px;
margin-bottom:0px; /* CRA edit */
/* margin-right: 20px;*/
float: right;
}
.top-right-nav ul li{
float: left;
margin: 0 9px;
text-transform:uppercase;
}
.top-right-nav ul li a{
color:#cacaca;
}
.top-right-nav ul li a:hover, .top-right-nav ul li.open{
text-decoration: none;
background-color: transparent;
}
.top-right-nav ul li.button a:link, .top-right-nav ul li.button a:visited{
/*border: 1px solid #EEEEEE; CRA Edit*/
border-radius: 0 0 5px 5px;
color: #cacaca;
padding: 7px 15px 10px;
font-family: Gibson-Semibold;
}
.top-right-nav ul li.button{
margin-top:-1px;
}
.top-right-nav ul li.button a:hover{
text-decoration: none;
box-shadow: 0;
}
.top-right-nav ul li button[type="submit"]{
/*display: none; SEK */
color: white;
background: none;
border: none;
padding:0px}
.back-to-top:before{
content:"▲";
color: #FFFFFF;
}
.back-to-top {
float: right;
clear: both;
position: absolute;
top: 50px;
padding: 0;
margin: 0;
right: 20px;
display: none;
}
.back-to-top a{
color: #FFFFFF;
}
/* article .col-lg-3 {
width: 25%;
float:left;
padding:0;
margin-top:-3px;
}
*/
div#top-statement.section h2 {
text-transform: uppercase;
font-family: Gibson-Semibold;
font-size: 29px;
margin-top: 30px;
margin-bottom: 20px;
}
.section-first{
margin-top: 0px;
/* padding-bottom: 20px;*/
margin-bottom: -15px;
}
.container{
min-width: 100%;
}
.container-smaller{
min-width: 1170px;
}
.row{
padding: 0px 20px 0px 80px;
margin: 0 auto 20px;
max-width: 1280px;
}
.service-last{
border-right: 1px #cacaca solid;
}
.col-md-9 .field-name-body p, .col-md-12 .field-name-body p{
font-size: 16px;
line-height: 25px; /*CRA Edit */
/*color: #333333;*/ /*CRA Edit */
color: #555555;
}
.sub-headline, div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 .col-lg-6 h4, div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 h4{
color: #101820 !important;
font-size: 20px !important;
/*font-weight: bold;*/
margin-bottom: 13px;
}
div#wrapperPrimary div.main-container h4 {
color: #101820 !important;
font-size: 20px !important;
font-family: Gibson-Semibold;
margin-bottom: 13px;
}
footer{
/*background-color: #222222;*/
background-color: #101820;
max-height: 320px;
}
.footer{
padding: 35px 20px 36px 20px;
margin-bottom: 0;
color: #cacaca;
/*min-height: 100%;*/
margin: 0 auto;
max-width: 1280px;
border-top: 1px none #000000;
}
footer .nav li{
width: 180px; /* CRA edit */
float: left;
display:inline; /* AJL */
}
footer.footer ul.menu li a.dropdown-toggle{
font-size: 18px;
}
footer .nav > li a{
background-color: transparent;
color: #6a6a6a;
}
footer .nav .open > a{
background-color: transparent;
}
footer nav .open > a, footer .nav .open > a:hover, footer .nav .open > a:focus {
background-color: transparent;
border-color: transparent;
color: yellow;
filter: none;
}
footer .dropdown-menu > li > a:hover, footer .dropdown-menu > li > a:focus {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
text-decoration: none;
filter: none;
}
footer .nav > li > a:hover,
footer .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
filter: none;
}
.footer .footer-main-nav {
float:left;
margin-right: -30px;
}
.footer .footer-publisher-nav{
float: left;
margin-bottom: 20px;
margin-left: 60px;
margin-right: 0;
width: 126px;
}
.footer .contact-social-block {
border-left: 1px solid #4F4C4E;
float: right;
padding-left: 30px;
margin-right: 90px;
}
.footer .contact-social-block ul.social_buttons{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
.footer .contact-social-block ul.social_buttons li{
list-style-type: none;
display: inline;
}
.legal-nav {
clear: both;
max-width: 1280px;
}
ul.legal_nav {
width: 50% !important;
}
.footer .leaf.menu-mlid-489
{
display: none;
}
/* .nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: transparent;
color: blue;
}*/
.tb-megamenu{
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
/* float: right;*/
}
.tb-megamenu .nav > li > a {
background-image: none;
border-right: medium none;
/*color: #000000;*/
color: #FFFFFF; /* CRA edit */
font-family: Gibson-Regular;
padding: 5px 0px 0;
margin: 0 10px;
border-bottom: 2px solid transparent;
text-transform: uppercase;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: #FFFFFF;
outline: 0 none;
text-decoration: none;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
border-color: #000000;
}
.tb-megamenu .nav .open > a{
background-color: transparent;
}
.tb-megamenu .nav > li {
float: left;
margin-left: 30px;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus{
/*color: #FFB500;*/
color: #FFFFFF;
}
/* CRA add */
.tb-megamenu a.disabled, .tb-megamenu a.disabled:hover {
cursor: pointer;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
color: #FFB500;
border-bottom: 2px solid #FFB500;
/* margin-top: 0px; */
cursor: pointer;
/* padding-bottom: 0px; */
/* margin-bottom: 11px; */
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
color: #FFB500;
font-size: 16px;
font-weight: 600;
text-transform: none;
line-height: 30px;
}
.tb-megamenu .mega.open > .mega-dropdown-menu, .tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
display: block;
margin: 0px 10px;
}
.tb-megamenu .dropdown-menu {
background-color: rgba(0,0,0, 0.85);
border: none;
}
.ui-autocomplete{
z-index: 1031;
}
h1{
font-weight: 300;
position: relative;
z-index: 1;
}
article .h2{
margin-bottom: 40px;
}
.col-md-12 article .field .field-items .field-item p{
font-size: 16px;
line-height: 25px; /*CRA Edit */
padding-bottom: 0px;
margin: 0 0 20px;
}
.col-md-12 article .field .field-items .field-item ul li {
font-size: 16px;
padding-bottom: 5px;
line-height: 25px;
}
div.col-md-12 article div.col-md-3 article div.field div.field-items div.field-item article div.col-md-9 div.field div.field-items div.field-item p{
font-size: 14px;
line-height: 1.42857;
margin: 0;
}
.col-md-12 article .field .field-items .field-item .row .col-lg-6 p{
font-size: 16px;
line-height:25px;
color: #555555;
margin: 0 0 20px;
}
.col-md-12 article .field .field-items .field-item .row .col-lg-6 ol{
font-size: 16px;
line-height:27px;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-md-12{
padding:0;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-md-9{
padding: 0 20px 0 0;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.row div.group1 div.col-lg-6{
padding-left: 0;
padding-right: 0;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-lg-6{
padding-left: 0;
padding-right: 0;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.blurb-left {
margin-top: 0;
padding: 0px 0px !important;
padding-right: 30px !important;;
/*background-color:#e9e9e9;*/
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.blurb-right {
margin-top: 0;
padding: 0px 0px !important;
padding-left: 30px !important; /***** AJL *****/
/*background-color:#e9e9e9;*/
}
.image-left { padding-top:10px !important; padding-bottom:30px !important; }
.image-right { padding-top:0px !important; padding-bottom:30px !important; }
.grou1 { margin:0px !important; }
/*.col-lg-6.col-lg-push-6.col-md-6.col-md-push-6.img-right {
padding-left: 30px !important;
}
.col-lg-6.col-md-6.img-left {
padding-right: 30px !important;
}*/
.headline {
text-align: left;
width:65%;/*CRA Edit */
margin: 0 0 40px 0px;/*CRA Edit */
font-size: 31px;
text-transform:uppercase;/*CRA Edit */
font-family: Gibson-Semibold;
line-height: 35px;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 h3{
font-family: Gibson-Semibold;
font-size: 28px;
color: #E1523D;
margin-top: 0;
}
.page-node-23 div#wrapperPrimary div.main-container div.row-fluid div.hidden-lg h3 {
margin-top:40px;
margin-left:24px;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 .col-lg-6 h3{
font-family: Gibson-Semibold;
font-size: 28px;
color: #E1523D;
margin-top: 0;
}
.sideviewtoggle{
display: none;
}
#togglemenu1{
display: none !important;
}
.sub-nav{
/*float: right; CRA Edit*/
display: block;
/* margin-bottom: 90px;*/
/*margin-right: 70px;*/
max-width:1280px;
margin: 0 auto 75px;
}
.sub-nav ul, .sub-nav li{
display: inline;
/* float: right;*/
}
.sub-nav li{
float: left;
text-transform: uppercase;
}
.sub-nav li a{
font-family: Gibson-Semibold;
font-size: 13px;
color:#6a6a6a;
}
.sub-nav li a.active{
/*background-color: #cacaca;*/
color:#e1523d;
}
.sub-nav li a:hover, .sub-nav li a:focus, .sub-nav li.open > a:hover{
background-color: #FFF;
color:#e1523d;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #FFFFFF;
border-color: transparent;
}
.sub-nav .menu select{
display: none;
}
.region-sub-nav{
float:right;
}
.carousel-caption{
z-index: 0;
left: 50px;
padding-bottom: 30px;
width: 800px;
text-align: left;
padding-top:0;
top: 20%
}
.video-blurb{
display: none;
}
/*.btn-slider{
margin: 20px 0 0 0;
padding: 10px 20px;
background-color: #666666;
border: 1px solid #FFFFFF;
}*/
.carousel-caption h1{
/*
margin-top: 55px;
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
font-size: 45px;
font-family: Gibson-Semibold;
line-height: 43px;
padding: 15px 0;
*/
font-family: Gibson-Semibold;
font-size: 70px;
line-height: 57px;
margin-top: 0;
padding: 15px 0 0;
text-transform: uppercase;
}
.carousel-caption .label{
font-style: italic;
font-size: 14px;
font-weight: 300;
}
.carousel-caption .sub-head{
font-weight: bold;
font-size: 18px;
margin-bottom: 7px;
font-weight: 500;
font-style: italic;
padding-top:4px;
}
.modal {
bottom: 0;
display: none;
left: 0;
overflow-x: auto;
overflow-y: scroll;
position: fixed;
right: 0;
top: 10%;
z-index: 1040;
}
.modal-dialog {
left: 50%;
padding-bottom: 30px;
padding-top: 30px;
right: auto;
width: 870px;
}
/*----------------------------------right slide tab---------------------*/
/*a.handle{
text-indent: 0px;
background-color: black;
padding: 10px;
}
.slide-out-div a.handle span.tab-label{
display:block;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
left: -20px;
top: 40%;
width: 80px;
}*/
.slide-out-div {
padding: 0 20px 20px;
width: 250px;
background: #ffcc33;
border: #29216d 0px solid;
z-index:1;
position: relative;
}
.hero-image{
position: absolute;
top:0;
z-index: 3;
height: 165px;
overflow: hidden;
width: 100%;
/*background-image: url("/sites/all/themes/my_theme/images/blur4.png");*/
}
.block-image{
float: left;
margin-bottom: 110px;
margin-right: 10px;
width: 40px;
}
.imageblock-image {
width: 100%;
}
.block-body h3{
margin-top: 0px;
}
.field-item .col-md-9{ width:100%; }
.ui-autocomplete-input {
background-image: none;
}
.ui-autocomplete-loading {
background-image:none;
}
.main-container{
margin: 0px 0px 0;
padding: 19px 40px 40px;
background-color: #FFFFFF;
}
.container-largest{
padding: 19px 0 0;
}
.image-right{
/* float:right; */
padding:0px 0px 0px 40px;
}
.image-left{
/* float: left; */
padding:0px 40px 0px 0px;
}
.ie-working-map{
display:none;
}
.btn-sm, .btn-xs {
border-radius: 3px;
font-size: 12px;
line-height: 1;
padding: 5px 20px 4px;
}
/*a.btn-xs, a.btn-lg, a.btn-sm{
color: #E1523D; CRA Edit
}*/
a.btn-xs:hover, a.btn-lg:hover, a.btn-sm:hover{
background-color:#E1523D; /*CRA Edit */
color: #FFFFFF;
}
a.btn-sm, a.btn-xs{
font-family: Gibson-Regular;
font-size: 14px;
/*padding:5px 15px 5px 15px; CRA Edit*/
}
a.btn-lg {
font-family: Gibson-Semibold;
font-size: 14px;
padding: 11px 20px;
}
.content-smaller{
max-width: 1280px;
margin: 0 auto;
padding-left: 45px;
}
.contact-section-mobile{
display:none;
}
div.row div.col-xs-12 h3{
font-family: Gibson-Semibold;
text-transform: uppercase;
}
div.row div.col-xs-12 h4{
font-family: Gibson-Semibold;
font-size: 16px;
}
/*-------------New tab button ------------------*/
#contact-slide-out {
position: fixed;
z-index:3;
display: block;
height: 315px;
width: 300px;
line-height:1;
top:200px
}
#contact-slide-out.open-contact {
right:0px;
}
#contact-slide-out.close-contact {
right:-300px;
}
/*
#contact-slide-out-tab{
background-image: url('/sites/all/themes/my_theme/images/lets_connect_btn.png');
width: 39px;
height: 178px;
display: block;
text-indent: -99999px;
outline: none;
position: absolute;
top: 0px;
left: -39px;
background-position: initial initial;
background-repeat: no-repeat no-repeat;
cursor: pointer;
}
*/
#contact-slide-out-tab{
/* background-image: url('/sites/all/themes/my_theme/images/lets_connect_btn.png');*/
width: 39px;
height: 178px;
display: block;
/* text-indent: -99999px;*/
outline: none;
position: absolute;
top: 0px;
left: -39px;
background-position: initial initial;
background-repeat: no-repeat no-repeat;
cursor: pointer;
background-color: #ffb500;
top: 0;
width: 39px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.connect_text {
font-family: Gibson-SemiBold;
font-size: 16px;
left: -37px;
position: relative;
text-transform: uppercase;
top: 80px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
width: 119px;
color:#000000;
}
#contact-slide-out .tab-content{
padding: 20px 20px 20px;
width: 300px;
background: #FFB500;
border: #29216d 0px solid;
z-index: 1;
margin-top:1px;
height:auto;
}
/* comment out for new nav */
/*
.page-header {
border-bottom: 0px solid #EEEEEE;
position: relative;
z-index: 4;
max-width: 1280px;
margin: -2px auto 20px;
font-family: Gibson-Light;
color: #cacaca;
padding: 19px 25px 9px;
}
*/
.tb-megamenu .btn-navbar {
display:none;
}
.tb-megamenu .nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
footer.footer ul.menu li a.dropdown-toggle{
font-size: 16px;
color: #adadad;
padding: 0px 15px;
display:inline;
}
footer .dropdown-menu > li > a:hover, footer .dropdown-menu > li > a:focus {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: #FFB500;
text-decoration: none;
}
footer .nav > li > a:hover,
footer .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
.section .container h3{
margin-bottom: -2px;
}
.section .container h3 a{
/*color: #E1523D;*/
color:#000000;
text-transform: uppercase;
font-size: 20px;
font-family: Gibson-Semibold;
}
.section .container h3 a:hover{
text-decoration: none;
}
.section .container h4{
margin-top: 0px;
font-size: 16px;
font-family: Gibson-Semibold;
}
.top-right-nav .tablet-portrait-search-block{
display:none;
}
/* HOMEPAGE: Custom Carousel */
#myCarousel {
position: relative;
background-color: #221a26;
display: block;
height: 50%;
min-height: 450px;
width: 100%;
overflow: hidden;
border-bottom: 5px solid #FFB500;
text-align: center;
top: 0px;
}
.item {
position: absolute;
z-index:1;
display: block;
width: 100%;
height: 100%;
top: 0px;
background-color: #000000;
}
#myCarousel .item .active {
position:absolute;
left:0%;
}
#myCarousel .nDots {
position:relative;
z-index:2;
top:90%;
text-align: center;
padding: 0;
/*margin-top: 25px;*/
margin-left: auto;
margin-right: auto;
}
#myCarousel .nDots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
/*border: 1px solid #FFFFFF;*/
border-radius: 10px;
border: 1px solid #b0b0b0;
}
#myCarousel .nDots .active {
background-color: #9FA3A6;
}
/* END HOMEPAGE: Custom Carousel */
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.row{
margin-bottom: 50px;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.row .col-lg-3{
width: 22%;
}
/*
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.row .headline {
text-align: left;
width: 85%;
margin: 125px 0 40px 0px;
font-size: 25px;
text-transform: uppercase;
font-family: Gibson-Regular;
line-height: 35px;
color: #000000;
}
*/
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article#node-36 div.col-md-9{
width: 75%;
padding: 95px 0px 0 0px;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article#node-36 div.col-md-9 div.field-items div.row div.col-md-9{
width: 75% !important;
padding: 0px 0px 0 0px;
}
h2.solution-line{text-align: center;margin: auto;background-color: white;display: inline;padding: 30px;}
#header
{
height: 77px;
background: url('/sites/all/themes/my_theme/images/blur7.jpg') no-repeat center #2e2229;
margin-top:23px;
}
.wrapper
{
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-left: 15px !important;
padding-top:5px;
}
#web
{
background: url('/sites/all/themes/my_theme/images/header-web.png') no-repeat;
width: 490px;
height: 77px;
position: absolute;
top: 0;
right: 0;
}
}
@media (min-width: 772px) and (max-width:942px) {
.container-larger{
margin-top: -40px;
}
}
/*
@media (min-width: 598px) and (max-width:771px) {
#header {
margin-bottom: -40px;
}
.wrapper {
padding-top: 15px;
}
}
*/
/*------------------------------------------------END Desktop ---------------------------------*/
/*------------------------------------------------Keep main nav expanded ---------------------------------*/
@media (min-width: 929px) {
.container {
max-width: 1170px;
}
}
/*------------------------------------------------END keep nav expanded ---------------------------------*/
/*@media (min-width: 1281px){
.region-sub-nav {
float: none;
margin:auto;
max-width: 1280px;
}
}*/
.col-md-4 .field-name-field-video-headline{
margin-bottom: 30px;
}
.announcement{
position:relative;
z-index:998;
/* background-color:#7c6992; */
background-color:#49C5B1;
width: 100%;
top:0;
height:auto;
text-align: left;
clear: both;
}
/*.tb-megamenu .nav > li > a:hover {
border-top: 2px solid #ffffff;
background-color: none;
}
.tb-megamenu a.disabled{
background-color: rgba(0, 0, 0, 0);
color: #999999;
cursor: default;
text-decoration: none;
}
.tb-megamenu a.disabled:hover {
background-color: rgba(0, 0, 0, 0);
color: #999999;
cursor: default;
text-decoration: none;
border-top: 2px solid #ffffff;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
background-color: transparent;
color: #000000;
outline: medium none;
text-decoration: none;
text-shadow: none;
border-top: 2px solid #ffffff;
}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
background-color: transparent;
box-shadow: none;
color: #000000;
outline: medium none;
text-shadow: none;
border-top: 2px solid #ffffff;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
background-color: transparent;
color: #000000;
}
.tb-megamenu .dropdown-menu {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-clip: padding-box;
background-color: #000000;
border-color: none;
border-image: none;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0 0 0 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-style: none solid solid;
border-width: medium 1px 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
display: none;
float: left;
left: 0;
list-style: none outside none;
margin: 0;
min-width: 160px;
padding: 0;
position: absolute;
top: 100%;
z-index: 1000;
}
.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a {
background-color: inherit;
background-image: none;
color: #cacaca;
text-decoration: none;
}
.tb-megamenu .mega-nav > li.white-link, .tb-megamenu .dropdown-menu .mega-nav > li.white-link {
color:#ffffff;
}*/
.input-append input {
margin-right: 10px;
width: 135px !important;
border: 0px;
color: #FFFFFF;
background-color: transparent;
/*border-bottom: 1px solid;SEK */
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 form#search-form.search-form div div#edit-basic.container-inline div.input-append input#edit-keys.search-query {
background-color: rgba(0, 0, 0, 0);
border: 0 none;
color: #000000;
margin-right: 10px;
width: 245px !important;
}
.container-inline {border-bottom: 1px solid #4f4c4E;} /*SEK*/
.header
{
position:relative;
top:0px;
width:100%;
z-index: 998;
/* background: rgba(0, 0, 0, 0.85); */
background: rgba(0, 0, 0, 1);
}
.stalker{
height: auto;
}
/*.header{
width:100%;
height:100px;
position:fixed;
top:0px;
z-index:1200;
}
.header #background, .header .navbar
{
position:absolute;
top:0px;
width:100%;
height:100%;
}
.header .navbar{
background-color:transperent;
}
.header #background{
background-color:#000000;
display:none;
opacity: 1;
}*/
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/*.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
*/
/*@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
}
*/
.breadcrumb {
background-color: transparent;
border-radius: 4px 4px 4px 4px;
list-style: none outside none;
margin-bottom: 10px;
padding: 0px 0px;
/* border-bottom: 1px solid #EEEEEE; */
max-width:1335px;
padding: 0 0 0 0px; /*Edit CRA */
margin: 0 auto;/*Edit CRA */
}
.breadcrumb span.divider{
display: inline;
padding: 0px 5px;
color:#999999;
}
.breadcrumb li a{
color:#999999;
}
.breadcrumb > li + li:before {
display: none;
}
.tb-megamenu .nav > .dropdown > .dropdown-toggle .caret {
display: none;
}
.caret{
display: none;
}
/*---------------------footer legal nav----------------------*/
ul.legal_nav{
display: inline-block;
width: 100%;
margin-left: -60px;
}
ul.legal_nav{
list-style-type: none;
display: inline-block;
font-size:12px;
color:#6a6a6a;
}
ul.legal_nav li{
list-style-type: none;
display: inline;
padding: 0 20px;
}
ul.legal_nav li+li{
border-left: 1px solid #FFFFFF;
}
ul.legal_nav li a{
color: #adadad;
font-size:12px;
}
.copyright {
font-size:10px;
}
ul.legal_nav li a:hover{
color: #adadad;
text-decoration: none;
font-size:12px;
}
#smallscreentoggler{
display: none;
}
/*.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}*/
.top-area{
margin-bottom: 40px;
}
.col-md-3 .col-md-12{
padding: 0;
}
.col-md-3 h2{
margin-top:0;
font-size: 14px;
display: none;
}
.col-md-3 h4{
font-size: 12px;
}
.col-md-3 p{
font-size:12px;
}
.col-md-3 footer{
padding: 0;
margin:0;
background-color: transparent;
}
.col-md-3 footer ul{
list-style-type: none;
list-style-position: outside;
padding:0;
}
.col-md-3 footer ul li a {
margin-bottom: 10px;
display: block;
}
.col-md-3 footer ul li a:after {
content: ">";
margin-left: 5px;
display: inline;
}
.col-md-3 .col-md-9{
float: none;
padding: 0;
}
.col-md-3 .col-md-3{
display: none;
}
.col-md-3 div.field-items .field-item article{
padding-left: 0px;
}
.col-md-3 .field-type-entityreference .node-website-page h2{
/*font-size: 15px;*/
display: block;
margin: 7px 0 0px 0px;
text-align:left;
}
.col-md-3 .field-type-entityreference .node-website-page #header{
background: none;
display: block;
margin: 7px 0 0px 0px;
text-align:left;
height: 100%;
}
.col-md-3 .field-type-entityreference .node-website-page #header .wrapper{
padding:0 !important;
margin:0;
}
.col-md-3 .field-type-entityreference .node-website-page #header #web{
display: none;
}
.col-md-3 article header h2, .col-md-3 article #header h1{
margin-bottom: 5px;
font-size: 16px;
margin-top:0px;
}
.col-md-3 article header h2 a, .col-md-3 article #header h1 a{
color: #000000;
text-decoration: none;
font-family: Gibson-Semibold;
}
.col-md-3 article .field-item article .headline{
display: none;
}
.col-md-3 article .col-md-9 .field-item p{
line-height: 15px;
font-size: 13px;
margin-bottom: 0px;
}
.col-lg-3 article .col-md-9 footer ul li a{
color: #E1523D
}
.col-md-3 .field-item article footer ul.links li.node-readmore a{
color: #E1523D;
font-family: Gibson-Semibold;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
}
.wistia_embed{
position: absolute;
top:0;
}
#example_video_1{
position: absolute;
top:0;
width:100%;
left:0;
height: 100%;
}
.row-no-margin{
margin:0;
padding:0;
}
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------Adjust logo and main nav-------*/
@media (min-width : 929px)
and (max-width : 1012px)
{
.header .navbar {
background: rgba(0, 0, 0, 0.85);
padding: 5px /*0 0 2*/0px;
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height: 90px;
}
#site-name {
width: 163px;
}
#site-name img{
width: 100%;
}
.tb-megamenu .nav > li {
float: left;
margin-left:30px;
}
}
.footer .leaf.menu-mlid-489
{
display: none;
}
/*-------------FOOTER fix ---------------*/
@media (min-width : 1133px) and (max-width : 1259px)
{
footer menu.nav li {
width: 166px;
float: left;
display: inline;
}
.footer .footer-publisher-nav{
float:left;
margin-left: 30px;
/*border-right: 1px solid #4F4C4E;*/
margin-right: 0px;
width: 73px;
}
.footer .contact-social-block{
margin: 0px 20px 0 0px;
padding-left: 20px;
}
}
/* -------- TABLET portrait ----------*/
@media (min-width : 598px) and (max-width : 767px)
{
.header .navbar {
background: rgba(0, 0, 0, 0.85);
padding: 5px /*0 0 2*/0px;
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height: 90px;
}
.tablet-portrait-search-icon-open{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 20px 20px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.tablet-portrait-search-icon-close{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 20px 20px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 20px;
height: 20px;
float: right;
}
.top-right-nav{
padding-bottom: 25px;
}
/* .top-right-nav .tablet-portrait-search-block{
display:block;
position: absolute;
right: 20px;
z-index: 5001;
}
.tablet-portrait-search-field{
display: block;
position: absolute;
width: 100%;
top: 0px;
height: 70px;
z-index: 5000;
left: 0;
padding-top: 30px;
background: rgba(0, 0, 0, 0.85);
}
.tablet-portrait-search-field form .form-search{
width: 400px;
border: 1px solid #FFF;
margin: 0 auto;
}
.input-append input {
margin-right: 10px;
width: 93% !important;
border: 0px;
color: #FFFFFF;
background-color: transparent;
}
.tablet-portrait-search-field button[type="submit"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #FFFFFF;
padding: 0;
}*/
#site-name {
display: block;
padding-top: 0px;
line-height: normal;
font-weight: normal;
margin: 0px 0px 0 0px;
float: left;
width: 163px;
}
#site-name img{
width: 100%;
}
/* div.top-right-nav ul li form#search-block-form--2.form-search{
display:none;
}*/
.tb-megamenu .mega.open > .mega-dropdown-menu{
display: block;
max-height: 600px;
/* overflow-y: scroll;*/
overflow: hidden;
}
.tb-megamenu .nav > li {
float: left;
font-size: 13px;
margin-left: 4px;
}
.tb-megamenu .nav > li > a {
background-image: none;
border-right: medium none;
color: #000000;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0px;
}
#block-tb-megamenu-main-menu {
display: inline-block;
margin-left: 0px;
margin-top: 7px;
text-align: left;
}
.tb-megamenu .row-fluid, .tb-megamenu .mega-dropdown-menu, .tb-megamenu .row-fluid [class*="span"] {
width: 250px !important;
}
.tb-megamenu .mega-dropdown-inner{
background-color:#000000;
width: 300px;
height: auto;
overflow-y:scroll;
}
.tb-megamenu ul.tb-megamenu-subnav .mega-dropdown-inner{
width: 100%;
overflow: hidden;
}
.hero-image{
display:none;
}
#header{
background-image:none;
background-color:#FFFFFF;
}
#web{
background-image:none;
}
.page-header{
color: #000000;
}
.row {
padding: 0px 0px 0px 0px;
margin: 0 auto 20px;
max-width: 767px;
}
.col-lg-4{
width: 40%;
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
float: left;
margin: 0 50px;
}
.block-image {
float: none;
margin-bottom: 10px;
width: 30px;
margin: 0 auto;
}
.block-image img{
width: 30px;
max-width: 100%;
display: block;
height: auto;
display: block;
}
.section .container h3 a {
/*color: #E1523D;*/
color:#000000;
text-transform: uppercase;
font-size: 18px;
font-family: Gibson-Semibold;
}
#contact-slide-out-tab{
display: none;
}
.client-logo-wrapper {
margin-left: 0px;
text-align: center;
}
.client-logo-label{
display:block;
width: 100%;
text-align: center;
height: 40px;
}
#client-logo-mask {
width: 80%;
}
.carousel-caption h1 sup {
font-size: 18px;
top: -1em;
}
footer{
/*background-color: #000000;*/
background-color: #101820;
min-height: 100%;
}
.footer{
padding: 35px 20px 10px 20px;
margin-bottom: 0;
margin-top:0px;
}
footer .nav li{
width: 200%;
float: left;
display:block; /* AJL */
padding:10px 0px 10px 0px;
clear:both;
}
footer.footer ul.menu li a.dropdown-toggle{
font-size: 18px;
}
footer .nav > li a{
background-color: transparent;
color: #cacaca;
}
footer .nav .open > a{
background-color: transparent;
}
footer nav .open > a, footer .nav .open > a:hover, footer .nav .open > a:focus {
background-color: transparent;
border-color: transparent;
color: yellow;
}
footer .dropdown-menu > li > a:hover, footer .dropdown-menu > li > a:focus {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
color: red;
text-decoration: none;
}
footer .nav > li > a:hover,
footer .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
footer .dropdown-menu{
position: relative;
background-color: transparent;
display: block;
z-index: 1;
}
footer.footer ul.menu li a.dropdown-toggle{
display:inline !important;
float:left !important;
}
footer.footer ul.menu li a.dropdown-toggle-new{
display:inline !important;
float:right !important;
}
.footer .footer-publisher-nav{
float:left;
margin-left: 0px;
border-right: 0px solid #cacaca;
margin-right: 0px;
clear:both;
width: 228px;
}
.footer .contact-social-block {
float: none;
position: absolute;
right: 50px;
}
footer ul.legal_nav li{
list-style-type: none;
display: block;
padding: 0 20px;
clear: both;
}
footer ul.legal_nav li+li{
border-left: 0px solid #000000;
}
ul#mobile-nav { display: none; }
.mobile-open { display: block; }
#pageslide { width: 200px; }
#pageslide #mobile-nav li { padding: 10px 0; border-bottom: 1px solid #666; }
#pageslide #mobile-nav li a { color: #FFF; border: none; }
#pageslide #mobile-nav li a:hover { text-decoration: underline; }
.footer .contact-social-block p{
color: #cacaca; /*CRA Edit */
}
.footer .contact-social-block h3{
color: #cacaca; /*CRA Edit */
}
ul.legal_nav {
display: inline-block;
width: 100%;
margin-left: -50px;
}
.footer .copyright{
margin-left: 10px;
}
.footer .last.leaf.menu-mlid-489
{
display: none;
}
}
/* -------- desktop landscape ----------*/
@media (min-width : 768px)
and (max-width : 1132px)
{
.header .navbar {
background: rgba(0, 0, 0, 0.85);
padding: 5px /*0 0 2*/0px;
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height: 90px;
}
.top-right-nav{
padding-bottom: 25px;
}
.top-right-nav .tablet-portrait-block{
display:none;
}
/* Styles */
.row {
padding: 0px 20px 0px 20px;
margin: 0 auto 20px;
max-width: 1024px;
}
.col-lg-4{
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
/* margin-left:70px; */
}
/*
.block-image {
float: left;
margin-bottom: 187px;
margin-right: 10px;
width: 30px;
}
.block-image img{
width: 30px;
max-width: 100%;
display: block;
height: auto;
display: block;
}
*/
#contact-slide-out-tab{
display: none;
}
.footer {
padding: 20px 0 0 10px;;
}
footer .nav li {
width: 152px;
float: left;
display: inline;
}
footer.footer ul.menu li a.dropdown-toggle {
font-size: 16px;
/*color: #FFB500;*/
padding: 0px 15px;
display: inline;
}
footer section ul.nav li.menu-mlid-1048{
margin-left:-20px;
}
.footer .footer-publisher-nav{
float:left;
margin-left: 30px;
/*border-right: 1px solid #4F4C4E;*/
margin-right: 0px;
width: 73px;
}
.footer .contact-social-block{
margin: 0px 20px 0 0px;
padding-left: 20px;
}
ul.legal_nav {
display: inline-block;
width: 100%;
margin-left: -50px;
}
.footer .copyright{
margin-left: 10px;
}
.client-logo-wrapper {
margin-left: 0px;
text-align: center;
}
.client-logo-label{
display:block;
width: 100%;
text-align: center;
height: 40px;
}
#client-logo-mask {
width: 85%;
}
.group1 { margin:20px 0px 20px 0px !important; }
.power-tag{
margin-right: 10px;
}
}
/*----------------- logo and menu adjustments for in-between breaks---------- CRA*/
@media (min-width: 768px)
and (max-width:942px){
.header .navbar {
background: rgba(0, 0, 0, 0.85);
padding: 5px /*0 0 2*/0px;
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height: 90px;
}
#site-name {
display: block;
padding-top: 0px;
line-height: normal;
font-weight: normal;
margin: 17px 0px 0 20px;
float: left;
width: 163px;
}
#site-name img{
width: 100%;
}
.tb-megamenu .mega.open > .mega-dropdown-menu{
display: block;
max-height: 600px;
/*overflow-y: scroll;*/
overflow: hidden;
}
.tb-megamenu .nav > li {
float: left;
font-size: 13px;
margin-left:5px;
}
.tb-megamenu .nav > li > a {
background-image: none;
border-right: medium none;
color: #000000;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0px;
}
#block-tb-megamenu-main-menu {
display: inline-block;
margin-left: 0px;
margin-top: 7px;
}
.tb-megamenu .row-fluid, .tb-megamenu .mega-dropdown-menu, .tb-megamenu .row-fluid [class*="span"] {
width: 260px !important;
}
.tb-megamenu .mega-dropdown-inner{
background-color:#000000;
width: 300px;
height: auto;
overflow:hidden;
text-align: left;
}
.tb-megamenu ul.tb-megamenu-subnav .mega-dropdown-inner{
width: 100%;
}
/* div.top-right-nav ul li form#search-block-form--2.form-search{
display:none;
}*/
.tablet-portrait-search-icon-open{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 20px 20px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.tablet-portrait-search-icon-close{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 20px 20px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 20px;
height: 20px;
float: right;
}
/*.top-right-nav .tablet-portrait-search-block{
display:block;
position: absolute;
right: 20px;
z-index: 5001;
}
.tablet-portrait-search-field{
display: block;
position: absolute;
width: 100%;
top: 0px;
height: 70px;
z-index: 5000;
left: 0;
padding-top: 30px;
background: rgba(0, 0, 0, 0.85);
}
.tablet-portrait-search-field form.form-search{
width: 400px;
border: 1px solid #FFF;
margin: 0 auto;
}
.input-append input {
margin-right: 10px;
width: 93% !important;
border: 0px;
color: #FFFFFF;
background-color: transparent;
}
.tablet-portrait-search-field button[type="submit"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #FFFFFF;
padding: 0;
}*/
.hero-image{
display:none;
}
#header{
background-image:none;
background-color:#FFFFFF;
margin-top:15px;
}
#web{
background-image:none;
}
.page-header{
color: #000000;
}
footer .menu.nav li {
width: 155px;
}
.footer .footer-publisher-nav {
/*border-right: 0px solid #cacaca;*/
margin-right: 0px;
width: 100px;
}
/* .footer .contact-social-block {
float: none;
display: block;
clear: both;
width: 100%;
text-align: center;
}
*/
.footer .contact-social-block {
float: none;
clear: both;
border-top: 1px solid #434343;
text-align: center;
border-left: none;
padding-top: 20px;
}
.footer .footer-main-nav {
margin-right: 0px !important;
}
.image-right {
padding:40px 0px 40px 0px !important;
}
.image-left {
padding:40px 0px 40px 0px !important;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.blurb-right {
padding-left:0px !important;
}
.group1 { padding:40px 0px 0px 0px !important; }
.input-append input {
margin-right: 10px;
width: 125px !important;
border: 0px;
color: #FFFFFF;
background-color: transparent;
/*border-bottom: 1px solid;SEK */
}
}
/* iPads (landscape) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.footer .footer-publisher-nav{
float:left;
margin-left: -30px;
border-right: 0px solid #cacaca;
margin-right: 30px;
width: 150px;
}
.footer .contact-social-block{
display:block;
clear: both;
margin: 20px 0 0;
text-align: left;
width: 100%;
}
}*/
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.footer .footer-publisher-nav {
margin-right: -30px;
width: 120px;
}
.footer .contact-social-block {
float: right;
display: inline;
clear: none;
width: 170px;
text-align: left;
padding-left: 10px;
margin-right: 40px;
border-left: 1px solid #4F4C4E;
}
}
/*-------------------------GLOBAL STYLES---------------------*/
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #FFB500;
width: 100%;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover
{
filter:none;
}
.tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-submenu:hover > a
{
filter:none;
}
.tb-megamenu .dropdown-menu li > a {
/*border-top: 1px solid #444;*/
padding: 5px 20px;
text-shadow: none;
}
.tb-megamenu .dropdown-menu li > a {
color: #aaa;
border-top: 0px solid #FAAF1D;
}
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover {
background-color: transparent;
color: #FAAF1D;
/*border-top: 2px solid #FAAF1D;
margin-top: -2px;*/
}
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus {
background-color: transparent;
color: #fff;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
}
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle{
background-color: transparent;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle{
background-color: transparent;
}
.tb-megamenu .nav > li.dropdown.open.active > a:hover{
background-color: transparent;
color: #FAAF1D;
border-color: #FAAF1D;
}
.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a {
background: transparent;
color: #FAAF1D;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
filter:none;
background-image: none;
background-color: transparent;
}
.footer .contact-social-block h3{
margin-top: -10px;
font-weight: bold;
color: #FFB500;
}
footer nav .open > a, footer .nav .open > a:hover, footer .nav .open > a:focus {
background-color: transparent;
border-color: transparent;
color: #FFB500;
}
.tb-megamenu-nav li
{
float: left;
}
footer .menu.nav li
{
margin-top: 0px;
padding-top: 0px;
float: left;
}
@media (min-width: 598px){
footer .menu.nav li
{
max-width:184px;
}
}
@media (min-width: 721px){
footer .menu.nav li
{
max-width:330px;
}
}
.btn-red{
/*background-color: #E1523D; CRA Edit
background-color: #E1523D;*/
text-transform: uppercase;
border: 1px solid #E1523D;
color: #E1523D;
}
a.btn-red:link, a.btn-red:visited {
color: #FFFFFF;
background-color: #E1523D;
}
a.btn-red:hover{
background-color: #E1523D;
color:#FFFFFF;
border-color: 0px solid #E1523D;
}
.btn-slider{
background-color: #E1523D; /*CRA Edit*/
border-color: 0px;
color: #FFFFFF;
text-transform: uppercase;
margin-top:10px;
font-family: Gibson-SemiBold;
}
a.btn-slider:visited, a.btn-slider:link{
color:#FFFFFF;
}
a.btn-yellow, .btn-yellow{
background-color: #a58bc3;
text-transform: uppercase;
color: #FFFFFF;
border: 1px solid #a58bc3;
}
a.btn-purple, .btn-purple{
background-color: #a58bc3;
text-transform: uppercase;
color: #FFFFFF;
border: 1px solid #a58bc3;
}
a.btn-blue, .btn-blue{
background-color:#50D9C2;
text-transform: uppercase;
color: #FFFFFF;
border: 1px solid #42B3A0;
}
#close-x{
position:absolute;
right: 20px;
top: 10px;
}
a.carousel-control.left, a.carousel-control.right {
color: #FFFFFF;
z-index:1;
}
/* The wrapper that includes everything except the mobile nav */
#wrapperPrimary {
width: 100%;
height: 100%;
}
#mapCanvas img {
max-width: none;
}
.media-solutions-tabs > li > a {
color: #000000;
display: block;
font-family: Gibson-SemiBold;
padding: 10px 56px;
position: relative;
text-transform: uppercase;
}
.nav.nav-tabs.media-solutions-tabs > li:nth-child(2n) a {
background-color: #CACACA;
}
/* CONTACT: Map Carousel */
#contact-map{
width: 75%;
padding:0;
}
#contact-carousel-NA, #contact-carousel-EU, #contact-carousel-AS {
position: relative;
display: block;
height: 373px;
width: 100%;
overflow: hidden;
}
.contact-item {
position: absolute;
z-index:1;
display: block;
width: 100%;
height: 100%;
top: 0px;
}
#contact-carousel .contact-item .active {
position:absolute;
left:0%;
}
#carousel-ndots-NA, #carousel-ndots-EU, #carousel-ndots-AS, #contact-tabs {
cursor: pointer;
list-style-type: none;
clear: both;
}
ol#contact-tabs{
}
ol#contact-tabs, ol#contact-tabs li{
float:left;
display:inline;
}
ol#contact-tabs li{
padding: 10px 90px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-family: Gibson-SemiBold;
text-transform: uppercase;
}
ol#contact-tabs li.active{
background-color: #f4f4f4;
}
/*#contact-carousel */
#carousel-ndots-NA .carousel-ndots-nav, #carousel-ndots-EU .carousel-ndots-nav,#carousel-ndots-AS .carousel-ndots-nav {
position:relative;
z-index:2;
top:90%;
text-align: center;
padding: 0;
}
.carousel-ndots-nav li {
list-style: none;
line-height:1.5em;
float:left;
display:inline;
}
/*#contact-carousel */
#carousel-ndots-NA .carousel-ndots-nav li, #carousel-ndots-EU .carousel-ndots-nav li, #carousel-ndots-AS .carousel-ndots-nav li {
display: inline-block;
width: 194px;
height: 210px;
padding: 15px;
}
.carousel-ndots-nav li.active {
background-color: #f4f4f4;
}
.carousel-ndots-nav li:hover {
background-color: #fdeac1;
}
ol.carousel-ndots-nav {
width:100%;
margin-bottom:20px;
overflow:hidden;
padding: 0px;
padding-top: 20px;
}
#carousel-ndots-NA li, #carousel-ndots-EU li, #carousel-ndots-AS li {
width:25%;
padding: 5px;
color: #EE3834;
font-family: Gibson-Regular;
font-size: 16px;
}
#contact-info-overlay-NA, #contact-info-overlay-EU, #contact-info-overlay-AS {
z-index: 2;
width: 30%;
height: 100%;
position: absolute;
}
ul.contact-info-overlay-address {
padding: 15px;
position: absolute;
z-index: 1;
list-style: none;
width: 100%;
}
ul.contact-info-overlay-address li {
position: absolute;
}
/*#contact-info-overlay */
#contact-info-overlay-NA .contact-info-overlay-bg, #contact-info-overlay-EU .contact-info-overlay-bg, #contact-info-overlay-AS .contact-info-overlay-bg {
position: absolute;
opacity: .7;
background-color: #FFFFFF;
display: block;
width: 100%;
height: 100%;
}
#contact-map #contact-info-overlay-NA ul.contact-info-overlay-address li p, #contact-map #contact-info-overlay-EU ul.contact-info-overlay-address li p, #contact-map #contact-info-overlay-AS ul.contact-info-overlay-address li p{
font-size: 13px;
line-height: 24px;
}
ul li .map-header {
color: #EE3834;
font-family: Gibson-SemiBold;
font-size: 18px;
}
ul li .map-office-title {
font-family: Gibson-SemiBold;
font-size: 14px;
}
/* END CONTACT: Map Carousel */
/* Contact Us Page */
ol#contact-tabs {width:90%}
.nav-tabs#contact-tabs > li.active > a{background-color: #f4f4f4;border: none;}
.nav-tabs#contact-tabs > li.active > a, .nav-tabs#contact-tabs > li.active > a:hover, .nav-tabs#contact-tabs > li.active > a:focus { }
.nav-tabs#contact-tabs > li > a {padding:10px 50px;}
ol#contact-tabs li.open > a{
background-color: #f4f4f4; border-color:#f4f4f4
}
ol#contact-tabs li {
padding:0!important;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-family: Gibson-SemiBold;
text-transform: uppercase;}
ol#contact-tabs li {padding: 10px 20px}
#contact-map h3 {
color: #333333 !important;
font-family: Gibson-Light !important;
font-size: 19px !important;
margin-bottom: 13px !important;
margin-top: 40px!important;}
#contact-map h4 {
color: #333333;
font-family: Gibson-Semibold;
font-size: 14px !important;
margin-bottom: 4px;
font-weight:normal;}
@media (max-width: 597px) and (min-width: 120px){
.map-header {
text-align: center;
color: #333333;
font-size: 19px !important;
font-family: Gibson-Semibold;
margin-bottom: 13px;
}
.map-office-title, p, h3 {text-align: left;}
}
@media (min-width: 598px){
.map-header{
color: rgb(51, 51, 51);
font-size: 19px !important;
font-family: Gibson-Semibold;
margin-bottom: 13px;}
}
/* End Contact Us Page */
.overview{
font-size: 16px;
}
.ui-autocomplete li a {
font-size:12px;
}
/*-------------Profiles adjustments--------------*/
@media (min-width: 1200px) and (max-width: 1389px)
{
.profileContainer{
/* display:block;
margin: 0 auto;
width: 1280px;*/
}
}
@media (min-width: 1088px) and (max-width: 1199px)
{
.profileContainer{
display:block;
margin: 0 auto;
width: 1280px;
}
}
/*--------------END Profiles adjustments-------------*/
/*--------------START CSS Adjustments for interior pages right side bar-------------*/
@media (min-width: 600px) and (max-width: 991px){
article .col-md-3 {
width: 100%;
float: none;
padding: 0;
}
article div.col-md-3 article div.field-items div.field-item article {
padding-left: 0px;
}
#node-23 .col-lg-3 {
width: 75%;
float: none;
margin-left: auto;
margin-right: auto;
}
}
/*---------------END CSS Adjustments for main nav and logo-----------------*/
/*
@media (min-width: 600px) and (max-width: 920px){
#site-name {
position: absolute;
top: 0;
}
.main-container {
margin: 50px 0px 0;
padding: 19px 40px 40px;
background-color: #FFFFFF;
}
#block-tb-megamenu-main-menu{
margin:0;
}
.region-header {
display: inline-block;
top: 15px;
width: 100%;
margin: 0 auto;
}
}
@media (min-width: 600px) and (max-width: 757px){
.tb-megamenu .nav > li {
float: left;
margin-left: -2px;
}
}*/
/* @media (min-width: 929px) and (max-width: 940px){
.tb-megamenu .nav > li {
float: left;
margin-left: 30px;
}
}*/
.page-node-14 .sub-nav li a.active {
color:#dd3834;
}
.page-node-14 .sub-nav li a:hover, .page-node-14 .sub-nav li a:focus, .page-node-14 .sub-nav li.open > a:hover{
background-color: #FFF;
color:#49C5B1;
}
.page-node-19 .sub-nav li a.active {
color:#dd3834;
}
.page-node-19 .sub-nav li a:hover, .page-node-14 .sub-nav li a:focus, .page-node-14 .sub-nav li.open > a:hover{
background-color: #FFF;
color:#49C5B1;
}
body.page-node-40 div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article#node-40.node div.col-lg-6 ul{
width: 85%;
}
article .col-lg-3 ul.facts-list{
list-style-type: none;
}
article .col-lg-3 ul.facts-list li{
background-image: url("/sites/all/themes/my_theme/images/iconmonstr-check-mark-icon-256.png");
background-repeat: no-repeat;
background-size: 20px 20px;
color: #666666;
display: block;
font-family: Gibson-SemiBold;
height: 20px;
margin-bottom: 15px;
padding-left: 30px;
text-transform: uppercase;
font-size:15px !important;
line-height: 15px !important;
}
@media (min-width: 598px) and (max-width: 771px){
.header .navbar {
background: rgba(0, 0, 0, 0.85);
padding: 5px /*0 0 2*/0px;
border-radius: 0px;
margin/*-bottom*/: 0px;
max-width: 1420px;
margin: 0 auto;
height: 120px;
}
.region-header {
display: inline-block;
top: 15px;
width: 100%;
text-align: center;
}
#site-name {
display: block;
padding-top: 0px;
line-height: normal;
font-weight: normal;
margin: 0px 0px 10px 0px;
text-align: center;
width: 100%;
}
#site-name img {
width: inherit;
}
.top-right-nav {
display: block;
width: 100%;
font-size: 12px;
margin: 0 auto;
text-align: center;
padding-bottom: 0px;
}
.top-right-nav ul {
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
margin-right: 20px;
width: 100%;
margin: 0 auto;
text-align: center;
display: block;
float: none;
}
.top-right-nav ul li {
float: none;
margin: 0 8px;
text-transform: uppercase;
display: inline-block;
}
/*.top-right-nav .tablet-portrait-search-block {
display: block;
position: absolute;
right: 20px;
z-index: 5001;
top: 60px;
}*/
.carousel-caption {
z-index: 0;
left: 10%;
padding-bottom: 30px;
width: 500px;
text-align: left;
padding-top: 0;
top:5%;
}
.carousel-caption h1 {
margin-top: 55px;
text-transform: uppercase;
border-top: 0px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-size: 46px;
font-family: Gibson-Semibold;
line-height: 50px;
padding: 15px 0;
}
.main-container {
margin: 0px 0px 0;
padding: 19px 40px 40px;
background-color: #FFFFFF;
}
#header {
background-image: none;
background-color: #FFFFFF;
margin-top: 40px;
margin-bottom: -40px;
}
}
@media (min-width: 759px) and (max-width: 928px){
.carousel-caption {
z-index: 0;
left: 10%;
padding-bottom: 30px;
/*top: 10%;*/
width: 500px;
text-align: left;
padding-top: 0;
top: 5%;
}
}
@media (min-width: 598px) and (max-width: 720px){
footer .nav li {
width: 100%;
float: left;
display: block;
padding: 10px 0px 10px 0px;
clear: both;}
}
/* Marketo Form */
/* SEK 1-28-14 */
.mktoForm, .mktoHasWidth {width:100%!important}
.mktoForm fieldset {}
.mktoForm fieldset legend{margin:10px 0!important;}
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField {width:100%!important;height:34px;!important}
.mktoForm textarea.mktoField {}
.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus{width:100%!important}
.mktoForm .mktoFormCol {width:100%}
.mktoForm fieldset {
margin-bottom: 45px !important; /*LCW*/
}
.mktoFieldDescriptor {margin:0px!important}
.mktoForm .mktoFieldWrap {float:none!important; width:100%;}
label.mktoLabel{
font-size: 13px;
color: #333333;
margin: 0;
}
.mktoForm .mktoField, .mktoField, .mktoForm input, input.mktoField, textarea.mktoField, .mktoForm select, select, .mktoForm textarea, .mktoForm label, label.mktoLabel {width:100%!important}
/* on bootstrap: .form-inline */
.mktoForm {}
/* on bootstrap: .form-group */
.mktoFormRow {margin: 0!important}
.mktoForm .mktoFormRow, .mktoForm .mktoButtonRow {
width: 100%;width: 100%;
}
/* on bootstrap: .form-control */
.mktoForm .mktoField{
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
.mktoField:-moz-placeholder {
color: #999999;
}
.mktoField::-moz-placeholder {
color: #999999;
}
.mktoField:-ms-input-placeholder {
color: #999999;
}
.mktoField::-webkit-input-placeholder {
color: #999999;
}
.mktoField {
display: block;
width: 100%;
/*height: 34px;*/
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.mktoField:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.mktoField[disabled],
.mktoField[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.mktoField {
height: auto;
}
.mktoForm .mktoOffset {}
@media (min-width: 768px) {
.mktoForm .mktoFormRow, .mktoForm .mktoButtonRow {
display: inline-block;
vertical-align: middle;
}
.mktoForm .mktoField {
display: inline-block;
}
.mktoForm .radio,
.mktoForm .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.mktoForm .radio input[type="radio"],
.mktoForm .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
.mktoForm input.mktoField[type="radio"], .mktoForm input.mktoField[type="checkbox"] {
width:auto!important; /*LCW*/
float: left;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
/* on bootstrap/modern: .btn .btn-yellow .btn-lg */
.mktoForm .mktoButtonRow {margin:15px 0!important}
.mktoForm .mktoButtonRow .mktoButtonWrap {margin:0!important}
.mktoButton {
display: inline-block;
padding: 6px 12px!important;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
width:100%;
display:block !important;
}
/* yellow button for form inside gold well */
.gold button.mktoButton {
background-color: #fdd693;
text-transform: uppercase;
color: #000000;
border: 1px solid #FFFFFF;}
.gold button.mktoButton:visited {
color: #000000;
}
.gold button.mktoButton:hover {
background-color: #ffffff;
color: #000000;
border-color: 0px solid #dadada;
}
/* 1-29-14 Append Mkto styles for bootstrap horiz forms */
.form-horizontal .mktoFormRow {
margin-right: -15px;
margin-left: -15px;
}
.form-horizontal .mktoFormRow:before,
.form-horizontal .mktoFormRow:after {
display: table;
content: " ";
}
.form-horizontal .mktoFormRow:after {
clear: both;
}
.form-horizontal .mktoFormRow:before,
.form-horizontal .mktoFormRow:after {
display: table;
content: " ";
}
.form-horizontal .mktoFormRow:after {
clear: both;
}
/* end SEK */
/*LCW*/
#mktoForm_100 .mktoFieldWrap {
max-height: 20px;
}
/*end LCW*/
input, select, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;}
@media (min-width: 599px) {
form .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
/* min-width: 160px;*/
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;}
}
/* form styling for modern css */
.gold {
background-color: #FFB500;
border: none;
/*width:310px;*/
}
.white{
background-color: #FFFFFF;
/*width:310px;*/
}
label {
font-size: 13px;
color: #333333;
margin: 0;
}
.form-control {
border: 0;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.form-inline .form-group {
margin-bottom: 15px;width: 100%;
}
li.form-group{ width: 100%;}
/* add #mktFrmButtons input to the styles .btn and a.btn-yellow, .btn-yellow */
.form-inline #mktFrmButtons input {
display: inline-block;
padding: 6px 12px!important; /* clear inline style */
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* yellow button for form inside gold well */
.form-inline a.btn-yellow, .btn-yellow, .form-inline .gold #mktFrmButtons input {
background-color: #fdd693;
text-transform: uppercase;
color: #000000;
border: 1px solid #FFFFFF;}
.form-inline a.btn-yellow:link, a.btn-yellow:visited, .lpeRegForm .gold #mktFrmButtons input:link, .lpeRegForm .gold #mktFrmButtons input visited {
color: #000000;
}
.form-inline a.btn-yellow:hover, .form-inline .gold #mktFrmButtons input:hover {
background-color: #ffffff;
color: #000000;
border-color: 0px solid #dadada;
}
.btn-yellow:hover{
color: #000000
}
/* alter Marketo styles */
.mktRadioText {font-size: 14px;}
.mktInput input {margin-right:6px}
.form-inline .mktInput {display:block}
.form-inline li.mktField {padding-bottom: 10px; list-style-type:none;}
.form-inline ul.mktLblLeft {list-style:none;
-webkit-margin: 0px;
-webkit-padding: 0px;
margin:0px;
padding:0px;}
ul li.mktFormReq.mktField{
list-style-type: none;
}
/***** AJL *****/
@media (min-width: 600px) and (max-width: 990px) {
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.blurb-right {
padding-left: 0px !important;
}
div.col-lg-6.col-lg-push-6.col-md-6.col-md-push-6 .img-responsive {
padding:0px 40px 40px 40px !important;
}
div.col-lg-6.col-lg-push-6.col-md-6.col-md-push-6 .img-responsive.image-right {
padding:0px 0px 40px 0px !important;
}
.headline { width:100%; }
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-md-9{
width: 100%;
padding: 0 25px 0 25px !important;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-xs-12 p {
text-align: left;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row div.col-lg-3{
width:50%;
margin: 10px auto;
}
}
.contact-copy { /*margin:0px 200px 0px 0px;*/ }
.page-node-23 section#block-block-19, .page-node-112 section#block-block-19, .page-node-109 section#block-block-19, .page-node-111 section#block-block-19 { display:none }
.contact-map-block { }
.carousel-caption h1 sup {
font-size: 24px !important;
top: -1em !important;
}
#contact-page-linkBlock {
margin-right:25px
}
#bottom-blocks-contact {
margin-right:25px;
}
/* Thank You */
ul.nav.nav-stacked li {
border-bottom: 1px solid rgb(219, 221, 222);
float: none;
}
@media (max-width: 990px) and (min-width: 768px) {
#contact-page-linkBlock, #bottom-blocks-contact {
margin-left:70px
}
}
@media (max-width: 767px) and (min-width: 598px){
.page-node-5 .col-lg-4 {
width:80%;
}
.page-node-5
h2.solution-line {
background-color:none !important;
background: none !important;
}
.front .col-lg-4{
width:33%;
padding-right:5px;
padding-left:3px;
margin:0 1px;
}
}
@media (max-width: 626px) and (min-width: 598px){
.front .col-lg-4{
width:30%;
padding-right:5px;
padding-left:0px;
margin:0 18px 0 0;
}
.section .container h3 {
margin: 10px 0 5px;
font-size: 15px !important;
}
.section .container h3 a {
font-size: 15px;
}
.section .container h4 {
font-size: 13px;
}
.top-right-nav ul li button[type="submit"] {
width: 28px;
}
.element-invisible {
display: none;
}
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px auto;
border-radius: 4px;
width: 100%;
text-align: center;
}
.pagination ul{
list-style-type: none;
text-align: right;
}
.pagination ul li{
border: 1px solid #CACACA;
border-radius: 20px;
display: inline;
margin: 0 10px;
padding: 10px;
}
.pagination ul li a, .pagination ul li a:hover{
color:#999999;
text-decoration: none;
}
.pagination .active {
font-size: 14px;
font-weight: bolder;
text-decoration: underline;
}
ul li.pager-ellipsis{
display: none;
}
article .col-md-3 article .main-container{
padding: 0px;
}
article .col-md-3 article .main-container ul.breadcrumb{
display: none;
}
article .col-md-3 article .main-container .sub-nav{
display: none;
}
#panels-ipe-regionid-main{
background-color:#FFFFFF;
}
.panels-ipe-portlet-content .sub-nav {
display: inline;
margin: 0 auto 75px;
max-width: 1280px;
}
/*
.view-media-mentions .views-row{
height: 50px;
line-height: 50px;
}
*/
/* @media (min-width: 768px)
and (max-width:782px){
}*/
@media (min-width: 768px) and (max-width:769px){
footer .menu.nav li {
width: 137px;
}
.footer .footer-publisher-nav{
margin-left: 0;
}
}
.nav-tabs {
border-bottom: 1px solid #DDDDDD;
position: relative;
z-index: 2;
}
/* ---------------------------------------NEW STYLES FOR NEW LAYOUT -----------------------------------------------*/
.contact-social-block h3 a[href^=tel] { color:#FFFFFF; }
.submitted{font-style: italic;}
.blog_usernames_blog{display: none;}
@media (min-width: 598px){
#top-right-nav-container{
background-color: #2E2F31;
}
.top-right-nav {
display: block;
width: 100%;
font-size: 12px;
padding-bottom: 25px;
background-color: #2E2F31;
max-width: 1280px;
margin: 0 auto;
}
.tb-megamenu .dropdown-menu {
background-color: rgba(0,0,0, 1);
border: none;
}
.container-largest {
padding: 0px 0 0;
}
.main-container {
margin: 15px 0px 0;
padding: 0px 40px 0px;
background-color: #F3F3F5;
}
.main-container > .main-container{
margin-top: 0px;
}
.content-smaller {
max-width: 1280px;
margin: 0 auto;
padding: 0px 0 40px;
background-color: #FFF;
}
.breadcrumb-container{
position: fixed;
width: 100%;
min-width: 100%;
/*background: rgba(0, 0, 0, .1);*/
z-index: 5;
margin: 24px 0 0 0;
padding: 0;
left: 0;
background-color: #e7e8ea;
}
.breadcrumb {
background-color: transparent;
border-radius: 4px 4px 4px 4px;
list-style: none outside none;
margin-bottom: 10px;
padding: 0px 0px;
padding: 4px 0 0 35px;
margin: 0 auto;
width: 1280px;
position: relative;
z-index: 3;
left: 0;
border-radius: 0px;
height: 28px;
}
.breadcrumb li a {
color: #000000;
font-size: 12px;
}
.sidebar{
margin-top: 0px;
margin-right: 0px;
padding: 206px 0 0 0;
border: 0;
position: fixed;
top: 0px;
width: 18%;
max-width: 276px;
z-index: 2;
}
.sidebar ul {
border-radius: 0px;
padding: 20px 30px;
border: 0px solid #cccccc;
margin-bottom: 40px;
background-color: #ECEDEF;
position: relative;
left:-9px;
}
.sidebar ul li a{
border-bottom: 1px solid #cacaca;
text-transform: uppercase;
font-family: Gibson-Semibold;
color: #444;
padding: 10px 0px;
}
.sidebar ul li a:hover, .sidebar ul li a.active{
color: #E1523D;
}
/*
body.page-node-206 article#node-206 .sidebar ul li a:hover{
color: #E1523D;
}
body.page-node-206 article#node-206 .sidebar ul li a.active{
color: #444;
}
*/
.sidebar ul li.last a, .sidebar .nav li.last a:hover, .sidebar .nav li.last a:focus{
border-bottom: 0px solid;
}
.sidebar ul.menu:before, ul.menu:after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
}
.sidebar ul.menu:before{
left: 0px;
top: -3px;
border-width: 2px 4px;
border-style: solid;
border-color: transparent #C5C5C5 #C5C5C5 transparent;
}
.sidebar ul.menu:after{
left: 0px;
top: 100%;
border-width: 2px 4px;
border-style: solid;
border-color: #C5C5C5 #C5C5C5 transparent transparent;
}
.sidebar .nav .open > a, .sidebar .nav .open > a:hover, .sidebar .nav .open > a:focus {
background-color: transparent;
border-bottom: 1px solid #cacaca;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-md-9 {
padding: 95px 40px 0;
float: right;
width: 78%;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-md-12 {
padding: 95px 40px 0;
}
h2.page-header {
border-bottom: 0 solid #EEEEEE !important;
color: #000000 !important;
font-family: Gibson-Regular !important;
font-size: 20px !important;
margin: 0 auto 5px !important;
max-width: 1280px !important;
padding: 0 !important;
position: relative !important;
text-transform: uppercase !important;
z-index: 4 !important;
bottom-border: 0px solid;
}
.headline {
text-align: left;
width: 85%;
margin: 0 0 40px 0px;
font-size: 40px;
text-transform: uppercase;
font-family: Gibson-Semibold;
line-height: 35px;
color:#000000;
}
.top-right-nav {
display: block;
width: 100%;
font-size: 12px;
padding-bottom: 25px;
background-color:#2E2F31;
}
.top-right-nav ul{
margin-top: 5px;
}
.header .navbar {
padding: 5px 0 0 20px;
border-radius: 0px;
margin: 0px;
max-width: 1280px;
margin: 0 auto;
height: 56px;
}
#site-name{
margin: 0px 0 0 20px;
}
#site-name img{
width: 80%;
}
.solution-cross-sell{
text-align: left;
padding: 30px 0;
margin: 10px 40px;
}
.solution-group{
margin-top: 18px;
display: table;
}
.line{
border-bottom: 1px solid #666666;
}
.solution-group img{
float: left;
margin-right: 10px;
width: 20px;
}
.solution-cross-sell h3{
color: #666666 !important;
font-size: 20px !important;
text-transform: uppercase !important;
font-family: Gibson-Regular !important;
}
div#wrapperPrimary div.main-container div.solution-cross-sell div.solution-group h4{
font-size: 14px !important;
text-transform: uppercase !important;
font-family: Gibson-Semibold !important;
vertical-align: middle;
display: table-cell;
}
div.solution-group h4 a, div.solution-group h4 a:hover, div.solution-group h4 a:visited{
color: #000000;
text-decoration: none;
}
div#wrapperPrimary div.main-container div.solution-cross-sell div.solution-group p{
font-size: 14px;
}
div#wrapperPrimary div.main-container div.solution-cross-sell div.solution-group p a{
font-family: Gibson-Semibold;
}
#sidebar.affix-top {
position: static;
width:266px;
}
#sidebar.affix {
position: fixed;
top:80px;
width:266px;
}
#sidebar.affix-bottom{
position: fixed;
bottom:315px !important;
width:266px;
top: 80px !important;
}
.footer {
padding: 35px 20px 36px 60px;
margin-bottom: 0;
color: #cacaca;
margin: 0 auto;
max-width: 1415px;
border-top: 1px none #000000;
background-color: #101820;
position: relative;
z-index: 5;
max-width: 1252px;
}
#top-right-nav-container .top-right-nav ul li .form-search{
display:none;
}
.top-right-nav .tablet-portrait-search-block{
display:block;
padding: 0 20px 5px;
}
.tablet-portrait-search-icon-open{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 15px 15px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 15px;
height: 15px;
}
.tablet-portrait-search-icon-close{
background-image: url('/sites/all/themes/my_theme/images/iconmonstr-magnifier-icon-white-256.png');
background-size: 15px 15px;
text-indent:-999999px;
display:block;
background-repeat: no-repeat;
width: 15px;
height: 15px;
float: right;
}
.container-inline {
border-bottom: 0px solid #4f4c4E;
text-align: center;
width: 100%;
background-color: #353439;
height: 50px;
}
.tablet-portrait-search-field .container-inline .input-append input {
margin-right: 10px;
width: 90% !important;
border: 0px;
color: #FFFFFF;
background-color: transparent;
font-size: 20px;
text-align: center;
font-family: Gibson-Regular;
margin-top: 10px;
}
.table-portrait-search-block .container-inline .input-append input:focus{
outline-color: rgb(204, 150, 34) !important;
-webkit-focus-ring-color: rgb(204, 150, 34) !important;
}
:focus{
outline-color: rgb(204, 150, 34) !important;
}
button[type="submit"]{
display: none;
}
#contact-slide-out-tab{
top: 50px;
}
html.js body.html div#wrapperPrimary footer.footer div.region section#block-block-19.block div#contact-slide-out.open-contact div.tab-content form#mktoForm_103.mktoForm div.mktoButtonRow span.mktoButtonWrap button.mktoButton{
display:block;
}
#myCarousel {
border-bottom: 0px solid #FFB500;
}
.section{
padding: 0px 0;
/*background-color: #f3f3f5;*/
background-color: #FFFFFF;
}
.row {
padding: 0px 20px 30px 80px;
margin: 0 auto 0px;
max-width: 1280px;
background-color: #ffffff;
}
.row-no-margin {
padding: 0px 0px 30px 0px;
margin: 0 auto 0px;
}
.row-bottom-homepage{
/* background-color: #d7d7d7;*/
background-color: #e1e1e1;
padding:0;
}
.block-image {
float: none;
margin-bottom: 10px;
width:95%;
height: 30px;
}
.slide-overlay{
display:none;
}
.carousel-caption{
text-align: left;
color: #FFFFFF;
text-shadow: none;
}
.carousel-caption h1{
border-bottom: 0px solid;
margin:0;
}
.carousel-caption .sub-head{
color: #FFFFFF;
font-family: Gibson-Regular;
font-size:21px;
font-style: normal;
width: 450px;
margin: 10px 0 10px;
}
div#top-statement.section h2 {
text-transform: uppercase;
font-family: Gibson-Light;
font-size: 26px;
margin-top: 30px;
margin-bottom: 20px;
letter-spacing: 4px;
}
.section-first{
margin-bottom: -30px;
}
.section .container .first-box{
/* margin-left: 55px;*/
}
.section .container .col-lg-4 {
width: 30%;
float: left;
margin: 0px 10px 0px 10px;
padding: 0 42px;
}
.section .container .block-body h4 {
margin-top: 3px;
font-size: 14px;
font-family: Gibson-Regular;
text-transform: uppercase;
color: #707070;
letter-spacing: 1px;
}
.section .container .block-body p{
color: #707070;
}
.section .container .block-body p a.learn-more{
font-family: Gibson-Semibold;
}
.section .container .block-body p a.learn-more:after, a.learn-more:after{
content: "›";
margin-left: 5px;
}
.region-homepage-greybox2{
margin-top:0px;
}
.client-logo-wrapper{
margin-left:-50px;
border-top: 0px solid #cacaca;
text-align: center;
}
.client-logo-label {
display: block;
height: 50px;
font-family: Gibson-Regular;
font-size: 19px;
text-align: center;
width: 100%;
text-transform: uppercase;
color: #a3a3a3;
letter-spacing: 4px;
}
.footer .contact-social-block{
color:#FFFFFF;
}
.footer .contact-social-block h3 {
margin-top: -10px;
font-weight: bold;
color: #FFFFFF;
}
.footer .footer-publisher-nav {
float: left;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 0;
width: 126px;
}
.footer ul.menu li.menu-mlid-489
{
display: none;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 div.col-lg-4 h3{
color: #000000;
font-size: 14px;
text-transform: uppercase;
}
div#wrapperPrimary div.main-container h4{
font-size: 14px !important;
text-transform: none;
color: inherit !important;
}
.col-md-12 article .field .field-items .field-item p a{
font-size: 14px;
}
.map-header{
color: #e1523d;
font-size: 16px !important;
font-family: Gibson-Semibold;
margin-bottom:3px;
}
.map-office-title{
font-style: italic;
font-size: 15px;
margin-bottom:10px;
}
.gold{
background-color: #f6f6f6;
}
.well{
margin-top: -15px;
box-shadow: none;
-webkit box shadow: none;
}
.well h3{
display: none;
}
.well-lg{
padding: 0 24px;
}
.mktoForm.mktoLayoutAbove .mktoField, .mktoForm.mktoLayoutAbove .mktoLogicalField{
border: 1px solid #dddddd;
}
.views-exposed-form{
float:right !important;
}
.views-exposed-form .views-exposed-widget{
margin-top: 0 !important;
padding: 0.5em 0 0 0 !important;
}
select {
background: #FFFFFF;
width: 268px;
padding: 5px;
font-size: 14px;
line-height: 1;
border: 1px solid #cacaca;
border-radius: 0;
height: 31px;
-webkit-appearance: none;
color: #cacaca;
font-family: Gibson-Semibold;
text-transform:uppercase;
background-image: url('/sites/all/themes/my_theme/images/select_arrow.jpg'); /*Adds background-image*/
background-repeat: no-repeat !important;
background-position: 242px 7px !important; /*Position of the background-image*/
text-indent: 0.01px !important; /* Removes default arrow from firefox*/
text-overflow: "" !important; /*Removes default arrow from firefox*/
}
select option{
color: #000000 !important;
}
html.js body.html div#wrapperPrimary footer.footer div.region section#block-block-19.block div#contact-slide-out.open-contact div.tab-content form#mktoForm_103.mktoForm div.mktoFormRow div.mktoFieldDescriptor div.mktoFieldWrap select#Audience_Identifier.mktoField{
-webkit-appearance: menulist;
white-space: pre;
-webkit-rtl-ordering: logical;
cursor: default;
font: -webkit-small-control;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
font-size: 14px;
line-height: 1.428571429;
background-image: none;
text-transform: none;
}
/* COUNTRIES MEGA MENU STYLE
********************************/
.mega-menu {
padding: 10px 0px ! important;
width: 277px;
border-radius: 0;
margin-top: 0px;
position: absolute;
background-color: #2E2F31;
top: 15px;
margin-left: -50px;
}
.mega-menu li {
display: inline-block;
float: left;
font-size: 0.94rem;
padding: 3px 0px;
}
.mega-menu li.mega-menu-column {
margin-right: 0px;
width: 116px;
}
.mega-menu li.mega-menu-column ul li{
float:none !important;
display: block;
text-transform: none;
font-size: 13px;
}
.mega-menu .nav-header {
padding: 0 !important;
margin-bottom: 10px;
display: inline-block;
width: 100%;
font-size: 16px !important;
color: #cb9622;
}
.main-container #site-map{
background-color: #FFFFFF;
padding: 50px 100px 50px;
}
.content-smaller-feedback {
background-color: #ffffff;
margin: 0 auto;
padding: 40px;
width: 1082px;
}
form#mis-feedback-my-form.content-smaller-feedback div div.control-group.form-type-select.form-item div.controls select.form-select{
background-image:none;
color:#000000;
text-transform: none;
}
}
/*************************************** NEW MOBILE STYLES ************************************/
@media (min-width: 120px) and (max-width: 597px) {
h4{
font-family: Gibson-Semibold;
font-size: 18px;
line-height: 31px;
color: #101820;
}
#site-name {
background-image: url(../images/CNVR_LOGO_symbol.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 9px auto 0 47%;
/*
overflow: hidden;
width: 30%;
position: relative;
margin-left: 125px;
*/
}
#site-name img {
display: none;
}
.carousel {
height: 50%;
position: relative;
text-align: center;
top: 0px;
border-bottom: 0px solid #FFB500;
}
.carousel-inner{
overflow: visible;
}
.carousel-caption{
left:5%;
right:5%;
bottom:0;
top:0;
text-align: left;
position: relative;
color:#000000;
text-shadow: none;
}
.slide1 {
background-position: center left;
/* background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide1.jpg')*/
}
.slide2 {
background-position: center left;
background-size: cover;
/* background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide2.jpg');*/
}
.slide3 {
background-position: center left;
/*background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide3.jpg')*/
}
.slide4 {
background-position: center left;
/* background-image: url('/sites/all/themes/my_theme/images/slides/smartphone_slide4.jpg')*/
}
.slide-overlay {
background-image: none;
}
/*.btn-slider{
margin: 0px;
padding: 5px 10px;
background-color: #666666;
border: 1px solid #FFFFFF;
font-size: 12px;
width: 120px;
}*/
.carousel-caption h1 {
margin-top: 7px;
text-transform: uppercase;
/* border-top: 1px solid #FFFFFF;*/
border-bottom: 1px solid #000000;
font-size: 30px;
font-family: Gibson-Semibold;
text-align: left;
line-height: 25px;
padding: 0 0 10px;
width: 90%;
color: #000000;
}
.carousel-caption h1 sup {
font-size: 12px;
top: -1em;
}
.carousel-caption .label{
font-style: italic;
font-size: 14px;
font-weight: 300;
color: #FFFFFFF;
padding: .2em;
}
.carousel-caption .sub-head{
font-weight: bold;
font-size: 13px;
margin-bottom: 7px;
font-style: normal;
text-align: left;
width: 305px;
}
/* HOMEPAGE: Custom Carousel */
#myCarousel {
position: relative;
background-color: #FFFFFF;
display: block;
height: 412px;
width: 100%;
overflow: hidden;
border-bottom: 0px solid #FFB500;
text-align: center;
top: -50px;
}
.item {
position: absolute;
z-index:1;
display: block;
width: 100%;
height: 68%;
top: 0px;
}
.fill {
width: 100%;
height: 60%;
background-position: center;
background-size: cover;
overflow: hidden;
opacity: 1;
}
#myCarousel .item .active {
position:absolute;
left:0%;
}
#myCarousel .nDots {
position:relative;
z-index:2;
top:90%;
text-align: center;
padding: 0;
margin-left: auto;
margin-right: auto;
}
#myCarousel .nDots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border: 1px solid #cacaca;
border-radius: 10px;
}
#myCarousel .nDots .active {
background-color: #cacaca;
}
.btn-slider {
border-radius: 3px;
font-size: 16px !important;
line-height: 1.8 !important;
padding: 0 20px !important;
width: 120px !important;
padding: 8px 0px !important;
color: #FFFFFF !important;
font-family: Gibson-Semibold;
}
.row {
border-top: 0px solid #cacaca;
}
.section, .section-colored {
padding: 0 20px;
background-color: #e2e3e4;
}
.main-container{
padding: 0px 10px 0px;
margin-top:0px;
}
.breadcrumb{
display:none;
}
.primaryWrapper .col-lg-4, .primaryWrapper .col-lg-5 {
margin-top: 20px;
background-color: #FFFFFF;
box-shadow: 2px 2px #cacaca;
padding: 0 10px;
}
.block-image{
display:none;
}
.solution-icon-mobile{
display: block;
width: 40px;
float: left;
padding-right: 5px;
padding-top: 7px;
}
.section-first .container h2 {
text-transform: uppercase;
font-size: 24px;
font-family: Gibson-Light;
}
.section .container h3{
margin-bottom: 0px;
}
.section .container h4 {
margin-top: 0px;
font-size: 15px;
font-family: Gibson-Light;
text-transform: uppercase;
}
.block-body p {
text-align: left;
color:inherit;
}
.client-logo-wrapper{
/*width: 1280px; */
margin-left: 0px;
margin-bottom: 10px;
vertical-align: middle;
border-top: 0px solid #cacaca;
padding-top: 20px;
background-color:#FFFFFF;
box-shadow: 2px 2px #cacaca;
}
.client-logo-label{
display: block;
width: 120px;
vertical-align:middle;
height: 70px;
font-family: Gibson-Light;
font-size: 21px;
color: #6666666;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 auto;
}
#sidebar{
display:none;
}
h2.page-header {
border-bottom: 0 solid #EEEEEE !important;
color: #000000 !important;
font-family: Gibson-Regular !important;
font-size: 15px !important;
margin: 50px auto 5px !important;
max-width: 1280px !important;
padding: 0 !important;
position: relative !important;
text-transform: uppercase !important;
z-index: 4 !important;
bottom-border: 0px solid;
}
.headline {
text-align: left;
width: 85%;
margin: 0 0 40px 0px;
font-size: 28px;
text-transform: uppercase;
font-family: Gibson-Semibold;
line-height: 26px;
color:#000000;
}
.front-footer {
margin-top: -150px;
}
.section .container .block-body p a.learn-more:after {
content: "›";
margin-left: 5px;
}
.footer .contact-social-block h3{
text-align: left;
color:#ffffff;
}
.footer .contact-social-block ul.social_buttons{
text-align:left;
}
.footer .contact-social-block p {
color: #ffffff;
font-size: 20px;
}
.footer .power-tag {
width: 100%;
text-align: left;
margin-top: -69px !important;
}
.footer ul.legal_nav {
text-align: left;
margin: 0;
margin-top: 36px;
padding: 0;
font-size: 7px !important;
}
footer ul.legal_nav li {
list-style-type: none;
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
footer ul.legal_nav li a {
display: inline-block;
font-size: 11px;
color: #FFFFFF;
}
/******************* Global EU mobile styles*******************/
div.primaryWrapper div#cookie_statement.section-colored div.container div.row.row-bottom-homepage div.col-lg-12{
margin: 20px 0;
background-color: #FFFFFF !important;
box-shadow: 2px 2px #cacaca;
padding: 20px 10px;
}
/************** end global EU mobile styles *******************/
}
@media (min-width: 598px){
.solution-icon-mobile{
display:none;
}
/* -------- TABLET IPAD landscape 1024 x 768----------*/
@media (min-width : 598px)
and (max-width : 1024px)
{
.announcement-container p.announcement-blurb{
margin-top: 12px; padding-left:300px;color:#ffffff;font-weight:bold;font-size:18px;
}
.carousel-caption {
text-align: left;
color: #FFFFFF;
text-shadow: none;
position: absolute;
left: 40px;
width: 500px;
}
.carousel-caption h1 {
font-family: Gibson-Semibold;
font-size: 60px;
line-height: 47px;
margin-top: 0;
padding: 15px 0 0;
text-transform: uppercase;
}
.section, .section-colored {
padding: 0px 0;
background-color: #FFFFFF;
}
.row {
padding: 0px 20px 30px 20px;
margin: 0 auto 0px;
max-width: 1280px;
background-color: #ffffff;
}
.section .container .col-lg-4 {
width: 29%;
float: left;
margin: 0px 10px 0px 10px;
padding: 0 0px;
}
.region-homepage-greybox2 {
margin-top: 0px;
}
.main-container {
margin: 15px 0px 0;
padding: 0px 0px 0px;
background-color: #FFFFFF;
}
.sideviewtoggle{
display: block;
width: 35px;
height: 35px;
position: absolute;
top: 3px;
left: 10px;
}
.top-right-nav{
display:none;
}
.region-header{
display:none !important;
}
#site-name {
background-image: url(../images/CNVR_LOGO_symbol.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 9px auto 0 325px;
/*
overflow: hidden;
width: 30%;
position: relative;
margin-left: 125px;
*/
}
#site-name img {
display: none;
}
.container-inline {
background-color: transparent;
}
button[type="submit"] {
display: inline-block;
}
#sidebar{
display:none;
}
div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article div.col-md-9 {
padding: 40px 0px 0;
float: none;
width: 100%;
}
.breadcrumb-container{
position: fixed;
width: 100%;
min-width: 100%;
/*background: rgba(0, 0, 0, .1);*/
z-index: 5;
margin: -1px 0 0 240px;
padding: 0;
left: 0;
background-color: #e7e8ea;
}
.headline {
text-align: left;
width: 85%;
margin: 0 0 40px 0px;
font-size: 35px;
text-transform: uppercase;
font-family: Gibson-Semibold;
line-height: 35px;
color: #000000;
}
.block-image img{
width: 100%;
max-width: 100%;
display: block;
height: auto;
display: block;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article#node-36 div.col-md-9{
width: 100%;
padding: 75px 0px 0 0px;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.col-md-12 article#node-36 div.col-md-9 div.field-items div.row div.col-md-9{
width: 100% !important;
padding: 0px 0px 0 0px;
}
body.page-node-36 div#wrapperPrimary div.main-container div.row-fluid div.row .col-lg-3{
width: 200px;
float: none;
margin: 20px 0;
}
.footer {
padding: 35px 20px 36px 40px;
}
div#wrapperPrimary div.main-container div.row-fluid img.col-lg-6{
width: 50%;
}
}
/* -------- TABLET IPAD portait 768 x 1024----------*/
@media (min-width: 767px) and (max-width: 769px){
.announcement-container p.announcement-blurb{
margin-top: 12px; padding-left:82px;color:#ffffff;font-weight:bold;font-size:18px;
}
.breadcrumb-container{
position: fixed;
width: 100%;
min-width: 100%;
/*background: rgba(0, 0, 0, .1);*/
z-index: 5;
margin: -1px 0 0 0px;
padding: 0;
left: 0;
background-color: #e7e8ea;
}
}
/*------------Small tablet landscape 800 x 600--------- */
@media (max-width: 801px) and (min-width: 799px){
.footer {
padding: 35px 0px 27px 0px;
}
footer .menu.nav li {
max-width: 106px;
display: inline-block;
}
footer.footer ul.menu li a.dropdown-toggle {
font-size: 12px;
/* color: #FFB500; */
padding: 0px 15px;
display: inline-block;
}
footer .nav > li a {
background-color: transparent;
color: #6a6a6a;
font-size: 10px;
}
#site-name {
background-image: url(../images/CNVR_LOGO_symbol.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 9px auto 0 225px;
}
.breadcrumb-container{
position: fixed;
width: 100%;
min-width: 100%;
/*background: rgba(0, 0, 0, .1);*/
z-index: 5;
margin: -1px 0 0 240px;
padding: 0;
left: 0;
background-color: #e7e8ea;
}
h2.solution-line {
text-align: center;
margin: auto;
background-color: white;
display: inline;
padding: 0px;
}
}
/*------------------- Small tablet portrait ---------------*/
@media (min-width: 599px) and (max-width: 601px){
#site-name {
background-image: url(../images/CNVR_LOGO_symbol.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 9px auto 0 260px;
}
.headline {
width: 95%;
}
.blurb {
width:95%;
}
.footer .footer-publisher-nav {
float: left;
margin-bottom: 20px;
margin-left: 4px;
margin-right: 0;
width: 180px;
}
.breadcrumb-container{
position: fixed;
width: 100%;
min-width: 100%;
/*background: rgba(0, 0, 0, .1);*/
z-index: 5;
margin: -1px 0 0 0px;
padding: 0;
left: 0;
background-color: #e7e8ea;
}
}
@media (max-width: 1132px) and (min-width: 768px){
/*
.footer {
padding: 35px 20px 27px 20px;
}
*/
.footer .contact-social-block {
margin: 0px 20px 0 0px;
/* padding-left: 20px; */
float: none;
clear: both;
border-left: 0px;
text-align: center;
border-top: 1px solid #FFB500;
padding-top: 20px;
display: block;
width: 100%;
}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.stalker{
-webkit-overflow-scrolling: touch;
}
div#undefined-sticky-wrapper.sticky-wrapper{
position: relative;
left: -240px;
}
.header .navbar {
padding: 5px 0 0 20px;
border-radius: 0px;
margin: 0px;
max-width: 1420px;
margin: 0 auto;
height: 56px;
position: relative;
left: 240px;
}
#site-name {
background-image: url(../images/CNVR_LOGO_symbol.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 9px auto 0 325px;
/*
overflow: hidden;
width: 30%;
position: relative;
margin-left: 125px;
*/
}
}
/*************************** SEARCH PAGE STYLES***********************/
body.page-search .main-container{
background-color:#FFFFFF;
padding: 40px;
}
body.page-search .main-container .container-inline {
background-color: #FFFFFF;
border-bottom: 0 solid #4F4C4E;
height: 50px;
text-align: left;
width: 100%;
}
body.page-search .main-container .container-inline .input-append input {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #CACACA;
color: #000000;
height: 34px;
margin-right: 0;
margin-top: 0;
width: 400px !important;
}
body.page-search .main-container .container-inline .input-append button[type="submit"] {
display: block;
float: right;
margin-left: 20px;
}
fieldset#edit-advanced{
display:none;
}
body.page-search div#wrapperPrimary div.main-container ol.search-results{
margin:0px;
}
body.page-search div#wrapperPrimary div.main-container ol.search-results{
list-style-type: none;
padding: 0;
}
.search-result{
padding-bottom: 10px;
}
body.page-search div#wrapperPrimary div.main-container ol.search-results h3.title a{
font-family: Gibson-Semibold;
color: #000000;
}
.search-info{
display: none;
}
/******************ADMIN STYLE ADJUSTMENTS ************************/
div#wrapperPrimary div.main-container.container.container-largest ul.nav.nav-tabs{
margin-top: 24px;
}
div#wrapperPrimary div.main-container.container.container-largest ul.nav.nav-pills{
position: relative;
z-index: 3;
}
div#wrapperPrimary div.main-container.container.container-largest form#revisioning-publish-confirm.confirmation div button#edit-submit.btn.form-submit {
display:block;
}
.main-container.container.container-largest > #user-login {
margin: 100px 50px;
}
.btn.form-submit {
background-color: #ffb500;
display: block !important;
}
/********************Marketo adjustments*************************************/
div#wrapperPrimary div.primaryWrapper div.section div.main-container.container.container-larger div.row div.well.well-lg div.mktoButtonRow button.mktoButton {
display: block;
}
div#wrapperPrimary div.main-container.container.container-largest div.main-container.container.container-larger div.row-fluid div.col-md-12.col-sm-8 article#node-23 div.col-md-9.col-sm-4 div.well.well-lg.gold div.mktoButtonRow button.mktoButton{
display: block
}
select#Country, select#Interested_in__c {
background-image: none;
}
button#edit-submit-insights-and-ideas, button#edit-submit-whitepapers {
display: none !important;
}