:root{
  --bodyBg: #F7F8FB;
  --primaryColor: #0d1137;
  --secondaryColor : #ec407a;
  --headerBg: #ec407a;
  --linkColor: #00e;
  --whiteColor: #fff;
  --earningColor: #EF5350;
}
html body{font-size: .875rem !important;margin: 0;}
body *{font-family: 'Raleway', sans-serif;;}
a{text-decoration: none;color:var(--linkColor);}
a:hover{text-decoration: underline;}
*, :after, :before { box-sizing: border-box; }

.header-wrap{border-top: 5px solid #2196F3;border-bottom: 5px solid #03A9F4;}
  .header{margin: auto; width: 100%; max-width: 1140px; padding: 20px; }
    .brand-logo { font-size: 20px;font-weight: 900;color: #000;}
    .brand-logo:hover{text-decoration: none; color: #333;}
    .brand-logo span {color: #f00}
    .navLinks {float: right; position: relative; top: -6px;}
    .navLinks a,
    .has-sub-nav { color: #E91E63; font-weight: 600; font-size: 16px;  padding: 10px; background: #fafafa;float: left;}
    .has-sub-nav {position: relative; cursor: pointer;}
    .sub-nav{display: none; position: absolute; top:100%; left: 0; width: 194px; list-style: none;margin: 0;padding: 1px 0;background: #eee;z-index: 1;}
    .sub-nav li a{font-size: 12px; display: block; padding: 8px;background: #eee; width: 100%}
    .sub-nav li a:hover{background: #ccc;}
    .navLinks a:hover, .has-sub-nav:hover {background: #eee; text-decoration: none;}
    .has-sub-nav:hover .sub-nav{display: block;}


.home-search-wrap{border-bottom: 5px solid #FF7043;background: #424242;}
  .home-search-box{margin: auto; width: 100%; max-width: 1140px; padding: 20px 20px 30px; overflow: hidden;}
  .home-search-box h1{ margin: 0 0 10px; font-size: 36px; color: #fff;}
  .home-search-box p{ margin: 0 0 15px; font-size: 14px; color: #fff;}

  .search-wrap{ margin: 0; max-width: 600px;}
  .search-form{display: block; margin: 0; position: relative; padding-right: 160px;}
  .domainName{height: 50px;border: 1px solid #666;padding: 5px 10px 0;font-size: 16px;border-radius: 5px 0 0 5px;
    width: 100%;outline: none;line-height: 50px;}
  .submit{border: 0;height: 50px;padding: 0 17px;position: absolute;top: 0; right: 0;color: #fff;cursor: pointer; font-weight: 600;
    border-radius: 0 5px 5px 0;outline: none; width: 160px; background: #f00;text-transform: uppercase;letter-spacing: 0.5px;font-size: 12px;}
  .submit:hover { background: #1E88E5;}
  .home-search-box .error {color: #f00; margin: 10px 0 0; display: block;}

.body-wrap{border-bottom: 5px solid #FF7043;}
    .body{margin: auto; width: 100%; max-width: 1140px; padding: 20px 20px 30px; }

/*-------- old CSS ----------------- */
/* start: common & uitility */
.content .s-box a{transition: all 300ms; border-bottom: 1px solid #ddd;}
.content .s-box a:hover{border-bottom-color: #007bff;text-decoration: none;}

.ml-3{margin-left: 15px !important;}

.color-red{color: var(--earningColor);font-weight: 700;}
.border{border: 1px solid #ccc;}
.s-box{border: 1px solid #ccc;background: #fff; margin-bottom: 20px;box-shadow: 0 2px 0 rgba(29,29,33,0.05); position: relative;}
.pad-15{padding: 15px;}
.mb-5 {margin-bottom: 5px !important;}
.bg-black{background: #000 !important;}
.text-red, .error{color: #f00 !important;}
.d-none, .badge-pill{display: none !important;}
.who-is{line-height: 1.9;max-height: 240px;overflow: hidden;overflow-y: auto;letter-spacing: .8px;font-size: 12px}
.bg-color{background: #fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
.card{border: 1px solid #ccc;background: #fff;margin-bottom: 20px;box-shadow: 0 2px 0 rgba(29,29,33,0.05); overflow: hidden;}
.card-header{ padding: 10px 15px;background: #eee;border-bottom: 1px solid #ddd;}
.table{width: 100%;border-collapse: collapse;}
.table tr td, .table tr th { border: 1px solid #eee;padding: 10px;text-align: left;}
.table tr th{border-top: 0; font-weight: 500; background: #fafafa; color: #002bff;}

.table-dns tr th {width: 10%;}
.table-dns tr th.c-1{width: 25%;}
.table-dns tr th.c-5 {width: 45%;}
.table-alexa tr td{width: 50;}
.table-profile td{width: 80%;}
.table-profile td.td-b{width: 20%;}

.content *,
.content .card-body,
.content .card-body * {
  word-break: break-word;
  white-space: normal;
  word-wrap: break-word;
}

.div-table-data{overflow: hidden;}
.div-table{border-bottom: 1px solid #eee;overflow:hidden;}
.div-table .row{display: flex;flex-wrap: wrap;padding: 0;border-top: 1px solid #eee;}
.div-table .row:hover{background:#eee;}
.div-table .row .td{width: 25%;box-sizing: border-box;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0.5em 1.2em;
overflow: hidden;
border-right: 1px solid #eee;}
.div-table .row .th{background: #757575;padding: 0.6em 1.2em;color: #fff;border-color: #ccc;}

.div-table-data .row-1 {visibility: hidden; display: none;}

.s-box .site-h1 {line-height: 1;}
.site-h1 .small-txt {font-size: 11px;display: block;color: #666;line-height: 1.5;letter-spacing: 1px; font-weight: 500;}
.site-summary{margin-top: 10px;}
.site-summary p{line-height: 1.5; margin: 0 0 5px;letter-spacing: 0.5px;}
.site-summary p b{color: #EF5350;}
.s-box .site-h1 a {border: 0;}

.hasImage{ position: relative; padding-left: 280px; min-height: 265px;}
.site-img-box{position: absolute; width: 250px; height: 250px; top: 15px; left: 15px;}
.site-img-box a{ position: relative; display: block;}
.site-img-box a:before{position: absolute;display: block;width: 100%;height: 100%;text-align: center;
  top: 0;left: 0;background: #00000090; z-index: 10; content: " "}
.site-img-box a span{ position: absolute;display: block;width: 250px;height: 40px;text-align: center; background: #000;
top: 0;left: 0;right: 0;bottom:0; margin: auto;font-size: 14px;color: #fff;padding:10px 5px 0; z-index: 11;line-height: 1.5;}
.site-img-box a:hover span{color: #fff;}
.site-img{width: 100%; height: 100%;}

.card-header{ padding: 10px 15px;background: #eee;border-bottom: 1px solid #ddd;}
.list-group{margin: 0; padding: 0; list-style: none;}
.list-group li{padding: 10px 15px; display: inline-block; width: 100%;}
.list-group li a{border-color: #eee}

  .left-list{margin: 0; padding: 0; list-style: none;}
  .left-list li{ position: relative; padding-left: 35px;margin-bottom: 15px;width: 48%;display: inline-block;}
  .left-list li.mb-0{margin-bottom: 0;}
  .svg-icon{position: absolute; width: 25px; height: 25px; top: 7px; left: 0; display: block;}
  .svg-icon svg {fill: #5C6BC0;}
  .s-revenue{width: 17px; height: 17px;left: 5px; top: 6px;}
  .list-big-text{font-size: 24px;line-height: 28px;}
  .list-small-text{font-size: 12px; line-height: 12px;color: #666;}
  .left-sticky{position: sticky; top: 0;}

#footer{background: #fff; border-top: 1px solid #ddd;}
.infos {font-size: 10px; line-height: 14px;}

/* start: Home page */
.body-wrap {line-height: 1.5;}
.content-wrap{display: flex;}
.content{padding:0 15px 0 0;width: calc(100% - 252px); position: relative;}
.right-sideBar{width: 252px;flex-basis: 25%;max-width: 252px;min-width: 252px;}

.right-sites-list{padding: 10px 10px 10px 15px; border-bottom: 1px solid #eee; }
.right-sites-list:nth-child(even){background: #fafafa;}
.r-w-n{margin: 0 0 5px -5px;}
.m-home li{ line-height: 2;}

/* google Ads */
.below-header,
.above-footer{min-height:110px;width:100%;margin-bottom: 0; padding: 10px;}
.below-header{padding: 10px 0 5px;}
.a-250x250{width: 250px; height:250px; background-color: #666;margin-left: -1px;}
.m-right .a-250x250{width: 300px; height: 250px; margin-bottom:  15px;}
.g-auto{margin-bottom: 15px;width: 100%; min-height: 92px;}
.g-ads a{border: none;}

/*form */

.form-group {margin-bottom: 20px;}
.form-group input{ width: 80%; height: 40px;}
.btn-check{border: 0;
  font-size: 17px;
  height: 45px;
  padding: 4px 20px 0;
  background: var(--secondaryColor);
  color: #fff;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

.w100h100{width: 100%;height: auto;}
.sticky-box{  text-align: center;position: sticky;top: 0;}

.forSidebar{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0000004d;z-index: 5;display:none;}

  @media only screen and (max-width: 800px) {
    .navLinks{float: none; top: 0; margin-top: 5px;}
  }

  @media only screen and (max-width: 768px) {
    .content-wrap{display:block;position: relative;}
    .content{padding:0 10px;width: 100%;}
    .right-sideBar{width: 100%;;flex-basis: unset;max-width: 100%;;min-width: 100%;padding:0 10px;}
    .list-group li{padding: 10px 15px; display: block; width: 100%;}
    .left-sidebar {left: -300px;display: block;position: absolute;z-index: 10;top: 0;background: #fff;}
    .header .brand-logo{left: 30px;}
    .mobile-nav{display:block;}
    .openSidebar .left-sidebar {left: 0;}
    .openSidebar .forSidebar {display: block;}
    .navLinks a, .has-sub-nav{float: none; display: inline-block;margin-bottom: 5px;  }
    .body { padding: 10px 0px 10px;}
  }