/* Light Blue: #337AB7 */ @font-face { font-family: 'helveticaneuecyrbold'; src: url('/assets/fonts/helveticaneuecyr-bold-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-bold-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-bold-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticaneuecyrlight'; src: url('/assets/fonts/helveticaneuecyr-light-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-light-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticaneuecyrlight_italic'; src: url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-lightitalic-webfont.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'helveticaneuecyrroman'; src: url('/assets/fonts/helveticaneuecyr-roman-webfont.eot') format('eot'); src: url('/assets/fonts/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaneuecyr-roman-webfont.woff2') format('woff2'), url('/assets/fonts/helveticaneuecyr-roman-webfont.woff') format('woff'), url('/assets/fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueCyrMedium'; src: url('/assets/fonts/HelveticaNeueCyr-Medium.eot') format('eot'); src: url('/assets/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'), url('/assets/fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('/assets/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } /**************** Redefining bootstrap for new design *********************/ .modal-dialog { width: 640px; } .modal-content, .btn { border-radius: 0px; } .modal-body { padding:30px; } .modal-header h3 { margin-bottom: 0; } label { font-weight: normal; margin-bottom:10px; } .form-control { border-radius: 0px; font-size:16px; height:38px; } .radio label, .checkbox label { line-height: 20px; } .btn { padding: 9px 17px; font-family: 'helveticaneuecyrbold'; text-transform: uppercase; } .btn-xs { padding: 1px 5px; } .btn-default { color: #777777; } .help-block { font-size:14px; } label.btn { font-family: 'HelveticaNeueCyrMedium'; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /***************** Overlay *************************************************/ .overlay-keep-reading { height:235px !important;padding:20px 10px 10px 10px !important; background-color:rgb(255,255,255,0.8); width:100%;color:rgb(19,64,107); text-align:left; margin-top:8px; } .overlay-keep-reading h3 { text-transform: uppercase !important; font-weight:bold; margin-top:-5px !important; } .overlay-keep-reading h4 { font-size:14px !important; margin-bottom:10px !important; } .overlay-keep-reading.row { padding-bottom: 8px !important;} .overlay-row :first-child img { margin-top:-5px !important;text-align:center !important;} .overlay-row {padding:0px 0px 6px 0px !important;margin-right: -15px !important;margin-left: -15px !important;} .overlaySmall .inner {margin-top:22px;} /******************************** Template ********************************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; } body { padding: 0; margin: 0; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 1; } input { outline: none; } .wrapper { position: relative; width: 100%; } header .container, .fundContainer { padding: 0 20px; margin: auto; max-width: 1380px; width: 100%; } /*a { color: #305373; }*/ a.subscribe { border-radius: 5px; background-color: #c13433; color: #fff !important; text-transform:uppercase; font-family: "HelveticaNeueCyrMedium"; font-size: 14px; padding: 10px 40px !important; letter-spacing: 0.5px; } a.subscribe:hover { background-color: #e9212a; } /******************************** Header ********************************/ #hero-section { background-color: #F8FBFF; padding: 40px 40px 160px; min-height: 400px; } @media (max-width:992px) { #hero-section { padding: 40px 0px 140px; } #hero-section .container { padding-left: 10px !important; padding-right: 10px !important; } #hero-section .hero-card, #hero-section .hero-card-main { margin-bottom:15px; } } @media (min-width:992px) { #hero-section .row:first-child { margin-bottom: 50px; display: flex; } } #hero-section .stacked-hero-container { display: flex; flex-direction: column; height: 100%; } #hero-section .hero-card { background-color: white; -webkit-box-shadow: 0 0 52px rgba(164, 189, 214, 0.29), 0 4px 10px 0 rgba(74, 112, 146, 0.05); -moz-box-shadow: 0 0 52px rgba(164, 189, 214, 0.29), 0 4px 10px 0 rgba(74, 112, 146, 0.05); box-shadow: 0 0 52px rgba(164, 189, 214, 0.29), 0 4px 10px 0 rgba(74, 112, 146, 0.05); border-radius: 20px; padding: 5px; height: 100%; } /* Real Estate Information Card */ @media (max-width:1400px) { #hero-section .hero-card { margin-bottom: 20px; } } #hero-section .hero-card .card-image { border-radius: 20px 20px 0 0; position: relative; overflow: hidden; } #hero-section .hero-card .card-details { padding: 20px 15px 12px; } #hero-section .hero-card .card-details h1 { color: #305373; font-size: 26px; margin-bottom: 5px; font-weight: 500; font-family: "HelveticaNeueCyrMedium"; max-width: 100%; overflow: hidden;} #hero-section .hero-card-main .card-image img { border-radius: 20px 20px 0 0; } #hero-section .hero-card-main a { overflow: hidden; display: block; } #hero-section .hero-card-main a:hover h1, #hero-section .hero-card-main a:hover p { color:#337AB7 !important; } #hero-section .hero-card-main a:hover .card-image div:before { content: ""; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: absolute; height: 100%; width: 100%; background-color: #337AB7; mix-blend-mode: multiply; opacity: 0.3; } #hero-section .hero-card-loggedin .card-details h1 { text-overflow:ellipsis; white-space: nowrap; } @media (max-width:1200px) { #hero-section .hero-card .card-details h1 { font-size: 20px; } } #hero-section .hero-card .card-details h1.card-details--underline:after { border-bottom: 3px solid #305373; content: ""; width: 70px; height: 10px; display: block; margin-bottom: 14px; } #hero-section .hero-card .card-details .card-details__trending { font-weight: bold; font-family: helveticaneuecyrbold; font-size: 18px; color: #305373; } #hero-section .hero-card .card-details p { color: #707070; font-weight: 300; margin-bottom: 15px; } #hero-section .hero-card.hero-card--subscribe .card-image { padding-bottom: 60%; } @media (max-width:1400px) { #hero-section .hero-card.hero-card--subscribe .card-image { padding-bottom: 50%; } } @media (max-width:992px) { #hero-section .hero-card.hero-card--subscribe .card-image { display: none; } } #hero-section .hero-card.hero-card--subscribe .card-details { text-align: center; padding: 30px; } @media (max-width:1400px) and (min-width:992px) { #hero-section .hero-card.hero-card--subscribe .card-details { padding-bottom: 15px; } } #hero-section .hero-card.hero-card--subscribe .card-details h1 { color: #4C72B0; font-size: 20px; margin-bottom: 15px; } #hero-section .hero-card.hero-card--subscribe .card-details p { color: #305373; font-weight: 500; font-family: "HelveticaNeueCyrMedium"; margin-bottom: 20px; } @media (max-width:1200px) { #hero-section .hero-card.hero-card--subscribe .card-details p { display: none; } } #hero-section .hero-card.hero-card--article { border-radius: 10px; } #hero-section .hero-card--articles a { display: block; overflow: hidden; } #hero-section .hero-card.hero-card--article .card-image { height: auto; padding-bottom: 0; border-radius: 10px 10px 0 0; position: relative;overflow: hidden; } #hero-section .hero-card.hero-card--article .card-image img { min-width: 100%; } #hero-section .hero-card.hero-card--article .card-details h1 { font-size: 20px; margin-bottom: 10px; } #hero-section .hero-card.hero-card--article .card-details p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 60px; } #hero-section .hero-card.hero-card--article a:hover h1, #hero-section .hero-card.hero-card--article a:hover p { color:#337AB7 !important; } #hero-section .hero-card.hero-card--article a:hover .card-image div:before { content: ""; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: absolute; height: 100%; width: 100%; background-color: #337AB7; mix-blend-mode: multiply; opacity: 0.3; } #hero-section .hero-card.hero-card--stacked { height: initial; } #hero-section .hero-card.hero-card--stacked:first-child { border-radius: 20px 20px 0 0; flex-grow: 1; box-shadow: 0 0 13px 3px rgba(164, 189, 214, 0.18), 0 4px 20px 14px rgba(74, 112, 146, 0.05); margin-bottom: 0 !important; } #hero-section .hero-card.hero-card--stacked:last-child { flex-grow: 0; flex-shrink: 0; border-radius: 0 0 20px 20px; } #hero-section .hero-card ul.latest-ratings-list { padding-left: 0; list-style-type: none; } #hero-section .hero-card ul.latest-ratings-list li { padding-bottom: 14px; } #hero-section .hero-card ul.latest-ratings-list li:last-child { padding-bottom: 0 !important; } #hero-section .hero-card ul.latest-ratings-list li a { display: flex; align-items: center; cursor: pointer !important; text-decoration: none !important; } #hero-section .hero-card ul.latest-ratings-list li a i { color: #305373; background-color: #deebf7; font-size: 28px; border-radius: 100%; width: 60px; height: 60px; display: inline-block; text-align: center; padding-top: 16px; flex-shrink: 0; cursor: pointer !important; } #hero-section .hero-card ul.latest-ratings-list li a i:hover { text-decoration: none !important; } #hero-section .hero-card ul.latest-ratings-list li a:hover i { background-color: #cde1f7; } #hero-section .hero-card ul.latest-ratings-list li a:hover span { color: #337ab7; } #hero-section .hero-card ul.latest-ratings-list li a span { display: inline-block; padding-left: 20px; font-family: HelveticaNeueCyrMedium; font-size: 16px; color: #305373; margin-bottom: 5px; cursor: pointer !important; } #hero-section .hero-card ul.latest-ratings-list li a p { font-size: 14px; color: #337ab7; font-family: "helveticaneuecyrroman"; font-size: 14px; line-height: 1; padding-left: 20px; margin-bottom: 0; cursor: pointer !important; } #hero-section .hero-card ul.latest-ratings-list + .btn { margin-top: 20px; } #hero-section .hero-card.hero-card--realestate { margin-top: 4px !important; } #hero-section .hero-card.hero-card--realestate .card-image { width: 30%; border-radius: 0 0 0 20px; } @media (max-width:992px) and (min-width:768px) { #hero-section .hero-card.hero-card--realestate .card-image { width: 15%; padding-bottom: 12%; } } #hero-section .hero-card.hero-card--realestate .card-details { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0; } #hero-section .hero-card.hero-card--realestate .card-details h1 { font-size: 18px; margin-bottom: 0; } #hero-section .hero-card.hero-card--realestate .card-details .real-estate-agent { flex-grow: 1; text-align: center; width: 100%; } #hero-section .hero-card.hero-card--realestate .card-details .real-estate-agent p { margin-bottom: 0; } #hero-section .articles-header { color: #305373; font-weight: 500; font-family: "HelveticaNeueCyrMedium"; padding-left: 20px; padding-bottom: 10px; } #hero-section .hero-card h3 a { font-weight: bold; font-family: helveticaneuecyrbold; font-size: 18px; color: #305373; } #hero-section .hero-card .consumers-notebook ul.latest-ratings-list li { line-height: 1.4em; padding-bottom: 0; } #hero-section .hero-card .consumers-notebook ul.latest-ratings-list li a span { font-family: "helveticaneuecyrroman"; margin-left: 10px; padding-left: 0; border-bottom: solid 1px #eee; padding-top: 4px; padding-bottom: 9px; margin-right: 10px; } /* These styles override previous styles. They aren't necessary, but do clean things up a little if you want to keep them */ .service-providers { -webkit-box-shadow: 0 0 52px rgba(164, 189, 214, 0.38), 0 4px 10px 0 rgba(74, 112, 146, 0.21); -moz-box-shadow: 0 0 52px rgba(164, 189, 214, 0.38), 0 4px 10px 0 rgba(74, 112, 146, 0.21); box-shadow: 0 0 52px rgba(164, 189, 214, 0.38), 0 4px 10px 0 rgba(74, 112, 146, 0.21); } .top--section { box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); } #hero-section .btn-secondary:hover { background-color: #e4e6e9; } header { background-color: transparent; width: 100%; padding: 0 0 0px; position: fixed; top: 0; box-shadow: none; font-family: "HelveticaNeueCyrMedium"; z-index: 500; } header img { max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } header .row { margin-left: -20px; margin-right: -20px; } .header-row { margin-left: 0 !important; margin-right: 0 !important; } .header-row:before, .header-row:after { content: none !important; } .background-overlay { background: #305373; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 400; display: none; } .top--section { background-color: white; box-shadow: 0 0px 14px rgba(0, 0, 0, 0.2); } body.stick-header header { padding: 0 !important; } #main--navigation { padding: 15px 0; } .header--logo--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header--logo { width: 240px; max-width: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: -5px; } .header--tagline { margin-left: 25px; margin-bottom: 0px; color: #305373; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; cursor: default; font-size: 14px !important; font-family: "HelveticaNeueCyrMedium"; } .header--navigation--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header--navigation { margin-bottom: 0px; padding-left: 0; } .header--navigation li { display: inline-block; font-size: 15px; margin: 0px; font-family: "HelveticaNeueCyrMedium"; position: relative; } .header--navigation li a { color: #231D1B; padding: 12px; display: inline-block; line-height: 22px;} .header--navigation li a:hover { color: #305373; text-decoration: none; } .header--navigation li a.subscribe, .header--navigation li.profile { margin: 0 18px 0 12px; } .header--search--bar { display: inline-block !important; } .header--search--bar i { font-size: 20px; color: rgba(141, 141, 141, 0.5); -webkit-transition: none !important; transition: none !important; } .header--search--bar input { display: inline-block;; width: 300px; padding-right: 35px; border: none; border-radius: 5px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 1px 16px rgba(0, 0, 0, 0.06); font-size: 14px; } .header--search--bar button { right: 0px; top: -3px; position: absolute; background-color: transparent; border: none; padding: 12px; } .header--search--bar button:hover i { color: #305373; } .mobile--header--navigation { display: none; margin-bottom: 0px; padding-bottom: 10px; } .mobile--header--navigation.open--mobile--navigation { display: block; } .mobile--header--navigation li { display: block; font-size: 18px; margin: 20px 0px; font-family: "HelveticaNeueCyrMedium"; } .mobile--header--navigation li a { color: #231D1B; } .mobile--header--navigation li a:hover { color: #305373; text-decoration: none; } .mobile--header--navigation li.call-to-action a { color: white; background-color: #C42028; padding: 10px 40px; border-radius: 5px; } .mobile--header--navigation li.call-to-action a:hover { background-color: #e9212a; } .btn-primary { background-color: #305373; color:#fff !important; } .navigation--toggle { font-size: 22px; padding-right: 10px; } .services--menu { background-color: #305373; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); } .services--menu a { font-size: 14px !important; font-family: "HelveticaNeueCyrMedium"; color: white; padding: 13px 10px; display: inline-block; } .services--menu a i { padding: 0 10px; display: inline-block; } .services--menu a:hover { color:#fff; text-decoration: underline; } .services--menu .groups a { padding: 13px; } .services--menu .separator { border-right:solid 1px white; padding: 8px 0px;margin:6px 10px 0px 0px;display: inline-block; } .loggedIn .services--menu a#changeRegion { cursor: default; } .loggedIn .services--menu a#changeRegion:hover { text-decoration: none; } .services--expanded--menu { display: none; border-top: 1px solid #336b9a; position: absolute; z-index: 999; width: 100%; } .services--expanded--level-one { background-color: #deebf7; font-size: 14px !important; font-family: "HelveticaNeueCyrMedium" !important; padding: 0px; border-radius: 0 0 0 10px; -webkit-transition: all 0.1s !important; transition: all 0.1s !important; } .services--expanded--level-one ul { list-style: none; padding: 0px; margin: 0px; } .services--expanded--level-one ul li a { text-decoration: none; padding: 18px; display: block; } .services--expanded--level-one ul li a i { float: right; -webkit-transition-duration: 1s; transition-duration: 1s; } .services--expanded--level-one ul li:not(.active) a:hover { background-color: #2a415a; color: white; } .services--expanded--level-one ul li.active { background-color: #2a415a; } .services--expanded--level-one ul li.active a { color: white !important; } .services--expanded--level-one ul li:last-child a { border-radius: 0 0 0 10px; } .services--expanded--level-two { display: none; background-color: #FFFFFF; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.09), -2px 8px 5px -5px rgba(0, 0, 0, 0.06); border-radius: 0 0 10px 0; padding: 40px 40px 10px 40px; max-height: 84vh; overflow-y: auto; } .services--expanded--level-two.active { display: block; } .services--expanded--level-two ul li:last-child { margin-bottom: 35px; } .services--expanded--level-two .services--checkmark { position: absolute; width: 300px; bottom: 0; right: 0; max-width: 100%; } .services--expanded--level-two .subsection--icon { position: absolute; width: 300px; bottom: 20px; right: 0; max-width: 100%; font-size: 240px; color: #deebf7; } .services--expanded--level-two h4 { color: #C42028; font-family: "HelveticaNeueCyrMedium"; margin-bottom: 15px; } .services--expanded--level-two ul { list-style: none; padding: 0px; margin: 32px 0 0 0; } .services--expanded--level-two h4 ~ ul { margin-top: 0; } .services--expanded--level-two ul li { margin-bottom: 12px; font-family: "HelveticaNeueCyrMedium"; } .services--expanded--level-two li.see-all { margin-top:25px; } .services--expanded--level-two li.see-all a { color: #C42028; text-decoration: underline; } /* Search autocomplete */ .ui-autocomplete { background-color:#fff; padding: 8px 0px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 1200;} .ui-autocomplete .ui-menu-item a { color:#333; display: block; padding: 9px 18px; font-size:14px; } .ui-autocomplete .ui-menu-item a:hover { text-decoration: none; } .ui-autocomplete-address { font-size: 11px; color: #777; display: block; font-family: arial; margin-top:3px; } .ui-autocomplete-categoryName strong { color:#CC6600; font-weight: normal !important; font-size:12px; } .ui-autocomplete .ui-menu-item a.ui-state-active { background:none; background-color: #428bce; border-color:#428bce; color:#FFF; border-radius: 0; margin:0px; } .ui-autocomplete .ui-menu-item a.ui-state-active .categoryItemSpan { color:#FFF; } .ui-autocomplete .ui-menu-item a.ui-state-active .ui-autocomplete-categoryName, .ui-autocomplete .ui-menu-item a.ui-state-active .ui-autocomplete-address { color:#ddd; } .ui-autocomplete .ui-menu-item a.ui-state-active .ui-autocomplete-categoryName strong { color: #ffc387 ;} .ui-autocomplete .autocompletetip, .ui-autocomplete .autocompletearticle { font-size: 13px; } input.loading { background: url(/assets/img/icons/loading.gif) #fff 85% center no-repeat; } /* My account dropdown */ header .myAccount:hover #myAccountMenu { display: block; } header .myAccount .myAccountBtn { text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0px; padding: 8px 13px; background-color: #f2f2f2; color:#333; } header .myAccount .myAccountBtn i.fa-chevron-down { font-size: 10px; color:#999; } header .myAccount .myAccountBtn i.fa-user-circle { font-size:22px !important; margin-right:2px; color:#aaa; vertical-align: bottom; } header .myAccount .myAccountBtn span { line-height: 22px; vertical-align: bottom; max-width: 127px; overflow: hidden; display: inline-block; text-overflow: ellipsis;} header #myAccountMenu { width:230px; padding:12px 16px; color:#333; display: none; position: absolute; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 200; } header #myAccountMenu .arrow-up { position: absolute; left:99px; top:-9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid white; } header #myAccountMenu h5 { font-size:13px; margin-bottom:8px; text-transform: uppercase; } header #myAccountMenu ul { margin:0px; padding: 0px; } header #myAccountMenu li { list-style: none; border-top: solid 1px #fff; display: block; } header #myAccountMenu li a { color:#555; font-weight: normal; font-size:15px; display: block; padding:10px 8px; text-align: left; line-height: 1em; font-family: "HelveticaNeueCyrLight"; } header #myAccountMenu li a:hover { text-decoration: underline; } header #myAccountMenu hr { margin: 12px 0px; } html body .show-mobile, html body .show-mobile-xs { display: none; } @media all and (max-width:1315px) { .header--tagline, .services--menu .groups { display: none; } } @media all and (max-width:1024px) { html body .show-mobile { display: inline-block; } html body .hide-mobile { display: none; } body #content { padding-top: 111px !important; } header .header--navigation li.header--search--bar { margin-right: 18px; } header .header--navigation li.profile { float: right; margin-right: 0px; } header #myAccountMenu { right: 0; } header #myAccountMenu .arrow-up { right: 16px; left: auto; } } @media all and (max-width:768px) { html body .hide-mobile-xs { display: none; } html body .show-mobile-xs { display: inline-block; } header .mobile-signin { background: #305373; color: #FFF; text-align: center; display: block; width: 100%; padding: 8px; } header .mobile-signin a { color: #fff; display: inline-block; padding: 0px 6px; } header .container { padding: 0 10px; } header #main--navigation { padding: 9px 0px; -webkit-align-items: inherit !important; align-items: inherit !important; height: 105px; } header .top--section #services_dropdown_toggle { padding: 8px 13px; background-color: #305373; color: #fff; font-size: 20px; height: 36px; } header .header--logo { width: 200px; margin-top: -2px; } header .header--navigation li.profile { margin-left: 0; } header .header--navigation li.header--search--bar { margin-right: 0px; display: block !important; position: absolute; top: 82px; left: 0px; width: 100%; padding: 5px 10px;} header .header--navigation li.header--search--bar input { width: 100%; border: solid 1px #bcbcbc; } header .header--navigation li.header--search--bar button { top: 0; right:10px; } header .services--expanded--menu { top:84px } header .services--expanded--level-two { padding: 15px 20px; } header .services--expanded--level-one ul li a { padding-right: 10px; font-size: 13px; } } /********************************* End of HEADER *********************************/ /********************************* Template BODY *********************************/ #content { padding-top: 116px !important; } body p, .article-content ul li, .article-content ol li { line-height: 150%; color: #333; font-size: 16px; line-height: 21px; font-family: 'helveticaneuecyrlight'; } body h1, h2, h3, h4, h5, h6, p, .article-content ul { margin: 0 0 20px; } body h1 { font-size: 30px; } body h2 { font-size: 24px; } body h3 { font-size: 20px; } body h4 { font-size: 16px; } body h5 { font-size: 14px; } body h6 { font-size: 12px; } body a { cursor: pointer; text-decoration: none; } body a:hover { color:#337AB7; text-decoration: none; outline: none; } body a:focus { text-decoration: none; outline: none; } body::-webkit-input-placeholder { opacity: 0.5; color: #000; } body::-moz-placeholder { opacity: 0.5; color: #000; } body:-moz-placeholder { opacity: 0.5; color: #000; } body:-ms-input-placeholder { opacity: 0.5; color: #000; } #content .container { padding: 0 20px; margin: auto; max-width: 1180px; width: 100%; } #content section.container { margin-top:30px; margin-bottom:30px;} #loginModal .modal-dialog { width:520px; } #loginModal .modal-dialog hr.subscribe { margin: 26px 0px; } #loginModal .modal-dialog h3 { float: left; margin:0px; color:#666; } #loginModal .modal-dialog .btn-subscribe { font-weight: bold; } #loginModal .signInButton { display: block; width: 100%; } label.error { color:red; line-height:2em; margin: 0px; } .checkbook-values { background-color: #305373; padding: 80px 20px; } .checkbook-values h2 { margin-bottom: 60px; text-align: center; color: white; font-family: "HelveticaNeueCyrMedium"; } .checkbook-values h2 span { font-family: "HelveticaNeueCyrBold"; } .checkbook-values .values--container { background-color: white; border-radius: 10px; padding: 40px 20px 50px; } .checkbook-values .values--container .value--item { margin-bottom: 20px; } .checkbook-values .values--container .value--item img { max-width: 100%; height: 55px; float: left;margin-right: 15px; } .checkbook-values .values--container .value--item p { font-family: "HelveticaNeueCyrMedium"; font-size: 16px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; } .checkbook-values .btn { margin-top: -30px; margin-bottom: 10px; font-size: 18px !important; } .checkbook-values .signin--button { color: white !important; } .checkbook-values .btn { border-radius: 5px; text-transform: none; font-family: "HelveticaNeueCyrMedium"; padding: 20px 40px !important; letter-spacing: 0.5px;} .currentIssue a:hover { color:#337AB7; text-decoration: none; } /******************************** End of Template BODY *********************************/ /********************************* FOOTER *********************************/ footer { padding: 50px 0px 30px 0; background-color: #262626; } footer h6 { color:#fff; font-size:14px !important; font-family: 'HelveticaNeueCyrMedium'; } footer .footer-logo { font-size:24px; color:#fff; background: url('/assets/img/logo/iconWhite2.png') no-repeat left center; margin: auto; width:200px; height:44px; padding:10px 50px; margin-bottom:25px; } footer .footer-links { margin: 0px -95px 0px 15px; } footer .footer-menu { margin-left: 0px; padding: 0px; } footer .footer-menu li { list-style: none; } footer .footer-menu li a, footer .footer-menu li span.notLogged { color: #fff; font-family: 'helveticaneuecyrlight'; font-size: 14px; letter-spacing: 1px; line-height: 2em; } footer .sign { text-align: center; padding: 0; margin: 0 0 21px 0; } footer .sign li { display: inline-block; font-size: 14px; color:#eee; margin: 0 20px; } footer .sign li a { color: #c13433; font-family: 'helveticaneuecyrbold'; letter-spacing: 1px; font-size: 14px; background-color: #eee; padding: 6px 15px; border-radius: 5px } footer .sign li:last-child a { padding-left:27px; padding-right:27px; } footer .socialIcons { text-align: center; margin: 20px 0; padding: 0; } footer .socialIcons a { color:#fff; font-size:24px; } footer .socialIcons a:hover { color:#b12027; } footer p.copy { margin: 0; color: #eee; font-family: 'helveticaneuecyrlight'; font-size: 12px; text-align: center; letter-spacing: 1px; margin-top:32px; } @media all and (max-width:768px) { footer { padding-top: 20px; } footer .sign li { margin: 0 5px; } footer .footer-links { margin: 0; } footer h6 { margin-bottom: 5px; margin-top: 30px; font-size: 16px !important; } } /********************************* END OF FOOTER *********************************/ /* --------------------- INTERNAL PAGES ------------------------ */ .ad-reasons { background-color: #f8f8f8; padding: 40px 0 0 0; overflow: hidden; } .ad-reasons .columns { display: flex; width: 100%; text-align: center; margin-bottom:30px; } .ad-reasons .columns .column { width: 33.3%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; position: relative; } .ad-reasons .columns .column:after { content: ' '; position: absolute; right: 0; top: 15%; border-right: 1px solid #E2DFE0; height: 70%; width: 1px; } .ad-reasons .columns .column:last-child:after { display: none; } .ad-reasons .columns .column img { float: none; margin: 10px auto; } .ad-reasons .columns .column p { font-size: 14px; line-height: 130%; color: #39393a; } /*************** HOMEPAGE *******************/ #home img { max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } #home .container { max-width: 1380px; } #home h2 { font-family: "HelveticaNeueCyrMedium"; color: #305373; text-align: center; margin-bottom: 30px; } #home .btn { border-radius: 5px; text-transform: none; font-family: "HelveticaNeueCyrMedium"; font-size: 14px; padding: 8px 40px; letter-spacing: 0.5px; white-space: normal; } #home .btn-secondary { background-color: #EFF0F2; color: #305373; } #home .btn-white { display: inline-block; color:#2b4665;padding:15px 40px;font-size:16px;border-color: #2b4665; } #home .hero { background-color: #deebf7; background-image: linear-gradient(to top right, #c8dff5 0%, #f3f9ff 100%); padding-bottom: 130px; padding-top: 25px; } #home .hero--image { width: 100%; border-radius: 20px; padding-top: 49%; position: relative; background-size: cover; background-position: center bottom; margin-left: 20px; } #home .featured--report { background-color: white; padding: 20px 30px; border-radius: 20px 60px 20px 20px; width: 640px; max-width: 100%; position: relative; margin-top: -165px; margin-left: 40px; float: left; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0px rgba(74, 112, 146, 0.1); } #home .featured--report .pill { background-color: #c42028; color: white; padding: 6px 10px; font-family: "HelveticaNeueCyrMedium"; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 13px; margin-top: -30px; letter-spacing: 0.5px; border-radius: 5px; } #home .featured--report h1 { font-family: "HelveticaNeueCyrMedium"; color: #305373; font-size: 22px; margin: 8px 0; } #home .featured--report p { font-size: 15px; margin-bottom: 10px; } #home .featured--report .buttons .btn-primary { margin-right: 20px; } #home .special--reports { padding-right: 0px; } #home .special--reports h2 { text-align: center; font-family: "HelveticaNeueCyrMedium"; font-size: 16px; margin-top: 40px; } #home .special--reports h2 span { color: #305373; } #home .special--reports ul { list-style: none; padding: 0px; margin-top: 9px; } #home .special--reports ul li a { min-height: 88px; overflow: hidden; background-color: white; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0px rgba(74, 112, 146, 0.1); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } #home .special--reports ul li a div { border-radius: 10px 0 0 10px; height:90px; max-width: 100%; flex: 0 0 130px; position: relative; } #home .special--reports ul li a:hover div:before { content: ""; border-radius: 10px; position: absolute; height: 100%; width: 100%; background-color: #337AB7; mix-blend-mode: multiply; opacity: 0.2; } #home .special--reports ul li a p { padding: 15px; margin: auto 0px; font-size: 15px; line-height: 1.2em; align-self: center; } #home .special--reports ul li a p strong { font-weight: normal; display: block; font-family: HelveticaNeueCyrMedium; margin-bottom: 2px; color:#305373; } #home .special--reports ul li a p span { color: #666; display: block; font-size: 14px; line-height: 1.1em; } #home .special--reports ul li a:hover { text-decoration: none; } #home .special--reports ul li a:hover p * { color:#337AB7 !important; } #home .join--tag--container { height: 80px; overflow: hidden; margin-top: -80px; padding-left: 30px; padding-top: 10px; position: relative; width: 400px; float: left; } #home .join--tag--container .checkmark { position: absolute; width: 92px; left: 4px; bottom: -20px; } #home .join--tag--container .join--tag { background-color: white; border-radius: 10px 10px 0 0; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0px rgba(74, 112, 146, 0.1); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 40px 20px 60px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #home .join--tag--container .join--tag p { margin-right: 12px; margin-bottom: 0px; font-family: "HelveticaNeueCyrBold"; color: #182f7b; font-size: 22px; } #home .join--tag--container .join--tag img { width: 160px; } #home .join--cta { padding: 40px; margin: -90px 0 20px; background-color: white; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); border-radius: 20px; text-align: center; } #home .join--cta img { width: 140px; padding-bottom: 20px; } #home .join--cta h2 { margin-bottom: 0px; font-family: "HelveticaNeueCyrLight"; } #home .join--cta h2.loggedIn { font-weight:bold; margin-bottom:6px; } #home .big-call-to-action { margin-bottom: 7px; } #home .join--cta .form-group { max-width: 600px;margin:auto;position: relative; } #home .join--cta .search--button { position:absolute;right:4px;top:4px;padding:8px 16px;font-size:22px;background-color:#c42028;color:white;border:none; border-radius: 5px } #home .join--cta input { font-size:20px; height: auto;padding: 8px 15px; } #home .service-providers { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #home .service-providers:not(.individual-service) { box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0px rgba(74, 112, 146, 0.1); } #home .service-providers .title--section { padding: 40px 0 20px; } #home .service-providers .title--section h1 { font-size: 28px; text-align: center; font-family: "HelveticaNeueCyrMedium"; color: #305373; } #home .service-providers .title--section h1 span { color: #c42028; } #home .service-providers .icon--section { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; padding-bottom: 40px; } #home .service-providers .icon--section > div > div > div.row { margin-bottom: 30px; overflow: hidden; } #home .service-providers .icon--section a.icon--item { overflow: hidden;text-align: center; display: block; } #home .service-providers .icon--section img { width:100%; border-radius: 8px; max-width: 250px; max-height: 166px; } #home .service-providers .icon--section a div { position: relative; max-width: 250px; margin: auto; } #home .service-providers .icon--section a h3 { font-family: "HelveticaNeueCyrBold"; font-size: 16px; margin-bottom: 0px; color: #305373; margin-top: 10px; line-height: 1.2em; } #home .service-providers .icon--section a:hover { text-decoration: none; } #home .service-providers .icon--section a:hover div:before { content: ""; border-radius: 10px; position: absolute; height: 100%; width: 100%; background-color: #337AB7; mix-blend-mode: multiply; opacity: 0.3; } #home .service-providers .icon--section a:hover h3 { color:#337AB7; } #home .service-providers .icon--section p { text-align: center; width: 100%; color: #305373; font-family: "HelveticaNeueCyrBold"; font-size: 14px; margin-bottom: 20px; } #home .service-providers.individual-service .icon--section { padding: 100px 0 80px; } #home .service-providers #searchForm input { box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 1px 16px rgba(0, 0, 0, 0.06); border: none; } #home .service-providers #searchForm button { right: 14px; top: -3px; position: absolute; background-color: transparent; border: none; padding: 12px; font-size: 20px; color: rgba(141, 141, 141, 0.5);} #home .checkbook-values { background-color: #305373; padding: 40px 20px; } #home .checkbook-values h2 { margin-bottom: 30px; text-align: center; color: white; font-family: "HelveticaNeueCyrMedium"; } #home .checkbook-values h2 span { font-family: "HelveticaNeueCyrBold"; } #home .checkbook-values .values--container { background-color: white; border-radius: 10px; padding: 30px 20px 40px; } #home .checkbook-values .values--container .value--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } #home .checkbook-values .values--container .value--item img { width: 50px; } #home .checkbook-values .values--container .value--item p { font-family: "HelveticaNeueCyrMedium"; font-size: 16px; margin-bottom: 0px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-right: 20px; padding-left: 0px; } #home .checkbook-values .values--container.loggedIn p { margin-top:10px;font-size:20px;line-height: 1.3em } #home .checkbook-values .btn { margin-top: -30px; margin-bottom: 10px; font-size: 18px !important; } #home .checkbook-values .signin--button { color: white !important; } .big-call-to-action { color: white; background-color: #C42028; padding: 20px 0px !important; border-radius: 5px; width: 100%; min-width: 240px; font-size: 18px; } .big-call-to-action:hover { background-color: #e9212a; color: white; } #home .latest-articles { padding: 60px 120px 45px 120px; overflow: hidden; } #home .latest-articles .container { position: relative; } #home .latest-articles .article--checkmark { position: absolute; width: 1200px; left: -150px; top: 100px; overflow: hidden; } #home .latest-articles h1, #home .latest-articles h3 { font-size: 28px; font-family: "HelveticaNeueCyrLight"; color: #305373; margin-bottom: 40px; margin-top: 0; } #home .latest-articles .article--list ul { list-style: none; padding: 0px; margin: 30px 0px 0px; } #home .latest-articles .article--list ul li a { margin-bottom: 50px; overflow: hidden; display: block; } #home .latest-articles .article--list ul li a:hover { text-decoration: none !important; } #home .latest-articles .article--list ul li a .article--photo { width: 250px; float: left; margin-right: 20px; position: relative; } #home .latest-articles .article--list ul li a .article--photo img { border-radius: 10px; width: 250px; max-width: 100%; } #home .latest-articles .article--list ul li a:hover .article--photo:before { content: ""; border-radius: 10px; position: absolute; height: 100%; width: 100%; background-color: #337AB7; mix-blend-mode: multiply; opacity: 0.3; } #home .latest-articles .article--list ul li a .article--content { padding-left: 30px; padding-top: 0px; padding-right: 20px; -ms-flex-item-align: start; align-self: flex-start; } #home .latest-articles .article--list ul li a .article--content h2 { font-family: "HelveticaNeueCyrMedium"; color: #305373; margin-bottom: 10px; text-align: left; font-size: 28px; } #home .latest-articles .article--list ul li a .article--content p { margin-bottom: 0px; font-size: 18px; line-height: 1.3em; } #home .latest-articles .article--list ul li a:hover * { color:#337AB7 !important; } #home .latest-articles .article--list .btn-secondary { margin-left: 280px; margin-top: 20px; } #home .latest-articles .latest--issue { max-width: 75% !important; margin-bottom: 30px; box-shadow: 0 0 7px rgba(164, 189, 214, 0.39), 0 4px 15px 0 rgba(74, 112, 146, 0.27); } #home .latest-articles .sidebar ul { list-style: none; padding: 0px; margin: 0px; } #home .latest-articles .sidebar ul li { margin-bottom: 10px; font-family: "HelveticaNeueCyrMedium"; padding-left: 0px; font-size: 15px; } #home .latest-articles .sidebar ul li p { font-size: 14px; line-height: 16px; margin-bottom: 10px; margin-top: 3px; } #home .latest-articles .sidebar .btn-primary { margin: 20px 0 40px; } #home .latest-articles .sidebar .featured h3 { margin-bottom: 15px; } #home .latest-articles .sidebar .featured ul li { border-bottom: 1px solid #ccc; margin: 0; } #home .latest-articles .sidebar .featured ul li a { padding: 18px 0; display: block; } #home .latest-articles .sidebar .featured ul li a:hover { color:#337AB7 } #home .featured-prod { margin-bottom: 60px; padding: 50px; background-color: #EEE; overflow: hidden; } #home .featured-prod .f-wrap { background-color: #fff; border-radius: 15px; padding: 20px; margin-bottom: 10px; } #home .featured-prod img { margin-bottom: 20px; } #home .featured-prod a { font-size: 16px; font-weight: bold; line-height: 1.2em; } #home .featured-prod p { margin-top: 15px; } #home .in-the-press { margin-bottom: 60px; text-align: center; } #home .in-the-press a { margin: 10px 20px; display: inline-block; opacity: 0.6; } #home .in-the-press a:hover { opacity: 1; } /*#home .service--title { background: url("../../../assets/img/redesign/page-automotive.jpg"); background-size: cover; background-position: center center; padding: 140px 0; } #home .service--title h1 { color: white; font-family: "HelveticaNeueCyrBold"; font-size: 38px; margin-bottom: 0px; margin-top: -40px; } #home .service--subtitle { background-color: white; padding: 30px; border-radius: 20px 60px 20px 20px; width: 600px; max-width: 100%; position: absolute; top: 60px; left: 0; float: left; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); } #home .service--subtitle h2 { color: #305373; font-family: "HelveticaNeueCyrBold"; margin-bottom: 4px; } #home .service--subtitle p { margin-bottom: 0px; } #home .service--promotion { background-color: white; padding: 40px; padding-right: 0px; border-radius: 20px; width: 500%; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); overflow-x: hidden; text-align: center; } #home .service--promotion .promotion--container { width: calc(20% - 10px); } #home .service--promotion h2 { color: #305373; font-family: "HelveticaNeueCyrBold"; text-align: left; } #home .service--promotion p { font-family: "HelveticaNeueCyrMedium"; color: #8D8D8D !important; text-align: left !important; font-size: 16px !important; text-align: justify; } #home .service--promotion img { max-width: 100%; } #home .service--promotion a { margin-top: 40px; } */ @media (max-width:1200px) { #home .featured--report { width: 550px; margin-bottom: 35px; margin-top: -140px; } #home .hero { padding-bottom: 100px; } #home .latest-articles { padding: 60px 00px; } } @media (max-width:992px) { #home .featured--report { width: 100%; border-radius: 0 0 10px 10px; margin-left: 0;} #home .special--reports { clear: both; padding-top: 0px; padding-right: 15px; } #home .special--reports ul { margin-top: 0px; } #home .hero { padding-bottom: 120px; } #home .hero--image { margin-left: 0px; margin-top: 10px; border-radius: 10px; } #home .latest-articles { padding: 60px 20px; } #home .latest-articles .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #home .latest-articles .article--list ul li a .article--content { padding: 5px 0px; } #home .latest-articles .article--list ul li a .article--content h2 { font-size: 20px; } #home .sidebar { padding-top: 20px; } #home .join--tag--container { margin: 0 auto; margin-top: -80px; float: none; } /* #home .service--subtitle { top: 80px; } #home .service--promotion .promotion--container { width: calc(20% - 30px); }*/ #home .individual-service .flex { flex-direction: column !important; } #home .join--cta { flex-flow: column; } #home .join--cta a { margin-top: 30px; width: 100%; } #home .featured-prod { padding: 15px; } } @media all and (max-width:768px) { #home .hero .col-xs-12, #home .service-providers .col-xs-12 { padding: 0px 5px; } #home .featured--report { margin-top: -8px; padding: 20px 15px; } #home .special--reports ul li a p { padding: 8px 10px; } #home .join--cta { padding: 20px 10px; } #home .service-providers .icon--section > div:nth-child(2n+1) { clear: both; } #home .checkbook-values .values--container { padding: 20px 5px 30px; } #home .checkbook-values .values--container .value--item img { margin-top: 10px; } #home .latest-articles { padding: 30px 0px; } #home .latest-articles .article--list ul li a { margin-bottom: 30px; } #home .latest-articles .article--list ul li a .article--photo { width: 35%; margin-right: 10px; } } /*************** /HOMEPAGE *******************/ /*************** GROUP page *******************/ #group .container { max-width: 1380px; } #group .group-header { background-size: cover; background-position: center center; padding: 150px 0; margin-bottom: 70px; } #group .group-header h1 { color: white; font-family: "HelveticaNeueCyrBold"; font-size: 38px; margin-bottom: 0px; margin-top: -40px; } #group.groupH .group-header h1 { color: #305373; font-size: 28px; } #group .service--subtitle { background-color: white; padding: 30px; border-radius: 20px 60px 20px 20px; width: 600px; max-width: 100%; position: absolute; top: 70px; left: 0; float: left; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); } #group .service--subtitle h2 { color: #305373; font-family: "HelveticaNeueCyrBold"; margin-bottom: 4px; } #group .service--subtitle p { margin-bottom: 0px; } #group .service--promotion { background-color: white; padding: 40px; border-radius: 20px; box-shadow: 0 0 8px rgba(164, 189, 214, 0.15), 0 4px 10px 0 rgba(74, 112, 146, 0.1); overflow-x: hidden; text-align: center; margin-bottom: 30px; } #group .service--promotion h2 { color: #305373; font-family: "HelveticaNeueCyrBold"; text-align: left; } #group .service--promotion .promotion--container p { font-family: "HelveticaNeueCyrMedium"; color: #8D8D8D !important; text-align: left !important; font-size: 16px !important; text-align: justify; } #group .service--promotion .promotion--container img { max-width: 100%; } #group .service--promotion .promotion--container a { margin-top: 40px; } #group .service--promotion h3 { text-align: left; font-size: 24px; color: #305373; font-family: "HelveticaNeueCyrBold"; } #group .service--promotion .advice ul { list-style: none; text-align: left; padding: 0; } #group .service--promotion .advice ul li { font-size: 16px; } #group .service--promotion .advice ul li a { display: block; padding: 10px 0px; line-height: 1.2em; } #group .service--promotion .advice ul li a:hover { color:#337AB7; text-decoration: none; } #group .service--promotion .latest { text-align: left; } #group .service--promotion .latest ul { list-style: none; padding: 0px; margin: 15px 0 0 0; } #group .service--promotion .latest ul li { margin-bottom: 12px; font-family: "HelveticaNeueCyrMedium"; font-size: 15px; } #group .service--promotion .latest ul li p { font-size: 14px; line-height: 1.1em; margin-bottom: 10px; margin-top: 3px; } #group .service--promotion .latest .btn-primary { margin: 20px 0 40px; } @media all and (max-width:768px) { #group .service--promotion { box-shadow: none; padding: 0; } } #group .service-providers .title--section h1 span { color: #c42028; } #group .icon--section { padding: 0 0 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; overflow: hidden;} #group .icon--section .icons--wrap.see-more-container { height: 820px; margin-bottom: 50px; overflow: hidden; transition: all 800ms linear; } #group .see-more { color:blue; display: block; text-align: center; margin-top: -120px; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; width: 100%; padding: 30px 0 6px 0; height: 70px; } #group .see-more a { position: absolute; margin-top: 40px; font-size: 15px; padding: 20px 40px; margin-left: -86px; } #group .icon--section .icon--container { margin: 15px 26px; max-width: 210px; width: 175px; height: 200px; float: left; } #group .icon--section .circle { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; position: relative; display: inline-block; width: 80%; height: 0; padding: 40% 0; border-radius: 50%; background: #deebf7; line-height: 0px; margin-left: 10%; margin-bottom: 15px; } #group .icon--section .circle i { font-size: 60px; color: #305373; text-align: center; width: 100%; margin-top: -30px; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #group .icon--section a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; text-decoration: none; } #group .icon--section a:hover .circle i { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #group .icon--section h3 { font-family: "HelveticaNeueCyrBold"; font-size: 16px; text-align: center; margin-bottom: 0px; color: #305373; } #group .icon--section p { text-align: center; width: 100%; color: #305373; font-family: "HelveticaNeueCyrBold"; font-size: 14px; margin-bottom: 20px; } #group .latest-articles { padding: 120px; overflow: hidden; } #group .latest-articles .container { position: relative; } #group .latest-articles .article--checkmark { position: absolute; width: 1200px; left: -150px; top: 100px; overflow: hidden; } #group .latest-articles h1 { font-size: 24px; font-family: "HelveticaNeueCyrMedium"; color: #305373; margin-bottom: 40px; } #group .latest-articles h3 { font-family: "HelveticaNeueCyrMedium"; color: #305373; } #group .latest-articles .article--list ul { list-style: none; padding: 0px; margin: 30px 0px 0px; } #group .latest-articles .article--list ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } #group .latest-articles .article--list ul li a:hover { text-decoration: none !important; } #group .latest-articles .article--list ul li a:hover h2 { color: #305373 !important; } #group .latest-articles .article--list ul li a img { border-radius: 10px; width: 250px; max-width: 35%; flex-shrink: 0;} #group .latest-articles .article--list ul li a .article--content { padding-left: 30px; padding-top: 10px; padding-right: 20px; -ms-flex-item-align: start; align-self: flex-start; } #group .latest-articles .article--list ul li a .article--content h2 { font-family: "HelveticaNeueCyrMedium"; color: #305373; margin-bottom: 10px; } #group .latest-articles .article--list ul li a .article--content p { margin-bottom: 0px; } #group .latest-articles .article--list .btn-secondary { margin-left: 280px; margin-top: 20px; } #group .latest-articles .latest--issue { max-width: 75% !important; margin-bottom: 20px; box-shadow: 0 0 7px rgba(164, 189, 214, 0.39), 0 4px 15px 0 rgba(74, 112, 146, 0.27); } @media all and (max-width:768px) { #group .group-header { margin-bottom: 40px; } #group .icon--section .icon--container { margin: 0px 5px; width: 145px; } #group .latest-articles { padding: 20px 0 0 0; } #group .latest-articles .article--list ul li a .article--content { padding: 0px 0 0 10px; } #group .latest-articles .article--list ul li a .article--content h2 { font-size: 18px; } } /*************** Category Detail page *******************/ #content .top-banner::before { background:none; } #breadcrumb { background-color: #f8f8f8; margin:-45px -40px 30px -40px; padding:0px 0px 0px 25px; border-bottom:solid 1px #f0f0f0; } #breadcrumb img { float:left; margin-right:10px; } #breadcrumb h2 { margin:28px 0px; font-family: 'HelveticaNeueCyrMedium'; line-height: 28px; text-transform: none; font-size:24px; letter-spacing: 1px; } #breadcrumb h2.smaller { font-family: 'HelveticaNeueCyrLight';font-size:19px; color:#666; } #breadcrumb h2 a { color: #333; } #breadcrumb h2 a:hover { color: #666; text-decoration: none; } /*#breadcrumb h2 a .cat-icon { background-color: #666; border-radius: 50%; padding: 10px 13px; display: inline-block; margin: -10px 10px -10px 0; width: 50px; height: 50px; text-align: center; } #breadcrumb h2 a .cat-icon i { color:#fff; }*/ #breadcrumb > div:last-child { padding:0px; } #breadcrumb ul { padding: 0px; margin: 0px; float:right; } #breadcrumb ul li { float:left; list-style: none; } #breadcrumb ul li a { padding: 32px 32px; display: block; color:#333; font-size:16px; line-height: 20px; } #breadcrumb ul li a:hover { background-color: #f2f2f2; } #breadcrumb ul li.active a { background-color: #e1e1e1; font-family: 'HelveticaNeueCyrMedium'; text-decoration: underline; } .blog-content #breadcrumb ul li a { display: none; } @media all and (max-width:1100px) { #breadcrumb .title, #breadcrumb .links { width:100%; padding: 0px 15px !important; } body #content section #breadcrumb h2 { margin:15px inherit } #breadcrumb ul { float:left; } #breadcrumb ul li a { padding: 10px 32px; } } @media all and (max-width:450px) { #breadcrumb .links { padding: 0px !important; } #breadcrumb ul li a { padding: 10px 20px; } } #category h4, .article-detail h4 { color: #231d1b; font-family: 'helveticaneuecyrbold'; font-size: 18px; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 40px 0; margin-top: 0px; margin-bottom: 40px; } .article-content .text-block ul, .article-content .text-block ol { padding-left:40px; } .article-content .text-block li { margin-bottom:8px; } .top-banner { background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative; text-align: center; padding: 100px 0; height:440px; } /*#content .top-banner:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #231d1b; opacity: 0.5; z-index: 1; }*/ .top-banner .container { max-width: 818px; position: relative; z-index: 2; } .top-banner .container .top-banner-title { display: flex; justify-content: center; flex-direction: column; height: 115px; } .top-banner h2 { color: #fff; font-family: 'helveticaneuecyrbold'; font-size: 48px; letter-spacing: 4px; text-transform: uppercase; line-height: 57px; margin-bottom: 50px; font-weight: normal; } .top-banner h4 { color: #fff; font-family: 'HelveticaNeueCyrMedium'; font-size: 18px; letter-spacing: 0px; line-height: 150%; margin-bottom: 29px; margin-top: 20px; font-weight: normal; } .top-banner .sign-block ul li, .top-banner .sign-block ul li a { color: #fff; } .content-box { position: relative; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); background-color: #fff; max-width: 1140px; padding: 45px 40px; margin: -96px auto 0 auto; line-height: 130%; font-family: 'helveticaneuecyrroman'; } .content-box.over-banner { margin-top: -420px; } .content-box .text-block { margin-right:30px; } .content-box .text-block h2 { font-family: 'helveticaneuecyrmedium'; letter-spacing: 1px; font-size: 24px; text-transform: none; } .content-box .text-block h3 { font-family: 'helveticaneuecyrmedium'; letter-spacing: 1px; font-size: 18px; text-transform: none; } .article-content .text-block a { color: #182F7B; font-weight: bold; } .article-content .text-block img { max-width: 100%; height: auto; } .article-content .text-block table { max-width: 100% !important; width:auto; font-family: 'helveticaneuecyrroman'; font-size:13px; line-height: 1.3em; } .content-box #carBargainsForm { background-color: #f1f1f1; margin: 0px -10px; padding: 20px; margin-bottom:20px; } .content-box #carBargainsForm h3 { margin-bottom:3px; } .content-box #carBargainsForm h4 { font-size:12px; color:#6B6B6B; } .content-box #carBargainsForm p:last-child { margin-bottom: 0px; } .sign-block ul { margin: 0 0 50px 0; padding: 0; text-align: center; } .sign-block ul li { display: inline-block; color: #4A4A4A; margin: 0 12px; vertical-align: middle; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 16px; letter-spacing: 1px; } .sign-block ul li a { color: #4A4A4A; font-family: 'helveticaneuecyrbold'; font-size: 16px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; } .sign-block ul li a.button, body #content section.overview .gray-block p a.button { background: #c13433; display: inline-block; height: 60px; line-height: 58px; padding: 1px 20px; border: 1px solid #c13433; color: #fff; font-family: 'helveticaneuecyrbold'; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; margin: 0; min-width: 195px; } .sign-block ul li a.button:hover { text-decoration: none; opacity: 0.8; } /*body a { color: #182F7B; }*/ body #content #category section .article-body h2 { text-transform: uppercase; font-family: 'helveticaneuecyrbold'; letter-spacing: 1px; font-size: 17px; } body #content section.overview .gray-block { background: #EFF0F1; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 0 0; text-align: center; } body #content section.overview .gray-block h4 { font-family: 'helveticaneuecyrmedium'; font-size: 24px; } body #content section.overview .gray-block p { margin: 15px 0 20px; font-size: 16px; } body #content section.overview .gray-block p a.button { display: inline-block; height: auto; min-width: 0; padding: 15px 25px; line-height: 100%; margin-top: 15px; font-size: 14px; } body #content section.overview .gray-block p a.button:hover { text-decoration: none; opacity: .8; } body #content section.overview .gray-block p:last-child { margin-bottom: 0; } body #content section .sidebar { border-left: 4px solid #DCDCDC; padding-left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; } body #content section .sidebar .rating { padding: 30px; color:#333; margin: 0px -30px; display: block; } body #content section .sidebar .rating:hover { border: 1px solid #ddd; border-radius: 5px; background-color: #f6f6f6; padding: 29px; text-decoration: none; } body #content section .sidebar .rating .value { font-size: 72px; display: block; clear: both; font-weight: bold; margin: 0; } body #content section .sidebar .rating div { margin: 0; text-transform: uppercase; font-size: 16px; line-height: 120%; font-weight: normal; } body #content section .sidebar .rating div strong { display: block; margin-bottom: 5px; font-weight: normal; } body #content section .sidebar .rating div span { font-weight: bold; color: #c13433; text-decoration: underline; letter-spacing: 1px; } body #content section .sidebar .checklist h4 { font-size: 22px; color: #194B7B; line-height: 25px; text-align: left; text-transform: none; letter-spacing: 0; font-family: 'helveticaneuecyrmedium'; margin-bottom: 20px; } body #content section .sidebar .checklist ul { list-style: none; padding: 0; margin: 15px 0 30px; font-size: 16px; line-height: 130%; } body #content section .sidebar .checklist ul li { display: block; margin: 10px 0; font-size: 16px; color: #5A5A5A; padding-left: 27px; background: url("/assets/img/icons/check-list.png") no-repeat left top; } body #content section .sidebar .checklist p a { font-size:14px; } body #content section .sidebar .checklist.donate h4 { margin-bottom: 10px; font-size: 24px; } body #content section .sidebar .checklist.donate img { vertical-align: top; } body #content section .sidebar .checklist.donate p { color:#333; line-height: 1.2em; } body #content section.content-box .sidebar .sign-block ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; margin: 0 6px; } body #content section.content-box .sidebar .sign-block ul li a { font-size: 14px; display: inline-block; padding: 10px 20px; line-height: 100%; background: #EFF0F1; color: #9b9b9b; height:auto !important; min-width: auto; } body #content section.content-box .sidebar .sign-block ul li a:hover { text-decoration: none; color: #39393a; } body #content section.content-box .sidebar .sign-block ul li a.button { background-color: #c13433; color: #fff; } .donation_message { padding: 16px 0px 16px 0px !important;} .anchor { position: absolute; top: -140px; } body #content section.related-articles { padding:40px; background-color: #f8f8f8; position: relative; } body #content section.related-articles h2 { margin-bottom: 30px; text-align: center; } body #content section.related-articles a { overflow: hidden; display: block;} body #content section.related-articles .image { width: 250px; float:left; border:solid 1px #f1f1f1; position: relative; overflow: hidden; height:150px; } body #content section.related-articles img { max-width: 100%; } body #content section.related-articles h3 a { color: #231d1b; font-family: 'helveticaneuecyrbold'; font-size: 24px; line-height: 28px; letter-spacing: 1px; width:auto; padding-left:25px; text-transform: none;} body #content section.related-articles p { width:auto; padding-left:275px; } body #content section.related-articles .noImage h3 a { padding-left: 0;} body #content section.related-articles .noImage p {padding-left: 0;} body #content section.related-content { padding: 40px 0 30px; overflow: hidden; } body #content section.related-content h2 { margin-bottom: 30px; text-align: center; } body #content section.related-content .links-list ul { list-style: none; margin: 0; padding: 0 0 20px; width: 33.3%; float:left; } body #content section.related-content .links-list ul li { line-height: 1.1em; font-size: 16px; margin: 5px 0; padding: 4px 0px; } body #content section.related-content .sign-block { padding-top:48px; } @media all and (max-width:990px) { #content .content-box { padding: 25px 15px; } body #content section .sidebar { padding-left: 25px; } .grid-area .grid-blocks .wrap-item-grid .top { padding: 25px 25px 15px 25px; } .grid-area .grid-blocks .wrap-item-grid .bottom { padding: 12px 25px 25px 25px; } } @media all and (max-width:768px) { .content-box.over-banner { margin-top: -400px; } body #content section.overview { padding:0px; margin:-108px auto 0px auto; } body #content section.overview > div { padding:0px; margin:0px; } body #content section.overview .article-info { margin-top:0px; } body #content section.overview .text-block { padding: 20px; background: #fff; margin-left: 0px; margin-right: 0px; } body #content section.overview .sidebar { border:none; padding:0px; background-color: #fff; } body #content section.overview .sidebar .rating { border-top: 1px solid #EFF0F1; border-bottom: 1px solid #EFF0F1; padding: 20px; margin:30px 0px;} body #content section.overview .sidebar .checklist { padding: 0px 20px 20px 20px; } body #content section.related-content .links-list ul { width: 50%; padding-bottom: 0; } } @media all and (max-width:576px) { body #content section.related-articles { padding: 40px 10px; } .sign-block ul li { display: block; margin: 10px 0px; } #content .top-banner h2 { font-size:27px; line-height: 36px; } body #content .related-articles .grid-item { display: block; width:100%; } body #content section.related-content ul.links-list li { width: 100%; } body #content section.related-articles .image { width:150px; height: 100px; } body #content section.related-articles h3 { padding-left:145px; } body #content section.related-articles h3 a { font-family: 'helveticaneuecyrlight'; font-size:20px; line-height: 26px; } .ad-reasons .columns { display: block; } .ad-reasons .columns .column { width: 100%; border-bottom: solid 1px #E2DFE0; margin-bottom:10px; padding-bottom:10px; } .ad-reasons .columns .column:after, .ad-reasons .columns .column:last-child { border:none; } } @media all and (max-width:500px) { body #content section.overview .text-block { margin-left:0px; margin-right:0px; padding: 20px 0px; } } /******************************************************************/ /********* Article detail **************/ body #content .article-detail .top-banner::before { background:none; } body #content .article-detail .article-header h1 { font-size:44px; line-height: 1em; text-transform: none; margin-bottom:20px; } body #content .article-detail .article-header h2 { letter-spacing: 0px; font-family: 'helveticaneuecyrlight'; line-height: 26px; font-size:20px; text-transform: none; color:#5A5A5A; margin-bottom:30px; font-weight: normal; } /*body #content .article-detail .article-info { margin-top:-17px; }*/ body #content .article-detail .addthis-plugin { float:right; margin-top:8px; } body #content .article-detail .article-author { margin-bottom:0px; } body #content .article-detail .article-date { font-size:14px; font-family: 'helveticaneuecyrlight'; font-style: italic; } body #content .article-detail .article-body h2 { font-family: 'helveticaneuecyrmedium'; letter-spacing: 1px;font-size: 22px; text-transform: none; margin: 25px 0 10px 0; font-weight: normal; } body #content .article-detail .article-body h3 { font-family: 'helveticaneuecyrmedium'; letter-spacing: 1px;font-size: 16px; text-transform: none; margin: 25px 0 10px 0; } body #content .article-detail .article-body img { max-width: 100%; height: auto; } body #content .article-body pre { display: none; } /*new article design changes*/ body #content .article-detail .article-mainbody p, body #content .article-detail .article-mainbody h2, body #content .article-detail .article-mainbody h3, body #content .article-detail .article-mainbody h4 { font-family: 'Georgia Regular'; font-size: 18px; line-height: 30px; color: #262626; margin-bottom: 30px; } body #content .article-detail .article-mainbody ul li, body #content .article-detail .article-mainbody ol li { font-family: 'Georgia Regular'; font-size: 18px; line-height: 30px; color: #262626; } body #content .article-detail .article-header h1 { font-family: 'HelveticaNeueCyrMedium'} body #content .article-detail .article-mainbody h2 { font-size: 28px; font-family: 'helveticaneuecyrbold'; margin-bottom: 15px; } body #content .article-detail .article-mainbody h3 { font-size: 22px; font-family: 'helveticaneuecyrbold'; margin-bottom: 15px; } body #content .article-detail .article-mainbody h4 { font-size: 20px; font-family: 'helveticaneuecyrbold'; margin-bottom: 15px; } body #content .article-mainbody a { color:#337ab7; } body #content section .sidebar .more-articles h4 { font-size: 26px; font-family: 'helveticaneuecyrbold'; line-height: 1em; margin: 0 0 20px; letter-spacing: 1px; } body #content section .sidebar .more-articles ul { list-style: none; padding: 0; margin: 20px 0 20px -18px; } body #content section .sidebar .more-articles ul li a { font-size: 17px; color: #0C0C0C; line-height: 130%; letter-spacing: 1px; display: block; padding: 10px 20px; } body #content section .sidebar .more-articles ul li a:hover { background-color: #f3f3f3; } body #content section .sidebar .more-articles ul li.active { background-color: #c13433; position: relative; } body #content section .sidebar .more-articles ul li.active::before { content: ' '; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right:15px solid #c13433; position: absolute; top: 50%; left: -13px; margin-top:-15px; } body #content section .sidebar .more-articles ul li.active a { color:#fff; } body #content section .sidebar .more-articles ul li.active a:hover { background-color: inherit; text-decoration: none; } body #content section .sidebar .related-content ul { list-style: none; padding: 0; } body #content section .sidebar .related-content ul li { margin: 3px 0px } body #content section .sidebar .related-content ul li a { display: block; padding: 4px 0px; line-height: 1em; } .image-left { float:left; margin:0px 20px 20px 0px; } .image-right { float:right; margin:0px 0px 20px 20px; display: inline-block; } p.image-center { text-align: center; } .article-detail > div > table, .article-detail > div .dataTables_wrapper { margin-top: 30px; margin-bottom:30px; } .article-detail table tr td, .article-detail table tr th { padding: 4px; font-family: arial; } .article-detail table h2, .article-detail table h3 { margin: 0px; } .article-detail table.table th, .article-detail table.display thead th { background-color: #f4f4f4 !important; } .article-detail table.table th { text-align: center; vertical-align: middle; } .article-detail table.table-small { font-size:12px;} .article-detail table.table-striped > tbody > tr > td { background-color:#fff;} .article-detail table.table-striped > tbody > tr:nth-child(even) > td, .article-detail table.display > tbody > tr:nth-child(even) > td { background-color:#f9f9f9; } .article-detail table.display thead th h2 { font-size: 22px; letter-spacing: 0px; font-weight: normal; line-height: 27px; } table.display thead th, table.display thead td { border-bottom: 1px solid #111111; font-size: 0.9em; text-align: center; background-color: #cccccc; } table.display tbody th, table.display tbody td { border-top: 1px solid #dddddd; color: #333;} table.display tfoot th, table.display tfoot td { border-top: 1px solid #111111; } @media all and (max-width:768px) { body #content section .sidebar .more-articles { padding:0px 20px; margin-bottom:20px; border-bottom: 1px solid #EFF0F1; } body #content section .sidebar .more-articles ul { margin-right:-18px; } body #content section .sidebar hr { display: none; } body #content section .sidebar .more-articles ul li.active::before { display: none; } .highChartContainer { max-width: 100%; width: auto; } } /********************************* Firms search **********************************/ .searchBox { display: none; margin-bottom:16px; } .level1Box { display: block; } /********************************* Firms List ***************************/ #firmSortBy { margin-top: -37px; width: auto; } #firmSortBy .form-group { margin-bottom:0px;} #firmSortBy .control-label { padding-top:5px; float:right; margin-right:15px; } #firmSortBy .form-control { height:28px; padding:4px 12px; max-width: 210px;} #firmSortBy label { padding-right:0px; } #firmSortBy select { width:auto; float:right; max-width: 330px; font-size:14px; } .btn-filter { font-size:13px; padding: 4px 12px; float:left; line-height: 16px; font-weight: normal; } #pageSummary { padding: 6px 4px 3px 4px; } #pageSummary .btn-xs { line-height:1.3em; font-size:11px; font-weight: bold; margin-left:4px; } #filterSummary { float:left; margin-left:18px; margin-top:0px; } #filterSummary span { background-color: #ddd; border-radius:6px; font-size:12px; float:left; margin-right:10px; padding: 2px 10px 2px 18px;} .pageHeader { font-size:12px; position:absolute; right:20px; margin-top:-23px; } .col-filters { width:21%; } .col-firms { width:79%; padding-left:7px; } #firmsFilter h2 { font-size:18px; margin-bottom:2px; } #firmsFilter form fieldset { border:solid 1px #ddd; background-color:#f5f5f5; border-radius: 5px; padding: 14px 10px; font-size:12px; } #firmsFilter h3 { font-size:15px; color:#DB2F2F; border-bottom:solid 1px #ddd; padding-bottom:4px;} #firmsFilter div.radio, #firmsFilter div.checkbox { padding-top:3px; min-height:22px; } #firmsFilter div.radio input, #firmsFilter div.checkbox input { margin-top:2px; } #firmsFilter #zipcode { padding: 4px 8px; height:27px; font-size:12px; } #firmsFilter .submitFilter { float:right; margin-top:8px; } #firmsFilter .marks img { vertical-align: bottom; margin-right:4px; } #firmsFilterPopup .filterColumn { display: table-cell; float:none; border-left: solid 1px #d1d1d1; height:100%;} #firmsFilterPopup .firstColumn { border-left: none; } #firmsFilterPopup h2 { font-size:24px; margin-bottom:0px; } #firmsFilterPopup form fieldset { border:solid 1px #ddd; background-color:#f5f5f5; border-radius: 5px; padding: 14px 10px; font-size:13px; } #firmsFilterPopup h3 { font-size:18px; color:#DB2F2F; border-bottom:solid 1px #ddd; padding-bottom:4px; letter-spacing: 0px; text-transform: none;} #firmsFilterPopup div.radio, #firmsFilterPopup div.checkbox { padding-top:3px; min-height:22px; } #firmsFilterPopup div.radio input, #firmsFilterPopup div.checkbox input { margin-top:2px; } #firmsFilterPopup .filterItem { margin-bottom:25px; } #firmsFilterPopup .filterItem select { margin-top: 6px; padding:4px 8px; height:30px;} #firmsFilterPopup .filterItem.checkboxItem input { float: left; width: auto; height: auto; margin-right: 10px; } #firmsFilterPopup .submitFilter { margin-left:14px;} #firmsFilterPopup .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } #firmsFilterPopup .filterColumn { -webkit-flex-grow: 1; flex-grow: 1; } #firmsFilterTopWrapper h5 { margin:6px 4px 6px 0px; display: block; font-size:16px; } #firmsFilterTop { overflow: hidden; margin: 0px 0px 8px 0px; } #firmsFilterTop div, #firmsFilterTop select, #firmsFilterTop input, #firmsFilterTop label { float:left; width: auto; } #firmsFilterTop div { padding: 0px 5px; } #firmsFilterTop div.divider { font-size:17px; color:#bbb; } #firmsFilterTop select, #firmsFilterTop input[type='text'], #firmsFilterTop label { height:26px; padding:3px 6px; color:#666 !important; font-size:13px;} #firmsFilterTop label { font-weight: normal; padding-left:0px; line-height:20px; font-size:14px; margin-bottom: 0; } #firmsFilterTop select+label { padding-left:8px;} #firmsFilterTop .zipcode { width:55px; } #firmsFilterTop .moreFilters { padding:4px 0px; font-size:13px; color:#3c83c0; float:left; } #firmsFilterTop .applyFilter { padding:2px 12px; font-size:13px; } #firmsFilterTop .clearFilter { font-size:12px; margin-left:8px; line-height:24px; } #firmsFilterTop button { font-size:12px; text-transform: none; margin:3px 0px 0px 4px; padding: 0px 3px; } #firmsFilterTop img { margin-left:4px; } div.resultsTableWrapper { padding-top:2px; } .resultsTableWrapper .notFoundMsg { font-size:26px; text-align: center; margin-top: 50px; } .resultsTableWrapper .readAdvice { font-weight: bold; padding: 0px 10px; font-size:13px; color:#428bca; } .resultsTableWrapper .readAdvice .glyphicon { margin-right:4px;} .resultsTable { font-family: 'helveticaneuecyrroman' !important; font-size: 16px;} .resultsTable tbody tr td, .resultsTable thead tr th { padding:6px; border:solid 1px #dddddd !important; } .resultsTable.firmsTableN2N td, .resultsTable.firmsTableN2N th { padding-left: 12px; padding-right: 12px; } .resultsTable td.noBusinessFound { font-size:16px; padding: 30px; } .resultsTable td.noBusinessFound a { font-size:14px; } .resultsTable thead tr th { border-bottom: solid 2px #ddd; border-top:none;} .resultsTable thead tr th span.sub { display: block; min-width:100px; font-size:12px; font-weight:normal; } .resultsTable thead tr th span.sub2 { display: block; font-size:10px; color:#999; } .resultsTable thead tr th { font-size:14px; background-color: #F4F4F4; vertical-align: middle; text-align: center; font-weight: normal; font-family: 'HelveticaNeueCyrMedium';} .resultsTable thead tr th.smaller { font-size: 12px; } .resultsTable tr:first-child>th:first-child { text-align: left; font-size:16px; } /*Align business column header to the left*/ .resultsTable th.small { font-size:11px; padding-left:4px; padding-right:4px;} .resultsTable thead tr + tr th { font-size:12px; } /* second header line make font smaller */ .resultsTable thead tr th .lowlight { font-size:0.8em; color:#888; font-weight: normal; margin-top:-3px; } /*.resultsmsTable td.sorted { background-color:#f6f6f6; }*/ /*.resultsTable th.sorted, .resultsTable tr:nth-child(2n+1) > td.sorted { background-color:#f1f1f1; }*/ .resultsTable thead tr th a { color:inherit; } .resultsTable thead tr th .headerTooltip { display: block; cursor: help; } .resultsTable thead tr th a .headerTooltip { cursor: pointer; } .resultsTable thead tr th #compareButton { min-height:26px; overflow: hidden; } .resultsTable thead tr th #compareButton div { font-weight: normal; font-size:12px;} .resultsTable thead tr th #compareButton div.lowlight { margin-top:2px; } .resultsTable thead tr th #compareButton div a { font-size:13px; display:inline-block; } .resultsTable thead tr th #compareButton .compareSubmit { display: none; } .resultsTable td .rateDetail { width:auto; min-width:200px; float:none;} .resultsTable tbody tr td { vertical-align: middle; text-align:center; } .resultsTable td.firm { min-width:250px; padding-left:28px; } .resultsTable td.firm label { position:absolute; margin-left:-25px; padding:4px 4px 20px 4px; } .resultsTable td.firm, .resultsTable td.comment { text-align:left; } .resultsTable td span.noMark { display: none; } .resultsTable td .lowlight { color:#888; } .resultsTable td span.rangeNumber { word-wrap: break-word; } .resultsTable h2 { font-size:18px; margin-bottom:4px; margin-top:4px; } .resultsTable h2 a { text-decoration: underline; } .resultsTable address { color:#666; font-size:13px; line-height:1.3em; margin-bottom:4px; position:relative; } .resultsTable address span.miles { color:#777;font-size:13px; margin-top:2px; display: block; } .resultsTable address span.phone { display: block; } .resultsTable div.rateit { position:absolute;right:10px;bottom:0px; } .resultsTable div.rateit a { visibility: hidden; } .resultsTable hr { margin-top:3px; margin-bottom:3px; } .resultsTable tbody tr:hover div.rateit a { visibility: visible; } .resultsTable .rate { text-align: center; } .resultsTable .firstRate { font-size:12px; background-color: #EAEAEA; border-radius: 8px;color: #555555; padding: 1px 12px; margin-right:50px; display:inline-block; } .resultsTable .firstRate:hover { background-color: #E1E1E1; text-decoration: none; } .resultsTable .toprated { padding: 6px 0px !important; } .resultsTable .toprated div { min-width:97px;text-align:center;vertical-align:top; } .resultsTable .toprated div > span { display:inline-block;width:47px;line-height:12px !important;vertical-align:top; margin:3px 0px; } .resultsTable .toprated div > span > span { font-size:10px; } .resultsTable img.notTopRated { display: none; } .resultsTable .priceIndex > span { display: block; white-space: nowrap; } .resultsTable .priceIndex .priceNumber { color:#888; } .ratingbar { padding:17px 8px !important; } .barRate { height: 35px; margin-top:8px; } .barRate2 { margin-bottom:4px;} .barRate2 .rateBar span { background-color:#428bca; background: linear-gradient(to bottom, #e88631 0%,#c96f2e 100%); } .rateBarWrapper { float:left; display: block; width: auto; float:none; margin-right:33px;} .rateBar { display:block; background-color:#FFF; height:22px; border:solid 1px #ddd; text-align: center; } .rateBar span { display: block; height:20px; background-color:#428bca; background: #f4b655; } .ratePercentage { width:32px; margin-top:-18px; position: absolute; right:0px; text-align: right; font-size:12.5px; } .recommended { font-size:12.5px; color:#666; margin-top:1px; text-align: left; clear:both; } .firmsTableRatings .recommended strong { color:#333;} .noData, .noData .recommended { color:#afafaf; } .noData .recommended strong { font-weight: normal; color:#afafaf; } .signToSee .recommended strong { font-weight: bold; } .hiddenData .recommended, .hiddenData .recommended strong { color:#333; } .noData .rateBar { border: solid 1px #e9e9e9; } .resultsTable .comment { font-size:12px; color:#555; padding-left:14px; padding-right: 14px; } .resultsTable .comment > div { max-width:300px; min-width:200px; } .resultsTable .comment p { margin-bottom:0px; margin-top:3px; font-size:12px; } .resultsTable .comment .glyphicon { color:#aaa; font-size:11px; } .resultsTable span.noteTooltip, .tooltips { cursor: pointer; } .signToSee {color:#afafaf; text-align: center; display: block; cursor: pointer;} .rateDetail { width:100%; float:right; position: relative; } .rate { padding:3px 6px; font-size:15px; } .positiveRates { float:left; } .negativeRates { float:right; color:#C40606; } /* special case for Opticians/carpet rug cleaners (table too wide, too many columns, doesn't fit) */ .firmsList497 .resultsTable td .priceIndex { font-size: 14px; } .firmsList497 .resultsTable td .rateDetail { min-width: 170px; } .firmsList480 .resultsTable td .priceIndex { font-size: 13px; } .firmsList480 .resultsTable td .rateDetail { min-width: 170px; } .firmsList480 .topFilterMarks label { font-size: 13px !important; } .firmsList480 div.divider { padding: 3px 0px !important; } .homeowners td.TotalRatingsContr { padding: 6px 10px; } .homeowners td.firm { padding-top: 16px; padding-bottom: 16px; } .homeowners .rateit { top:0px; } .homeownerCoverage ul li { font-size:13px; } .autoinsurance td.overallRatings { padding: 6px 10px; } .autoinsurance td.firm { padding-top: 16px; padding-bottom: 16px; min-width:200px; vertical-align: top; position: relative; } .autoinsurance div.rateit { bottom:10px; } .supermarkets td.noAddress { padding-top: 32px; padding-bottom: 32px; } .supermarkets .RatingBar { padding: 6px 14px; } .supermarkets .rateit { top:0px; } #firmsList .greenValue, #firmsList .colorG, #firmsList .colorBetter, #firmsList .colorH { color:green; } #firmsList .redValue, #firmsList .colorR, #firmsList .colorWorse, #firmsList .colorL { color:red; } .btn-group .btn-primary:hover, .btn-group .btn-primary:focus, .btn-group .btn-primary:active, .btn-group .btn-primary.active, .btn-group .open > .dropdown-toggle.btn-primary { background-color: #175890; } .btn-group .first { border-right:1px solid white; } .btn-group .middle { border-right:1px solid white; border-left:1px solid white; } .btn-group .last { border-left:1px solid white; } .btn-primary .lowlight2x { color:#fff !important; } /*Articles list*/ .grid-area .grid-blocks .grid-item { margin-bottom: 30px; } .grid-area .grid-blocks .grid-item:nth-child(3n+1) { clear: both; } .grid-area .grid-blocks .grid-item:hover { opacity: 0.80; } .grid-area .grid-blocks .wrap-item-grid { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); background-color: #ffffff; } .grid-area .grid-blocks .wrap-item-grid .top { padding: 30px; } .grid-area .grid-blocks .wrap-item-grid .top .image-container { height:200px; overflow: hidden; } .grid-area .grid-blocks .wrap-item-grid .top img { margin-bottom: 20px; max-width: 100%; min-height:100%; height: auto; } .grid-area .grid-blocks .wrap-item-grid .top h5 { color: #231d1b; font-family: 'helveticaneuecyrroman'; font-size: 12px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; margin: 15px 0 7px 0; } .grid-area .grid-blocks .wrap-item-grid a { color: #231d1b; font-family: 'helveticaneuecyrbold'; font-size: 18px; line-height: 22px; letter-spacing: 1px; display: block; } .grid-area .grid-blocks .wrap-item-grid a:hover { text-decoration: none; } .grid-area .grid-blocks .wrap-item-grid .bottom { border-top: 1.5px solid #eaeaea; padding: 12px 33px 25px 33px; } .grid-area .grid-blocks .wrap-item-grid .bottom p { color: #231d1b; font-family: 'helveticaneuecyrlight'; font-size: 14px; letter-spacing: 1px; line-height: 22px; margin: 0; } #firmListCities a { font-size:15px; line-height: 24px; } #firmListCities h2 { margin-top:15px; } #firmListCities { margin-bottom: 50px; } @media all and (max-width:1100px) { #firmSortBy { margin-top:-60px; } .pageHeader { margin-top:-52px; } #firmsTable .commentColumn, #firmsTable td.comment { display: none; } .pageHeader { position: relative; right:0px; } #firmsList address { font-size:13px; line-height:1.3em;} #compareButton { display: none; } #firmsTable .btn-group label { padding:6px; font-size:14px; } .resultsTable h2 span.miles { float:right; font-size:12px; color:#888; margin:2px 0px 0px 5px; } } @media all and (max-width:992px) { #firmSortBy { margin-top:-29px; } .grid-area .grid-blocks .grid-item:nth-child(3n+1) { clear: none; } .grid-area .grid-blocks .grid-item:nth-child(2n+1) { clear: both; } } @media (max-width: 767px) { #firmSortBy select { width:100px; } #firmsFilterPopup .filterColumn { display: block; } #firmsTable .firm { max-width:100%; margin-bottom:10px; } .resultsTable thead, .resultsTable td { display: none; } .resultsTable td.firm { padding-left: 10px; display: block; } .resultsTable td.firm label { display: none !important; } .resultsTable h2 { font-size:16px; } .resultsTable .mobileData > .div { clear: both; padding-top:8px; font-size:13px; } .resultsTable .mobileData > .slim { padding-top:0px; } .resultsTable .mobileData div.checkmark { float:left; clear: none; margin-right:8px; padding-top:0px; /*height:22px;*/ } .resultsTable .mobileData div.checkmark .signToSee { display: inline-block; } .resultsTable .mobileData span.noMark { display: inline-block; } .resultsTable .mobileData div img { width:18px; } /* Checkmarks size*/ .resultsTable .mobileData .priceNumber, .resultsTable .mobileData .sub { display: none; } .resultsTable .mobileData .priceIndex { display: inline-block; } .resultsTable .mobileData .priceIndex .visible-xs { display: inline-block !important; } .resultsTable .mobileData .signToSee.PriceIndex { display: inline-block; } .resultsTable .mobileData .mobRateTitle { font-size:13px; display: inline-block; } .resultsTable .mobileData .inline { display: inline; } .resultsTable .mobileData .barRate { margin-top:0px; } #firmsFilterPopup .row { display: block; } } /********************************* Firm Details ***************************/ .firmDetails h1 { font-size:24px; margin-bottom:0px; padding-bottom:6px; border-bottom: solid 1px #d1d1d1; } #firmDetail h2 { color: #004577; padding: 0; } #firmDetail h3 { margin-top:20px; margin-bottom:2px; padding-bottom:3px; } #firmDetail h3 span { font-size:14px; color:#888; } #firmDetail h4 .lowlight2x { display: block; font-size:12px;} #firmDetail address { font-size:16px; color:#666; margin-bottom:4px; line-height: 1.4em; } #firmDetail address span.phone { display: block; } #firmDetail address span.website { display: block; } #firmDetail address span.website a { font-size:14px; } #firmDetail #firmLocation { margin-top:3px; } #firmDetail .alert { padding:10px 15px; margin: 10px 0px; } #firmDetail .rateWrapper .rateit, #firmDetail .rateWrapper .rateitMobile { float: left; } #firmDetail .rateWrapper .reportClosed { float: right; margin-top: 7px; font-size: 12px; } .rateit a { font-family: 'helveticaneuecyrmedium'; padding: 3px 10px; } #firmDetail .firmDetailRatings { width:100%; margin-bottom:30px; } /*#firmDetail .firmDetailRatings .row:nth-child(2n) { background-color: #f2f2f2; }*/ #firmDetail .firmDetailRatings .row { vertical-align: middle; padding: 20px 10px; margin:0px; /*border-bottom:1px solid #cccccc;*/ } #firmDetail .firmDetailRatings .col-xs-7 { padding-top:5px; } #firmDetail .subHeader { color:#003e72; font-style: italic; font-weight: bold; } #firmDetail .subHeader .avgLegend { float:right; color: #888; font-style: normal; font-weight: normal; font-size:14px; } #firmDetail .totalRatings { font-size:18px; padding-right:18px; color:#428bca;} #firmDetail .rateBarWrapper { margin-top:3px; } #firmDetail .ratePercentage { margin-top:-19px; } #firmDetail .rateValue { text-align: right; color:#676666; } #firmDetail .rateValue .redBullets { text-align: left; font-size:12px; margin-top:10px; } #firmDetail .rateValue .redBullets li { line-height: 1.1em; margin-bottom: 6px; } #firmDetail .rateValue > div { position: relative; } #firmDetail .rateWrapper { height:23px; } #firmDetail .bbbLink {margin-top:-26px;margin-right:10px; } /* redesign styles */ h2.features-title { color: #004577; padding: 0; } #firmDetail h1 { font-size: 30px; font-weight: bold; border-bottom: none; color:#333; } #firmDetail h2 { font-size: 24px; font-weight: bold; } #firmDetail h3 { font-size: 18px; font-weight: bold; text-decoration: none; letter-spacing: 1px; text-transform: none; font-family: 'helveticaneuecyrmedium'; } #firmDetail h4 { color: #004577; font-size: 16px; } ul#features { padding-bottom:1em; } ul#features li { list-style-image: url("/assets/img/template/bullet_check.png"); margin: 0 0 0.3em; } #firmDetail .btn-danger { background-color: #c13433; border: 3px solid #fff !important; color: #fff; } #firmDetail .btn-lg { border-radius: 6px; font-size: 22px; font-weight: bold; line-height: 1.33333; padding: 10px 66px; } #firmDetail .btn-danger:hover { background-color: #123a60; border: 3px solid #fff !important; color: #fff; } #firmDetail hr { clear: both; } .panel.top-panel { margin-bottom: 0; padding: 2em 1em !important; } .panel.top-panel ul { padding:0px; } .panel.top-panel ul li, .panel.top-panel ul li a { color: #004477; font-size: 16px; list-style-image: url("/assets/img/template/bullet_top.png"); } .panel.top-panel ul li { margin: 0 0 1.0em 20px; } .panel.top-panel ul li a { text-decoration: underline; } .mapIt { position: absolute; right: 28px; top: 54px; background: url("/assets/img/template/bkg_map.png") no-repeat -29px -7px; border-color: #cccccc; color: #004476; } .mapIt:hover { opacity: 0.8; } .mapIt .fa { padding: 0 1.8em 0 0; } .firmHeaderSEO { padding: 0px 25px 0px 15px; } .firmHeaderSEO #topRating { width:100%; } .firmHeaderSEO #topRating .topRatedFor { padding: 14px 18px; font-size:14px; } .firmHeaderSEO .panel a.small { font-size: 12px; } #firmDetail .sidebar h2 { font-size:18px; } .firmSummary .priceIndex { display: inline-block; } .firmSummary .priceIndex .priceNumber { display: none; } .lead { font-weight: bold; font-size: 16px; } #firmDetail .panel { padding: 0.3em 1.5em 1.8em; margin-left:-25px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0; border: 1px solid #f0eded; border-radius: 10px; font-size: 13px; height: 100%; overflow: hidden; padding: 0.3em 1.5em; } #firmDetail .panel img { border: solid 4px #fff;} #firmDetail .panel h6 a { font-size: 14px;} #firmDetail .panel p { font-size: 14px; line-height: 1.3em; margin-bottom: 10px;} #firmDetail .panel p a { font-size: 12px; text-decoration: underline;} #firmDetail .panel h3 { margin-bottom: 20px; color: #004577; } #firmDetail .panel h4 { margin-bottom: 10px; } #firmDetail .panel-alt { background: #fff none repeat scroll 0 0; border: 1px solid #f0eded; border-radius: 10px; height: 100%; overflow: hidden; padding: 0 0 0.8em; } #firmDetail .panel-alt h3 { background: #f3f3f3 none repeat scroll 0 0; margin: 0 0 1em !important; padding: 0.8em 1.8em !important; } #firmDetail .panel .col-xs-4 { padding-right:7px; } #firmDetail .panel .col-xs-8 { padding-left:7px; } .panel-alt { margin-left:-25px; } .panel-alt li { list-style: outside none none; margin: 0 1em 0.9em; } .panel-alt ul { padding: 0 0.75em 0 1.5em; } #firmDetail .firmDetailRatings { position: relative; overflow: hidden; } #firmDetail .top-row { background: #ffffff none repeat scroll 0 0; position: relative; z-index: 1000; } #firmDetail .overlay { background: rgba(0, 0, 0, 0) url("/assets/img/template/bkg_overlay.png") repeat scroll left top; color: #ffffff; font-size: 16px; height: 100%; overflow: hidden; padding: 1.5em 2em 2em; position: absolute; right: 0 !important; width: 53%; z-index: 5; } #firmDetail .overlay .inner { left: 50%; position: absolute; top: 16%; transform: translateX(-50%) translateY(-20%); } #firmDetail .overlaySmall .inner { top:-9px; } #firmDetail .overlay .btn { margin: 0 0 0; background-color: #c13433; border: 3px solid #ffffff !important; color: #ffffff; } #firmDetail .overlay .btn:hover { background-color: #123a60; } @media (min-width: 992px) { #firmDetail.firmSEOExperiment .SEOHidden .rateTitle { width:48%; } #firmDetail.firmSEOExperiment .SEOHidden .rateValue { width:52%; } } .ui-widget .surveySearch { text-align: center; } .ui-widget .surveySearch hr { margin:5px; } .ui-widget .surveySearch button { font-size: 14px; line-height: 1.2em; margin-bottom:5px; } .ColorG, .ColorG div, .ColorBetter { color:green !important; } .ColorR, .ColorR div, .ColorWorse { color:red !important; } .rateAverage { margin-top:-20px; margin-right:33px; } .rateAverage span { display:block;height:22px;border-right:solid 2px #F20000; } #firmDetail .rateBar { height:22px; } #firmDetail .rateBar span { background:#f4b655; height:20px; } #firmDetail .rateAverage { margin-top:-31px; } #firmDetail .rateAverage span { height:35px; border-right:4px solid #f20000; } #firmDetail .rateBusiness { margin-bottom:12px; } #firmDetail .ratingsAverageBar { color:#F20000; font-weight:bold; font-size:16px; } #firmDetail .noGroupName { margin-bottom: 0; } #firmDetail .noGroupName .row { border:none !important; padding: 0px !important; } #firmDetail .noGroupName h3 { margin-top:0px; margin-bottom:10px; } #firmDetail .noGroupName div { padding-left:0px; } #firmDetail .noGroupName span { color:#999; font-size:18px; border:none; display: inline-block; } #firmDetail .priceIndex { white-space: nowrap; min-width: 205px; } #firmDetail .priceIndex .higher { font-size:18px; } #firmDetail .priceIndex .lower { font-size:18px; font-weight: bold; color:#31723c; } #firmDetail #specificInfo { margin-top:10px; } #firmDetail #specificInfo ul li { font-size:14px; width:20%; margin-bottom:6px; line-height:1.1em; padding:5px 0px 5px 14px; background-position: 0 10px; } #firmDetail ul.horizontal { margin-top:6px; overflow: hidden; } #topRating { width:100%; margin-top:4px; } #topRating th, #topRating td { padding: 5px; } #topRating td { border-top: solid 1px #d1d1d1; border-bottom: solid 1px #d1d1d1; font-size:12px; } #topRating th { font-size:14px; } #topRating .topRatedFor { background-color: #f1f1f1; width:140px; color: #004476; font-weight:bold; font-size:14px; } #topRating .checkmark { text-align: center; padding: 8px 28px;} #topRating.smaller .checkmark { padding: 2px 28px;} #topRating.smaller .checkmark img { height:18px;} #topRating.bigger .checkmark { padding:16px 28px; } #topRating.bigger .checkmark img { height:24px; } #topRating .gray { font-size:16px;} #firmDetail #comments { visibility: hidden;position: relative;top: -120px; } .CommentsContainer { margin-top:20px; } .CommentsContainer .commentsHeader { background: #fcfcfc none repeat scroll 0 0; border: 1px solid #f0eded; color: #565656; font-size: 18px; height: 100%; overflow: hidden; padding: 0.5em; text-align: right; width: 100%; border-radius: 4px; display: inline-block; margin: 20px 0px 0px 0px; } .CommentsContainer .commentsHeader a { border-left: 1px solid #f0eded; border-right: 1px solid #f0eded; color: #565656; height: 25px; margin: 0 15px; padding: 0.8em 0.5em; } .CommentsContainer .commentsHeader a:hover { background: #565656 none repeat scroll 0 0; color: #fff; } .CommentsContainer .commentsHeader a.disabled { color:#ddd; cursor: default; } .CommentsContainer .commentsHeader a.disabled:hover { background-color: inherit; } .CommentsContainer .commentsHeader p { float:right; margin-bottom:0px; } .CommentsContainer .commentsBody { overflow:hidden; position:relative; line-height: 1.4em; } .CommentsContainer .commentInfo { color:#676666; } .CommentsContainer .location { color:#004477; font-weight: bold; font-size:14px; } .CommentsContainer .row-striped { border-bottom: 1px solid #cccccc; padding: 1.7em 0.5em; margin-left:0px; margin-right:0px; } #firmDetail .noComments { padding: 20px; color:#666; text-align: center; } .favoriteButton { float:right; font-family: 'helveticaneuecyrmedium'; font-size: 11px; margin-top: 5px;} .addedToFavorites { width: 135px; text-align: center;} #addToFavorites h4.modal-title { line-height: 1em;} #addToFavorites .modal-body { padding:25px; } #addToFavorites h3 { margin-top:0px; font-size:18px; } #addToFavorites h2 { font-size:22px; margin-top:10px; margin-bottom:6px; } #addToFavorites address { margin-bottom:18px; font-size:14px; } #addToFavorites textarea { height:97px;} #addFavAlert { display: none; } @media (max-width: 992px) { /********** Firm detail ***********/ .addedToFavorites { width: auto; } #firmDetail { padding-top:10px; } #firmDetail h1 { margin-top:0px; } #topRating { margin:auto; margin-top:10px; } #firmDetail #specificInfo ul li { width:150px; } #firmDetail .firmDetailRatings .row { padding:4px 0px !important; font-weight: bold; } #firmDetail .rateTitle, #firmDetail .rateValue { margin-left:-7px; margin-right:-10px; padding-right:0px; } #firmDetail .rateDetail { width:100%; } #firmDetail .rateAverage { width:auto; } #firmDetail .subHeader .avgLegend { font-size:11px; } #firmDetail .ratingsAverageBar { font-size:13px; } #firmDetail .rateit { float:left; } #firmDetail .overlay { display: none; } #firmDetail .overlay.banner { display:block; position:relative; width:100%; padding:1em; } #firmDetail .overlay.banner .inner { position: relative; transform: none; left:auto; top:auto; } #firmDetail .commentsBody .overlay { display: block; width:80%; min-width:240px; } #firmDetail .overlay .btn-lg { padding: 10px 20px; } .rateValue hr { margin:5px 0px; } .commentInfo hr { margin: 8px 0px; border-color:#eee; } .row-striped:nth-child(odd) .commentInfo hr { border-color:#ddd; } .CommentsContainer .commentsHeader { font-size:14px; margin:0px; } .CommentsContainer .commentsHeader a { padding:0.8em; } .CommentsContainer .row-striped { padding:1em 0; } .homeownerCoverage ul { padding-left: 20px; } } /********************************* Firm Compare ***************************/ #firmCompare table thead th { font-weight: normal; border-bottom: 2px solid #ddd; } #firmCompare table th { background-color: #fff; } #firmCompare table th address { margin-bottom: 0px; } #firmCompare table th, #firmCompare table td { padding:13px; vertical-align: top; border: solid 1px #ddd; } #firmCompare table h3 { font-size: 22px; margin-bottom:2px; } #firmCompare table td { border-bottom:1px solid #eee; } #firmCompare tr:nth-child(2n+1) td { background-color: #f9f9f9; } #firmCompare table tr.subTitle th, #firmCompare table td.subTitle { font-size:18px; border-top:2px solid #ddd; font-weight:bold; border-bottom:2px solid #ddd; vertical-align: middle; } #firmCompare table tr.subTitle th.lowlight { font-size:14px; font-weight: normal; text-align: center; } #firmCompare table td.checkmark { text-align: center; } #firmCompare table td.rateTitle { padding-left:26px; } #firmCompare table td.rate { text-align: center; } #firmCompare table td .rateDetail { margin-left:auto; margin-right:auto; } #firmCompare table tr:nth-child(2n-1) td.rateValue:nth-child(2n) { background-color: #f1f1f1; } #firmCompare table tr:nth-child(2n) td.rateValue:nth-child(2n), #firmCompare table thead th:nth-child(2n) { background-color: #f6f6f6; } #firmCompare table td .recommend { margin-bottom:6px; } #firmCompare table td .subscriber { margin-bottom:8px; } #firmCompare table td .comment { font-size:12px; } #firmCompare table td.rateStacked { text-align: center; } #firmCompare table td.rateStacked div { text-align: left; } #firmCompare table td.rateStacked > div { text-align: left; display:inline-block;margin:auto;white-space:nowrap; } #firmCompare table td.rateStacked div.rateBarStacked { float:left;width:220px; } #firmCompare table td.rateStacked div.rateBarStacked > div { width:200px;float:left;margin:7px 10px;height:18px; } #firmCompare table td.rateStacked div.rateBarStacked > div.hasRatingNumbers { height:26px; } #firmCompare table td.rateStacked div.rateBarTitle { float:left; } #firmCompare table td.rateStacked div.rateBarTitle > div { white-space:nowrap;font-size:14px;font-weight:bold;height:32px;padding-top:5px;overflow:hidden; } #firmCompare table td.rateStacked div.rateBarTitle > div.hasRatingNumbers { height:40px; } #firmCompare table th.headerSummary { vertical-align: bottom; font-weight: bold; } .backToResults { font-size: 14px; margin-top: 10px; padding: 2px 12px; } .compareMessage { display: none; } /********************** Survey ********************/ .rateModal #rateForm { margin-top:6px; } .rateModal h2 { margin:0px; font-size:24px; } .rateModal address { font-size:13px; margin-bottom:6px; } .rateModal label { display: block; margin-bottom:8px; } .rateModal hr { margin: 0px; } #rateForm .btn-default.active, #rateForm .btn-default.active.recommendFirm { background: #478ecb; color:#fff; } #rateForm .btn-default.active.cantRate, #rateForm .btn-default.active.notRecommendFirm { background: #c40606; color:#fff; } #rateForm .btn-default.active.recommendFirm span, #rateForm .btn-default.active.notRecommendFirm span { color:#fff !important; } #startSurvey { z-index:100;position:fixed;bottom:10px;right:50%; margin-right:-377px; } #startSurvey.fixed { position: absolute; right:193px; margin-right:0px; } .surveyList form { position: relative; } .surveyList #listWrapper { border:solid 1px #ccc;overflow:auto; } .surveyList #listWrapper label { display:block;padding:8px 40px;background: url(/assets/img/template/row_bkg_gray.png)repeat-x;margin:0px; border-bottom:solid 1px #eee; } .surveyList #listWrapper label.selected { background: #478ecb; color:#fff; } .surveyList .categories div { margin-left:30px; } .surveyList .proceedButton { margin-top:-30px; font-weight:bold; position:absolute; right:0px; } .surveyList #AllCategoriesList .btn-group { position: absolute; right:5px; margin-top:17px; z-index:100; } .surveyList #AllCategoriesList .btn-group a { font-size:inherit; line-height: inherit; margin-left:0px; z-index:10; } .surveyList label:hover { background-color: #ccc; } #surveyFirmsList { padding:0px; margin-top:20px; } #SurveyAlphaIndex a { font-size:16px; padding: 2px 7px; } #SurveyAlphaIndex a:hover { background-color: #eee; } #SurveyAlphaIndex a.selected { background-color: #eee; } #surveyFirmsList a.firm { display: block; padding: 10px 16px; } #surveyFirmsList a.oddRow { background-color: #f4f4f4; } #surveyFirmsList a.firm:hover { text-decoration: none; background-color: #eee; } #surveyFirmsList a.btn-warning { font-size:14px; line-height:1.2em; } #surveyFirmsList .gray { color :#7f7f7f; font-size:11px !important; } #SurveyFirm h2 { color:black !important; } #SurveyFirm form .form-group, #SurveyFirm form label, #SurveyFirm form .btn-group { display: block; overflow: hidden; line-height: 15px; } #SurveyFirmRated ul li { background-position: 0 11px; } #SurveyFirmRated li a { display: inline-block; padding:4px 0px; text-decoration: none; } #SurveyAddFirm label { padding-left:0px ;} #PossibleMatches h2 { margin-bottom:0px; } #PossibleMatches h3 { color:#c13433; } #PossibleMatches address { margin-left:26px; } #PossibleMatches a { margin-top:-30px; } #housecleaners legend { margin-top:12px; font-size:18px; line-height:1.2em; padding-bottom:4px; margin-bottom:0px; border:none; } #housecleaners .form-group { margin-left:0px; } /******************** Search page **********************/ #searchResults #searchNav { margin-bottom: 30px; } #searchResults #searchNav a { font-family: 'helveticaneuecyrlight'; padding: 12px 22px;} #searchResults .resultsBox { } #searchResults .resultsBox h2 { background-color: #eee; padding: 15px 20px; margin-bottom: 0; } #searchResults .resultsBox ul { margin: 5px 15px; padding-left: 0; } #searchResults .resultsBox ul li { list-style: none; display: block; border:solid 1px #eee; margin:10px 0px; height:100px; overflow: hidden; width: 49%; float: left; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } #searchResults .resultsBox ul li:nth-child(2n) { margin-left:2%; } #searchResults .resultsBox ul li:last-child { border:none; } #searchResults .resultsBox ul li a { font-size:18px; display: block; color:#333; } #searchResults .resultsBox ul li a:hover { opacity: 0.8; background-color: #f2f2f2; text-decoration: none; } #searchResults .resultsBox ul li .imageBox { float:left; width: 130px; height: 100px; overflow: hidden; } #searchResults .resultsBox ul li .imageBox img { height: 100%; } #searchResults .resultsBox ul li .linkText { padding: 20px; width: auto; margin-left:130px; display: block; height: 100px; } #searchResults #firmsList { } #searchResults #firmsList .firm { margin: 15px; width: auto; padding: 10px 15px; height: auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); border: solid 1px #eee; } #searchResults #firmsList .firm > a { font-size:18px; text-decoration: underline; line-height: 1.7em; } #searchResults #firmsList .firm .category, #searchResults #firmsList .firm .category a { color:#c60 !important; font-size:14px; text-decoration: none; } #searchResults #firmsList .firm address { margin-bottom:0px; line-height: 1.2em; color:#666; } address .phone { display: block; } @media all and (max-width:768px) { #searchResults .resultsBox ul li { width: 100%; } #searchResults .resultsBox ul li:nth-child(2n) { margin-left:0px; } } /********************** about pages *******************/ .aboutus p { color:#6B6B6B; } .about-hero { border-radius: 0 0 10px 10px } .about-hero .col { position: relative } .about-hero img { width: 100%; border-radius: 0 0 10px 10px } .about-hero .about-hero__overlay { background-color: rgba(51, 122, 183, 0.9); color: white; padding: 40px 50px; display: inline-block; position: absolute; bottom: 0; left: 0; width: 360px; max-width: 100%; border-radius: 0 10px 0 10px } .about-hero .about-hero__overlay h1 { font-size: 42px; margin-bottom: 20px } .about-hero .about-hero__overlay h2 { font-size: 28px; margin-bottom: 0 } .about-hero .about-hero__overlay p.lead { margin-bottom: 0; color: white; font-weight: 400; font-family: "HelveticaNeueCyrMedium"; font-size: 18px; line-height: 20px } .about-body { padding: 60px 0 } .about-body h2 { margin-bottom: 30px } .about-body h3 { margin-top: 30px; color: #337ab7 } .about-body p { font-size: 17px } .about-body img { max-width: 100%; border-radius: 10px } .about-body .about-body__photo { padding-right: 20px } .about-body .about-body__photo img { width: 345px } .about-body .market-map { width: 700px; max-width: 100%; display: block; margin: 0 auto; margin-top: 40px } .about-body .about-cta { max-width: 100%; padding-top: 10px } .about-body .about-cta a { font-size: 14px; } .about-cards { margin-bottom: 30px } .about-cards row { display: flex; flex-wrap: wrap } .about-cards .about__card { display: block; background-color: #deebf7; padding: 20px; border-radius: 10px; margin-bottom: 40px } .about-cards .about__card img { width: 100%; border-radius: 10px; margin-bottom: 20px } .about-cards .about__card h3 { text-align: center; font-size: 24px } .about-cards .about__card p { font-size: 17px } .about-cards .about__card .btn { display: block } .donation-bar { background-color: #305373; padding: 80px 20px; text-align: center } .donation-bar i { color: white; font-size: 50px; margin-bottom: 20px } .donation-bar h2 { margin-bottom: 10px; text-align: center; color: white; font-family: "HelveticaNeueCyrMedium" } .donation-bar p { color: white; margin-bottom: 30px } .donation-bar h4 { color: white; margin-bottom: 5px; margin-right: 20px } .donation-bar ul { list-style: none; display: block; padding-left: 0; margin-left: 0 } .donation-bar ul li { cursor: pointer; margin-right: 10px; display: inline-block; font-size: 18px; transition: all .2s ease; display: inline-block } .donation-bar ul li:last-child { margin-right: 0 } .donation-bar ul li a { color: #2b4665; background-color: #cce8ff; padding: 14px 24px; border-radius: 10px; display: block; } .donation-bar ul li a:hover { background-color: white; text-decoration: none } .donation-bar ul li.option--other a { background-color: transparent; border: 2px solid #cce8ff; color: #cce8ff } .donation-bar ul li.option--other:hover a { border-color: white; color: white } .about-timeline .row { display: flex; flex-wrap: wrap; align-items: center; padding: 60px 0; border-left: 6px solid #deebf7; margin-left: 100px; position: relative; padding-left: 40px } .about-timeline .row .col { position: relative } .about-timeline .row .pull-right { float: unset } .about-timeline .row .about-timeline__year { font-weight: bold; background-color: #deebf7; padding: 10px 20px; border-radius: 10px; font-size: 14px; margin-bottom: 15px; position: absolute; left: -100px; top: calc(50% - 5px) } .about-timeline .row:before { content: ""; width: 25px; height: 25px; background-color: white; border-radius: 40px; position: absolute; left: -15px; top: 50%; border: 4px solid #337ab7 } .about-timeline .row .about-timeline__details p { font-size: 17px } .about-timeline .row img { width: 100%; border-radius: 10px; transition: transform .2s ease } .about-timeline .row img:hover { transform: scale(1.05) } .about-services .row { display: flex; flex-wrap: wrap; align-items: center; position: relative } .about-services .row img { border-radius: 10px } .about-services .row .service-logo { width: 250px; max-width: 100%; margin-bottom: 20px } .about-services .row .services-title { padding: 40px 0 60px; text-align: center } .about-services .row .service-card { margin-bottom: 40px } .about-services .row .service-card a { cursor: pointer !important } .about-services .row .service-card a h3 { cursor: pointer !important } .about-services .row .service-card p { font-size: 17px } .about-stat { padding: 40px 0 } .about-stat h1 { font-size: 52px; font-weight: bold; margin-bottom: 10px; color: #2b4665; padding-bottom: 0 } .about-stat p { max-width: 220px; text-align: center; display: inline-block } @media(min-width:992px) { .flex-on-desktop { display: -webkit-box; display: -ms-flexbox; display: flex } .about-timeline .row .pull-right { order: 2 } .about-body .about-cta { width: 300px } .about-timeline .row img.magazine--rotate { transform: rotate(12deg); box-shadow: 11px 7px 9px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .about-timeline .row img.magazine--rotate.rotate--left { transform: rotate(-12deg) } } @media(max-width:992px) { .about-hero .about-hero__overlay { display: block; position: relative; width: 100%; border-radius: 0 } .about-hero .about-hero__overlay h1 { font-size: 36px } .about-hero img { border-radius: 0 } .about-body { padding: 40px 0 } .about-body .about-body__photo { display: none } .donation-bar h4 { display: none } .donation-bar ul li { margin-bottom: 10px; } .about-timeline .row { padding-left: 25px; padding: 15px 0 } .about-timeline .row .about-timeline__year { top: 10px } .about-timeline .row:before { top: 20px; width: 15px; height: 15px; left: -10px; border-width: 2px } .about-timeline .row .about-timeline__details p { display: none } .about-timeline .row .about-timeline__details h2 { cursor: pointer;} .about-timeline .row .about-timeline__details .about-timeline__headline { font-size: 20px } .about-timeline .row .about-timeline__details .about-timeline__headline.has-more-details:after { content: "Read More"; font-size: 14px; color: #337ab7; border-bottom: 2px solid currentColor; display: block; width: fit-content; padding-top: 5px; padding-bottom: 2px; } .about-timeline .row img { margin-top: 20px; margin-left: 20px } .about-services .row .service-card .service-image { display: none } .about-stat { padding: 20px 0 } .about-stat p { margin-bottom: 0 } .about-stat:last-child { padding-bottom: 40px } } #selectPressRegion .modal-dialog { width:375px; margin-left:-188px; left:50%; } .inTheNews p { line-height: 15px; margin-bottom:16px; } #mediaResources h2 { margin-bottom:30px; } #mediaResources h4 { margin-bottom:2px; } #mediaResources div.mediaItem { height:90px; } #mediaResources .lowlight2x { font-size:12px; } #mediaResources ul.mediaItem { padding-left:7px; } #mediaResources ul.mediaItem li { display: block; margin-bottom:6px; background-position: 0px 8px; } a.seeRatings { font-size: 24px; padding: 11px 0px 8px 0px; color: #fff; background: url('/assets/img/template/seeRatingsButton.png') no-repeat; width: 260px; height: 55px; display: block; } a.seeRatings span { margin-left: 60px; padding: 0px 10px 0px 2px; text-align: center; display: block; line-height: 1.4em; } ul.listMenuDotted { margin-left: 0px; padding-left: 0px; } ul.listMenuDotted li { list-style: none; line-height: 1.1em; } ul.listMenuDotted li a { font-size: 14px; text-decoration: none; border-bottom: solid 1px #d1d1d1; border-bottom-style: solid; border-bottom-style: dotted; display: block; padding: 8px;} #adviseBoard ul li { font-size: 16px; color:#333; line-height: 21px; font-family: "helveticaneuecyrlight"; } /********************************* My Account *************************/ #myAccount h1 { margin-bottom: 30px; color: #F20000; border-bottom: solid 1px #eee; padding-bottom:4px; } #myAccount #leftMenu ul { border-top:1px dotted #d1d1d1; margin:0px 8px; padding-left: 0px;} #myAccount #leftMenu ul li { list-style: none; line-height: 1.1em; } #myAccount #leftMenu ul li a { font-size:16px; text-decoration: none; color:#555; border-bottom: solid 1px #d1d1d1; border-bottom-style: solid; border-bottom-style: dotted; display: block; padding: 12px 10px;} #myAccount #leftMenu ul li a:hover { color:red; } #myAccount #leftMenu ul li.selected a { background-color: #eee; } #myAccount #leftMenu hr { border:none; } /*we just hide the HR border and keep the spacing */ #myAccount #leftMenu h5 { font-size: 18px; } #myAccount #leftMenu h5:first-child { display: none;} /*we just hide the HR border and keep the spacing */ #MyFavorites { padding: 15px; } #MyFavorites h3 { color:#f20000; border-bottom: 1px solid #d1d1d1; margin-top:30px; margin-bottom:20px; } #MyFavorites h4 { margin-bottom:2px; font-size:20px; } #MyFavorites .firm { margin-left:20px; overflow: hidden; } #MyFavorites .firm .firmDetail { float:left; width: 70%; } #MyFavorites .firm .firmActions { float:left; width: 30%; } #MyFavorites .firm .firmActions .remFavoriteFirm { font-size:12px; cursor: pointer; } #MyFavorites .note { background-color: #f4f4f4; padding: 8px 12px; border: 1px solid #d6d6d6; border-radius: 3px; clear:both;} #MyFavorites .note h5 { font-weight: bold; margin-bottom: 2px; display: inline; } #MyFavorites .note p { color:#555; display: inline; } @media (max-width: 992px) { #myAccount label { clear:both; } #myAccount .btnChange { float:right; } #MyFavorites .firm { padding-top:4px; } #MyFavorites .firm .firmDetail { width: 100%; } #MyFavorites .firm .firmDetail h4 { font-size:18px; } #MyFavorites .firm .firmActions { width: 100%; position: absolute; margin-top: -20px; right: 16px; } .nameEmail span { display: block; clear: both; padding-top:8px; } } /********************************* ALL Categories *************************/ #AllCategories h2 { border-bottom:solid 1px #ddd; padding-top:20px; } #AllCategoriesList ul { padding-left: 15px; } #AllCategoriesList ul li { list-style: none; margin:0px; display: block; padding: 4px 0; } #AllCategoriesList a { font-size:16px; line-height: 1.2em; padding: 4px 0; } #AllCategoriesIndex a { padding:0px 10px; margin:0px; } #AllCategoriesIndex.byGroup a { font-size:20px; } #AllCategoriesList a.backToTop { float:right; margin-top:6px; font-size:12px;} #AllCategories span.anchor { top:-170px; display: block; position: relative; } /********************************* DOCTORS ***************************/ #searchPage .searchHeader { margin-top:4px; } /*#searchPage .searchHeader .col-xs-3 { width: 240px; }*/ #searchPage .searchHeader .col-xs-3 h2 { margin-top: 4px; } #searchPage .searchBody { padding-left:16px; } #searchPage .zipcode { width:75px; } #searchPage .searchBody ul li { list-style: none; } #searchPage ul li label { font-weight: normal; cursor:pointer; } .byDistance label { padding-left:0px; padding-right:0px; } .byDistance select, .byDistance input { margin-left:0px; margin-right:0px; } #searchPage .btn-group label { padding: 8px 26px; margin-right:1px; } #searchPage hr { margin:6px 10px 10px 10px; } #searchPage .doctorImages img { margin-top:90px; margin-left:-30px; } #searchPage .searchNoAccess { padding-left:10px; } #searchPage .specialtiesList ul li a { padding: 5px 0px; display: block; } #searchPage .locationsList { padding-left:20px; margin-bottom:30px; overflow: hidden;} #searchPage .locationsList h3 { font-size:18px; margin-bottom:2px; padding-top:4px; } #searchPage .locationsList ul li a { display: block; padding:2px 0px; } #searchPage .searchNoAccess hr { margin:15px 15px 0px 15px; padding-bottom: 15px; } #doctorsList th, #surgeonsList th { padding: 12px 14px; } #doctorsList td { padding-left:14px; padding-right:14px; font-family:'HelveticaNeueCyrLight'} #doctorsList .primaryCare th { padding: 12px 8px; } #doctorsList .primaryCare td { padding-left: 8px; padding-right: 8px; } #doctorsList td.firm { min-width: 280px; padding-left: 14px; } table.tableSurgeon tr td { vertical-align: middle !important; } table.tableSurgeon ul { margin:0px; padding-left:14px; } table.tableSurgeon ul li { font-size:12px; padding: 2px 0px;} table.tableSurgeon .multiAddress, table.tableSurgeon .addressNumber { font-size: 12px !important;} table.tableSurgeon .whiteBG { background-color: #fff !important; } td.left { text-align: left !important; } #doctorsList address span.miles { display: inline-block;} /*#doctorsList td .additionalLocation { display: block; }*/ #doctorsList .primaryCare td .additionalLocation { display: inline-block; } .additionalAddresses { width:300px; } .additionalAddresses hr { margin: 10px 0px; } .mentions { color:#666; font-size:12px; margin-top:8px; line-height: 1.1em; } #doctorsList table ul, #surgeonsList table ul { padding-left:14px; margin-bottom: 0px; } #doctorsList table ul li, #surgeonsList table ul li { font-size:14px; margin-bottom:4px; } .resultsTable .NA { text-align: center; color:#999; cursor: pointer; } #firmsFilterPopup.doctorFilterPopup .filterColumn { float:left; } .byDistance, .byMetroArea, .byName { display: none; } .doctorDetails { margin-bottom:30px; } .doctorDetails address p { margin-bottom: 0px; } .doctorDetails .multiAddress { overflow: hidden; } .doctorDetails .multiAddress .addressNumber { float:left; font-size:14px; color:#000; font-weight: bold; margin-right:10px; margin-top:1px; } .doctorDetails .multiAddress address { float:left; } .doctorDetails .rateBusiness { margin-top:6px; margin-bottom:6px !important; } .doctorDetails #topRating .topRatedFor { width:90px; } .doctorDetails #topRating .checkmark { padding: 7px 15px; } .doctorDetails #topRating .checkmark2 { padding: 12px 15px; } /*************DENTISTS (share styles with doctors) *******************/ #searchPage.dentists .searchHeader .col-xs-3 { width: 260px; } .dentistDetails #topRating .checkmark { padding: 8px 14px; } /*************HOSPITALS *******************/ .hospitalLegend { color:#777;font-size:12px;position:absolute;right:17px;margin-top:-25px; } .hospitalLegend span { font-size:12px !important; } .hospitalLegendStars p { margin-bottom:4px; } @media (max-width: 992px) { .hospitalLegend { position: relative; margin-top: 4px; text-align: right; right:0px; } } /********************************* NEW SUBSCRIBE PAGE / Only Main Subs ***************************/ #SubscribeMain .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #SubscribeMain fieldset { margin-top: 20px; } #SubscribeMain fieldset legend { color: #305373; font-weight: bold; font-size: 18px; border: none; } #SubscribeMain select.form-control:not([size]):not([multiple]) { height: 38px; width: 100% !important; } #SubscribeMain .subscribe_header { background-image: url('/assets/img/subscribe/header.jpg'); padding: 40px; background-size: cover; background-position: top center; } #SubscribeMain .subscribe_header_health { background-image: url(../../img/subscribe/header-health.jpg); } #SubscribeMain .subscribe_header_content { padding-top: 40px; text-align: left !important; margin-bottom: 30px; } #SubscribeMain .subscribe_header_plain { background-image: url('/assets/img/subscribe/header-plain.png'); } #SubscribeMain .subscribe_header h1 { color: white; cursor: default; margin-bottom: 30px; } #SubscribeMain .subscribe_header_health h1 { max-width: 715px; } #SubscribeMain .subscribe_header h3 { color: #bed3f6; max-width: 630px; cursor: default; } #SubscribeMain .subscribe_header strong { padding-bottom: 6px; text-decoration: underline; } #SubscribeMain .regionSelected { background-color: #7299da; padding: 14px; padding-left: 20px; padding-right: 40px; border-radius: 40px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); max-width: 420px; cursor: pointer; margin-bottom: 8px; } #SubscribeMain .regionSelected:hover { background-color: #719EE9; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); } #SubscribeMain .regionSelected h4 { margin-bottom: 0px; color: white; letter-spacing: 1px; line-height: 2.2em; } #SubscribeMain .regionSelected img { max-width: 35px; } #SubscribeMain .regionSelected i { float: right; line-height:2.1em; } #SubscribeMain .region-dropdown { float: left; width: 100%; max-width:420px; margin-bottom:280px; } #SubscribeMain .region-dropdown .drop-block { left:65px; margin-left: 0; max-width: 300px; width: 100%; padding: 0; display: none; } #SubscribeMain .region-dropdown .drop-block::before { position: absolute; top: -6px; left: 9px; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; display: inline-block; } #SubscribeMain .region-dropdown .drop-block ul { margin:10px 0px; padding-left: 0; padding-left: 0; list-style: none; } #SubscribeMain .region-dropdown .drop-block ul li { margin-bottom: 0; } #SubscribeMain .region-dropdown .drop-block a { display: block; padding: 10px 20px; } #SubscribeMain .region-dropdown .drop-block a img { width: 20px; vertical-align: top; } #SubscribeMain .region-dropdown .drop-block a:hover { background: #5687c2; color:#fff; text-decoration: none; } #SubscribeMain .region-dropdown:hover .drop-block { display: block; position: absolute; background: white; z-index: 1000; top: 63px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);} #SubscribeMain .pricing_header { margin-top: -300px; padding-bottom: 80px; } #SubscribeMain .pricing_header h2 { color: white; letter-spacing: 1px; } #SubscribeMain .pricing_header_health { padding-bottom: 40px; } #SubscribeMain .pricing_box { background-color: white; border-right: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 40px 20px; min-height: 345px; text-align: center; align-items: center !important; } #SubscribeMain .pricing_box h2 { margin-bottom: 20px; } #SubscribeMain .pricing_box h1 { font-size: 60px; font-weight: bold; } #SubscribeMain .pricing_box .col-md-12 { text-align: center !important; } #SubscribeMain .pricing_box .lead { color: #79818e; } #SubscribeMain .pricing_box.pricing_box_realtor { padding: 40px; } #SubscribeMain .pricing_box.pricing_box_realtor .realtor_icon { text-align: center;background-color: #eee; margin: 0px 0px 0px 0px; padding:10px 0px; font-size:42px; } #SubscribeMain .pricing_box.pricing_box_realtor .realtor_icon div { font-size:16px; } #SubscribeMain .pricing_box_featured, .pricing_box_featured_health { margin-top: -40px; box-shadow: 0 9px 14px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); z-index: 1; padding-top: 60px; padding-bottom: 60px } #SubscribeMain .pricing_box_featured_single { margin-top: 0px; height: auto; min-height: 425px; display: flex; } #SubscribeMain .pricing_box_featured h1 { color: #f64847; } #SubscribeMain .pricing_box_featured_single form { width: 100%; } #SubscribeMain .pricing_tagline { margin-bottom: 20px; color: #f64847; font-weight: bold; } #SubscribeMain .pricing_discount { color: #79818e; margin-bottom: 50px; font-size: 21px;} #SubscribeMain .subscribe_button { color: #fff; padding: 20px; width: 100%; letter-spacing: 2px; font-size: 16px; background: #c13433; } #SubscribeMain .pricing_box .btn-primary { background: #305373; } #SubscribeMain .pricing_box .btn:hover { background: #2E5077; } #SubscribeMain .pricing_box .btn-danger:hover { background: #E14645; } #SubscribeMain .subsCoverage { margin-top: 100px; margin-bottom: 60px; } #SubscribeMain .mapCoverage { margin-left: 80px; } #SubscribeMain .moneyBackGuarantee { margin-left: 60px; margin-top: 30px; } #SubscribeMain .moneyBackGuarantee h4 { font-weight: bold; } .national #SubscribeMain .moneyBackGuarantee { margin-top: 0px; } #SubscribeMain.SubscribeAccessCode .subscribe_header_content { padding-top: 0; } #SubscribeMain.SubscribeAccessCode .pricing_box { padding: 40px; } #SubscribeMain.SubscribeAccessCode .subscribe_header h3 { color:#333; text-align: left; max-width: 100%; } #SubscribeMain.SubscribeRegister .pricing_box { min-height: 0; } #SubscribeMain .region_and_guarantee { margin-top: 100px; margin-bottom: 60px; } #SubscribeMain .region_and_guarantee h4 { font-weight: bold; } #SubscribeMain .region_map { border-radius: 5px; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); margin-bottom: 20px; border: 4px solid #FCFCFC; } #SubscribeMain .coverage_areas { font-size: 14px; margin-bottom: 40px; } #SubscribeMain .guarantee_badge { width: 130px; max-width: 100%; margin-bottom: 20px; } #SubscribeMain .checkbook_badge { width: 280px; max-width: 100%; margin-bottom: 20px; } #SubscribeMain .ratings_title { margin-top: 60px; padding-bottom: 40px; cursor: default !important; } #SubscribeMain .ratings_title h2 { letter-spacing: 1px; margin-bottom: 10px; } #SubscribeMain .ratings_title strong { color: #305373; } #SubscribeMain .ratings_title .lead { color: #79818e; } #SubscribeMain .business_list { padding-bottom: 20px; cursor: default !important; } #SubscribeMain .business_list h4 { text-align: center; color: #305373; font-weight: bold; } #SubscribeMain .business_list h4 span { color: #f64847; } #SubscribeMain .business_list_end { padding-bottom: 100px; } #SubscribeMain .magazines { width: 100%; height: 100%; } #SubscribeMain .quote_logos { padding-bottom: 40px; } #SubscribeMain .quote_logos img { margin-right: 30px; } #SubscribeMain .carousel-cell { text-align: center; } #SubscribeMain .carousel-cell .lead { color: #79818e; } #SubscribeMain .slider { margin-bottom: 40px; } #SubscribeMain .subs_icon { margin-bottom: 25px; margin-top: 15px; } #SubscribeMain .subs_icon h3 { letter-spacing: 1px; font-size: 18px; line-height: 1.3em; text-align: justify; } #SubscribeMain .subs_icon img { width: 100%; max-width: 150px; } #SubscribeMain .health_icon h3 { letter-spacing: 1px; margin-bottom: 10px; } #SubscribeMain .health_icon p { margin-bottom: 0px; text-align: justify; } #SubscribeMain .health_icon img { width: 100%; max-width: 150px; } #SubscribeMain .health_icon:not(:last-child) { margin-bottom: 40px; } #SubscribeMain .health_testimonial { padding-bottom: 60px; } #SubscribeMain .health_testimonial .lead { color: #79818e; } #SubscribeMain.accountLogin .checkout_form { padding: 40px; } #SubscribeMain.accountLogin .checkout_form .loginForm .checkbox { float: left; } #SubscribeMain.accountLogin .checkout_form fieldset { padding-top: 0; } #SubscribeMain .subscription_details { background-color: white; padding: 40px; border-right: 0px; box-shadow: 0 9px 14px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); padding-top: 20px; padding-bottom: 20px; } #SubscribeMain .subscription_details h3 { margin-bottom: 5px; color: #305373; } #SubscribeMain .subscription_details h3 strong { color: #f64847; } #SubscribeMain .subscription_details h4 { color: #79818e; margin-bottom: 0px; } #SubscribeMain .renew_terms input { margin-bottom: 0; width: auto; } #SubscribeMain .renew_terms p { margin-bottom: 0; } #SubscribeMain .renew_terms .radio label { font-size: 16px; line-height: 25px; } #SubscribeMain .checkout_form { background-color: white; padding: 40px; border-right: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding-top: 20px; padding-bottom: 20px; } #SubscribeMain .checkout_form h4 { color: #305373; font-weight: bold; font-size: 18px; } #SubscribeMain .checkout_form .form-group { margin-bottom: 7px; } #SubscribeMain .checkout_form label { color: #666; padding-top: 4px; padding-bottom: 8px;} #SubscribeMain .checkout_form .subscribe_button h4 { color: #FFFFFF; } #SubscribeMain .checkout_form label.error { color:red; line-height:1em; margin: 0px; padding: 0px; } #SubscribeMain .checkout_form input.error, #SubscribeMain .checkout_form select.error { border-color: red; } #SubscribeMain input, select { margin-bottom: 8px; } .popover-content p { font-size: 14px; line-height: 1.1em; } @media (max-width: 767px) { #SubscribeMain .subscribe_header_content { padding-top: 10px; } #SubscribeMain .subscribe_header { padding: 5px; } #SubscribeMain .region-dropdown { margin-bottom:250px; } #SubscribeMain .region-dropdown .drop-block { left: 15px; } #SubscribeMain .pricing_box_featured, .pricing_box_featured_health { margin-top: 0px; -webkit-box-shadow: none; box-shadow: none; } #SubscribeMain .pricing_box { border-bottom: solid 1px #e3e3e3; } #SubscribeMain .pricing_box.pricing_box_realtor { padding: 20px; } #SubscribeMain .pricing_box.pricing_box_realtor .subs_icon h3 { text-align: left; font-size: 17px; } #SubscribeMain .mapCoverage, #SubscribeMain .moneyBackGuarantee { margin: auto; } #SubscribeMain .business_list_end { padding-bottom: 0; } #SubscribeMain .health_icon { text-align: center; } #SubscribeMain .subscription_details h4 a.pull-right { width: 100%; display: block; text-align: right; } #SubscribeMain .checkout_form, #SubscribeMain .subscription_details { padding: 15px; } } #SubscribeMain .subscribe_header_plain { background-image: url('/assets/img/subscribe/cover-banner-larger.jpg'); background-size: auto; } #SubscribeMain.donate .checkout_form { padding: 30px 45px; overflow: hidden; } #SubscribeMain.donate .checkout_form.form_header { padding: 20px 30px; background-color: #eee;border-bottom:1px solid #dfdfd7; color:#333; } #SubscribeMain.donate h4 { color: #333; margin-bottom: 0; } #SubscribeMain.donate .btn-group-toggle { max-width: 500px; } #SubscribeMain.donate .btn-group-toggle .btn { color:#999; padding: 6px 26px; width:100px; font-size: 18px; margin-right:18px; border-radius:5px; margin-bottom: 18px; } #SubscribeMain.donate .btn-group-toggle .btn.btn-wide { width: 222px; } #SubscribeMain.donate .btn-group-toggle .btn.btn-other { width:222px; text-transform: none; } #SubscribeMain.donate .btn-group-toggle .btn.active, #SubscribeMain.donate .btn-group-toggle .btn.focus { background-color:#305373; color:#fff; border:solid 1px #305373 !important; border-radius:5px !important; outline: none;} #SubscribeMain.donate .btn-group-toggle .btn.btn-other input { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } #SubscribeMain.donate .btn-group-toggle .btn.btn-other.active { background: #fff; color:#999; } #SubscribeMain.donate #amountBox { display: none; } #SubscribeMain.donate #amountOtherBox { position: absolute; top:-15px; left:5px; color:#777; font-size: 18px; padding: 6px; background-color: #FFF; width: 213px;} #SubscribeMain.donate #amountOtherBox input { margin-bottom: 0px; border:none; width:70%; margin-left: 6px; } #SubscribeMain.donate #amountOtherBox input::placeholder { color:#aaa; } #SubscribeMain.donate #submitAmount { padding: 8px 24px; } #SubscribeMain.donate h5 { font-size: 18px; margin-bottom: 0; } #SubscribeMain.donate h5 span { font-weight: bold; margin-left:6px; } #SubscribeMain.donate h5 a { margin-left: 6px; } #SubscribeMain.donate .row { display: block; } #SubscribeMain.donate .checkout_form .form-group { overflow: hidden; } #SubscribeMain.donate #donateButton { padding: 12px 40px; } #SubscribeMain.donate #Questions .panel-heading { padding: 10px; } #SubscribeMain.donate #Questions p { margin:0px; } #SubscribeMain.donate #Questions i.fa-circle { font-size: 6px;margin-top: 7px;display: block;float: left;margin-right: 6px; } #SubscribeMain.donate input::-webkit-outer-spin-button, #SubscribeMain.donate input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #SubscribeMain.donate #totalContainer { font-size:18px; line-height:1.5em; } #SubscribeMain.donate #totalContainer .col-md-4 { padding-right:10px; width:175px; } #SubscribeMain.donate #totalContainer .col-md-2 { font-weight: bold; padding: 0px; text-align: right; } #SubscribeMain.donate #totalContainer .col-md-6 { padding-left: 6px;} @media (max-width: 767px) { #SubscribeMain.donate .subscribe_header { padding:10px 0px; } #SubscribeMain.donate .container { padding: 5px; } #SubscribeMain.donate .checkout_form { padding:10px; } #SubscribeMain.donate .checkout_form.form_header { padding-left:10px; } #SubscribeMain.donate .btn-group-toggle .btn { width: 90px;} #SubscribeMain.donate #buttonsContainer > span { display: block;} #SubscribeMain.donate #amountOtherBox { top:3px; } #SubscribeMain.donate #totalContainer { padding: 15px;} #SubscribeMain.donate .marginTop2x { margin-top:20px !important; } #SubscribeMain.donate .marginBottom2x { margin-bottom:20px !important; } } #SubscribeMain.realtorGifts ol li { margin-top: 8px; font-size: 16px; font-family: 'helveticaneuecyrlight'; } #SubscribeMain.realtorGifts a:hover { text-decoration: underline; } /********************************* SUBSCRIBE (deprecated?) ***************************/ #Subscribe { margin-bottom:50px; min-height: 425px; } #Subscribe h1 { line-height: 1.3em; } #Subscribe h2 { font-size:24px; margin-bottom:10px; } #Subscribe .region-dropdown h3 { margin-bottom: 30px; margin-top:10px; font-size:20px !important; } #Subscribe ul li { color: #6B6B6B; font-size: 16px; line-height: 21px; font-family: 'helveticaneuecyrlight'; } #Subscribe .btn-submit { padding:11px 24px; font-weight:bold; } #Subscribe .productName a { margin-left:20px; display: inline-block; } #subscriptionType h4 { font-size:20px; } #subscriptionType label { text-align: center;} #subscriptionType label { border:solid 1px #eaeaea; border-radius:10px; display: block; cursor: pointer; padding-top:4px; } #subscriptionType label:hover { background-color: #f1f1f1; } #subscriptionType label.selected { background-color: #FFFFDF;} #subscriptionType div p { color: #888; margin:2px 0px 12px 0px;} #subscriptionType div strong { font-size:28px; color:#333; } #subscriptionType div p.discount { margin-bottom:4px; margin-top:-7px; } #subscriptionType div p.discount strong { color:#c40606; } #subscriptionType div p.discount strike { font-size:16px; font-weight:normal; } #subscriptionType div p.discount span { display: block; margin-top:-3px; color:red; } #alreadySubscriber label p { color:#333; } #subscriptionType img.cover { width: 142px; padding:6px;} #Subscribe fieldset { margin-bottom:25px; } #subscriptionForm, #subscribedForm { display: none; } #subscriptionForm form hr, #redeemForm form hr { margin: 1px 0px 15px 0px; } #subscriptionForm strong { color:#F20000; font-size:18px;} #subscriptionForm .term { color:#F20000; } #billingAddressForm { display: none; } #creditcards { margin-top:5px;} #expMonth { padding: 6px 11px; } #agreeToTerms { float:right; font-size:10px; text-align: right; padding-right:15px; margin-top:24px;width:180px; } #Subscribe .AccessCode p { font-size:18px;} #selectRegion .modal-dialog { width:375px; position:fixed; top:50%; left:50%; margin-top:-260px; margin-left:-188px; } #selectRegion .modal-body { padding: 20px; } #selectRegion ul { border:solid 1px #ddd; border-radius: 5px; padding: 0px; } #selectRegion ul li { list-style: none; position: relative; } #selectRegion ul li.header { background-color: #305373; font-size:20px; color:#fff; padding: 10px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: bold; } #selectRegion ul li a.region { display: block; padding: 15px 20px; border-top:solid 1px #ddd; font-size:15px; color:#555; } #selectRegion ul li a.region:hover { text-decoration: none; background-color: #f1f1f1; } /************************ Gift Subs *******************/ #giftSubscription { border:solid 1px #d1d1d1;overflow:hidden;padding:20px 0px; margin:0px 60px; } #giftSubscription > div { padding-right:3px; } #giftSubscription .leftCol { background-color:#f1f1f1;padding:15px 10px 5px 10px;border:solid 1px #dddddd; } #giftSubscription .mainContent .bow { position:absolute;top:-20px;right:0px; } #giftSubscription .bowText { padding-right:110px; } @media (max-width: 992px) { #giftSubscription { margin:0px 0px; } } /********************************* NO ACCESS ADS **************************/ .noAccessAd {padding-left:170px;padding-right:170px;margin-bottom:10px; } .noAccessAd .blueAd h2 { font-size:24px !important; line-height:22px; color:#fff; text-transform: none !important; } .noAccessAd .adButtons a.btn { font-weight:bold;padding-left:20px;padding-right:20px; } .noAccessAd .adButtons p { font-size:12px;margin-bottom:0px;margin-top:4px; } .noAccessAd ul.redBullets li { background-position: 0px 8px; margin-left:15px; } .noAccessAd ul.redBullets li a { text-decoration: none;} .noAccessAd .testimonial p { font-size:12px; line-height:20px; } .noAccessAd .testimonial p span { font-style: italic; } .noAccessAd .adDoctor h2, .noAccessAd .adHospital h2 { font-size:24px; line-height:30px;} .noAccessAd .blueAd { background: url("/assets/img/template/bkg_overlay.png") repeat scroll left top; color:#fff; padding: 2em 3em; } .noAccessAd .blueAd h2 { font-size: 28px; font-weight: bold; text-align: center; margin-bottom:17px; line-height: 1.1em } .noAccessAd .blueAd h3 { margin-top:45px; color:#fff; text-transform: none !important; letter-spacing: normal; font-size:16px; } .noAccessAd .blueAd ul { margin-bottom:0px; } .noAccessAd .blueAd ul li { list-style-image: url(/assets/img/template/bullet_check_white.png); margin: 0 0 0.3em 0; font-size:16px; line-height: 20px; } .noAccessAd .blueAd .btn { margin: 0.8em 0 0 0; background-color: #c13433; border: solid 3px #fff; font-size:22px; font-weight: bold; padding-left:40px; padding-right: 40px; } .noAccessAd .blueAd .signin--button { color: white !important; font-size: 14px; display: block; margin-top: 6px; } .noAccessAdRight h2 { font-size:16px !important;line-height:20px; } .noAccessAdRight ul { margin-left:30px;} .noAccessAdRight div { margin-top:25px; text-align: center;} .noAccessAdRight div p a { font-size:12px; } .noAccessAdRight .adButtons a.btn { font-weight:bold;padding-left:20px;padding-right:20px; } @media (max-width: 992px) { .noAccessAd { padding-left:0px; padding-right: 0px; font-size:12px; } .noAccessAd .adDoctor h2, .noAccessAd .adHospital h2 { font-size:20px !important; line-height:22px !important; } .noAccessAd .redBullets { padding-left:0px; } .noAccessAd .blueAd { padding: 1.5em 1.2em; } .noAccessAd .blueAd h3 { margin-top:10px; } .noAccessAd .blueAd ul { padding-left:30px; } } input[type="number"] { -moz-appearance: textfield; } /**************** Complementary Styles *********************/ #loading .modal-dialog { width:250px; font-family: 'helveticaneuecyrlight'; color:#666; top: 50%; margin-top: -50px;} #loading .modal-body { font-size:20px; } #loading .modal-body .fa { margin-right:5px; margin-left: 35px; } .highlight { color: #c13433 !important; } .marginTop { margin-top:20px !important; } .marginTop2x { margin-top:40px !important; } .marginTop3x { margin-top:60px !important; } .marginBottom { margin-bottom:20px !important; } .marginBottom2x { margin-bottom:40px !important; } .marginBottom3x { margin-bottom:60px !important; } .marginRight { margin-right:20px !important; } .marginLeft { margin-left:20px !important; } .marginLeft2x { margin-left:40px !important; } .noMargin { margin:0px !important;} .noMarginTop { margin-top:0px !important; } .noMarginBottom { margin-bottom:0px !important; } .noMarginLeft { margin-left:0px !important; } .noMarginRight { margin-right:0px !important; } .paddingLeft { padding-left:20px !important; } .paddingTop { padding-top:20px !important; } .noPaddingLeft { padding-left:0px !important; } .noPaddingRight { padding-right:0px !important; } .smaller { font-size: 0.9em; } .smaller2x { font-size:0.7em; } .smaller3x { font-size:0.5em; } .bigger { font-size: 1.2em; } .bigger2x { font-size:1.5em; } .underline { text-decoration: underline; } .bold { font-weight: bold; } .underlineHeader { display: block; border-bottom: 1px solid #e5e5e5; } .indent { text-indent: 25px;} .indent2x { text-indent: 50px;} .shorterLine { line-height: 1.2em; } ul.redBullets { padding-left:10px;} ul.redBullets li { list-style: none; background: url(../../img/template/BulletRed.png) no-repeat 0px 5px; padding-left:18px; text-align: left; } ul.redBullets li a { text-decoration: underline; line-height: 1.2em; text-decoration: none; } ol.red li:before { color: #c42028; content: counter(list) "."; left: -32px; position: absolute; text-align: right; width: 26px; } ol.red li { counter-increment: list; list-style-type: none; position: relative; line-height: 150%; color: #333; font-size: 16px; line-height: 21px; font-family: 'helveticaneuecyrlight'; margin-bottom: 6px; } /*older styles*/ form .form-text { padding-top: 7px; } ul.horizontal li { float: left; } .row-striped:nth-of-type(2n) { background-color: #efefef; } .modal-md { width:760px !important; } .modal-sm { width:540px !important; } .modal-xs { width:320px !important; } .lower { color:green; white-space: nowrap; } .lowest { color:#00CC00; white-space: nowrap; } .higher { color:red; white-space: nowrap; } .highest { color:#CC0000; white-space: nowrap; } .noData { white-space: nowrap; cursor: pointer; } .red { color:#f20000 !important; } .green { color:green; } .gold { color:#ebad02; } .gray { color:#aaa;} .noWrap { white-space: nowrap; } .footnote { font-size: 11px; color: #999; line-height: 11px; margin: 0px; } @media (max-width: 992px) { .modal { padding-right:0px !important; } .modal-dialog , #selectRegion .modal-dialog, #loginModal .modal-dialog { width: 100% !important; ; left:0px; margin-left: 0px; top:0%; margin-top:0px; position: fixed; overflow-y: auto; overflow-x: hidden; max-height: 100vh; } body.modal-open { padding-right:0px !important; } .modal-body { padding: 8px; } } /**************** Star Ratings **********************/ .starDisplay { color: #f9c600; font-size: 16px !important; line-height: 14px; display: inline-block; overflow: hidden; white-space: nowrap; margin-right: 5px; } .priceRange { font-size: 16px !important; line-height: 14px;} .priceRange i { margin-right: 1px; } @media (max-width:1200px) { #firmDetail .panel { margin-top: 15px; margin-left: 0px !important; } }