div#view-all-sites-modal {
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    z-index:99999;
    height: 100vh;
    overflow: auto;
}

.modal-header{
    display:flex;
    width:100%;
    margin:40px auto 0px auto;
    width: 1140px;
}
.modal-header-left{
    width:95%;
}

.modal-header-right{
    width:5%;
    position: absolute;
    right: 20px;
}

.modal-dialog .close-modal {
    cursor: pointer;
}

/* modal wrapper */
.modal-light , .modal-light .modal-theme-bg {
    background:#fff; 
}
.modal-dark , .modal-dark .modal-theme-bg {
    background:#333333; 
}
.modal-light .modal-title-color {
    color: #005AFF;
}
.modal-dark .modal-title-color {
    color: #fff;
}
.modal-light .modal-content-color {
    color: #000;
}
.modal-dark .modal-content-color {
    color: #fff;
}
.modal-light .site-logo svg path {
    fill: #005AFF;
}
.modal-dark .site-logo svg path {
    fill: #fff;
}

.modal-light .close-modal svg path {
    stroke: #000;
}
.modal-dark .close-modal svg path {
    stroke: #fff;
}
   
.model-nr ,   .model-title { 
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 1140px;
    margin: 0 auto;
    padding: 0px;
}
 .model-item {
    margin-right: 115px; 
    margin-bottom: 60px;
    padding: 0px; 
    width: 303px;
}
 .model-item:nth-child(3n){ margin-right: 0px;}

 .modal-header-title{
   padding-bottom: 48px;
 }

 .model-title{
	font-size: 32px;
	font-weight: 300;
	line-height: 48px;
	letter-spacing: 0.03em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
    margin-top: 40px;
    margin-bottom: 22px;
}

 .model_label , .modal-subtitle , .modal-subtitle p , .modal-subtitle span{
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400;
    letter-spacing: .54px;
}

.model-item a.model_label:focus{
    outline: 0;
    box-shadow: 0 0 0 3px #99c2f8;
}

.model_box_description  , .model_box_description p , .model_box_description span {
	font-size: 13px !important;
	font-weight: 300 !important;
	line-height: 19px;
	letter-spacing: 0.03em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.modal-dark .model_box_description p, .modal-dark .model_box_description span{
    color: #fff !important; /*white text*/
    background-color: #333 !important;/*dark background*/
}

.model-image-container , .model-image-container img{ 
    width:200px; 
    height:129px;
    border: 1px solid #ccc;
}
.model-image-container{
    margin-bottom:22px;
}

.modal-dark .model_label .title-arrow:after {
    position: absolute;
    content: "";
    width: 17px;
    height: 13px;
    margin-top: 2px !important;
    margin-left: 25px;
    background-image: url(../img/icon-arrow-right-white.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.modal-light .model_label .title-arrow:after {  
    position: absolute;
    content: "";
    width: 17px;
    height: 13px;
    margin-top: 2px;
    margin-left: 25px;  
    background-image: url(../img/icon-arrow-right-blue-01.svg); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);    
}

.modal-custom-search-form {display:none;}
.modal-custom-search-form .form-submit { display: none; }
.modal-custom-search-form .views-exposed-form h2 { display: none; }
.modal-search-label{ display: none; }
.toolbar-horizontal .modal-content{
    margin-top: 121px;
}
.toolbar-vertical  .modal-content{
    margin-top: 81px;
}

.modal-light .modal-not-found {
    display: flex;
    margin: 40px auto 0px auto;
    width: 1140px;
}

@media screen and (max-width: 1024px) and (min-width: 768px){
    .model-item {    
        width: 29%;    
        margin-right: 40px; 
        padding:20px 0px;
    }
    .model-nr{
        width:95%;
        flex-wrap: wrap;
    }

    .model-title{  
        width: 100%;
        padding: 0 20px;
    }
    .modal-dark .model_label .title-arrow:after {
        margin-top: 11px !important;
    }
    .modal-light .model_label .title-arrow:after {
        margin-top: 11px !important;
    }
}
@media (max-width: 1024px){
    .modal-header{ 
      display:flex;
      width: 100%;
      padding: 0 20px;
      margin:0 auto;
      margin-top:40px;
    }
  
   .modal-header-left{
     width:100%;
     margin-left:0px;
   }
  
   .modal-header-right{
      width:auto;
   }
}
@media (max-width: 768px){
    .model-nr{
        display:flex;
        flex-direction: column; 
        flex-wrap: wrap;
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        margin-top: 36px;
    } 

     .model-title{  
        flex-direction: column; 
        width: 100%;
        padding: 0 20px;
    }
  
    .model-item { 
        width:100%;
        margin:0 auto;
    }

   .model-image-container,  .model-image-container img{ 
        width:100%;
        height:140px;
        border: 1px solid #ccc;
    }

    .model_label .title-arrow:after {
      margin-top: 4px !important;
    }
    .model-title{
        font-size:24px;
        margin-top: 36px;
    }
    .model_label .title-arrow:after {  
        margin-top: 4px !important;
    }

    .modal-custom-search-form {display:block; height: 52px;}

    .modal-custom-search-form  .views-exposed-form .form-autocomplete {
        background-image: unset !important;
    }
    .modal-custom-search-form  .global-search-wrapper {
         display:block;
    }
    .modal-light .modal-custom-search-form .views-exposed-form input[type=text] {
        position: relative;
        width: 90%;
        height: 52px;
        line-height: 52px;
        border-radius: 26px;
        margin: 0px auto 0px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #000;
     }

     .modal-dark .modal-custom-search-form .views-exposed-form input[type=text] {
        position: relative;
        width: 90%;
        height: 52px;
        line-height: 52px;
        border-radius: 26px;
        margin: 0px auto 0px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color:#fff;
        border: 1px solid #fff;
     }
    
     .modal-custom-search-form .views-exposed-form .nokia-search-speech-icon {
        position: absolute;
        top: 79px;
        right: 14%;
        z-index: 1;
    }

    .modal-custom-search-form  .views-exposed-form .form-item {
        background: unset;
        position: relative;
    }

    #view-all-sites-modal .site-logo{
        display: none;
    }

     .modal-header {
        margin-top: 10px;
     }

     .modal-light .modal-search-label{
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 41px;
        letter-spacing: 0.03em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 0 10px;
        color:#000;
     }

     .modal-dark .modal-search-label{
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 41px;
        letter-spacing: 0.03em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 0 10px;
        color:#fff;
     }

     .modal-light .modal-not-found {
        display: flex;
        margin: 40px auto 0px 20px;
    }

    .toolbar-vertical  .modal-custom-search-form .views-exposed-form .nokia-search-speech-icon {
        top: 148px;
    }
}