/* 
    Created on : Apr 7, 2017, 3:27:01 PM
    Author     : Binoy
*/
@font-face {
    font-family: 'BuxtonSketch';
    src: url('../fonts/BuxtonSketch/BuxtonSketch.eot');
    src: url('../fonts/BuxtonSketch/BuxtonSketch.woff') format('woff'), 
        url('../fonts/BuxtonSketch/BuxtonSketch.ttf') format('truetype'), 
        url('../fonts/BuxtonSketch/font.css');
}

/*Header of the page which is sticky*/
#header
{
    min-height:100px;
    background-color:black;
    text-align: center;
    
}

/*code to stop the overlapping of top image content and header*/
.topContent
{
   margin-top: 90px;   
}

#logo
{
    height: 90px;
    width: 84px;   
}

/*generic code to make the data vertically center*/
.vertical-center {
  min-height: 100px;  /* Fallback for browsers do NOT support vh unit */
   /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/*specially made to make the login box look like it is */
.backgroundBoxLogin
{
    background-color: black;
    border-radius: 25px;
    color: white;
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 40px;
}
/*to give padding to the login box buttons from the textual content*/
.backgroundBoxLogin .row
{
    margin-top: 10px;
}

#tagline
{
    font-family:'BuxtonSketch';
    font-size: 30px;
}
.foot{
    margin:15px auto;
}
.copy{
    font-family:helvetica;
    line-height: 20px;
    font-size: 14px;
}
/*to make the buttons red as per theme*/
 .primaryButton {
    background-color: rgb(201, 2, 0);
    border: medium none;
    border-radius: 3px;
    padding: 10px;
}
.loginBox
{
  margin-top: 8%;

}

/*general background box*/
.backgroundBox
{
    background-color: black;
    border-radius: 25px;
    color: white;
    text-align: center;
    min-height: 250px !important;
    padding: 45px;
}

.simpleStepsHeader
{
    font-size:60px;
    font-family:'BuxtonSketch';
}

.simpleStepsContent
{
    font-size:28px;
    font-family:'Helvetica';
    
}
.footerImg
{
    background-color: black;
    padding-top: 10px;
    color:white !important;
    
}

/*the available soon text*/
.footerHeader
{
    text-transform: capitalize;
    font-family:'BuxtonSketch';
    font-size: 30px;
    
}
/*give colours to social medai icons */
.socialIcon
{
    font-size: 20px;
    color: white;
}
a{
    color: #fff !important;
}

button{
    font-family: "Helvetica" !important;
    
}
  .navbar-toggle {
    padding: 10px 0px !important;
    margin-right: 39px !important;
    width: 100% !important;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
    .bx-wrapper{
        width: 100% !important;
    }
    
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    margin: 5px  auto !important;
    
    }
    
    @media(max-width:320px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    margin-left: -330px !important;
    
    }
    }
    @media(min-width:321px) and (max-width:359px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -330px !important;
            }
    }
    @media(min-width:360px) and (max-width:420px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -378px !important;
           
            }
    }
    @media(min-width:421px) and (max-width:480px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -460px !important;
            
            }
    }
    @media(min-width:481px) and (max-width:580px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -560px !important;
            
            }
    }
    @media(min-width:581px) and (max-width:640px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -600px !important;
            
            }
    }
    @media(min-width:641px) and (max-width:700px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -690px !important;
            
            }
    }
    @media(min-width:701px) and (max-width:767px){
       .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            margin-left: -760px !important;
            
            }
    }
    a  {
    font-family: 'Helvetica' !important;
    }
    .mainMenu {
    padding-top: 44px !important;
}