/*https://www.wpmediamastery.com/host-google-fonts-locally/*/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/https/www.freewebspace.org/fonts/lato-v17-latin/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/https/www.freewebspace.org/fonts/lato-v17-latin/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/https/www.freewebspace.org/fonts/lato-v17-latin/lato-v17-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/https/www.freewebspace.org/fonts/lato-v17-latin/lato-v17-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/https/www.freewebspace.org/fonts/montserrat-v15-latin/montserrat-v15-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       font-display: swap;
}


body{margin:0px;padding:0px;font-family: 'Montserrat', sans-serif;}
header{min-height: 60px; background-color: #007CC7; width: 100%; position: relative;}
a{text-decoration: none;}
.clear{clear: both}
.p {line-height: 2em;}
/* header Styles */
header .logo{width: 344px; height: 57px; float: left;}
header .header-top{height: 12px; width: 100%; background-color:#12232E}
h1,h2,h3,h4{font-family: 'Lato', sans-serif; color: #000;}
.topnav { background-color:#007CC7;overflow:hidden;text-transform:uppercase;}
.topnav a { float: left; display: block; text-align: center; font-family: 'Lato', sans-serif; color:#fff; font-size: 13px; font-weight: bold;}
.topnav .icon { display: none; }
.topnav a:hover, .dropdown:hover .dropbtn {  background: #4DA8DA; }
.dropdown {float: left;}
.dropdown .dropbtn {font-size: 13px;border: none;outline: none;color: #FFF;background-color: inherit;font-family: 'Lato', sans-serif;margin: 0; text-transform: uppercase; font-weight: bold;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
/* Style the links inside the dropdown */
.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {background: #fff;color: #000;}
/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;color: black;}
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.topnav:not(.responsive) .dropdown:hover .dropdown-content {display: block;}
.dropbtn i{color: #ddd; padding-left: 5px;}
.dropbtn{padding: 0px;}
.menulinks {padding: 5px 0px; border-bottom: 50px solid #007CC7}
/* Style the dropdown button to fit inside the topnav */
@media screen and (max-width: 940px) {
    .topnav a, .dropdown .dropbtn {display: none;}
    .topnav a.header_contact:hover{border-radius: 0px;}
    .topnav.responsive a {float: none;display: block;text-align: left;}
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}
    .topnav.responsive .menulinks {width: 100%; margin-top: 60px; position: absolute; left:0px; z-index: 1000; padding-bottom: 20px;background-color: #007CC7}
    .topnav.responsive .dropdown-content a {padding: 10px 20px !important; background-color:#4DA8DA !important;}
    /*.topnav.responsive .dropdown:hover .dropdown-content {display: block;}*/
    .topnav.responsive .dropbtn, .topnav.responsive a:not(.icon) {padding: 10px; font-size: 18px; background-color: #007CC7;color: #fff; }
    .topnav a.icon {float: right;display: block;font-size: 2em; color: #fff; background-color: #007CC7; margin-right: 15px;}
    .topnav.responsive a.icon {color: #ccc}
   
}
@media screen and (min-width: 300px) {
     .dropdown .dropbtn, .topnav a{ padding: 12px 1vw; }
}
/* end header styles */
.content-pad{padding: 0px 40px;}
.content{display: table; position:relative; max-width: 1200px; margin: 15px auto;}
.p{padding: 20px 0px;}
.p.sep{padding: 10px 0px;}
.center_block{display: table-cell; padding-right: 100px;/*background-color: #ccc*/}
.right-block{display: table-cell; min-width: 360px;}
h2.host_link{font-size: 1.6em; margin-bottom: 0px;}
.bullet{display: inline-block;height: 50px;width: 50px;text-align: center;vertical-align: middle;border-radius: 50%;background: #007CC7;color: #fff;line-height: 2em;margin-right: 10px;}
.host_awards .details_indent  {margin-left: 68px;}
.host_awards h1{line-height: 3em;}
.price{font-weight:bold;color:red}
.list-block {border: 2px solid #007CC7; border-radius: 10px; padding: 0px 20px 20px 20px; }
.top-host-reviews {border-radius: 10px; margin-top: 30px; padding: 10px 20px 20px 20px; background-color: #4DA8DA; color:#fff}
.top-host-reviews a, .top-host-reviews h3 {color: #fff}
.top-host-reviews li {padding-bottom: 30px; font-size: 1.4em;}
.award-type {font-size: .8em; color: #666;}
.link-list.award{ margin-left: 35px;}
.link-list.award li{padding: 20px 10px 0px 10px;}
h3 img.aw-image {display: inline-block;vertical-align: middle; margin-right: 10px;}
.full-block-margin{margin-top: 60px;}
.button {background-color: #e28c02; border-radius: 10px; padding: 10px; color: #fff; font-weight: bold; display:inline-block}
.recent-providers{}
div.reviewTable{display: table; margin-left: 60px;}
div.reviewTable div.tr, div.search-results div.tr{display:table-row}
div.reviewTable div.tr div.td{display: table-cell; padding: 10px;}
.top-host-reviews{}
footer{width: 100%; color: #fff; background-color:#12232E}
footer a{color: #fff}
footer>div{padding: 20px; text-align: center}
.ads-include{display:table; margin: 0px auto}
.ads-include .td {display: table-cell;}
.ads-include li {line-height: 2em; margin: 0px;}
.ads-include ol {margin-block-start:0px;margin-block-end:0px; margin-left: -20px;}
.ads-include h2 {margin-left:75px;font-size: 16px; line-height: 16px;}
.reviewTable{border: 1px solid #ddd; border-radius: 5px;}
.reviewTable td {padding: 5px 15px;}
.topCheapHostInclude {border: 1px solid #e5d191; background: #fff url(/https/www.freewebspace.org/images/bestCheapIncludeHeader.jpg) repeat-x; padding: 5px 5px 10px 5px; margin-top: 10px;}
.topFreeHostInclude {border: 1px solid #e5d191; background: #fff url(/https/www.freewebspace.org/images/bestFreeIncludeHeader.jpg) repeat-x; padding: 5px 5px 10px 5px; margin-top: 10px;}
.topCheapHostInclude h1, .topFreeHostInclude h1 {font-size: 1.2em; margin: 5px 0px 25px 75px; color: #583902;}
.searchResLinks{margin: 0px auto; text-align: center;}
.searchResLinks a:not(.selected){color:#fff;color: -webkit-link;background-color: #fff;}
.searchResLinks a{border: 1px solid #eee; display: inline-block;padding: 5px 15px;margin: 0px 3px; border-radius:5px; background-color: #eee; color: #999}
.table-header{text-align: center; color: #fff; background-color: #999;}
.table-header h3{color: #fff; margin: 5px}
input:not([type="submit"]){width: calc(100% - 10px); padding: 5px;}
input, select, textarea {margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; line-height: 22px; }
select{height: 32px;}
.warning,.warning h3{font-weight:bold;color:#c00}
.search-results{display:table;border:1px solid #339900;margin:20px auto;border-bottom:none;}

.search-results div.th{background-color:rgb(219, 235, 215);font-color: #999}
.search-results div.td, .search-results div.th{display:table-cell;border-bottom:1px solid #339900;text-align:center;font-weight:bold;padding: 20px 10px;}
.search-results div.td .label{display:none}
.search-results .button {width: 90%}

@media screen and (max-width: 1058px) {
    .center_block, .right-block{display:block; width: 100%; margin: 0px auto;max-width: 600px;}
    .center_block{padding-right: 0px;}
    .right-block{padding: 0px; margin-top: 50px;}
    .link-list{margin-left: 48px;}
    .content{padding: 0px 0px;}
    div.search-results{width:100%; border: none;}
    .search-results div.th{display:none}
    .search-results div.td{display:block;width: 100%;border-bottom:none;text-align: left;padding: 10px;}
    div.search-results div.tr{clear:both;border:1px solid #339900; margin: 10px auto; width: 100%; display: block; border-radius: 5px;}
    div.search-results div.tr:first-child{display:none}
    .search-results div.td .label{display:block; font-weight: normal; float:left; min-width: 150px;}
    .search-results .button {width: 200px;text-align: center;}
    
}

@media screen and (max-width: 600px) {
    .ads-include .td {display: block;} 
}