@charset "utf-8";
/* CSS Document */

.searchContent {
    z-index: 2147483647;
    overflow:hidden;
    background-color:#780068;
    width: 100%; 
    height:auto;
   
}

.searchArea {
    max-width: 960px;
    margin:auto;
    text-align:center;
    width: 100%; 
}



/*form-group*/


.form-group label {
    font-size:40px;
    font-size:4rem;
    color:#ffb800;
    /*padding-bottom:30px;*/
    font-family: 'avenirltstd-roman-55'; 
}


div.search {
    width: 100% !important;
    display: inline-block;
    z-index: 999;
    left: 0;
    background: #780068;
}

.searchs {
    width:100%;
    max-width:960px;
    margin:auto;
}

.searchIcon {   
    max-width:100%;
    width:58px;
    height:57px;
    display:inline-block;
    vertical-align:middle;
    background:url(../../../../../assets/img/public/icons/searchBtn.png) no-repeat center left;
}

.searchBox {
    width:100%;
    max-width:90%;
    display:inline-block;
}

.form-control {
    width:100%;
    max-width:896px;
    height: 34px;
    display:inline-block !important;
    outline:none !important;
    font-size:20px;
    font-size:2rem;
    border-radius:0px !important;
    padding: 6px 12px;
    color: #373737;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

  .form-control:focus {
       outline:none !important;
       border:none !important;
       box-shadow:none !important;
    }


/*popularSearch*/

.popularSearch {
    width:100%;
    max-width:960px;
    margin:10px auto;
    display:inline-block;
}

.popularSearch .pTxt {
    display:inline-block;
    color:#ffffff;
    font-size:14px;
    font-size:1.4rem;
    font-family: 'avenirltstd-roman-55';   
}

.popularSearch .btn  {
    display:inline-block;  
    padding:5px 10px;
    width:auto;
    font-size:12px;
    font-size:1.2rem;
    font-family: 'avenirltstd-roman-55';
    border:none !important;
   
}

.popularSearch div {
    color:#373737 !important;
}

.popularSearch .btn-info  {
   color:#ffffff !important;    
}



/*searchFilters*/
 

.searchFilters {
    width:100%;
    /*display:inline-block;*/
    /*margin-top:100px;*/
}


.search-result {   
    height:auto;
    overflow:hidden;
    margin:60px 0 0 0;
    min-height:180px;
}

.search-result-item {
    height:325px;
    overflow:hidden;
    margin-bottom: 15px;
    text-align: center;
    background:#ffffff;
    position:relative;
    cursor:pointer; 
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
      -webkit-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;  
}


.search-result-item.product:hover {
   background:#d6b2d1;
    transition:all 0.5s ease-in-out;
     -moz-transition:all 0.5s ease-in-out;
       -webkit-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
}

.search-result-item.article:hover {
   background:#ffeab2;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
     -webkit-transition:all 0.5s ease-in-out;
       -ms-transition:all 0.5s ease-in-out;
}


.search-result-item-title {
    padding:0 10px;
    position:absolute;
    bottom:5px;
    width: 100%;
    font-family: 'avenir-medium-65';
    font-size: 18px;
    font-size: 1.8rem;
    line-height:20px;
}


.search-result-item-header {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'avenirltstd-roman-55';   
}


.searchDiv {
    height:245px;
    overflow:hidden;
    position:relative;
}

.articleImg {  
     width:100%;
     position:relative;
     height:150px; 
     content:'';
     text-align:center;
     display: table;
     margin:auto;
    
}

.resizeArtImg {
  position:absolute;
  top:0;
  left:50%;
  display: table-cell; 
  vertical-align: middle;
}

    .resizeArtImg img {
        max-height:150px;
        position: relative; 
        top: 0;
        left:-50%;       
    }

    .resizeArtImg img.smImg {
            display:inline-block;
        }

        .resizeArtImg img.lgImg {
            display:none;
        }


/*product*/
.search-result-item.product {
    border-bottom:solid 5px #db12c0;
    background:#fff;
}
    
.search-result-item.product .search-result-item-image {
    max-width:190px;
    margin:30px 0 40px 0;
}

.search-result-item.product .search-result-item-title{

    color:#780068;
}

.search-result-item.product .search-result-item-header {
    background-color:#db12c0; 
    color: #ffffff;  
}


/*article*/
.search-result-item.article{
    border-bottom:solid 5px #ffb800;      
}

.search-result-item.article .search-result-item-image {
    max-width:100%;
    width:100%;
    margin:0 auto;
    color:#373737;
    padding:10px 10px;
    font-size:14px;
    font-size:1.4rem;
    line-height:16px;
}

.search-result-item.article .search-result-item-title{
    color:#ffb800;

}

.search-result-item.article .search-result-item-header {
    background-color: #ffb800;
    color:#780068;
}

/*breed*/
.search-result-item.breed{
    border-bottom:solid 5px #03427e;      
}
.search-result-item.breed .search-result-item-image {
    max-height: 168px;
     /*max-height: 220px;*/
     margin:20px 0 20px 0;
}

.search-result-item.breed .search-result-item-title{
    /*font-size: 20px;
    font-size: 2rem;*/
}

.search-result-item.breed .search-result-item-header {
    background-color:#03427e;
}