/*
 * Globals
 */

/* Fonts */

/** Designed by GemFonts **/
/** FontFace Generated by FontPro **/

@font-face {
  font-family: 'fp-29421';
  src: url('fonts/walkway expand black.eot');
  src: url('fonts/walkway expand black.eot?#iefix') format('embedded-opentype'),
       url('fonts/walkway expand black.woff') format('woff'),
       url('fonts/walkway expand black.ttf') format('truetype'),
       url('fonts/walkway expand black.svg#fp-29421') format('svg');
}

.fontpro,.fontpro-29421 {
  font-family: 'fp-29421',sans-serif;
}

/* social media colors */

/** Twitter **/
.icon-twitter, .icon-twitter-sign{
    color: #00a0d1;
}

/** Facebook **/
.icon-facebook, .icon-facebook-sign{
    color: #3b5998;
}

/** Google+ **/
.icon-google-plus, .icon-google-plus-sign{
    color: #C63D2D;
}

/** Email **/
.icon-email {
    color: #ffffff;
}

/* Links */
a,
a:focus,
a:hover {
  color: #003366;
}

/* Form */
form, 
label, 
input {
    text-align: left;
    line-height: 1;
    margin: 3px 3px;
    color: #003366;
}

.btn-group {
    background-color: transparent;
}
.btn-default {
  background-color: transparent;
  border: 0px solid transparent;
}

tm {
    font-size: .4em;
    line-height: 1;
    font-family: sans-serif;
    vertical-align:super;
    font-family: questrial, sans-serif; 
    font-weight: 400;
    text-shadow: rgba(255, 255, 255, 0.1) 0 0 5px;
    padding: 10px;
    }

.headerBrandStyle {
    color: #003366;
    padding: 5px 5px 5px 5px; 
    font-family: fp-29421, sans-serif;
    text-shadow: 0 3px 5px rgba(150,159,156,0.8);
    font-weight: 400;
    text-shadow: rgba(255, 255, 255, 0.5) 2px 2px 3px;
    background-color: #1268AF;
    background-color: rgba(255,255,255,0.3);
    /*display: block; */
    position: relative;
    white-space: nowrap;
    text-align:center;
    }

.headerProductStyle {
    color: #003366;
    padding: 5px 5px 5px 5px; 
    text-shadow: rgba(255, 255, 255, 0.5) 2px 2px 3px;
    font-family: questrial, sans-serif;
    font-weight: 400;
    background-color: #1268AF;
    background-color: rgba(255,255,255,0.2);
    /*display: block; */
    position: relative;
    white-space: nowrap;
    text-align:center;
    }

.headerSubheadStyle {
    color: #FFFFFF;
    padding: 5px 5px 5px 5px; 
    text-shadow: rgba(0, 3, 54, 0.5) 3px 3px 5px;
    font-family: questrial, sans-serif;
    font-weight: 400;
    background-color: #1268AF;
    background-color: rgba(0,51,102,0.5);
    /*display: block; */
    position: relative;
    left: -65px;
    white-space: nowrap;
    text-align:left;
    }

.headerLeadStyle {
    color: #003366;
    padding: 5px 5px 5px 5px; 
    text-shadow: rgba(255,255,255, 1) 2px 2px 3px;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.5);    
    /*display: block; */
    position: relative;
    text-align:left;
    }

/*
 * Base structure
 */

html,

body {
    height: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
   /* text-shadow: 0 1px 3px rgba(0,0,0,.5); */
    margin:0px 0px 0px 0px;
    background: url(http://www.nuvisionpharma.com/images/Foot_light.jpg) no-repeat right center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  /* -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5); */
  /*         box-shadow: inset 0 0 100px rgba(0,0,0,.5); */
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000000; /* IE8 proofing */
  color: rgba(0,0,0,1);
  text-shadow: rgba(255, 255, 255, 0.5) 3px 3px 5px;
  background-color: #FFFFFF;
  background-color: rgba(255,255,255,0.3);
  border-bottom: 2px solid transparent;
  line-height: 1; 
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #B0B0B0; /* IE8 proofing */
  color: rgba(0,0,0,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering  */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}

/* ~ 320px */
@media all and (min-width: 18em) {
    
    .headerBrandSize {
        font-size: 3em; 
        line-height: 1; 
        margin-left: 8%;
        }
        
    .headerProductSize {
        font-size: 2.5em; 
        line-height: 1; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.2em; 
        line-height: 1; 
        margin-left: 5%;
        left: -15px;
        }
    
    }
    
/* ~ 360px  */
@media all and (min-width: 20.5em) { 
    
    .headerBrandSize {
        font-size: 3.5em; 
        line-height: 1; 
        margin-left: 8%;
        }
        
    .headerProductSize {
        font-size: 2.7em; 
        line-height: 1; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.2em; 
        line-height: 1; 
        margin-left: 5%;
        left: -15px;
        }

    }

/* sm ~ 440px  */
@media all and (min-width: 28em) {
    
    .headerBrandSize {
        font-size: 4.5em; 
        line-height: .7; 
        margin-left: 8%;
        }
        
    .headerProductSize {
        font-size: 4em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.2em; 
        line-height: 1; 
        margin-left: 5%;
        left: -25px;
        }
        
    }
    
/* sm landscape ~ 640px  */
@media all and (min-width: 40em) {
    
    .headerBrandSize {
        font-size: 4.5em; 
        line-height: .7; 
        margin-left: 8%;
        }
        
    .headerProductSize {
        font-size: 4em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.2em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }

    }

/* med ~ 768px  */
@media all and (min-width: 46em) { 
    
    .headerBrandSize {
        font-size: 5.5em; 
        line-height: .7; 
        margin-left: 30px;
        }
        
    .headerProductSize {
        font-size: 5em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.3em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1em; 
        line-height: 1.3; 
        }

    }

/* med ~ 816px  */
@media all and (min-width: 49em) { 
    
    .headerBrandSize {
        font-size: 5.5em; 
        line-height: .7; 
        margin-left: 50px;
        }
        
    .headerProductSize {
        font-size: 5em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.3em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1em; 
        line-height: 1.3; 
        }
    
    }
    
/* med ~ 980px  */
@media all and (min-width: 59.25em) { 
    
    .headerBrandSize {
        font-size: 6em; 
        line-height: .7; 
        margin-left: 50px;
        }
        
    .headerProductSize {
        font-size: 5em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 1.3em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1em; 
        line-height: 1.3; 
        }
    
    }
    
/* xl ~ 1008px  */
@media all and (min-width: 62em) { 
    
    .headerBrandSize {
        font-size: 4em; 
        line-height: .7; 
        margin-left: 40px;
        }
        
    .headerProductSize {
        font-size: 3.5em; 
        line-height: .7; 
        margin-left: 0px;
        }

    .headerSubheadSize {
        font-size: 1.3em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1em; 
        line-height: 1.3; 
        }
    
    }


/* xl ~ 1040px  */
@media all and (min-width: 65em) {  
    
    .headerBrandSize {
        font-size: 5.5em; 
        line-height: .7; 
        margin-left: 50px;
        }
        
    .headerProductSize {
        font-size: 4em; 
        line-height: .7; 
        margin-left: 0px;
        }

    .headerSubheadSize {
        font-size: 1.3em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1em; 
        line-height: 1.3; 
        }
    
    }

/* 2xl ~ 1168px  */
@media all and (min-width: 73em) {
        
    .headerBrandSize {
        font-size: 6em; 
        line-height: .7; 
        margin-left: 50px;
        }
        
    .headerProductSize {
        font-size: 4.5em; 
        line-height: .7; 
        margin-left: 0px;
        }
    
    .headerSubheadSize {
        font-size: 2em; 
        line-height: 1; 
        margin-left: 5%;
        left: -35px;
        }
    
    .headerLeadSize {
    	font-size: 1.2em; 
        line-height: 1.2; 
        }
    
    }