/*filter*/
button.btn.hasTooltip {
    background: #103c46;
    line-height: 12px;
    border:1px solid #103c46;
}
button.btn.hasTooltip:hover {
    background: #103c46;
    border: 1px solid #103c46;
    line-height: 14px;
    color: #ffffff;
}
.input-mini {
    width: 75px;
}

.js-stools-container-bar input#filter_search {
    height: 36px;
    width: 700px;
}

button.btn.hasTooltip.js-stools-btn-clear {
    line-height: 14px;
    border-radius:0px;
    width: 145px;
}

.chzn-container-single .chzn-single div {
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}


div#filter_category_chzn {
    width: 215px!important;
}

ul.chzn-results li:hover, ul.chzn-results li:active{
    background: #1c5562!important;
}

.chzn-container-single .chzn-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 0 0 8px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: #e0e0e059!important;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}


/*-----------------------------------------------------------------------
                                412 px
-------------------------------------------------------------------------*/
@media screen and (min-width:361px) and (max-width:992px){
input#filter_search {
    height: 36px;
    width: 83%!important;
    margin-bottom:10px;
}
button.btn.hasTooltip.js-stools-btn-clear {
    margin-top: -11px;
    margin-left: 53px;
}
.js-stools .btn-wrapper {
    display: inline-block;
    margin: 0 0px 0 0;
    float: left;
    line-height: 46px;
}
.js-stools .js-stools-container-bar {
    float: left;
    display: inline-flex;
}
}

/*-----------------------------------------------------------------------
                             DESKTOP
-------------------------------------------------------------------------*/
@media screen and (min-width:992px){
.js-stools-container-bar {
    position: relative;
    padding: 20px 0px;
    margin: 50px 0px;
}

.js-stools-container-bar:before {
    content: ""!important;
    background: #1c5562;
    top: 0;
    bottom:0;
    width:3500px;
    height:80px;
    color: #787777;
    right: 0;
    left: -1000px;
    margin:auto;
    z-index:-1;
    position: absolute;
}


.com-zy-portfolio.view-portfolioinfos section#sp-main-body {padding:30px 0px;}}


/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (max-width:992px){

.btn-wrapper.input-append {
    width: 100%;
}

.js-stools-container-bar input#filter_search {
    height: 36px;
    width: 177px;
}

button.btn.hasTooltip.js-stools-btn-clear {
    line-height: 14px;
    border-radius:0px;
    width: 75px;
}


.js-stools-container-bar {
    display: inline-flex;
}

input#filter_search {
    height: 38px;
    width: 73%;
    margin-bottom:10px;
}

select#filter_category {
    width: 100%;
}

.js-stools-field-filter {
    width: 100%;
}

select#filter_product, select#filter_country, select#filter_states, select#filter_application{
    width: 100%;
}
  
  .js-stools-container-bar {
    position: relative;
    padding: 20px 0px;
    margin: 20px 0px;
}

.js-stools-container-bar:before {
    content: ""!important;
    background: #1c5562;
    top: -6px;
    bottom:0;
    width:3500px;
    height: 78px;
    color: #787777;
    right: 0;
    left: -1000px;
    margin:auto;
    z-index:-1;
    position: absolute;
}
  
.com-zy-portfolio.view-portfolioinfos section#sp-main-body {padding:30px 0px;}}
}









/*card details*/
.portfolio-info-container {
    padding: 12px 16px;
}

@media screen and (min-width:992px){
.portfolio-card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    width: 40%;
    flex: 0 0 24%!important;
    margin: 5px;
}}

.fa-map-marker:before{
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900!important;
    font-size: 16px!important;
    color: #17778d!important;
    content:'\f3c5'!important;
}

p.card-location {font-family: 'gotham';font-size: 14px;}

p.card-title {font-family: 'industry';color: #1c5562;}

p.card-application {
    color: #0072ff;
    font-weight: 700;
}

/*-----------------------------------------------------------------------
                                360 px
-------------------------------------------------------------------------*/
@media screen and (min-width:349px) and (max-width:360px){
p.card-title {font-family: 'industry';color: #1c5562; font-size:14px;}
p.card-location {font-family: 'gotham';font-size: 12px;}
.portfolio-info-container .fa-map-marker:before{font-size: 11px!important;}
p.card-category, p.card-application {font-size: 12px!important;}

}




/*----------------------------
	Pagination
----------------------------*/

ul.pagination-list {
    list-style-type: none;
    display: inline-flex;
}

ul.pagination-list li {
    padding: 0px 5px;
}

div.pagination ul li a {
    background: transparent;
    border: none;
}

.pagination.pagination-toolbar.clearfix {overflow: visible;}


/*-------------------------------------------------------------------------------------------------------------------
	PROJECT DETAILS PAGE
----------------------------------------------------------------------------------------------------------------*/

p.project-location {font-family: 'gotham';font-size:18px;}


/*---------------------------------
  TABLE STYLE              
------------------------------------*/
.table>tbody>tr>td{border-top: 0px solid #ddd;}

table {table-layout:fixed ;width:100%;font-size:16px;}

td {width:100%;}

/*
.com-zy-portfolio.view-portfolioinfo.no-layout.no-task tbody tr:nth-child(even) {background: #1c5562; color:white;}
.com-zy-portfolio.view-portfolioinfo.no-layout.no-task tbody tr:nth-child(odd) {background: #FFF}
*/

@media screen and (max-width:991px){
table.table.project-table td.col-md-6.project-table-title {
    font-size: 12px;
}

table.table.project-table td.col-md-6.project-table-content {
    font-size: 12px;
}  
  
}


@media screen and (min-width:991px){
.com-zy-portfolio.view-portfolioinfo.no-layout.no-task .project-table-title {
    width: 20%;
}}

.com-zy-portfolio.view-portfolioinfo.no-layout.no-task h3{
    text-align: left;
    font-size: 28px;
    margin-bottom: 30px;
}

body.site.com-zy-portfolio.view-portfolioinfo.no-layout.no-task.itemid-780.en-gb.ltr.sticky-header.layout-fluid.off-canvas-menu-init {}

td.col-md-6.project-table-content {background:#f9f9f9;}

td.col-md-6.project-table-title {font-weight:900;}

h3.project-subtitle.project-product-title {
    margin-bottom: 30px;
    text-align: left;
}

/*-----------------------------------
	VIDEO
------------------------------------*/
/*
.project-video-container {
    max-width: 700px;
    height: auto;
    position: relative;
    margin: auto;
    display: inline-block;
}*/
/*-----------------------------------
	Product Used for the Project
------------------------------------*/

.project-product-content {
    padding: 15px;
}

p.project-product-name {
    font-weight: 900;
    color: #1c5562;
    font-size: 16px;
}

/*-----------------------------------
	Project Details CSS
------------------------------------*/

@media screen and (min-width:992px){
.description-container p {
    /*float: left;*/
    width: 50%;
}
img.project-logo {
    position: relative;
    top: -34px;
}
}

@media screen and (max-width:992px){
.description-container p {float: left;}
.description-container img.project-logo {float: left!important;margin: 0px!important;margin-top: -28px!important;}
img.project-logo {
    width: 250px;
    padding: 20px 0 20px 0!Important;
}
}


/*-----------------------------------------------------------------------
                               1250px
-------------------------------------------------------------------------*/
@media screen and (min-width:1197px){
h3.project-subtitle.project-specification-title {
    margin-top: 50px!important;    float: left;
  }}

/*-----------------------------------------------------------------------
                               1194px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1196px){
h3.project-subtitle.project-specification-title {
    margin-top: 250px!important;    float: left;
  }}
/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (max-width:992px){
h3.project-subtitle.project-specification-title {
    position: relative;
  top: 15px;float: left;}}


@media screen and (max-width:600px){
.portfolio-picture-container img {
    height: 100px!important;
    text-align: center;
    display: block;
    object-fit: cover!important;
}}
@media screen and (min-width:420px) and (max-width:992px){
.portfolio-card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    width: 63%;
    flex: 0 0 48%;
    margin: 5px;
}
.portfolio-picture-container img {
    height: 200px!important;
    text-align: center;
    display: block;
    object-fit: cover!important;
}
}


@media screen and (min-width:993px){
.portfolio-picture-container img {
    height: 200px!important;
    text-align: center;
    display: block;
    object-fit: cover!important;
}}