/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 23, 2020, 7:44:43 PM
    Author     : kimbe_000
*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

#souven{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.6em;
}
  
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.booty{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-pack: distribute;
            -webkit-box-pack: justify;
                justify-content: space-between;
        margin: auto;  
     }
    div.booty>div{
        background-color: #FFFFFF;
        padding: 2px;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
        color: #352E7B;
        width:auto;
    }
    div.booty>div{
        border:1px #352E7B solid;
       height: auto;
      width: calc(((100%/10)*5)-4px);  
    }
    .booty>div>a>img{
       max-height: 225px;
       height: 90%;
       width: auto;
       -ms-flex-item-align: center;
           -ms-grid-row-align: center;
           align-self: center;
    }
    .booty{
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: auto;
        margin-right: 10%;
        
    }
    .line2{
        background-color:#233448;
        border: none;
    }
    .line2,.line3{
        background-color: #233448;
        display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
        margin: auto; 
        max-width: 84%;
    }
    div.line2>div{
        background-color: #233448;
        border: none;
       height: auto;
      width: calc(50%-4px);  
    }
     div.line3>div{
        border:1px #352E7B solid;
       height: auto;
      width: calc(50%-4px);  
    }
    .line2>div>a>img{
        width:98%;           
    }
    
    .line3>div>a>img{
        width:96%;
    }
    
    .line2>div:hover {opacity:.6;}
    .line3>div:hover {opacity:.6;}
   .line1:hover {opacity:.6;}
    
         /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 7 version
*/

   .subbooty{
           display:-webkit-box;
           display:-ms-flexbox;
           display:flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
               -ms-flex-direction: row;
                   flex-direction: row;
           -webkit-box-pack: center;
               -ms-flex-pack: center;
                   justify-content: center;
           -webkit-box-align:center;
               -ms-flex-align:center;
                   align-items:center;
           max-height: 300px;
           border: 1px #FFFDD7 solid;
        }
        .subbooty>div{
            -ms-flex-wrap:wrap;
                flex-wrap:wrap;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-flex-line-pack: center;
                align-content: center;
            max-width: 45%;
            max-height: 300px;
            height: 100%;
            margin: auto;
            overflow: hidden;
        }
        
        .subbooty>div>a {
          text-decoration: none;
          color: #352E7B;
        }
        
        .subbooty>div>a:hover{
            background-color: #352E78;
            color: #FCF58C;
            opacity: 85%; 
            overflow:visible;
        }
        .subbooty>div>a>img{
          margin-left: 3px;
          max-height: 290px;
          height: 100%;
          width:100%;
          
        }
        .complimentimg {
            max-width:400px; 
            width:94%;
            height:auto;
        }
       
        @media screen and (max-width: 900px){
        .subbooty{
           display:-webkit-box;
           display:-ms-flexbox;
           display:flex;
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
               -ms-flex-direction: column;
                   flex-direction: column;
           -ms-flex-pack: distribute;
               justify-content: space-around;
           -webkit-box-align:center;
               -ms-flex-align:center;
                   align-items:center;
           border: 1px #FFFDD7 solid;
           max-height: none;
        } 
        .subbooty>div{
            -ms-flex-wrap:wrap;
                flex-wrap:wrap;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-flex-line-pack: center;
                align-content: center;
            max-width: 100%;
            max-height: none;
            margin: auto;
            overflow: visible;
        }
        #vegasaff > a > img{
         max-width: 100%;
         width: 100%;
         height: 90px;
         margin: auto;
        }
    
        }
    @media screen and (max-width: 768px){
       .booty{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: auto;  
     } 
      .recommend{
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       width: auto;
        
    }
    #vegasaff{
        visibility: none !important;
    }
    }
    @media screen and (max-width: 480){
        html {
            display:none;
        }
     .booty{
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: auto;  
     } 
     column.content>#motherearth {
         display: none;
     }
     .column.contnet{
         width: 100%;
     }
    #vegasaff{
        visibility: none !important;
    }
    }