/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../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('../fonts/lato-v17-latin/lato-v17-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../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('../fonts/montserrat-v15-latin/montserrat-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../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('../fonts/montserrat-v15-latin/montserrat-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       
       url('../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('../fonts/montserrat-v15-latin/montserrat-v15-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../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;background-color:#12232E;border-bottom: 10px solid  #007CC7}
a{text-decoration: none;}
.clear{clear: both}
.p {line-height: 2em;}
/* header Styles */
header .logo{width: 344px; height: 53px; 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: 43px 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*/vertical-align: top;}
.right-block{display: table-cell; min-width: 360px;vertical-align: top;}
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;}
.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;  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;}
div.topside_head{padding: 10px; background-color: #007cc7;border-radius: 10px 10px 0px 0px;}
div.fafa{padding: 10px 10px 20px -10px;}
.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;}
h3.sm-header{font-size: 1.4em; font-weight: 600; line-height: 1.5em;text-align:center;}
.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;}
.signup-links a{font-weight:bold;}
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(/images/bestCheapIncludeHeader.jpg) repeat-x; padding: 5px 5px 10px 5px; margin-top: 10px;}*/
/*.topFreeHostInclude {border: 1px solid #e5d191; background: #fff url(/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%}

h1.home-head{margin-bottom: 60px;}
.table{display: table}
.table .td{display:table-cell;vertical-align: top;}
.td.right{padding-left: 30px;}
.td.right a,.td.left a {font-weight: bold;}
.td.left{text-align: center;}
.home-plan{width: 100%}
.home-plan .td{width:50%;padding:0px;margin:0px}

.home-plan .left-td{padding-right:10px}
.home-plan .right-td{padding-left:10px}

.table.home-plan{margin-top:50px}
.ind-sub-head {border-radius: 10px; color: #fff; background-color:#007cc7; margin-bottom: 30px; padding: 20px;}
h2.ind-sub-head {font-size: 18px}
.home-plan-list{padding-left: 20px;}
.awards-outer{background-color: #CDE2F1; margin: 40px auto; border-radius: 10px;padding: 15px;max-width: 1200px;}
.table.awards .td.center-col{padding: 0px 20px}

.signup-links .button{width: 80%; display:block;margin-bottom: 20px; font-size: 14px}
.signup-links .nbutton{margin-left: 8px;}

.normaltextbold{font-weight:bold; white-space: nowrap;line-height:2em;}
.table-data-head{ font-size: 18px; margin-top:80px; font-weight:600}
table.prod-data{width:100%}
table.prod-data tr{border: 1px solid #ccc;}
table.prod-data th,table.prod-data td{padding: 4px;}
.prod-data .button{font-size: 12px; padding:4px; border-radius: 3px;font-weight: normal; white-space: nowrap; display:inline-block;}

table.prod-data .left-cell{border:1px #ccc solid; border-bottom: 0px; border-right:0px; width: 125px;text-align:center}
table.prod-data .plan-desc{border:1px #ccc solid; border-bottom: 0px; border-right:0px; background:#f0f4f7; padding-left: 10px;}
table.prod-data .plan-desc-alt{border:1px #ccc solid; border-bottom: 0px; border-right:0px;}
table.prod-data .right-cell{border:1px #ccc solid; border-bottom: 0px; border-right:0px; width: 125px; border-right:1px #ccc solid;text-align:center}
table.prod-data .bottom-cell{border-bottom:1px #ccc solid;}
.plan-pricing{font-size: 11px;}
thead .button{margin-top:15px}
.as_low_as{background-color:#ffc}
.signup-buttons td{text-align: center;}
@media 
only screen and (max-width: 1260px){
    table.prod-data {width: 100%;}
    /* Force table to not be like tables anymore */
    table.prod-data, table.prod-data thead, table.prod-data tbody, table.prod-data th, table.prod-data td, table.prod-data tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.prod-data thead tr, table.prod-data .FEATURES { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    table.prod-data tr { border: 1px solid #ccc; }
    
    table.prod-data td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    table.plan-pricing{width: 100%;}
    .plan-pricing td,.plan-pricing tr{border:none !important;padding-left:0px !important;}
    .plan-pricing td{display:table-cell !important}
    table.prod-data td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);
        color: #3498db;}
        table.prod-data .left-cell, table.prod-data .right-cell{ border-right: none;width: auto}
}

@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;}
    .content-pad{padding: 0px 10px;}
    .td.right,.td.left {display: block;}
    .td.right {margin-top:30px;}
    .home-plan.table, .home-plan.table .td{display:block; width: 100%}
    .home-plan .left-td{padding-right:0px;}
    .home-plan .right-td{padding-left:0px;}
}