/*
   * Author: Dirk
   * Website: https://dutchpirates.com
   * Comments: 0.3
  */

  /* Bootstrap overwrites ------------------------------------------------------------------- */

  .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color:#fff;
  vertical-align:middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  }

  .material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color:#fff;
  background:#dc3545;
  border-radius:30px;
  padding:8px;
  vertical-align:middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  }

  .btn {
   border-radius:30px;
  }

  #price {
  display:inline;
  background:#fff;
  padding:4px 8px 4px 8px;
  border-radius:30px;
  margin-left:5px;
  font-size:1em;
  }

  .btn:hover #price {
  color:#fff!important;
  background:#dc3545;
  }

 .bg-danger {
	background-color: #f2dede !important;
 }

 .bg-success {
	background-color: #dff0d8 !important;
 }

  /* BEGIN ACTUAL STYLESHEET ------------------------------------------------------------------- */

  html {
  height:100%;
  padding:0px;
  margin:0px;
  }

  body {
  height:100%;
  margin:0;
  padding:0;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
  line-height:30px;
  background-color:#fff;
  padding:0px;
  color: rgb(102, 102, 102);
  font-size:1em;
  }

  /*-- Text styles ------------------------------------------------------------------- */

  h1 {
  font-size:calc(1.4rem + 1vw);
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  letter-spacing:-1px;
  line-height:1.3em;
  color:rgb(34, 34, 34);
  }

  #lander h1 {
  color:#fff;
  display:inline-block; 
  line-height:85%;
  }

  h2 {
  font-size:calc(1.0rem + 0.8vw);
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  letter-spacing:-1px;
  line-height:1.3em;
  color:rgb(34, 34, 34);
  }

  h3 {
  font-size:calc(1.2rem);
  font-family: 'Montserrat', sans-serif;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.3em;
  color:rgb(34, 34, 34);
  }

  b {
  font-weight:500;
  color:rgb(34, 34, 34);
  }

  ul {
  list-style: none;
  padding: 0;
  }

  li {
  padding-top:10px;
  display: inline;
  }

  u {
  text-decoration:none;
  border-bottom: #dc3545 1px solid;
  }

  a {
  text-decoration:none;
  color:#dc3545;
  }

  a:hover {
  color: rgb(102, 102, 102);
  }

  span.toptitles {
  font-size: 28px;
  }

  /*-- Navigation styles ------------------------------------------------------------------- */

  .logo {
  font-size:1.0rem;
  font-family: 'Muli', sans-serif;
  font-weight:500;
  background: url('../images/new_logo.png');
  background-position:left center;
  background-size: contain;
  background-repeat:no-repeat;
  display:block;
  width:364px;
  height:112px;
  transition: all 0.3s ease;
  position: relative;
  }

  .collapse {
  border-radius:15px;
  padding:15px;
  }

  button.navbar-toggler {
  border:0;
  }

  .nav-link {
  padding:0;
  margin:0;
  color:rgba(0,0,0,0.9)!important;
  }

  .nav-link:hover > .material-icons-outlined {
  transform:scale(1.1)
  }

  @media only screen and (max-width: 992px) {
  #navigation .collapse {
  margin-top:0px;
  background-color:#dc3545;
  }

  .nav-link, .nav-link:hover {
  color:#fff!important;
  padding:0;
  margin:0;
  }

  .material-icons-outlined {
  color:#dc3545;
  background:#fff;
  }
  }

  @media only screen and (max-width: 768px) {
  .logo {
  max-width:200px;
  max-height:96px;
  }

  li {
  padding-top:10px;
  display: block;
  }
  }

  /*-- Section styles ------------------------------------------------------------------- */
  
  #wrapper {
  min-height:100vh;
  }

  @media only screen and (max-width: 768px) {
  #wrapper {
  padding: 0vh 3vw 3vh 0vw;
  }
  }

  #search {
  padding: 0;
  }

  #footer {
  font-size:0.9em;
  padding: 2vh 3vw 0vh 3vw;
  }

  @media only screen and (max-width: 768px) {
  #footer {
  font-size:0.9em;
  padding: 5vh 3vw 2vh 3vw;
  }
  }

  .icon {
  font-size:1.0rem;
  font-family: 'Muli', sans-serif;
  font-weight:500;
  background: url('../images/icon.png');
  background-position:right center;
  background-size: contain;
  background-repeat:no-repeat;
  display:block;
  max-width:36px;
  min-height:36px;
  } 

  #info .material-icons,  #lander .material-icons {
  color:#dc3545;
  background:#f3f3f0;
  border-radius:30px;
  padding:8px;
  margin-top:-9px;
  font-size:24px;
  }

  #lander {
  min-height:100%;
  }

  /*-- Bottom columns -------------------------------------------------------------- */
  
  .bottom_columns_container{
  max-width:1520px;
  }
  
  @media only screen and (max-width: 1295px) {
  .bottom_columns_br{
  display:none;
  }
  }

  /*-- Index Styles ---------------------------------------------------------------- */
  #index_notice{
  margin-top:6px;
  line-height:125%;
  }
  /*-- Searchbar ------------------------------------------------------------------- */

   #search .form-select{
   border-radius:30px;
   border:0;
   font-weight:600;
   text-align: center;
   }

  #search .form-control{
   border:0;
   background:none;
   border-radius:30px;
   }
   
  .searchbar .btn{
   border-radius:30px;
  }

  #advancedSearch .form-select{
  width:100%;
  border-radius:30px;
  border:0;
  text-align: center;
  }

  #advancedSearch .form-check{
  font-size:0.8em;
  border-radius:0px;
  margin-left:10px;
  }

  #advancedSearch option{
  border:#dc3545;
  }

  #advancedSearch label{
  padding:0;
  margin-top:4px;
  }

  #advancedSearch .form-check-input{
  padding:5px;
  margin-top:10px;
  }

  .selector{
   border: #218838 3px solid;
   border-radius:30px;
   }

  .searchbar{
   border:#218838 3px solid;
   border-radius:30px;
   margin-left:9px;
   margin-right:9px;
   }

  .searchbar:hover, .selector:hover{
  -webkit-box-shadow: 0px 15px 5px 0px rgb(205, 205, 205);
  -moz-box-shadow: 0px 15px 5px 0px rgb(205, 205, 205);
  box-shadow: 0px 0px 5px 5px rgb(235, 235, 235);
  }

  #search_input_box{
  margin-left:100px;
  margin-right:4px;
  }

  /*-- Search styles ------------------------------------------------------------------- */

  .searchcontainer_label{
  text-align:center;
  font-weight:bold;
  line-height:110%;
  }
  .searchcontainer_label i{
  float:right;
  }
  .searchcontainer_label:hover{
  cursor:pointer;
  }
  #searchcontainer_tld,#searchcontainer_price,#searchcontainer_length,#searchcontainer_hyphens,#searchcontainer_numbers{
  max-height:132px;
  }
  #searchcontainer_tld_optionscontainer,#searchcontainer_price_optionscontainer,#searchcontainer_length_optionscontainer,#searchcontainer_hyphens_optionscontainer,#searchcontainer_numbers_optionscontainer{
  display:block;
  }
  #searchcontainer_tld_com_container,#searchcontainer_tld_oldgtld_container,#searchcontainer_tld_cctld_container,#searchcontainer_tld_newgtld_container{
  height:28px;
  font-size:13px;
  }
  #searchcontainer_tld_optionstable{
  width:100%;
  max-width:148px;
  margin:0 auto;
  }
  #searchcontainer_price_input_min,#searchcontainer_price_input_max,#searchcontainer_length_input_min,#searchcontainer_length_input_max{
  width:95px;
  height:22px;
  }
  #searchcontainer_price_input_min,#searchcontainer_length_input_min{
  margin-left:4px;
  margin-bottom:4px;
  }
  #searchcontainer_hyphens_yes_container,#searchcontainer_hyphens_no_container,#searchcontainer_numbers_yes_container,#searchcontainer_numbers_no_container{
  width:45px;
  margin:0 auto;
  }
  #searchcontainer_contains{
  position:absolute;
  border-radius:19px;
  width:120px;
  }
  #searchcontainer_contains_label{
  padding-top:3px;
  padding-bottom:3px;
  font-weight:normal;
  }
  #searchcontainer_contains_optionscontainer{
  display:none;
  }
  #searchcontainer_contains_contains_container{
  display:none;
  }
  .searchcontainer_contains_option:hover{
  cursor:pointer;
  background-color:#28a745;
  }
  
  /*-- Lander styles ------------------------------------------------------------------- */

  .lander_container {
  max-width:1580px;
  margin:0 auto;
  }
  .lander_container h3{
  margin-bottom:0;
  }
  #lander_domain_data b{
  font-weight:600;
  }
  .text-registration {
  font-weight:500;
  color:rgb(34, 34, 34);
  }
  #lander .material-icons-outlined {
  color:#dc3545;
  background:#f3f3f0;
  padding:10px;
  margin-left:-10px;
  }
  .lander_sell_message_red{
  font-size:24px;
  color:#ff0000;
  }
  .lander_sell_message_white{
  font-size:24px;
  color:#ffffff;
  }
  #lander_sell_message_red_vspace{
  height:70px;
  }
  #lander .btn {
  border-radius:0;
  }
  #lander .btn > .material-icons-outlined {
  color:#fff;
  background:transparent;
  padding:3px;
  }
  .domainImage {
  min-height:350px;
  background-position:left center;
  background-size: cover;
  background-repeat:no-repeat;
  }
  .lander_green_button:hover{
  background-color:#1edf4a;
  border-color:#1edf4a;
  }
  #lander_buttons_container .btn{
  width:192px;
  }
  #lander_price_button{
  margin-left:10px;
  }
  @media only screen and (max-width: 495px) {
  #lander_buttons_container .btn{
  width:100%;
  text-align:center!important;
  }
  #lander_price_button{
  margin-left:0;
  }
  }

  /*-- Search results styles ------------------------------------------------------------------- */
	
 #search_results_domains_found{
 color:#dc3545;
 }
 #pages {
 font-size: 16px;
 margin-top: 20px;
 margin-bottom: 10px;
 }
 #pages img{
 margin-top: -4px;
 }
 .search_results_container{
 max-width: 1200px;
 }
 @media only screen and (min-width : 1921px){
 .search_results_container{
 max-width: 80%;
 }
 }
 .gallery-domain-box{
 display: block;
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
 position: relative;
 }
 .domain-logo-overlay{
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: rgba(0,0,0,0);
 display: table;
 }
 .domain-logo-overlay:hover{
 background-color: rgba(66,220,163,0.25);
 }
 .domain_details_anchor_container{
 display: table-cell;
 vertical-align: middle;
 }
 .domain_details_anchor_container:hover{
 cursor: pointer;
 }
 .domain_details_anchor{
 display: none;
 }
 .gallery-domain-info-icon{
 color: #42dca3;
 font-size: 36px;
 }
 .gallery-domain-name{
 color: #000000;
 font-weight: bold;
 }
 .gallery-domain-name:hover{
 cursor: pointer;
 color: #42dca3;
 }
 .gallery-domain-logo{
 display: block;
 width: 100%;
 margin: 10px auto;
 }
 .gallery-domain-price{
 color: #7c7c7c;
 font-size: 16px;
 line-height: 170%;
 font-weight: bold;
 }

/*-- Member signup/login ------------------------------------------------------------------- */

.member-outer-margin {
  margin:2px;
  }
 .member-register-wrapper, .member-edit-wrapper {
   width: 90%;
   margin: 0 auto;
   margin-top:18px;
   border:solid 1px #DDDDDD;
   border-radius:0px 0px 5px 5px;
   }
 .member-wrapper {
   max-width:320px;
   margin: 0 auto;
   margin-top:18px;
   border:solid 1px #DDDDDD;
   border-radius:0px 0px 5px 5px;
  }
 .member-header {
   font-size: 18px;
   font-weight:normal;
   color:white;
   background-color: #42dca3;
   padding:5px;
   margin-bottom:10px;
   }
 .member-main {
   padding:10px;
   }
  .member-input {
   display: block;
   min-height:100px;
   margin-bottom: -5px;
  }
  .member-input .control-label {
    font-weight: normal;
  }
  .member-input input {
    font-size: 15px;
  }
 ::-webkit-input-placeholder {
     color:#888;
 }
 :-moz-placeholder {
     color:#888;
 }
 ::-moz-placeholder {
     color:#888;
 }
 :-ms-input-placeholder {
     color:#888;
 }
 #memberIconCaptcha{ margin: 0 auto 20px auto; }
 #edithCaptcha{ margin: 0 auto 20px auto; text-align: center; }
 #edithCaptcha #hcaptchacontainer label.error{ display: block; }
 #hcaptchacontainer label.error{ position: relative; top: -9px; }
 #RegisterForm input:focus::-webkit-input-placeholder  {color:transparent !IMPORTANT;}
 #RegisterForm input:focus::-moz-placeholder   {color:transparent !IMPORTANT;}
 #RegisterForm input:-moz-placeholder   {color:transparent !IMPORTANT;}
 #RegisterForm textarea:focus::-webkit-input-placeholder  {color:transparent !IMPORTANT;}
 #RegisterForm textarea:focus::-moz-placeholder   {color:transparent !IMPORTANT;}
 #RegisterForm textarea:-moz-placeholder   {color:transparent !IMPORTANT;}
 #RegisterForm label, #UsernameLoginForm label, #LostDetailsForm label, #NewPasswordForm label, #DeleteMemberForm label{
   font-size: 16px;
   font-weight: normal;
 }
 #RegisterForm label.error, #UsernameLoginForm label.error, #LostDetailsForm label.error, #NewPasswordForm label.error, #DeleteMemberForm label.error, #requestpriceModal label.error,  #makeofferModal label.error {
   font-size: 14px;
   color: red;
   font-weight: normal;
 }
 #requestpriceModal label.error, #makeofferModal label.error {
   display: none;
 }
 .member-top-message {
   font-size: 16px;
   padding: 5px;
   text-align: center;
 }
 .member-top-message-register {
   font-size: 16px;
   margin-left: 20px;
   margin-right: 20px;
 }
 .member-row {
   padding-left: 15px;
   padding-right: 15px;
 }
 .member-captcha {
   display: inline-block;
 }
 .member-captcha-error{
   min-height:30px;
 }
 .member-input input.member-button {
   width: 200px;
   background-color: #42dca3;
   padding: 8px;
   border: none;
   font-size: 16px;
   color: #000000;
 }
 .member-input button#member-delete-button {
   width: 200px;
   background-color: #42dca3;
   padding: 8px;
   border: none;
   font-size: 16px;
   color: #000000;
 }
 .member-bottom-text {
   font-size: 16px;
 }
 #member-white-login, #member-white-logout {
   color: #ffffff !important;
 }
 .member-input input, .member-input .input-group-addon {
   border-radius: 0;
 }
 .input-group-addon {
	width: 37px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-right: 0;
	text-align: center;
}
.input-group-addon i {
	padding-top: 10px;
}
.buynow-form-input {
	margin-bottom: 10px;
}
.buynow-form-button {
	margin: 10px auto;
}

/*-- Member login modifications ------------------------------------------------------------------- */

 .member_login_box{ background-color: #242424; padding: 15px; max-width: 400px; }
 .member_login_logo{ width: 80%; margin: 10px auto 0; display: block; }
 .member_login_title{ text-align: center; font-weight: bold; color: #ffffff; font-size: 24px; margin: 20px auto 15px; display: block; }
 .member_login_box .member-input{ min-height: 64px; }
 .member_login_box .member_login_password_input_container{ min-height: 74px; }
 .member_login_input{ background-color: #000000; border: none; height: 40px; color: #bfbfbf; }
 .member_login_input:active, .member_login_input:focus{ color: #bfbfbf; background-color: #000000 !important; box-shadow: 0 0 4px #73e3ff !important; }
 .member_login_password_input{ margin-top: 10px; }
 .member_login_hcaptchacontainer{ margin: 10px auto 0; display: block; min-height: 109px; text-align: center; }
 #memberIconCaptcha.member_login_iconcaptcha{ margin-top: 10px; }
 .member-input input.member_login_button, .member-input button#member-delete-button.member_login_button{ background-color: #606060; border-radius: 3px; color: #bfbfbf; margin: 0 auto 29px; width: 100%; }
 .member-input input.member_login_button:hover, .member-input button#member-delete-button.member_login_button:hover{ background-color: #42dca3; color: #000000; }
 .member_login_hr{ background-color: #ffffff; color: #ffffff; height: 2px !important; margin: 0 auto; width: 100%; }
 .member_login_links{ margin-top: 18px; display: block; height: 30px; }
 .member_login_links a{ color: #ffffff; font-size: 14px; }
 .member_login_links a i{ margin-right: 5px; padding: 3px; border-radius: 50%; background-color: #ffffff; color: #242424; }
 .member_login_links a:hover{ color: #42dca3; }
 .member_login_links a:nth-child(1){ float: left; }
 .member_login_links a:nth-child(2){ float: right; }
 .member_login_delete_passwordrecoverylink{ float: right !important; }
 @media (max-width: 991px) {
   .navbar {
     padding: 5px;
   }
   .navbar .container {
     width: initial;
   }
   .collapse.navbar-collapse.navbar-right.navbar-main-collapse {
     margin-top: 0;
   }
   .navbar-header {
     float: none;
   }
   .navbar-left,.navbar-right {
     float: none !important;
   }
   .navbar-toggle {
     display: block;
   }
   .navbar-collapse {
     border-top: 1px solid transparent;
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }
   .navbar-fixed-top {
     top: 0;
     border-width: 0 0 1px;
   }
   .navbar-nav {
     float: none!important;
     margin-top: 7.5px;
   }
   .navbar-nav>li {
     float: none;
   }
   .navbar-nav>li>a {
     padding-top: 10px;
     padding-bottom: 10px;
   }
   .collapse.in{
     display:block !important;
   }
   .navbar-custom a {
     font-size: 14px !important;
   }
 }