@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}




body {margin:0;padding: 7.5rem 0 0 0;width: 100%;min-width: 360px;-webkit-font-smoothing: antialiased;font-size: 16px;-webkit-tap-highlight-color: transparent !important;}
body#main, body#services {padding:0;}
a, div, span, button, input {outline:none;text-decoration:none;border:none;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;/* color: #eee8f4; */color: #49148c;color: inherit;}
.i {font-style:italic;}
sup {font-weight: 100;vertical-align: top;}
body.has-overlay {height:100%;overflow:hidden;}
:focus {outline:none !important;}

label.overlay {position: fixed;bottom:0;left:0;right:0;width:100%;height: 0;z-index: 20000;}
label.overlay.show {top:0;height:100%;background-color: rgba(0,0,0,0.7);}

#top-responsive-ad {width:100%;text-align:center;}
#bottom-responsive-ad {width:100%;text-align:center;float: left;}
#middle-responsive-ad {width:100%;text-align:center;float: left;}

body header nav {width: 100%;max-width: 1300px;margin: 0 auto;clear: both;}
body header {/* -webkit-transform: translateY(0); *//* transform: translateY(0); */min-width: inherit;}
#header-nav {z-index: 10001;height:inherit;width: 100%;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 4rem;font-size: 1rem;color: #eee8f4;/*! text-shadow: 0 2px 4px #1A237E; */-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header.compact #header-nav {/*! height:3rem; *//* line-height: 3rem; *//* font-size: 0.9rem; *//* color: #3949AB; *//* text-shadow: 0 2px 6px #8C9EFF; *//* text-shadow: none; */}
header #header-logo-cont {height: 4rem;margin: 0;transition-duration: 0.2s;z-index: 10100;}
header #header-nav-cont {height: 4rem;z-index: 10200;}
#header-logo-cont > div, #header-nav-cont #sub-header > div {/*! display: inline-block; *//*! font-size: inherit; *//*! font-weight: 400; *//*! line-height:inherit; *//*! vertical-align: middle; *//*! color: inherit; *//*! -webkit-box-sizing: border-box; *//*! box-sizing: border-box; *//* transition-duration: 0.3s; *//* -webkit-transition-duration: 0.3s; *//*! height: inherit; *//*! margin: 0 0.7rem; *//*! cursor: pointer; */}

#header-nav .desktop-nav-item:after {content:'';width:0%;display:block;height:0.2rem;margin:-0.5rem auto 0 auto;transition-duration:0.3s;float:none;}
#header-nav .desktop-nav-item:after {background-color:#FFAB00;}
#header-nav .desktop-nav-item:hover:after, .body-type:hover:after {width:100%;}
#header-nav .desktop-nav-item.active:hover:after {width:0;}

#header-nav .logo a, #comp-list .logo a {width: 12rem;height: 4rem;display: block;background-image: url('/img/name.baby-logo.svg');background-repeat: no-repeat;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;color: inherit;}
#header-nav a {/*! width:100%; *//*! height:100%; *//*! display: block; *//*! color:inherit; */}
#header-nav .logo, #comp-list .logo {width: 12rem;margin: 0 auto;/* padding: 0.3rem 0 0 0; */}
#comp-list .logo {margin:0 auto;float: none;width: 9rem;position: absolute;left: 0;top: 0.5rem;display: none;}
body#main #header-nav .logo a, #comp-list .logo a, body#services #header-nav .logo a {background-position: 50% 90%;background-size: 90%;left: -262px;top: 5px;}
body#usual #header-nav .logo, body#error #header-nav .logo {}
body#usual #header-nav .logo a, body#error #header-nav .logo a {background-size: 90%;background-position: 50% 90%;}
body#usual header.compact #header-nav .logo a, body#error header.compact #header-nav .logo a {/* margin: 0.3rem 0 0 0; *//* background-size: 80%; *//* background-position: 47% 0%; */}
#header-nav .logo span, #comp-list .logo span {font-size: 0.60rem;line-height:1rem;height:1rem;display:block;margin:0;text-align: center;}
header.compact #header-nav .logo span {/*! display:none; */}

#sub-header {height: 3rem;color: #fff;line-height: 2rem;/*! padding: 0.75rem 0; */box-sizing: border-box;margin: 0;}
.sub-header-item {display: table-cell;height: inherit;vertical-align: middle;text-align: center;cursor: pointer;}
.sub-header-item > a,.sub-header-item > div {display: block;}
.sub-header-item .sub-header-img {width: 2rem;height: 2rem;display: block;overflow: hidden;margin: 0 auto;}
.sub-header-item .sub-header-img img {width: 80%;height: 80%;border-radius: 50%;}
.sub-header-item .sub-header-icon {width: 2rem;display: block;margin: 0 auto;height: 2rem;line-height: 2rem;font-size: 2rem;}
.sub-header-item .sub-header-icon:after {font-family: 'Material Icons';font-size: inherit;vertical-align: top;display: block;width: 100%;height: 100%;color: #fff;line-height: inherit;}
.sub-header-item .sub-header-logo {background-image: url('/img/name.baby-logo.svg');background-repeat: no-repeat;/*! overflow: hidden; */width: 6.5rem;display: block;height: 2.2rem;margin: 0 auto;background-position: 50% 86%;background-size: 100%;}
.sub-header-signin .sub-header-icon:after {content: '\e853';}
.sub-header-generator .sub-header-icon:after {content: '\e79a';/* font-size: 1.8rem; */padding: 0 0 0 0.2rem;}
.sub-header-popular .sub-header-icon:after {content: '\f09a';}
.sub-header-boynames .sub-header-icon:after {content: '\e58e';}
.sub-header-girlnames .sub-header-icon:after {content: '\e590';}
.sub-header-trending .sub-header-icon:after {content: '\e8e5';}
.sub-header-search .sub-header-icon:after {content: '\e8b6';}
.sub-header-menu .sub-header-icon:after {content: '\e5d2';}
.sub-header-signin .sub-header-icon:after {content: '\e853';}
.sub-header-my-babies .sub-header-icon:after {content: '\eb41';color: #283593;background: #FFF;border-radius: 50%;}
.sub-header-item .sub-header-label {display: block;color:#fff;font-size: 0.7rem;line-height: 0.7rem;height: 0.7rem;}


body#usual {background: #f0f0f0;}
body#usual header, body#error header {text-align: center;width: 100%;box-shadow: 0 0 2px #444;position: relative;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;height: auto;clear: both;margin: 0 auto;/* float: left; */position: fixed;z-index: 10000;top: 0;left: 0;
                                      background: #9C27B0; 
                                      background: -webkit-linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                      background: -moz-linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                      background: -o-linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                      background: linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                    }
body#usual header.compact, body#error header.compact {/* background:#FFF; */}
body#main header {/* height: 62px; *//* padding: 0.5rem 0; */text-align: center;width: 100%;position: fixed;top: 0;left: 0;z-index: 10000;}
body#main header.compact {
                                      box-shadow: 0 0 2px #444;
                                      transition: background-color 0.3s ease;
                                      background: #9C27B0;
                                      background: -webkit-linear-gradient(135deg, #AB47BC 0%, #9C27B0 100%);
                                      background: -moz-linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                      background: -o-linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                      background: linear-gradient(135deg, #9C27B0 0%, #AB47BC 100%);
                                    }
#overlay {position: relative;/* top: 0; *//* left: 0; *//* right: 0; *//* bottom: 0; *//* background-color: rgba(0,0,0,0.3); *//* z-index: 1; */width: 100%;height: 100vh;/* border-bottom: 10px solid #777; */box-shadow: 0 5px 5px #999;/* float: left; */min-width: inherit;}
#overlay .bg {background-image: url(/img/name.baby-bg2.jpg);background-repeat: no-repeat;background-position: 50% 0;width: 100%;height: 100%;z-index: -1000;position: absolute;top: 0;left: 0;background-size: cover;}
#overlay .bg:before {content: " ";top: 0;left: 0;position: absolute;background-color: rgba(0,0,0,.6);text-indent: -999rem;width: 100%;height: 100%;}

#main-filter {display: inline-block;font-size: 0.8rem;color: #444;position: relative;padding: 0 1rem;line-height: 1rem;margin: 0 0 1rem 0.5rem;}
#main-filter:before {content: '\e429';font-family: Material Icons;display: block;position: absolute;left: 0;}
#main-filter:after {content:'\e5cf';font-family: Material Icons;position: absolute;right:0;top:0;width: 1rem;height: 1rem;padding: 0;color: #AA00FF;font-size: 1rem;font-weight: 100;margin: 0;}

#back-link {display: inline-block;font-size: 0.8rem;color: #AA00FF;position: relative;padding: 0 1rem;line-height: 1rem;margin: 0 0 1rem 0.5rem;}
#back-link a {color:inherit;}
#back-link:before {content: '\e5e0';font-family: Material Icons;display: block;position: absolute;left: 0;color:#AA00FF;text-align: right;}


#top-responsive-ad {width:100%;height:110px;float: left;}


#msg {color: #DD2C00;padding: 0 1rem;height: 3rem;line-height: 2.5rem;font-size: 1rem;background: #fdfdff;border-radius: 0.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;margin: 0 0 0 20px;box-shadow: 1px 1px 6px #bbb;-webkit-box-shadow: 1px 1px 6px #bbb;}
.breadcrumbs {width:100%;padding: 1rem 0.5rem;font-size: 0.8rem;}
.breadcrumbs ol {list-style-type:none;padding: 0;width:100%;margin: 0;}
.breadcrumbs ol li {display:inline-block;}
.breadcrumbs ol li a.home {display: inline-block;width: 1rem;height: 1rem;}
.breadcrumbs ol li a.home:before {content:'\e88a';font-family:'Material Icons';vertical-align: bottom;font-size: 1rem;height: 100%;}
.breadcrumbs ol li a {color:#444;}
.breadcrumbs ol li a:hover {color:#AA00FF;}
.breadcrumbs ol li:last-child a {/* color:#AA00FF; */}
.breadcrumbs ol li:after {content:'/';display:inline-block;padding:0 0.5rem;color: #777;}
.breadcrumbs ol li:last-child:after {content:'';}


.material-icons.like-button {cursor: pointer;font-size: 36px;transition: color 0.3s;display: inline-block;width: 2rem;height: 2rem;}

.material-icons.like-button:before {font-family: 'Material Icons';font-size: inherit;vertical-align: top;display: block;width: 100%;height: 100%;color: #e91e63;line-height: inherit;}
.material-icons.like-button:before {content:'\e87e'}
.material-icons.like-button.active:before {content:'\e87d'}

.material-icons.like-button:hover, .material-icons.like-button.active {color: #ad1457;}

#favorites-container {margin: 2rem auto;width: 32rem;text-align: center;}
#favorites-container h3 {color:blue;}

#favorites-container table {border-spacing: 0;/* display:inline-block; */margin: 0;}
#favorites-container table th {color:#000;padding: 1rem 0 1rem 1rem;}
#favorites-container table td {padding: 1rem;text-align: left;font-size:1.1rem;line-height: 2rem;}
#favorites-container table td:nth-child(1), .tab-page table.trending td:nth-child(2) {padding: 0.25rem 1rem;text-align: left;font-size:1.1rem;}
#favorites-container table td a {font-weight:700;}


/* Remove icon styling */
.remove-favorite {
  font-family: 'Material Icons';
  cursor: pointer;
  color: #f44336; /* Red color for delete */
  font-size: 24px;
  transition: color 0.3s;
  vertical-align: bottom;
  margin: 0 0.5rem;
  float: right;
}

.remove-favorite:hover {
  color: #d32f2f;
}

.signout-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: white;
  background-color: #ff4b5c;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.signout-button:hover {
  background-color: #ff1e2d;
}


#wrapper {margin: 0.5rem auto 0 auto;clear:both;max-width: 1300px;min-height: 600px;width: 100%;/* float: left; *//*! overflow: hidden; */}
#wrapper > .title {width:100%;}
#wrapper > .title h1 {padding: 0 0 0.5rem 1rem;margin: 0;color: #49148c;font-weight: 500;text-shadow: 2px 1px 1px lightblue;display: inline-block;}
#wrapper > .title h1 span.lighter {color:#B71C1C;font-weight: 700;font-size: 0.8rem;}
#wrapper .center-title h1 {text-align: center;margin:2rem 0;}

#blur {position: absolute;width: 100%;height: 100%;background: #aaa;top: 0;left: 0;border-radius: 10px;
    -webkit-filter: blur(8px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.7;
    z-index: 100;}
#project-label {display: block;font-weight: 700;margin-bottom: 1em;}
#project-icon {float: left;height: 32px;width: 32px;}
#project-description {margin: 0;padding: 0;}

#namesearch {
    /* padding: 0 0 0 43px; */
    text-align: left;
    margin: 0 auto;
    /* background-color: #3949AB;
    background-image: -moz-linear-gradient(top, #5C6BC0, #3949AB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5C6BC0), to(#3949AB));
    background-image: -webkit-linear-gradient(top, #5C6BC0, #3949AB);
    background-image: -o-linear-gradient(top, #5C6BC0, #3949AB);
    background-image: linear-gradient(top, #5C6BC0, #3949AB);
    background-repeat: repeat-x;
    border: 1px solid #5C6BC0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px #333;
    -moz-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333; */
    height: 3rem;
    max-width: 30rem;
    overflow: hidden;
    }
#usual #namesearch, #main #namesearch {border: 0;padding:0;border-radius:0.2rem;background-color:#fff;background-image: none;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;display: block;/* border: 1px solid #bbb; */box-shadow: 1px 1px 20px #444;}
#main #namesearch {max-width: 500px;box-shadow: 1px 1px 20px #444;}
#usual #namesearch {box-shadow: 1px 1px 6px #bbb;}
#search-status {height: 4rem;vertical-align: top;}
#namesearch button {float:right;height: 3rem;width: 3rem;border-radius:0.2rem;background:none;border:none;display: block;cursor: pointer;}
#namesearch button:before {content:'\e8b6';width:100%;display:block;font-family:Material Icons;font-size:2rem;color: #6d3b9f;}
#main #namesearch button:before {/%color:#fff%/}
#usual #project, #main #project {border:none;background-color: transparent;}
#project {color: #111;opacity: 1;width: 100%;padding: 0.3rem 2.5rem 0.3rem 0.5rem;font-size: 1.2rem;line-height: 3rem;border: 0.07rem solid #024e6a;-webkit-border-radius: 0.4rem;-moz-border-radius: 0.4rem;border-radius: 0.4rem;/* box-sizing: border-box; */height: 3rem;}
#project::-webkit-input-placeholder {color: #aaa;}
#project::-moz-placeholder {color: #aaa;}
#project:-ms-input-placeholder {color: #aaa;}
#project:-moz-placeholder {color: #aaa;}
.ui-autocomplete {
    z-index: 10000;
    width: 95%;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 1px green;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    /* width: 498px !important; */
    max-height: 300px !important;
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #aaa;
}

.ui-menu-item:hover {background:lightblue;color:#fff !important;}
.ui-helper-hidden-accessible {display:none;}


.badge {display: inline-block;border-radius: 0.5rem;/* border: 1px solid black; */padding: 0 0.5rem 0 2.5rem;line-height: 2rem;/* background: linear-gradient(135deg, #FFCDD2 0%, #FFCFDF 100%); *//* box-shadow: -2px 1px 6px 1px #999; */position: relative;margin: 0.5rem;overflow: hidden;font-weight: 400;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}
.badge:before {display: block;width:2rem;height:2rem;text-align: center;color: inherit;position: absolute;left: 0;font-family: 'Material Icons';font-size: 1.5rem;line-height: 2rem;}
.badge.trending {/* background-color: #FF5722; */color: #FFF;/* background: linear-gradient(135deg, #E64A19 0%, #ff225d 100%); */background: linear-gradient(115deg, #cf354a 0%, #df3c4d 50%);}
.badge.trending:before {content:'\e8e5';/* background-color: #E64A19; */color: #e5da38;}
.badge .rank {font-weight:700;}
.badge.no1 {background-color: #FF5722;color: #FFF;}
.badge.no1:before {content:'\ea23';background-color: #E64A19;}
.badge.topn {background-color: #00ACC1;color: #FFF;background: linear-gradient(115deg, #cf354a 0%, #df3c4d 50%);}
.badge.topn:before {content:'\f099';/* background-color: #2E7D32; */color: #e5da38;}
.badge a {color:inherit;}


.flex-cont, .model, .comparison, .user {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;width: 100%;margin: 1rem 0;}
.ls {display: inline-block;vertical-align: top;background: #fff;/* box-shadow: 0px 0px 10px #aaa; */margin: 0 10px 0 0;position: relative;/* overflow: hidden; */-webkit-box-sizing: border-box;box-sizing: border-box;}
#lc {background-color:#fff;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);/*! scroll-behavior: smooth; */will-change: auto;backface-visibility: hidden;}
#lc .scroll-to-top {display: none;}
#lc.sticky .scroll-to-top::before {display:block;content:'\e5d8';font-family:Material Icons;width: 100%;text-align: center;color:#fff;}
#lc.sticky .scroll-to-top {background-color: #bbb;display: block;border-radius: 50%;color:#fff;}
#lc.sticky .scroll-to-top:hover {background-color: #EC407A;}

#name-data-table.less tr:nth-child(n+12) {display:none;}
#name-data-table-view-more {cursor:pointer;width: 100%;height: 3rem;background-color: #7a1fa2;color: #fff;font-size: 1.1rem;line-height: 3rem;position:relative;}
#name-data-table-view-more:before, #name-data-table-view-more:after {font-family:Material Icons;display:block;position:absolute;font-size: 3rem;top: 0;}
#name-data-table-view-more:before {content:'\e5c5';left: 0.5rem;}
#name-data-table-view-more:after {content:'\e5c5';right: 0.5rem;}
#name-data-table-view-more.less:before {content:'\e5c7';left: 0.5rem;}
#name-data-table-view-more.less:after {content:'\e5c7';right: 0.5rem;}
.tab-page {background-color:#fff;width:100%;box-shadow: 0 5px 10px -3px #aaa;margin: 0 0 3rem 0;display: block;overflow: hidden;float: left;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.tab-page:last-child {/*margin-bottom:0;*/}
.tab-page.transparent {background-color: transparent;box-shadow: none;}
.tab-page table {border-spacing: 0;width: 100%;}
.tab-page table.trending {border-spacing: 0;/* display:inline-block; */margin: 0;}
.tab-page table.trending.girl td a {color:#C51162;font-weight:700;}
.tab-page table.trending.girl th {background-color:#F06292;}
.tab-page table.trending.girl tbody tr:nth-child(odd) td {background-color:#FCE4EC;}
.tab-page table.trending.boy td a {color:#AA00FF;font-weight:700;}
.tab-page table.trending.boy th {background-color:#64B5F6;}
.tab-page table.trending.boy tbody tr:nth-child(odd) td {background-color:#E3F2FD;}
.tab-page table.trending th {color:#000;padding: 1rem 0 1rem 1rem;}
.tab-page table.trending th:first-child {border-top-left-radius:0.5rem;}
.tab-page table.trending th:last-child {border-top-right-radius:0.5rem;}
.tab-page table.trending td {padding: 1rem;text-align: left;font-size:1.1rem;}
.tab-page table.trending td:nth-child(1), .tab-page table.trending td:nth-child(2) {padding: 0.25rem 1rem;text-align: left;font-size:1.1rem;}
.tab-page table.trending td:first-child span {width:1.7rem;height:1.7rem;display:block;color:#fff;line-height:1.7rem;text-align:center;border-radius:50%;font-weight:700;}
.tab-page table.trending.boy td:first-child span {background-color:#AA00FF;}
.tab-page table.trending.girl td:first-child span {background-color:#C51162;}
.tab-page table.trending td:nth-child(2) {/*text-align:left;*/}
.tab-page table.trending .rank-change.up {color: #228B22;}
.tab-page table.trending .rank-change.up:before {content:'';border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom: 0.85rem solid #228B22;display:block;position:absolute;width:0;height:0;top: -1rem;left:0;}
.tab-page table.trending .rank-change.down {color: #DC143C;}
.tab-page table.trending .rank-change.down:before {content:'';border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-top: 0.85rem solid #DC143C;display:block;position:absolute;width:0;height:0;top: -1rem;left:0;}
.tab-page table.trending .rank-change {display:block;position:relative;width: 1rem;height: 0.8rem;font-size: 0.8rem;text-align:center;line-height: 0.8rem;margin-top: 1rem;}
.tab-page table.trending .rank-change.same {height: 1rem;font-size: 1rem;text-align:center;line-height: 1rem;margin-top: 0;}
.tab-page td {text-align:left;padding: 1rem;margin:0;border:none;/* border-bottom: 1px solid #8C9EFF; *//* color: #3D5AFE; */line-height: 1.2rem;font-size: 0.8rem;}
.tab-page td:first-child {/*font-weight:700;text-align:left;*/}
.tab-page td ul {text-align:left;display:inline-block;margin: 0;padding: 0;/* list-style-position: inside; */}
.tab-page th {padding: 1rem 1rem;vertical-align:top;margin:0;border:none;/*border-bottom: 2px solid #8C9EFF;*/color: #FFF;line-height: 1.2rem;font-size: 0.9rem;background-color: #8d24aa;text-align: left;}
.tab-page th h2 {font-size:inherit;margin:inherit;padding:inherit;font-weight:inherit;}
.tab-page th:first-child {vertical-align:middle;/* text-align:left; *//* padding:1rem 2rem; *//* font-size: 0.8rem; */}
.tab-page table tbody tr td {background-color:#fff;}
.tab-page table tbody tr:nth-child(odd) td {background-color:#f5f5f5;}
.tab-page-title {line-height:2rem;/* color:#304FFE; */font-weight:700;/* border-bottom: 4px solid #8C9EFF; */-webkit-box-sizing: border-box;box-sizing: border-box;height: auto;color: #fff;background: #691b9a;padding: 0 1rem;}
.tab-page-title h2 {font-size:1.2rem;/* border-bottom: 4px solid #304FFE; */display: inline-block;height: 100%;-webkit-box-sizing: content-box;box-sizing: content-box;margin: 0;/* padding: 0 0.5rem; */color: inherit;line-height: inherit;}
.tab-page-tabs {width:100%;text-align: left;border-bottom: 1px solid #E8EAF6;height: 3rem;line-height: 3rem;}
.tab-page-tab {display:inline-block;color: #8C9EFF;cursor: pointer;margin: 0 2rem 0 0;padding: 0 1rem;-webkit-box-sizing: border-box;box-sizing: border-box;height: inherit;}
.tab-page-tab.active {border-bottom: 3px solid #304FFE;color: #304FFE;}
.tab-page-tab-cont {}
.tab-page-info-top {background: #E8EAF6;font-size: 0.9rem;line-height: 1.4rem;-moz-box-shadow: inset 0 8px 13px -10px #000000;-webkit-box-shadow: inset 0 8px 13px -10px #000000;box-shadow: inset 0 8px 13px -10px #444;}

#page-desc.less p:not(:first-child) {display: none;}

#page-desc-view-more {cursor:pointer;height:2rem;padding: 0.5rem 1.5rem 0.5rem 0;color: #6d3b9f;position: relative;background: none;font-weight: 700;line-height: 1rem;}
#page-desc-view-more::after {content:'\e5cf';font-family: Material Icons;position: absolute;right:0;top:0;width: 1.5rem;height:2rem;padding: 0;line-height: 2rem;font-size: 1.5rem;font-weight: 100;margin: 0;}
#page-desc-view-more.less::after {content:'\e5ce';}

#overview .tab-page-cont, #similar .tab-page-cont {padding: 0 1rem;}
#overview .tab-page-info p a, .tab-page-info-top p a {color:inherit;font-weight:700;}
#top-right-rectangle-ad {position:absolute;right: -308px;top:0;width: 300px;}
#top-right-rectangle-ad .adholder {position:relative;/* overflow: hidden; */width: 100%;}
#top-right-rectangle-ad .adholder:after {/* position:absolute; *//* bottom: -30px; *//* left:0; */width:100%;height: 2rem;content:'Sponsored Content';display:block;text-align: center;font-size: 0.5rem;line-height: 1.6rem;}


.author-overlay {width: 20rem;padding: 0 0 0 3rem;position: relative;margin: 1rem;height: 4rem;display: table;}
.author-img {width: 3rem;height: 3rem;border-radius: 50%;opacity: 0.7;display: block;position: absolute;left: 0;margin: 0.5rem 0;}
.overlay-text {text-align: left;vertical-align: top;}
.overlay-text span {margin: 0 0 0 1rem;font-style: italic;font-size: 0.6rem;}
.overlay-text a, .overlay-text h1 {display:block;margin: 0 0 0 1rem;font-size:1rem;font-weight:700;}
.overlay-text p {margin: 0 0 0 1rem;font-size: 0.8rem;}

  
.article-body {max-width: 40rem;margin:0 auto;};

footer {width:100%;clear: both;margin: 0 auto;}
#footer-links {width:100%;/* height: 6rem; */background-color: #691b9a;position: relative;color: #ffffff;clear: both;margin: 0 auto;padding: 0 0 1rem 0;}
#footer-nav {width:100%;background-color: #691b9a;position: relative;color: #eee8f4;clear: both;margin: 0 auto;}
body.services #footer-links, body.services #footer-nav {background:#333;}
#fbottom {/* position: absolute; *//* height:1rem; *//* line-height: 1rem; */text-align: center;/* bottom: 0.5rem; */right: 1rem;font-size: 0.8rem;}
#fbottom ul {list-style-type:none;margin:0;padding:0;}
#fbottom ul li {color:#ffffff;/* display:inline-block; *//* padding:0 0.5rem; */height: 1.5rem;/* border-right: 1px solid #f0f0f0; */line-height: 1.5rem;}
#fbottom ul li:last-child {border-right:none;}
#fbottom ul li a {color:inherit;height: 1rem;margin: 0.25rem 0;} 


/*responsive*/

@media (min-width:0){

  body {padding: 3rem 0 0 0;}

  body header nav {height: 3rem;}
  body header.compact {/* -webkit-transform: translateY(-4rem); *//* transform: translateY(-4rem); */}

  #header-nav {position:relative;}
  header #header-nav-cont {/*! background: #5C6BC0; */position: absolute;width: 100%;height: 3rem;left: 0;top: 0;/*background: #283593;*/}
  header #header-logo-cont {position:absolute;bottom:-4rem;left:0;width: 100%;height: 4rem;/* background: #6d3b9f; */display: none;}
    body.services header #header-logo-cont {background-color: #000}
  body#main header #header-logo-cont, body#services header #header-logo-cont {background: transparent;}
  header.compact #header-logo-cont {transform: translateY(-4rem);-webkit-transform: translateY(-4rem);}
  #sub-header {display: table;width: 100%;padding: 0 0.5rem;}
  .sub-header-item .sub-header-icon, .sub-header-item .sub-header-img {height: 1.5rem;line-height: 1.5rem;font-size: 1.5rem;width: 1.5rem;}
  .sub-header-item > a,.sub-header-item > div {height: 2.4rem;margin: 0.3rem 0;}
    
  #header-nav .desktop-nav-item {display:none;}
  #header-nav .sub-header-boynames, #header-nav .sub-header-girlnames, #header-nav .sub-header-trendingnames {display:none;}
  #mobile-nav {display:none;background-color: #8d24aa;height: 100vh;width: 98vw;/* transition-duration: 1.3s; */overflow: hidden;z-index: 25000;text-align: left;position: fixed;left: 0;top: 0;-webkit-transform: translateX(-200vw);transform: translateX(-200vw);}
  #mobile-nav.show {/* height: 21rem; *//* border-bottom: 1rem solid #7986CB; */display:block;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translateX(0);transform: translateX(0);}
  #mobile-nav .mobile-nav-item, #mobile-nav-header {padding:0 1.5rem;color: #fff;text-shadow: 0 2px 4px #1A237E;line-height: 3.5rem;border-bottom: 1px solid #3949AB;height: 3.5rem;position:relative;}
  #mobile-nav .mobile-nav-item.expandable:after {font-family:'Material Icons';content:'\e5cc';display:inline-block;height:inherit;width:2rem;line-height:inherit;position:absolute;right:0;top:0;text-align: right;padding: 0 1.5rem;font-size: 1rem;}
  #mobile-nav .mobile-nav-item a {color: inherit;display: block;height: inherit;}
  #mobile-nav-page2-content .mobile-nav-item a {position: relative;padding-left: 4.5rem;}
  #mobile-nav .mobile-nav-item a img {height: 1.5rem;margin: 1rem;position: absolute;left: 0;top: 0;}
  #mobile-nav .mobile-nav-item a span {display: block;height: 100%;}
  #mobile-nav-header, #comp-list-header {position:relative;width: 100%;height: 3rem;padding: 0;}
  #mobile-nav-close, #comp-list-close {position:absolute;right:0;top:0;width: 3rem;height:3rem;float: right;line-height:3rem;font-size:2rem;}
  #mobile-nav-close:after, #comp-list-close:after {content:'\E5C9';font-family: Material Icons;display: block;color:#FFF;cursor: pointer;}
  #mobile-nav-pages {width:100%;height: inherit;position:relative;transition-duration: 0.3s;-webkit-transform: translateX(0);transform: translateX(0);}
  #mobile-nav-pages.pagetwo {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  #mobile-nav-page1 {width:100%;}
  #mobile-nav-page2 {width:100%;position:absolute;right:-100%;top:0;height: 100%;}
  #mobile-nav-page2-back {color:#fff;line-height: 3rem;padding: 0 0 0 3rem;font-size: 0.7rem;/*border-bottom: 1px solid #3949AB;*/height: 3rem;width: 100%;cursor: pointer;}
  #mobile-nav-page2-back:before {font-family:'Material Icons';content:'\e5cb';display:inline-block;height:inherit;width:2rem;line-height:inherit;position:absolute;left:0;top:0;text-align: left;padding: 0 1.5rem;font-size: 1rem;text-shadow: 0 2px 10px #1A237E;}
  #mobile-nav-page2-content {overflow-y:scroll;height: calc(100% - 3rem);}

  .loader {height: 1px;width: 100%;background-color: #3949AB;}
  .loader.progress {position: relative;overflow: hidden;background-color: #ddd;}
  .loader.progress:before{display: block;position: absolute;content: "";left: -200px;width: 200px;height: 4px;background-color: #3949AB;animation: loading 2s linear infinite;}
  @keyframes loading {from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% { left: 50%;} 95% {left: 120%;} to {left: 100%;}}

  #top-responsive-ad {/*display:none;*/margin:1rem auto;max-height: 100px;}
  #bottom-responsive-ad {margin:0 auto 1rem auto !important;max-height: 300px;}
  #middle-responsive-ad {margin:0 auto 3rem auto !important;max-height: 300px;}

  #usual #search-status {display: none;}
  #usual #search-status.show {display: block;}

  #msg {display: none;/*position: fixed;top: 0;left: 0;margin: 0;z-index: 1000000;height: auto;*/}
  #top-right-rectangle-ad {display:none;}

  #overlay {padding:10rem 0 0 0;}
  #main #namesearch {/* margin: 7rem auto 0 auto; */margin: 0 auto;width: 95%;}
  #namesearch {width: 95%;}
  #namesearch #project, .ui-autocomplete .ui-menu-item a span {font-size: 1.2rem;}

  .ui-menu-item {height: 3rem;margin: 0.5rem 0 0.5rem 0.5rem;}
  .ui-menu-item img {height:2rem;width: 3rem;margin: 0;}
  .ui-menu-item span {height: inherit;line-height: 3rem;padding: 0 0.6rem;}
  .ui-menu-item a {color:#222;font-weight:700;}
  .ui-menu-item a {display: flex;width:100%;height: inherit;flex-direction: row;flex-wrap: nowrap;text-decoration: none;}

  #wrapper > .title h1 {font-size: 2rem;padding: 2rem 1rem;}

  #footer-nav {height: 5rem;}
  #intlks {height:inherit;overflow:hidden;width:100%;text-align:center;}
  #intlks ul {list-style-type:none;float:left;display:inline-block;text-align:left;border-left:1px solid #777;padding:0 1rem;margin:2rem 0 0 2rem;}
  #intlks ul:last-of-type {border-right: 0;}
  #intlks ul a {color:#f0f0f0;font-size: inherit;line-height: inherit;}
  #intlks ul li:first-of-type {height: 1.5rem;line-height: 1.5rem;font-size: 1rem;}
  #intlks ul li {height: 1rem;line-height: 1rem;font-size: 0.7rem;padding: 0.2rem;}

  .flex-cont, .model, .user {flex-flow: column wrap;-webkit-flex-flow: column wrap;}
  .ls {width: 100%;height: 7rem;display: block;margin: 0 0 1rem 0;z-index: 8000;}
  .rs {width: 100%;min-height: 100vh;}
  #lc {width: 100%;height: 7rem;z-index: 8000;box-shadow: 0 5px 10px -3px #aaa;}
  #lc.sticky, .comparison #lc.sticky {box-shadow: 0px 0px 10px #222;}
  #lc.sticky .scroll-to-top {position: absolute;right: 0.5rem;top: 2.5rem;height: 2rem;width: 2rem;font-size: 1.5rem;line-height: 2rem;}
  .card-top {width: auto;position: relative;height: 5rem;margin: 0 0 0 7.5rem;/*! border-bottom: 1px solid #ddd; */}
  .card-bottom {/*! display:none; */}
  #lc.sticky .card-top {height:5rem;}
  .card-top a {position: absolute;width:100%;height:100%;display:block;}
  #lc .card-bottom {display:block;position:absolute;right:0;background: #fff;padding: 0;/*! box-shadow: -1px 2px 4px 2px #222; */width: 100%;height: 1.5rem;overflow: hidden;margin: 0.3rem 0 0 0;}
  .card-bottom .tabs, #lc .links {display: block;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: auto;margin: 0;padding: 0 0 2rem 0;}
  .card-bottom .tabs li, #lc .links li {display:inline-block;border-left: 1px solid #ddd;}
  #lc.sticky .card-bottom.show .links {display:block;}
  #lc .card-top .filters-label {padding:0 1rem;line-height:2rem;}

  .card-top .model-image {width: 7.5rem;height: 5rem;position: absolute;left: -7.5rem;overflow: hidden;}
  .card-top.s-o .model-image {width:9.5rem;}
  .card-top .name {display:inline-block;vertical-align:top;font-weight:700;padding: 0 0.5rem;/*! position: absolute; *//*! left: 8rem; */}
  .card-top.s-o .name {left:10rem;}
  .action-buttons-holder {display: block;vertical-align: bottom;}
  .card-top .add-remove-holder, .card-top .savecar-holder {display: inline-block;width: 50%;}
  .comp-add-bubble {bottom: unset;right: -9.5rem;left: unset;top: -0.2rem;}
  .comp-add-bubble::before {top: 0.5rem;right: unset;bottom: unset;left: -1rem;border-right: 0.8rem solid #D50000;border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;border-left: unset;}
  .comp-header .card-top .add-remove-holder {bottom: -2.5rem;text-align:center;top: initial;left: initial;right: initial;position: initial;margin: 1rem auto;width: auto;}
  .comp-header .card-top .add-remove-holder .add-to-comp, .comp-header .card-top .add-remove-holder .remove-from-comp, .add-to-edit-comp {float:none;}

  .tab-page-cont {/* text-align:center; */}
  .tab-page-cont p a {font-weight: 700;}
  .tab-page-cont h2 {padding:1rem 0 0 0;font-size:1.2rem;text-align:center;}
  .tab-page-cont h3 {padding: 0;font-size:1rem;}
  .tab-page-cont ul {padding: 0 0 0 2rem;}
  .tab-page-cont ul li audio {display: block;margin: 0.5rem 0;height: 2rem;}

  .tab-page-cont .trending-top-10 {display:inline-block;margin: 1rem 0 1rem 0;width: 100%;}
  .tab-page-cont .trending-top-10 h2 {text-align:left;padding: 0 1rem;}
  .tab-page-cont .trending-top-10.boy h2 {color: #AA00FF;}
  .tab-page-cont .trending-top-10.girl h2 {color: #C51162;}
  .tab-page-cont .trending-top-10 h2 span {color:#777;font-weight:400;}
  .tab-page-cont .trending-top-10 a.full-list {display:block;position:relative;color:#fff;width: 20rem;height: 4rem;line-height: 1.5rem;margin: 1rem auto;padding: 0.5rem 0 0.5rem 5rem;border-radius: 0.6rem;box-shadow: 0px 2px 6px #999;}
  .tab-page-cont .trending-top-10 a.full-list::before {display:block;width: 4rem;height:100%;font-family:Material Icons;font-size: 3rem;line-height: 4rem;position:absolute;top:0;left:0;text-align: right;padding: 0;}
  .tab-page-cont .trending-top-10.boy a.full-list {background-color: #2979FF;}
  .tab-page-cont .trending-top-10.boy a.full-list::before {content:'\e58e'}
  .tab-page-cont .trending-top-10.girl a.full-list {background-color:#F50057;}
  .tab-page-cont .trending-top-10.girl a.full-list::before {content:'\e590'}
  .tab-page-cont .trending-top-10 a.full-list span {display:block;text-align: left;}

  .tab-page-cont .us-chart path.us-state:hover {/*transform: scale(1.01); transform-origin: center;transition: transform 0.2s;*/}
  
  .tab-page-cont a.download {height:2rem;line-height:2rem;padding: 0 2.5rem 0 0.5rem;margin: 0 0.5rem 0.5rem 0;border: 1px solid #49148c;display: inline-block;background: #f0f0f0;/* font-weight: 400; */position: relative;}
  .tab-page-cont a.download:after {content: '\f090';font-family: 'Material Icons';display:block;right:0;width:2rem;height:2rem;position: absolute;top: 0;line-height: 2rem;text-align: center;font-size: 1.2rem;}

  #popular-names-select-state-label {display: block;position: relative;color: #fff;width: 20rem;height: 4rem;line-height: 4rem;margin: 1rem auto;padding: 0;border-radius: 0.6rem;box-shadow: 0px 2px 6px #999;background-color: #6A1B9A;font-size: 1.2rem;}
  #popular-names-select-state {height: 4rem;line-height: 4rem;width: 20rem;border-radius: 1rem;padding: 0 0.5rem;font-size: 1.2rem;background-color: #fff;}

  .name-card {position: relative;padding: 11rem 0 0 0;width: 22rem;height: 20rem;overflow: hidden;/* box-shadow: 1px 1px 4px #999; */margin: 0 auto 1rem auto;/* border-radius: 1rem; */text-align: left;box-shadow: 0px 8px 26px -10px #888;}
  .name-card .name-card-image {position: absolute;left: 0;width: 100%;height: 16.5rem;overflow: hidden;top: -5.5rem;}
  .name-card .name-card-image img {width: 100%;}
  .name-card .name-card-name {padding: 0.5rem;height: 7rem;line-height: 2rem;font-size: 1.5rem;color: #000;}
  .name-card .name-card-desc {margin: 0.5rem;line-height: 1.33rem;text-align: left;height: 4rem;overflow: hidden;box-sizing: border-box;padding: 0;text-overflow: ellipsis;display: none;}
  .name-card .name-card-desc span {-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
  .name-card .name-card-pub-date {padding:0.5rem;}
  .name-card .name-card-pub-date span {color: #888;font-size: 0.8rem;}

  .car-card {width: 18rem;float: none;}
  .car-card .card-top .model-image {/*! width: 18rem; *//*! height: 12rem; */left: -7.5rem;}
  .car-card .card-top .info {padding: 1rem;/*! height: 1rem; */position: relative;text-align: left;text-shadow: none;}
  .car-card .card-top .info .name {font-size:1rem;line-height: 1rem;/*! bottom: 0; */position: initial;padding: 0 1rem;height: 1rem;color: #000;}

  .user #lc .card-top {display: none;}
  .user #lc, .user .ls {height:2rem;}

  .model-page #lc, .model-page .ls {height: 5rem;}
  .model-page #lc .card-top {margin:0;}
  .model-page #lc .card-bottom {display: none;}

}


@media (min-width:768px){

  body {padding: 4rem 0 0 0;}

  body header nav {height: 4rem;}
  body header.compact {-webkit-transform: translateY(0);transform: translateY(0);}

  header #header-logo-cont {display: inline-block;width: 12rem;float:left;position: unset;}
  header #header-nav-cont {display: inline-block;width: 18rem;float:right;background: unset;position: unset;height: 4rem;}
  header.compact #header-logo-cont {transform: translateY(0);-webkit-transform: translateY(0);}
  #sub-header {/*! display: none; */table-layout: fixed;}
  .sub-header-item .sub-header-icon, .sub-header-item .sub-header-img {height: 2rem;line-height: 2rem;font-size: 2rem;width: 2rem;}
  .sub-header-item > a,.sub-header-item > div {height: 2.7rem;margin: 0.65rem 0;}

  #header-nav .sub-header-menu, #header-nav .sub-header-home {display:none;}
  #header-nav .desktop-nav-item {display:inline-block;}
  #mobile-nav {display:none;}

  #header-nav .sub-header-boynames, #header-nav .sub-header-girlnames, #header-nav .sub-header-trendingnames {display:table-cell;table-layout: fixed;}

  #overlay .bg {background-image: url(/img/name.baby-bg1.jpg);}

  #top-responsive-ad {display:block;margin: 2rem auto 1rem auto;max-height: 300px;}
  #bottom-responsive-ad {margin: 0 auto 2rem auto !important;}
  #middle-responsive-ad {margin: 0 auto 3rem auto !important;}

  #usual #search-status {display: block;}

  #msg {display:block;font-size: 0.7rem;}

  #search-status {position: relative;margin-left: 500px;}
  body#usual #namesearch {width: 500px;position: absolute;left: -500px;top: -2px;margin: 2px;}
  #namesearch {}
  #namesearch #project, .ui-autocomplete .ui-menu-item a span {font-size: 1rem;}

  .ui-menu-item {height: 4rem;margin: 0.4rem;background:#fff;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;z-index:200;color:blue;}
  .ui-menu-item img {width: 6rem;height: 4rem;}
  .ui-menu-item span {height: inherit;line-height: 4rem;padding: 0 0.6rem;font-size: 1rem;/* margin: auto; */}

  #wrapper > .title h1 {font-size: 2.5rem;padding: 2rem 0 2rem 1rem;}
  #wrapper > .title h1.comparison-h1 {/*! text-align:left; */}
  #wrapper > .title h1.comparison-h1 span.lighter {display:initial;}

  #wrapper > .title .save-comp-holder {0.5rem 0 1rem 0.5rem;/*! text-align: left; */}

  .flex-cont, .model, .user {flex-flow: row nowrap;-webkit-flex-flow: row nowrap;}
  .ls {width: 9rem;flex: 0 0 9rem;-moz-box-flex: 0 0 9rem;-webkit-flex: 0 0 9rem;-ms-flex: 0 0 9rem;height: auto;/* display: inline-block; */margin: 0 1rem 0 0;}
    .flex-cont.make .ls {display:block;}
  .categories .ls {height:initial;}
  .categories .ls .filters-label {display:none;}
  .categories .ls .description {margin: 0.5rem 0;padding: 1rem;}
  .rs {width: 0;vertical-align: top;flex: 1 0 0px;-moz-box-flex: 1 0 0px;-webkit-flex: 1 0 0px;-ms-flex: 1 0 0px;/* overflow: hidden; */}
  #lc {width: 9rem;height: 100vh;/* box-shadow: 2px 1px 9px -4px #444; */}
  #lc.sticky {box-shadow: 2px 1px 9px -4px #444;overflow: hidden;}
  .card-top {position:relative;margin: 0;display: block;padding: 0;height: 12rem;border: 0;}
  .model #lc .card-top {height: 14rem;}
  #lc.sticky .card-top {height:initial;}
  .card-top a {position:relative;}
  .card-top .model-image, .card-top.s-o .model-image {width: 100%;position: relative;overflow:hidden;height: initial;float: initial;left: unset;}
  .card-top .model-image img {width:100%;}
  .card-top .model-image:before {/*display: block;content: "";width: 100%;padding-top: 66.5%;*/}
  .card-top.s-o .model-image::before {padding-top:52.5%}
  .card-top .name, .card-top.s-o .name {position: absolute;bottom: -5.5rem;left: 0;width: 100%;padding: 2rem 0.7rem 0 0.8rem;height: 5rem;}
  #lc .card-bottom {display:block;height: auto;padding: 0 1rem;position: relative;}


  .card-top .add-remove-holder, .savecar-holder {width: 50%;display: inline-block;text-align: left;}
  #lc.sticky .scroll-to-top {position: relative;height: 3rem;width: 3rem;font-size: 2rem;line-height: 3rem;margin:0 1rem;right: initial;left: initial;top: initial;bottom: initial;}

  .user #lc .card-top {display: block;}
  .user #lc, .user .ls {height:100vh;}

  .model-page #lc {height:initial;}
  .model-page #lc .card-top {margin:initial;}

  .tab-page-cont {/*text-align:left;*/}

  .card-bottom .tabs, #lc .links {margin: 2rem 0;padding: 0;overflow: hidden;white-space: unset;float: left;}
  .card-bottom .tabs li, #lc .links li {display: list-item;border-left: 4px solid #6d3b9f;padding: 0 0 0 0.5rem;}
  #lc .tabs li.blank, #lc .links li.blank {height: 2rem;border: none !important;display: block;}
 
  .tabs {display:block;}
  #lc .links {/* padding:1rem; */display: block;font-size: 1rem;width:100%;}
  #lc .links li {display:block;}
  .card-bottom .tabs.red li, #lc .links.red li, #lc .links li.red, #lc .tabs li.red {border-left:4px solid #FF4081;}
  .card-bottom .tabs.green li, #lc .links.green li, #lc .links li.green, #lc .tabs li.green {border-left:4px solid #00C853;}
  .card-bottom .tabs.teal li, #lc .links.teal li, #lc .links li.teal, #lc .tabs li.teal {border-left:4px solid #00897B;}

  .tab-page-cont .trending-top-10 {margin: 1rem 1rem 4rem 1rem;width: 32rem;}

  #footer-nav {height: 3rem;}
  #intlks {height:14rem;}
  #intlks ul {float:none;padding:0 2rem;margin:2rem 0;}

}


@media (min-width:1025px){
  #top-right-rectangle-ad {display:block;}

  #overlay {padding:10rem 0 0 0;}

  body#main #namesearch {/* margin: 10rem auto 0 auto; */}

  #top-responsive-ad {margin: 2rem auto 1rem auto;max-height: 600px;}

  .ls {width: 9rem;flex: 0 0 9rem;-moz-box-flex: 0 0 9rem;-webkit-flex: 0 0 9rem;-ms-flex: 0 0 9rem;}
  #lc, .complaints #lc {width: 9rem;position: -webkit-sticky;position: sticky;top:4rem;}
  .card-top {/*! margin: 0 0 4.5rem 0; */}
  .card-top .action-buttons-holder {width: 100%;height: 2rem;position: relative;}
  .card-top .add-remove-holder {}
  .card-top .savecar-holder {}
  .card-bottom {padding: 0 1rem;display: block;vertical-align: initial;margin: 0 0 2rem 0;}

  #lc .links {/* padding: 0 2rem; */}

}