/* CSS Document 

 * eBoardRooms.com
 * @author    eboardrooms.com <info@eboardrooms.com>
 * @copyright 2014 eBoardrooms
 * @link      http://eboardrooms.com/

*/
.panel-heading-active {
    color: #ffffff !important;
}
.navigation-bar > li a {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-out;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: #1AC6FF;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #1AC6FF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #1AC6FF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #1AC6FF;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: #1AC6FF;
cursor: auto;
display: inline-block;
font-family: Lato, sans-serif;
font-size: 13px;
font-weight: normal;
height: 35px;
line-height: 13px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
opacity: 1;
outline-color: #1AC6FF;
outline-style: none;
outline-width: 0px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease-out;
width: 135px;
}
.navigation-bar {
list-style: outside none none;
margin: 0 auto;
padding: 0 0 15px;
float: none !important;
}
.brand-logo {
height: 45px;
width: 137px;
margin: 0 auto;
padding-top: 12px;
position: relative;
z-index: 2;
}
.brand-logo .logo {
background: url("app/img/logo.150.png") no-repeat scroll center 7px rgba(0, 0, 0, 0);
display: block;
height: 25px;
position: relative;
z-index: 5;
}
.brand-logo a {
    color: #ffffff;
}
.brand_holder {
width: 100%;
height: 37px;
position: absolute;
top: 0;
z-index: 1;
}

/* iPhone (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px)
and (max-width : 480px) {
/*  
body { display : none ;}*/
h1, .h1 {
  font-size: 20px;
}
.register-version .text-heading {
  padding-top: 15%;
}
.navigation-navbar {
  display: none !important;
}
div.text-heading h1.front_page {
padding-top: 0;
}
.text-heading p {
  font-size: 1.35em;
  margin: 0 auto;
  text-align: center;
}
.row-table {
margin: 29px 0px 45px;
}
}

/* iPhone (portrait) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : portrait) {
/*  
body { display : none ;}*/
#uparea .static-header {
  min-height: 650px;
}
.register-version.static-header {
position: absolute;
}
.navigation-brand {
  margin: 0 0 0 35px;
}
.col-xs-10 {
  width: 76.333%;
}
div.text-heading h1.front_page {
  width: 93%;
}
.navigation-brand .brand-logo {
  margin-left: -3px;
}
.text-heading p {
  width: 90%;
  padding-bottom: 7%;
}
}
@media only screen 
and (device-width : 320px) 
and (device-height : 480px)
and (orientation : portrait) {
/*  
body { display : none ;}
section#heroic { 
  background : url("app/img/cars.jpg") no-repeat fixed center top / cover rgba(0, 0, 0, 0) ;
  min-height : 650px ;
}*/
}
/* iPhone (landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : landscape) {
/*  
body { display : none ;}*/
#uparea .static-header {
  min-height: 650px;
}
.navigation-brand .brand-logo {
  margin-left: 115px;
}
.col-xs-10 {
  width: 62.333%;
}
div.text-heading h1.front_page {
  width: 54%;
}
.text-heading p {
  width: 63%;  
  padding-bottom: 7%;
}
}

/* HTC One, Samsung Galaxy S5, OnePlus One (BOTH) ----------- */
@media only screen 
and (min-device-width: 360px) 
and (max-device-height: 640px) {
/*  
body { display : none ;}*/
h1, .h1 {
  font-size: 20px;
}
.navigation-navbar {
  display: none !important;
}
.text-heading p {
  font-size: 1.35em;
  margin: 0 auto;
  text-align: center;
}


}

/* HTC One, Samsung Galaxy S5, OnePlus One (portrait) ----------- */
@media only screen 
and (min-device-width: 360px) 
and (max-device-height: 640px)
and (orientation : portrait) {
/*  
body { display : none ;}*/
.register-version .text-heading {
  padding-top: 15%;
}
#uparea .static-header {
  min-height: 650px;
}
.navigation-brand {
  margin: 0 0 0 35px;
}
.col-xs-10 {
  width: 76.333%;
}
div.text-heading h1.front_page {
  width: 58%;
}
.text-heading p {
  width: 84%;
}
.navigation-brand .brand-logo {
  margin-left: 16px;
}
h1.front_page {
  padding-top: 48px;
}
div.text-heading h1.front_page {
  padding-top: 26px;
}

}

/* HTC One, Samsung Galaxy S5, OnePlus One (landscape) ----------- */
@media only screen 
and (device-width: 360px) 
and (device-height: 640px)
and (orientation : landscape) {
/*  
body { display : none ;}*/
.register-version .text-heading {
  padding-top: 10%;
}
#uparea .static-header {
  min-height: 650px;
}
.navigation-brand {
  margin: 0 0 0 189px;
}
.col-xs-10 {
  width: 43%;
}
div.text-heading h1.front_page {
  width: 38%;
}
.text-heading p {
  padding-bottom: 20px;
  width: 46%;
}
h1.front_page {
  padding-top: 48px;
}
div.text-heading h1.front_page {
  padding-top: 26px;
}

}





/* iPads (landscape) ----------- */
@media only screen 
and (max-width: 1024px) 
and (min-width: 768px) 
and (orientation: landscape) {
/*  
body { display: none;}*/
.register-version .text-heading {
padding-bottom: 1%;
margin-top: 6%;
}

.text-heading p {
font-size: 2.35em;
margin: 0 auto;
text-align: center;
}
.text-heading p {
width: 59%;
}
.col-xs-10 {
width: 48.333%;
padding-top: 37px;
}
.panel-heading-active {
font-size: 28px;
}
.form-control {
font-size: 25px;
}
.navigation-brand .brand-logo {
margin-left: 218px;
}
.navigation-header {
background: none repeat scroll 0 0 rgba(1, 1, 1, 0);
}
h1.front_page {
font-size: 35px;
}
#hero > div.text-heading > h1 > span.sub_head {
font-size: 24px;
}
.panel-heading-active {
font-size: 14px !important;
}
.below.navigation-header {
position: inherit;
margin: 0 auto;
background: none;
display: block;
height: 65px;
transition: all 0.2s ease 0s;
z-index: 99;
width: 132px;
}.row-table {
height: auto !important;
}
.text-heading p {
font-size: 1.6em;
}
div.text-heading h1.front_page {
width: 490px;
}
h1, .h1 {
font-size: 47px;
}
#uparea .static-header {
min-height: 768px;
height : 768px ;
}
div.text-heading h1.front_page {
width: 500px!important;
}
.text-heading p {
font-size: 2.35em;
margin: 0 auto;
text-align: center;
}
.text-heading p {
width: 59%;
}
.col-xs-10 {
width: 48.333%;
padding-top: 37px;
}
.panel-heading-active {
font-size: 19px;
}
.form-control {
font-size: 12px;
}
.navigation-brand .brand-logo {
margin-left: 357px;
}
h1.front_page {
font-size: 35px;
padding-top: 10px !important;
width: 51%;
}
.col-sm-8 {
  width: 30%;
}
#uparea .static-header {
height: 768px;
}
.text-heading p {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 34%;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/*  
body { display : none ;}*/
div.text-heading h1.front_page {
width: 71%;
}
.text-heading p {
font-size: 2.35em;
margin: 0 auto;
text-align: center;
}
.text-heading p {
width: 59%;
}
.col-xs-10 {
width: 48.333%;
padding-top: 37px;
}
.panel-heading-active {
font-size: 28px;
}
.form-control {
font-size: 25px;
}
.navigation-brand .brand-logo {
margin-left: 218px;
}
.navigation-header {
background: none repeat scroll 0 0 rgba(1, 1, 1, 0);
}
h1.front_page {
font-size: 35px;
}
#hero > div.text-heading > h1 > span.sub_head {
font-size: 24px;
}
.panel-heading-active {
font-size: 14px !important;
}
.below.navigation-header {
position: inherit;
margin: 0 auto;
background: none;
display: block;
height: 65px;
transition: all 0.2s ease 0s;
z-index: 99;
width: 132px;
}
.navigation-header .navigation-brand {
margin: 0 auto;
float: none;
}
.row-table {
height: 0;
}
nav.navigation.navigation-header .container {
width: 768px;
}
h1, .h1 {
font-size: 47px;
}
#uparea .static-header {
height: 1024px;
min-height: 1024px;
}
div.text-heading h1.front_page {
width: 500px!important;
font-size: 35px;
margin-top: 92px;
}
.text-heading p {
font-size: 1.65em;
margin: 0 auto;
text-align: center;
}
.text-heading p {
width: 59%;
}
.col-xs-10 {
width: 40%;
padding-top: 17px;
}
.panel-heading-active {
font-size: 28px;
}
.form-control {
font-size: 16px;
}
.col-sm-8 {
  width: 45.667%;
}
.text-heading p {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 41%;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 481px) {
div.text-heading h1.front_page {
width: 564px !important;
font-size: 23px;
padding-top: 27px;
}
span.sub_head {
    font-size: 0.7em;
}
h1 {
  font-size: 30px;
}
.text-heading p {
margin: 0 auto;
padding-bottom: 20px;
width: 94%;
font-size: 1.3em;
}
#uparea.stevie_mobile .static-header {
min-height: 320px;
position: absolute;
}
}



@media only screen and (max-width: 736px) and (min-width: 414px) and (orientation: portrait) {
#uparea .static-header {
min-height: 736px;
}
}

@media only screen 
and (min-width : 1224px) {
/* 
body { display : none ;}*/
h1.front_page {
  display: block;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 50%;
}
h1 {
  font-size: 30px;
}
.text-heading p {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.2em;
}
div.text-heading h1.front_page {
    width: 50% !important;
}
span.sub_head {
    font-size: 0.7em;
}}
/* Large screens ----------- */
@media only screen 
and (min-width : 1500px) {
/* 
body { display : none ;}*/
h1.front_page {
    display: block;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 50% !important;
}
h1 {
    font-size: 44px  !important;
}
span.sub_head {
    font-size: 0.7em;
}}

/* iPhone 4 ----------- */
@media
not all
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}







/* Desktop large screen 1200px */
@media (min-width: 1200px)
not all {

}
@media (min-width: 500px) and (max-width: 777px)
not all {

}
@media (min-width: 1050px) and (max-width: 1499px)
not all {

}
/* Desktop medium screen 992px and 1199px */
@media (min-width: 1050px) and (max-width: 1199px) 
not all {
}
/* Tablet device Landscape 1024px and 768px */
@media (max-display: 1024px) and (min-display: 768px)
not all {

}
/* Tablet device Portrait 1024px and 768px */
@media (max-width: 1024px) and (orientation:portrait)
not all {

}
@media (max-width: 1048px) and (orientation:portrait) 
not all {

}

@media (max-width: 1024px) 
not all {

}
@media (max-width: 820px) 
not all {

}

/* Mobile device 767px */
@media (max-width: 767px) 
not all {

}
/* Mobile device 540px */
@media (max-width: 540px) 
not all {

}

@media (width: 640px)
not all {

}



/* Mobile device 480px */
@media (max-width: 505px) and (min-width: 479px) 
not all {

}

/* Mobile device 340px */
@media (max-width: 380px) and (min-width: 320px)
not all {


}
/*#uparea .static-header {
  min-height: 100vh !important;
}*/