html{
  background-color: #000000;
  height: 100% !important;
}
body { 
  background: url('../img/mobile_bg.png') repeat-y center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*min-height: 100% !important;*/
  height: 100% !important;
}

.btn-iam{
  color:#FFFFFF;
  background: #223041 ;
  background: linear-gradient(0deg, #223041 0%, #19242d 100%);
}

.btn-iam:hover{
  color:#FFFFFF;
  background: #415b7a ;
 background: linear-gradient(0deg, #415b7a 0%, #253542 100%);
}

.btn-iam-border{
  color:#FFFFFF;
  background: transparent;
  border: #426177 2px solid !important;
}

.text-iam{
  color: #426177 !important;
}

.input-iam{
  background: none !important;
  border-bottom: #959595 solid 1px !important;
  color:#FFFFFF;
}

.input-iam:focus {
  color:#FFFFFF;
}

img.imglogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

img.imglogo2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

/*li.flex-active-slide img{
    width:100% !important;
}*/

.aff-block{
    padding:10px;
    border:1px dashed #959595;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#0f0f0f;
}

.bottom-menu{
    width:20% !important;
    display: inline;
}

.bottom-menu2{
    width:25% !important;
    display: inline;
}

.bottom-nav{
    width:100% !important;
}

.custom-nav{
    padding-left:0px !important;
}


        /* 
          ##Device = Desktops
          ##Screen = 1281px to higher resolution desktops
        */
        
        @media (min-width: 1281px) {
          
            img.imglogo {
                width: 20% !important;
            }
            .container-fluid{
              width:80% !important;
              margin:0 auto;
          }

          img.imgFlexSlider {
            width: 40% !important;
            margin:0 auto !important;
          }
          
        }
        
        /* 
          ##Device = Laptops, Desktops
          ##Screen = B/w 1025px to 1280px
        */
        
        @media (min-width: 1025px) and (max-width: 1280px) {
         
            img.imglogo {
                width: 20% !important;
            }

            img.imgFlexSlider {
              width: 40% !important;
              margin:0 auto !important;
            }

          .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
        }
        
        /* 
          ##Device = Tablets, Ipads (portrait)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) {
          
            img.imglogo {
                width: 40% !important;
            }

            img.imgFlexSlider {
              width: 60% !important;
              margin:0 auto !important;
          }
          
        }
        
        /* 
          ##Device = Tablets, Ipads (landscape)
          ##Screen = B/w 768px to 1024px
        */
        
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
         
            img.imglogo {
                width: 40% !important;
            }
            
            img.imgFlexSlider {
              width: 60% !important;
              margin:0 auto !important;
          }

          .container-fluid{
              width:80% !important;
              margin:0 auto;
          }
          
        }
        
        /* 
          ##Device = Low Resolution Tablets, Mobiles (Landscape)
          ##Screen = B/w 481px to 767px
        */
        
        @media (min-width: 481px) and (max-width: 767px) {
          
          
            img.imglogo {
                width: 60% !important;
            }

            img.imgFlexSlider {
              width: 100% !important;
          }
          
        }
        
        /* 
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */
        
        @media (min-width: 320px) and (max-width: 480px) {
          
          img.imglogo {
                width: 80% !important;
                margin-top: 80px !important;
                margin-bottom: 40px;
            }

            img.imgFlexSlider {
              width: 100% !important;
          }
          
        }