.agency-company .search-grid .results .default ul li{grid-template-areas:"id name headquarter type city province phone active";grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 80px 80px}.agency-company .search-grid .results .default ul li .id{grid-area:id}.agency-company .search-grid .results .default ul li .name{grid-area:name}.agency-company .search-grid .results .default ul li .headquarter{grid-area:headquarter}.agency-company .search-grid .results .default ul li .type{grid-area:type}.agency-company .search-grid .results .default ul li .city{grid-area:city}.agency-company .search-grid .results .default ul li .province{grid-area:province}.agency-company .search-grid .results .default ul li .phone{grid-area:phone}.agency-company .search-grid .results .default ul li .priority{grid-area:priority}.agency-company .search-grid .results .default ul li .active{grid-area:active;text-align:center}.agency-company .search-grid .results .default ul li .inactive{color:#ccc}.agency-company .search-grid .results .default .head ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:normal;overflow:visible}.agency-company .search-grid .results .default .head ul li .active{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.agency-company .company-details .sections{display:grid;grid-template-areas:"navigation" "company" "location" "contact" "hostnames" "comments" "images" "state";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.agency-company .company-details .sections .navigation{grid-area:navigation}.agency-company .company-details .sections .company{grid-area:company}.agency-company .company-details .sections .location{grid-area:location}.agency-company .company-details .sections .contact{grid-area:contact}.agency-company .company-details .sections .hostnames{grid-area:hostnames}.agency-company .company-details .sections .comments{grid-area:comments}.agency-company .company-details .sections .images{grid-area:images}.agency-company .company-details .sections .state{grid-area:state}.agency-company .company-details .sections .hostnames .results .head,.agency-company .company-details .sections .hostnames .results .items .item{display:grid;grid-template-areas:"hostname site type server";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-row-gap:15px}.agency-company .company-details .sections .hostnames .results .head>div,.agency-company .company-details .sections .hostnames .results .items .item>div{white-space:nowrap;overflow:hidden;padding:15px 15px 15px 15px}.agency-company .company-details .sections .hostnames .results .items .item:hover{cursor:pointer}.agency-company .company-details .sections .hostnames .results .head>div{padding-top:0}.agency-company .company-details .sections .hostnames .results .head{color:#333;font-weight:600;padding:0 0 0 0;margin:0 0 0 0}.agency-company .company-details .sections .hostnames .results .items{padding:0 0 0 0;margin:0 0 0 0}.agency-company .company-details .sections .hostnames .results .items .item a{color:#00abf0}.agency-company .company-details .sections .hostnames .results .items .item{padding:0 0 0 0;margin:0 0 0 0}.agency-company .company-details .sections .hostnames .results .items .item:nth-of-type(odd){background-color:#f9f9f9}.agency-company .company-details .sections .hostnames .details{padding:20px 0 0 0;margin:0 0 0 0;border-top:1px solid #eee}.agency-company .company-details .sections .hostnames .add{padding:15px 0 0 0}.agency-company .company-details .sections .images .images-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-7px;margin-left:-7px}.agency-company .company-details .sections .images .images-container .col{position:relative;width:100%;min-height:1px;padding-right:7px;padding-left:7px;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;margin-bottom:15px}.agency-company .company-details .sections .images .image-wrapper-1{background:#eee;padding:4px;border-radius:4px 4px 0 0}.agency-company .company-details .sections .images .image-wrapper-2{width:100%;display:block;position:relative;overflow:hidden}.agency-company .company-details .sections .images .image-wrapper-2:after{padding-top:70%;display:block;content:""}.agency-company .company-details .sections .images .image-wrapper-2 .image{position:absolute;top:0;bottom:0;right:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;display:block}.agency-company .company-details .sections .images .data{background:#eee;border-radius:0 0 4px 4px;padding:6px 15px 13px 15px;font-weight:500}.agency-company .company-details .sections .images .delete{text-align:right}.agency-company .company-details .sections .images .delete a{font-weight:300}@media (max-width:1599px){.agency-company .search-grid .results .default .head ul li{grid-template-areas:"id name priority";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.agency-company .search-grid .results .default .head .active,.agency-company .search-grid .results .default .head .agency,.agency-company .search-grid .results .default .head .city,.agency-company .search-grid .results .default .head .headquarter,.agency-company .search-grid .results .default .head .phone,.agency-company .search-grid .results .default .head .province,.agency-company .search-grid .results .default .head .type{display:none}.agency-company .search-grid .results .default .head .priority{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.agency-company .search-grid .results .default ul li div.active,.agency-company .search-grid .results .default ul li div.agency,.agency-company .search-grid .results .default ul li div.city,.agency-company .search-grid .results .default ul li div.headquarter,.agency-company .search-grid .results .default ul li div.id,.agency-company .search-grid .results .default ul li div.name,.agency-company .search-grid .results .default ul li div.phone,.agency-company .search-grid .results .default ul li div.priority,.agency-company .search-grid .results .default ul li div.province,.agency-company .search-grid .results .default ul li div.type{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.agency-company .search-grid .results .default .body ul li .active:before,.agency-company .search-grid .results .default .body ul li .agency:before,.agency-company .search-grid .results .default .body ul li .city:before,.agency-company .search-grid .results .default .body ul li .headquarter:before,.agency-company .search-grid .results .default .body ul li .id:before,.agency-company .search-grid .results .default .body ul li .name:before,.agency-company .search-grid .results .default .body ul li .phone:before,.agency-company .search-grid .results .default .body ul li .priority:before,.agency-company .search-grid .results .default .body ul li .province:before,.agency-company .search-grid .results .default .body ul li .type:before{content:attr(data-field) ":";display:inline-block;font-weight:600;margin-right:5px;width:100px}.agency-company .search-grid .results .default .body ul li{grid-template-areas:"id name" "headquarter type" "city province" "phone priority" "agency active";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.agency-company .search-grid .results .default ul li div.active .check{display:inline-block;padding-left:5px}}@media (max-width:999px){.agency-company .search-grid .results .default .body ul li .active:before,.agency-company .search-grid .results .default .body ul li .agency:before,.agency-company .search-grid .results .default .body ul li .city:before,.agency-company .search-grid .results .default .body ul li .headquarter:before,.agency-company .search-grid .results .default .body ul li .id:before,.agency-company .search-grid .results .default .body ul li .name:before,.agency-company .search-grid .results .default .body ul li .phone:before,.agency-company .search-grid .results .default .body ul li .priority:before,.agency-company .search-grid .results .default .body ul li .province:before,.agency-company .search-grid .results .default .body ul li .type:before{width:120px}.agency-company .search-grid .results .default .body ul li{grid-template-areas:"id" "name" "headquarter" "city" "province" "type" "phone" "priority" "agency" "active";grid-template-columns:minmax(0,1fr)}.agency-company .company-details .sections .hostnames .results .head{grid-template-areas:"hostname site";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.agency-company .company-details .sections .hostnames .results .head .server,.agency-company .company-details .sections .hostnames .results .head .type{display:none}.agency-company .company-details .sections .hostnames .results .items .item{grid-template-areas:"hostname site" "type server";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:10px;padding:13px 0 13px 0}.agency-company .company-details .sections .hostnames .results .items .item>div{padding:0 15px 0 15px}}@media (max-width:767px){.agency-company .search-grid .results .default .head ul li div{padding-left:15px;padding-right:15px}}@media (max-width:699px){.agency-company .company-details .sections .hostnames .content .btn-site{display:block;width:100%}.agency-company .company-details .sections .hostnames .content .space{display:block;width:100%;line-height:10px}}@media (max-width:599px){.agency-company .company-details .sections .hostnames .results .head{grid-template-areas:"hostname";grid-template-columns:minmax(0,1fr)}.agency-company .company-details .sections .hostnames .results .head .site{display:none}.agency-company .company-details .sections .hostnames .results .items .item{grid-template-areas:"hostname" "site" "type" "server";grid-template-columns:minmax(0,1fr)}}