/* 
    Document   : style
    Created on : 7-Oct-2013, 9:50:43 AM
    Author     : Stephanie Moore
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}


/* Common Styles ------------------------------------------ */
html, body{
    overflow:hidden;
    overflow-y: auto;
} 

html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    width: auto !important;
    height:auto;
}

a { 
    text-decoration: none;

    -webkit-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
    -moz-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
    -ms-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
    -o-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
    transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;
}
a:hover, a:focus { text-decoration: none; border: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px 0 10px 0px;
    font-weight: normal;
    line-height: 1.3;
    color: inherit;
    font-family: sans-serif;
    text-transform: uppercase;
}

h1,
h2 {
    line-height: 1.4;
    letter-spacing: 3px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
    letter-spacing: 2px;
}

h4 {
    font-size: 18px;
    letter-spacing: 1px;
}

h5 {
    font-size: 14px;
    letter-spacing: 1px;
}

h6 {
    font-size: 12px;
}

p {
    font-family:sans-serif;
   color: #666;
    font-size: 13px;
    line-height: 1.5;
}

img {
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    vertical-align: middle;
    border: none;
    -ms-interpolation-mode: bicubic;
}
#main-img{
    max-height: none;
    padding-left:0;
    height:320px;
    width:100%;
}
.img-darken {
    max-height: 200px;
    -webkit-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -o-filter: brightness(80%);
    -ms-filter: brightness(80%);
    filter: brightness(80%);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.img-darken:hover{
    -webkit-filter: brightness(55%);
	-moz-filter: brightness(55%);
	-o-filter: brightness(55%);
	-ms-filter: brightness(55%);
	filter: brightness(55%);
      transform: scale(1.05);
}
.block-title{
    background-color: #222;
    color: #fff;
}
.white-block{
        font-family: 'Open Sans', arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #222;
    background-color: #fff;
    border-radius: 3px;
    padding: 2px 15px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    line-height: 16px;
    top: -2px;
}
.inline-p{
    display:inline;
}
/* Colors ------------------------------------------ */
body.color::-moz-selection {background: #F6F7F9; }
body.color::selection {background: #F6F7F9; }

.scroll-content{
    list-style: none;
    max-height: 500px;
    overflow-y:scroll;
}
.listItemPadding{
    padding-top:1em;
}
#candidRow{
    padding:1em;
}
#scroll-content ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.inner-content{
    padding-top:2em;
}


div.container.wrapper{
    margin:0 auto;
    max-width:95%;
}

#videoTitle_videopage{
    width: 90%;
    margin: auto;
}
    
padding-left: 
}
#buzzLogo{
    float:left;
    height:45px;
    padding-top: 3px;
}
.main-desc{
    padding-left: 1em;  
    position: absolute;
    top: 50%;
    color: white;
    font-weight: bolder;
    text-align: left;
    width: 90%;    
    text-transform: none;
}
.secondary-desc{
    padding-left: 1em;  
    position: absolute;
    top: 65%;
    color: white;
    font-weight: bolder;
    text-align: left;
    width: 100%;  
    text-transform: none;
}
.quizImg{
    margin:auto;
    width:50%
}
.promotedPadding{
    padding-left:0;
}
.promotedImg
{
    width:40%;
    float:left;
}
#topBannerListItem{margin:auto;}
.nav-header{
    display:none;
}
#staticBannerAd{
    display: none;
   height: 64px;
   width: 535px;
}
.top-nav-right-icons{
    float:right;
}
.footerText{
    font-size:17px;
}
.promotedDesc
{
    width:60%;
    float:right;
    margin:inherit;
}
.blockHeaders
{
    color:#115278;
    font-weight:400;
    width:80%;
    font-size:2.5em;
    text-transform: none;
    text-align: left;
    margin-bottom:0;
}
.links{
    color:#919191;
}

.links:hover{
    color:#23A7BE;	
}

body.color .bg-color{
    background:#F6F7F9;
    margin: 0px;
    padding: 0px;
}

body.color span.highlight{
    color: #e74c3c;
}

.promotedAds{
    width:100%;
}
#mainContentRow{
    border-bottom: 0.1em;
    border-style: solid;
    border-color: rgba(210,210,210,0.9);
    border-top: 0;
}

.mainContentHeaderText{
    padding-left:1em;
    padding-right:1em;
    padding-top:1.25em;
    font-size: 1.25em;
    font-family: Arial,Helvetica,freesans,sans-serif;
}
.fadeInText{
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Icon Blocks ------------------------------------------ */
.i-block{
    text-align: center;
}
.i-block i{display: inline-block;margin-bottom: 24px;font-size: 6em; color: #a1a1a1}
.i-block h3{ color: #a1a1a1;
             font-weight: bold;
             font-size: 1.8em;
             margin-top: 0px;
             margin-bottom: 14px;
}
/* Dividers ------------------------------------------ */
.hr-small {
    float: none;
}
.hr {
    clear: both;
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin: 10px 0;
    float: left;
}
.hr-center.hr-small .hr-inner {
    left: 50%;
}
.hr-small .hr-inner {
    width: 32%;
    margin-left: -16%;
}
.hr-inner {
    border-color:rgba(0,0,0,0.2);
    width: 100%;
    position: absolute;
    height: 1px;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.hr-invisible {
    margin-bottom: 0;
}
hr {
    border: 0;
    margin: 10px 0;
}
#contact
{
    background-color: #222;
}
#contact hr.grey {
    margin: 17px 0 16px 0;
}
hr.grey {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0;
}

h1.title{
    color:#808080;
    text-transform: none;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    width: 95%;
    margin-bottom: 5px;

}

.toppadding{
    padding-top:20px;
    margin:0;

}

p.bluehover:hover{
    color:#59C6D8;
}

.welcome{
    font-size: 18px;
}
/* Buttons ------------------------------------------ */
.bluebtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    -webkit-box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6eccdb), color-stop(1, #47c2d5) );
    background:-moz-linear-gradient( center top, #6eccdb 5%, #47c2d5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eccdb', endColorstr='#47c2d5');
    background-color:#6eccdb;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:0;
    border:1px solid #6eccdb;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #43acc4;
}
.blue:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #47c2d5), color-stop(1, #6eccdb) );
    background:-moz-linear-gradient( center top, #47c2d5 5%, #6eccdb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47c2d5', endColorstr='#6eccdb');
    background-color:#47c2d5;
}.blue:active {
    position:relative;
    top:1px;
}


.greenbtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #86ba4e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #86ba4e;
    box-shadow:inset 0px 1px 0px 0px #86ba4e;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7fc141), color-stop(1, #98ca63) );
    background:-moz-linear-gradient( center top, #7fc141 5%, #98ca63 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc141', endColorstr='#98ca63');
    background-color:#7fc141;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:0;
    border:1px solid #c4c2c2;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #87bd4e;
}
.greenbtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #98ca63), color-stop(1, #7fc141) );
    background:-moz-linear-gradient( center top, #98ca63 5%, #7fc141 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98ca63', endColorstr='#7fc141');
    background-color:#98ca63;
}.greenbtn:active {
    position:relative;
    top:1px;
}

.greybtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #b8b8b8;
    -webkit-box-shadow:inset 0px 1px 0px 0px #b8b8b8;
    box-shadow:inset 0px 0px 0px 0px #b8b8b8;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cdcccc), color-stop(1, #c4c2c2) );
    background:-moz-linear-gradient( center top, #cdcccc 5%, #c4c2c2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcccc', endColorstr='#c4c2c2');
    background-color:#cdcccc;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:0;
    border:1px solid #c4c2c2;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #b3b1b1;
}
.greybtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c4c2c2), color-stop(1, #cdcccc) );
    background:-moz-linear-gradient( center top, #c4c2c2 5%, #cdcccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c2c2', endColorstr='#cdcccc');
    background-color:#c4c2c2;
}.greybtn:active {
    position:relative;
    top:1px;
}




.wbluebtn {
    position: absolute;
    margin:11em 0 0 30em;
    -moz-box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    -webkit-box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    box-shadow:inset 0px 1px 0px 0px #4bb7cf;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6eccdb), color-stop(1, #47c2d5) );
    background:-moz-linear-gradient( center top, #6eccdb 5%, #47c2d5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eccdb', endColorstr='#47c2d5');
    background-color:#6eccdb;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:0;
    border:1px solid #6eccdb;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:44px;
    line-height:44px;
    width:225px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #43acc4;
}
.wbluebtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #47c2d5), color-stop(1, #6eccdb) );
    background:-moz-linear-gradient( center top, #47c2d5 5%, #6eccdb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47c2d5', endColorstr='#6eccdb');
    background-color:#47c2d5;
}.wbluebtn:active {
    position:relative;
    top:1px;
}

/* Section, Footer & Misc ------------------------------------------ */

/**

 * Simple fade transition,
*/
.footer-text{
        text-align: center;
        padding:0.25em;
        color: #fff;
        font-family: sans-serif;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.content{
    position:relative;
    padding: 10px 0 25px;

}
.footer-content-padding{
    padding:1em;
}
.border-line{
    border-style: solid;
    border-color: rgba(210,210,210,0.4);
    border-width: 0.01em;
}
.section{
    border-bottom: 1px solid #e1e1e1;
}
.section-alt{
    background: #fcfcfc;
}

.text-white{
    color: white;
    font-weight: bolder;
}
.title{
    text-align: center;
    margin-bottom: 40px;
}
.title h2{
    font-weight: bold;
    font-size: 2.2em;
    margin: 0px;
    text-align: center;
}
.title p{
    letter-spacing: 1px;
    line-height: 1.6em;
    font-size: 20px;
    margin: 0px;
}
.text-center{
    text-align: center;
}
.clear{
    clear: both;
}

.gingle{
    color:#62C9E1;
}

.green{
    color:#96C232;
}

.grey{
    color:#AAAAAB;
}


.error{
    color:red;
    font-style: italic;
    font-size: 18px;
    margin:5px auto 0;
    text-align: center;
}

div.content.footer{
    /*padding-top:15em; */
}

.footer-href, p.inline-p.copy{
    text-transform: uppercase;
    text-align:center;
    color:#696969;
    padding:0 2em 0 2em;
    font-size:14px;	
    font-weight:bold;
}

a.footer-href:hover{
    color:#23A7BE;
}

.radio,
.checkbox {
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.radio label,
.checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}


/*Responsive video player*/

.video-container {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}


.video-container iframe,
.video-container object,  
.video-container  embed,
.video-container > div{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
BP 1/2/18
*/
.centerimages
{
    display:block;
    /*margin:auto !important;*/
}


/*BPERRIN 1/14/18 navbar height changes */
.navbar-height-fix{
    height:52px !important;
}

/********************* HEADER
************************************/
.darken-btns{
    color:#2D6DA9;
}
#top_nav_header{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  float: left;
  width:100%;
  margin: 10px 12px;
}
.top-nav-text-color{
    color: #222;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 29px;
}
.nav-list-items{
    /*border-left: 1px solid #ccc;*/
}

a.top-nav-text-color:hover, a.top-nav-text-color:active {color: black;}

#nav_logo{
    display: inline-block;
    width:20%;
}

#header{
    width: 100%;
    /* height:125px;  */
    background-color:#62C9E1;
	min-width: 751px;
}

.gingle-logo{
    position: absolute; left:40%; top: -10px;
}

/********************* LOGO &
                       LOGIN/REGISTER LINK
************************************/

.login {
    float: right;
    margin-top: 2em;
    color: #fff;
    z-index: 11;
}



ul.login {
    text-align: center;
}

ul.login li {
    font: 13px Verdana, 'Lucida Grande';
    cursor: pointer;
    -webkit-transition: padding .05s linear;
    -moz-transition: padding .05s linear;
    -ms-transition: padding .05s linear;
    -o-transition: padding .05s linear;
    transition: padding .05s linear;
}
ul.login li.drop {
    position: relative;
}
ul > li {
    display: inline-block;
}
ul li a {
    color: #fff;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
ul li a:hover {
    color: #eee;
}

.dropOut .triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    top: -8px;
    left: 50%;
    margin-left: -8px;
}
.dropdownContain {
    width: 160px;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -80px; /* half of width */
    top: -400px;
}
.dropOut {
    width: 160px;
    background: white;
    float: left;
    position: relative;
    margin-top: 0px;
    opacity: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
    box-shadow: 0 1px 6px rgba(0,0,0,.15);
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.dropOut ul {
    float: left;
    padding: 10px 0;
}
.dropOut ul li {
    text-align: left;
    float: left;
    width: 125px;
    padding: 12px 0 10px 15px;
    margin: 0px 10px;
    color: #777;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background .1s ease-out;
    -moz-transition: background .1s ease-out;
    -ms-transition: background .1s ease-out;
    -o-transition: background .1s ease-out;
    transition: background .1s ease-out;
}

.dropOut ul li:hover {
    background: #f6f6f6;
}

ul li:hover a { color: white; }
ul li:hover .dropdownContain { top: 65px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }

div.container.logo{
    margin-top: -16px;
    text-align:center;
    width:100%;
	max-width: 1200px; 
}

div.fb_iframe_widget > span {
    vertical-align: unset !important;
}


/********************* SPLASH PAGE 
************************************/



/********************* First block ************************************/

/* containter first block*/
.hero{
    width: 100%;
    margin-top: 0!important;
    padding-top: 3%;
    height:34em;
}
div.row.index{
    margin-top: -140px;
}

div.span4.info{
    margin-top: -52em;
    margin-left: 61%;
}
h2.index-title{
    color:#808080;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 20px;
}
div.span4.info p{
    color:#808080;
    font-size: 16px;
    line-height:2em;
    margin-top: 5%;
}

/* Static iPhone, JavaScript Slider Images
** On iPhone, and Play Button for
** Gingle Video */

.embed-container {
    position: relative;   
    height: 0;
    overflow: hidden; 
}
img.playbtn{
    position:absolute; 
    margin:16em 0 0 34em;
    z-index:10;
    max-width:65%;
}


img.iPhone-mobile{
    position:absolute;
    visibility:hidden;
}
img.iPhone{
    margin:12% 0 0 10%;
}
ul#slideshow{
    position:absolute;
    top:-17.1em;
    left:18em;
}
#fssPrev{visibility:hidden;}
#fssNext{visibility:hidden;}
#fssPlayPause{visibility:hidden;}
#fssList{visibility:hidden;}
#fssList li{visibility:hidden;}
#fssList li a{visibility:hidden}
#fssList li.fssActive a{visibility:hidden;}

/* IE contact button for versions 8 and under */
.ie-contact{
    visibility: hidden;
}


/* SPLASH PAGE REVISED */
.grey-header {
    color: #808080;
    padding-bottom: 15px;
    font-size: 50px;
    text-transform: none;
    font-weight: bolder;
}

.dotted-border{
    border-top: 1px dotted #CDCCCC;
    padding: 1em 0 1em;
}

.gingle-header{
    color: #62C9E1;
    font-size: 50px;
    text-transform: none;
    font-weight: bolder;
}

.grey-title{
    color: #808080;
    font-size: 1.65em;
    text-transform: none;
    font-weight: bolder;
}

.p-grey{
    color: #808080;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 15px;
}

.p2-grey{
    color: #808080;
    font-size: 1.25em;
}

.p-reg-grey{
    color: #808080;
}




.italics{
    color: #808080;
    font-style: italic;
    font-size: 1.25em;
    font-weight: bold;
    margin: 2em 0 0 0;
}

.word-spacing{
    word-spacing: -.5px;
}


/********************** Second Block ***************************************/

div.content.watch{
    margin: 10% 0;
    border-bottom:1px dotted #CDCCCC;
}

div.content.watch h1{
    border-top:1px dotted #CDCCCC;
    color:#808080;
    padding-bottom: 15px;
    text-align: center;
    font-size: 50px;
    text-transform: none;
    font-weight: bolder;
    padding-top: .25em;
    margin-bottom: -1%;
}

div.content.watch h4{
    text-transform: none;
    color:#848587;
    text-align: center;
    font-size: 24px;
}
img.content.watch{
    text-align: center;
}



/********************** Third Block ************************************/
div.content.section-block{
    padding-left:10em;
    width:100%;
    margin: -5em 0;
}
div.span4.i-block{
    margin: 0 auto 5%;
    padding: 0 1% 0 0;
}

div.span4.i-block p{
    line-height: 1.75em;
    margin:0 20px;
}

div.content.section-block h3{
    color:#62C9E1;
    font-size: 50px;
    padding:0;
    text-transform: none;
}
div.content.section-block p{
    font-size: 18px;
}

/********************** Fifth Block ************************************/

div.content.pricing h1{
    color: #808080;
    padding:15px 0 0;
    text-align: center;
    font-size: 50px;
    text-transform: none;
    font-weight: bolder;
    margin-bottom: -1%;
}
/* Pricing Table*/
div.pricing-table {
    margin:30px auto 0;
    padding-left: 10em;
    text-align: center;
}

div.pricing-table div.most-popular {
    -moz-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
    border: 3px solid #CCC;
    box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    top: -10px;
    z-index: 2;
}

div.pricing-table div.most-popular h3 {
    background-color: #666;
    color: #FFF;
    padding-top: 30px;
    text-shadow: 0 1px #555;
}

div.pricing-table div.plan {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #FFF;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    margin-bottom: 35px;
    margin-right: -31px;
    padding: 20px;
    position: relative;
    text-shadow: 0 1px rgba(255,255,255,.8);
}

div.pricing-table a.btn {
    margin-top: 5px;
}

div.pricing-table ul {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}

div.pricing-table h3.title{
    color:#fff;
    text-shadow: none;
    font-weight: bold;
}
div.pricing-table h3 {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-color: #eee;
    background-image: -moz-linear-gradient(#8fdaec,#62C9E1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8fdaec), to(#62C9E1));
    background-image: -webkit-linear-gradient(#8fdaec, #62C9E1);
    background-image: -o-linear-gradient(#8fdaec, #62C9E1);
    background-image: -ms-linear-gradient(#8fdaec, #62C9E1);
    background-image: linear-gradient(#8fdaec, #62C9E1);
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    margin: -20px -20px 50px -20px;
    padding: 20px;
}

div.pricing-table h3 span {
    -moz-border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-border-radius: 100px;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    background: #FFF;
    border: 5px solid #FFF;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    color: #AAAAAB;
    display: block;
    font: bold 25px/100px Georgia, Serif;
    height: 100px;
    margin: 20px auto -65px;
    width: 100px;
}

div.pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}



/********************** Fifth Block ***************************************/

div.row.mobile-phones h1{
    color:#808080;
    text-align: center;
    font-size: 50px;
    text-transform: none;
    font-weight: bolder;
    padding-top: 1em;
    padding-bottom: .5em;
}

div.row.mobile-phones{
    border-bottom:1px dotted #CDCCCC;
    padding: 2em 0;
    margin:10px 0 0 1%;
    width:100%;
}


/********************** login form *******************************************/
#wrapper {
    /* Center wrapper perfectly */
    width: 300px;
    margin: 70px auto;
}



.gradient {
    /* Center Positioning */
    width: 600px;
    height: 600px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -300px;
    z-index: -2;


    /* CSS3 Gradient */
    background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
    background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
    background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}

/*******************
LOGIN FORM
*******************/

.login-form {
    width: 300px;
    margin: 0 auto 0;
    position: relative;
    top: -4em;
    background: #EFEEEE;
    border: 1px solid #fff;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
}

/*******************
HEADER
*******************/

.login-form .header {
    padding: 18px 30px 5px 30px;
    text-align: center;
}

.beams{
    margin:0 auto;
    padding-bottom: 5%;

}

.login-form .header h1 {
    font-size: 28px;
    line-height:34px;
    color: #B6B6B6;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
    margin:0 auto;
    text-transform: none;
}

.login-form .header span {
    color: #62C9E1;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
    padding: 0 30px 25px 30px;

}

/* Input field */
.login-form .content .input {
    width: 188px;
    padding: 15px 25px;
    font-weight: 400;
    font-size: 14px;
    color: #9d9e9e;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);

    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;

    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content, .login-form .content .pass-icon {
    margin-top: 25px;

}

.login-form .content .input:hover {
    background: #dfe9ec;
    color: #414848;
}

.login-form .content .input:focus {
    color: #333;
    border-color: #62C9E1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    outline: 0 none; 
}
.login-pwd{
    margin:1em 0 0 0;
}


.user-icon, .pass-icon {
    width: 46px;
    height: 47px;
    display: block;
    position: absolute;
    left: 0px;
    padding-right: 2px;
    z-index: -1;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.user-icon {
    top:30px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
    background: #B6B6B6 url(http://www.demo.amitjakhu.com/login-form/images/user-icon.png) no-repeat center;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
}

.pass-icon {
    top:100px;
    background: #B6B6B6 url(http://www.demo.amitjakhu.com/login-form/images/pass-icon.png) no-repeat center;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
}

.content input:focus + div{
    left: -46px;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

/*******************
FOOTER
*******************/

.login-form .footer {
    padding: 25px 30px 40px 30px;
    overflow: auto;

    background: #DDDDDD;
    border-top: 1px solid #fff;
    border-radius: 5px;

    box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {
    float:right;
    padding: 11px 25px;

    font-family: 'Bree Serif', serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0,0,0,0.25);

    background: #56c2e1;
    border: 1px solid #46b3d3;
    border-radius: 5px;
    cursor: pointer;

    box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
    background: #3f9db8;
    border: 1px solid rgba(256,256,256,0.75);

    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
    position: relative;
    bottom: -1px;

    background: #56c2e1;

    box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
    -moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
    -webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form .footer .register {
    display: block;
    float: right;
    margin-top: -25px;
    margin-right: 20px;

    background: none;
    border: none;
    cursor: pointer;

    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    color: #808080;
    text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.login-form .footer .register:hover {
    color: #3f9db8;
}

.login-form .footer .register:focus {
    position: relative;
    bottom: -1px;
}

/********************** contact form *******************************************/

h3.contact-title{
    text-transform: none;
    color:#808080;
    margin:-3% 0 5% 0;
    font-weight: bold;
}

/** the form elements **/
.form {
    padding-top: 4em;
}
.form { box-sizing: border-box; }

.form-title{
    color:#B6B6B6;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 2px;
}

.form .txtinput { 
    width: 90%;
    margin:5px 0 15px;
    padding: 15px 25px;
    font-weight: 400;
    font-size: 14px;
    color: #9d9e9e;
    text-shadow: 1px 1px 0 rgba(256,256,256,1.0);

    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;

    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

.form .txtinput:hover{
    background: #dfe9ec;
    color: #414848;
}
.form .txtinput:focus { 
    color: #333;
    border-color: #62C9E1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    outline: 0 none;  
}

.form .dropdown { 
    display: block;
    font-family: "Helvetica Neue", Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 20px;
    font-size: 1.25em;
    width: 65%;
    color: #777;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

.form .dropdown:focus { 
    color: #333;
    border-color: rgba(41, 92, 161, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    outline: 0 none; 
}

.form input#name, .form input#email{
    background: #fff 5px 4px no-repeat;
}


.form textarea {
    display: block;
    resize: none;
    font-family: "Helvetica Neue", Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 15px;
    font-size: 1.5em;
    padding: 11px 0px;
    padding-left: 55px;
    width: 90%;
    height: 180px;
    color: #777;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
.form textarea:focus {
    color: #333;
    border-color: rgba(41, 92, 161, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
    outline: 0 none; 
}
.form textarea.txtblock {
    background: #fff url('images/speech.png') 5px 4px no-repeat;
}

.form #slider { width: 60%; }

.form .aligned { 
    box-sizing: border-box; 
    width: 450px; 
    margin:0 auto 10%;
}

.form #aside {
    float: left;
    width: 250px;
    padding: 0;
    box-sizing: border-box;
}

span.radiobadge { display: block; margin-bottom: 8px; }
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {
    font-size: 17px;
    color: #676767;
    padding: 9px !important;
    border: 1px solid #aaa;
    width: 200px;
}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}
/**************
REGISTER **********/

#FileUpload {
    position:relative;
}

#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(http://i.stack.imgur.com/PaT3a.png) 100% 1px no-repeat;
    width:345px;
    height:30px;
}

#FileField {
    width:250px;
    margin-right:85px;
    padding: 6px;
    font-size: 13px;
    background: #fff url('http://i.stack.imgur.com/CGQD7.gif') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
    border-radius: 4px 4px 4px 4px !important;
}

#BrowserHidden {
    position:relative;
    width:345px;
    height:30px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;

}

p.form-title{
    margin-bottom: 3px;
}

.twit-feed-title{
    margin-top: 30px;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
    background-image: url(img/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    top:-3px;
}

#JT_arrow_right{
    background-image: url(img/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    top:-2px;
}

#JT {
    position: absolute;
    z-index:100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy{
    padding:10px 10px 10px 10px;
    color:#333333;
}

.JT_loader{
    background-image: url(img/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_close_right{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_copy p{
    margin:3px 0;
}

#JT_copy img{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip{
    cursor:help;
}

.thumb-private{
	border:5px solid gray; 
	
} 
.thumb-hover{
	border: 5px solid white;
	
} 


/*Media Queries for responsive magic*/

@media only screen and (min-width : 1025px) and (max-width : 1200px) {

    ul#slideshow{
        left:11.6em;
    }
    img.iPhone{
        margin-left:3%;

    }

    .content {
        position: relative;
        padding: 65px 0 25px;
    }
    img.playbtn{
        margin:14em 0 0 28em;
    }
    div.span4.info{
        margin-top:-52.5em;
        margin-left: 65%;
        width:33%;
    }

    .form {
        padding-top: 4em;
    }

    .wbluebtn{
        margin: 9em 0 0 24em;
    }



}


@media(min-width : 980px) and (max-width : 1024px) {


    div.span4.info{
        margin-top:-52.5em;
    }

    img.iPhone{
        margin-left:0%;

    }
    ul#slideshow{
        left:9.5em;
    }
    img.playbtn{
        margin:14em 0 0 25em;
    }

    div.content.section-block{
        padding:0;
    }
    /*    contact form */
    .form {
        padding-top: 3em;
    }

    h2.contact-title{
        width:80%;
        padding-top: .5em;
    }

    .form .txtinput{
        width:75%;
        font-size:16px;
        padding-left:2%;
    }

    .form textarea{
        width:75%;
        font-size:16px;
        padding-left:2%;
    }
    div.pricing-table {
        margin:30px 0 0 85px;
        padding:0;
    }


    .content {
        position: relative;
        padding: 65px 0 25px;
    }

    .wbluebtn{
        margin:9em 0 0 21em;
    }

}

@media(min-width : 768px) 
and (max-width : 979px)  {
    

    .hero{
        padding:5em 0 23em;	
    }
    .welcome {
        font-size: 14px;
    }
    img.iPhone {
        margin: 12% 0 0 0%;
    }
    ul#slideshow{
        top:-17em;
        left:9.5em;
    }

    img.playbtn{
        margin:13em 0 0 24em;
    }
    div.span4.info{
        float:none;
        margin:-13em auto;
        width:95%;
    }
    /*    contact form */
    .form{
        padding-top: 2em;
    }

    h2.contact-title{
        width:80%;
        padding-top: .5em;
    }

    .form .txtinput{
        width:85%;
        font-size:16px;
        padding-left:2%;
    }

    .form textarea{
        width:85%;
        font-size:16px;
        padding-left:2%;
    }
    div.pricing-table {
        margin:30px 0 0 85px;
        padding:0;
    }

    div.content.section-block{
        padding-left:1.5em;
        margin: -3em 0;
    }

    .wbluebtn{
        margin:7em 0 0 21em;
    }



}


@media (max-width: 767px) { 
    .wbluebtn{
        margin:36em 0 0 2em;
    }

    .hero{
        padding:7em 0 23em;

    }



    img.iPhone{
        margin-left:0%;

    }

    div.span4.info{
        float:none;
        margin:-13em auto;

        width:85%; 
    }
    div.content.section-block{
        padding-left:0;
    }

    ul#slideshow{
        top:-14.2em;
        left:8.1em;
    }
    ul#slideshow img{
        width:83%;
    }
    img.playbtn{
        margin: 8em 0 0 20em;
    }
    .inline-p{
        display:block;	
    }

    /*    contact form */
    .form {
        padding-top: 2em;
    }

    h2.contact-title{
        width:80%;
        padding-top: .5em;
    }

    .form .txtinput{
        width:75%;
        font-size:16px;
        padding-left:2%;
    }

    .form textarea{
        width:75%;
        font-size:16px;
        padding-left:2%;
    }

    div.pricing-table {
        margin:30px 0 0 20px;
        padding:0;
        width:85%;
    }

    div.content.section-block{
        padding-left:0em;
        margin:0;
    }

    #header{
        /* height: 138px; */
    }

    .welcome{
        font-size: 14px;
    }

    .gingle-logo{
        top:-8px;
        left:0%;
        margin-left: 9px;
    }

}


@media (max-width: 480px) {

    .wbluebtn{
        margin:22em 0 0 1em;
    }

    .hero{
        padding:0 0 24em 0;

        width:95%;
    }

    #header{
        /* height:155px;  */
        position:relative;
        padding:0;
    }
    .welcome{
        font-size: 14px;
    }
    .gingle-logo{
        /* width: 70%; */
        top: 2em;
        left: 0%;
        margin-left: 9px;
    }
    
    .login{
        float:none;
        position: relative;
        z-index: 11;
    }

    div.row.index{
        margin-top: 0px;
    }
    div.span4.info{
        margin-top:-25em;

    }
    img.iPhone-mobile{
        visibility:visible;
        position:relative;
        top:-11em;
    }
    img.iPhone{
        position:absolute;
        top:0%;
        left:0%;
        width:0%;
        visibility: hidden;
    }
    ul#slideshow{
        top:-50em;
        left:0;
        width: 0%;
        visibility: hidden;


    }
    ul#slideshow img{
        position: absolute;
        width:0%;
        visibility: hidden;

    }
    img.playbtn{
        position:relative;
        width: 25%;
        top:-3.9em;
        left:-9.5em;
    }

    .form {
        padding-top: 1em;
    }

    h2.contact-title{
        width:65%;
        padding-top: .5em;
    }

    .form .txtinput{
        width:58%;
        font-size:14px;
        padding-left:2%;
    }

    .form textarea{
        width:58%;
        font-size:14px;
        padding-left:2%;
    }

    .links{
        width:25%;
    }

    #BrowserHidden{
        left:-10%;
    }

    #BrowserVisible{
        left:-10%;
    }

    #FileField{
        margin-left: 10px;
        width: 60%;
        margin-left: 3em;
    }
    div.span4.info p{
        margin-top: -40px;
    }


    p.gingle{
        width:65%;
    }

    h1.title{
        width:70%;
    }

    .jTip{
        visibility: hidden;
        position: absolute;
    }

    .user-icon, .pass-icon{
        visibility: hidden;
    }

    div.content.watch{
        padding-top:85px;
    }

    div.content.section-block h3, div.row.mobile-phones h1{
        font-size: 30px;
        width:95%;
    }
    div.content.section-block p{
        font-size: 15px;
    }

    div.pricing-table {
        margin:30px 0 0;
        padding-left: 0;
        width:90%;
    }
    div.row.mobile-phones{
        margin-top:0em;
    }

    .beams{
        margin:0 auto;
    }

    div.content.footer{
        padding-top:0em;
    }




    div.span4.info p {
        color: #808080;
        font-size: 16px;
        line-height: 2em;
        padding-top:10%;
    }

    div.content.watch {
        margin: 15% 0;
    }
}
/*BP media queries */
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

.nav>li>a {
    padding-right: 10px;
}

/*BP  candid image and video */
candid-images{
    position: relative;
}

.candid-content{
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.candid-header{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 21px 0 0 20px;

}
.candid-header-block-title{
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background-color: #222;
    border-radius: 8px;
    padding: 2px 15px;
    position: relative;
    display: inline-table;
    vertical-align: middle;
    top: -2px;
    background-color: aqua;
}
.candid-desc{
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 1;
    line-height: 16px;
    margin-bottom: 15px;
     padding-left:3em;
}
/*BP carousel changes */
.carousel{
    width:100%;
    background-color:#e0e1e2;
    margin:auto;
}
.centerinnertags{
    text-align: center;
    color: white;
    font-weight: bolder;
}
.secondaryTitle{
    text-align: left;
    font-weight: 400;
    margin-left: 0.5em;
    padding-top:0.5em;
}
/* BP Make videos display somewhere there's legacy code hiding this*/
.show-video-fix{
    display:grid !important;
}
/*BP Change width on wheather api */
#main_button
{
    width:75% !important;
}
#plemx-root .locations.alert{
    background:white !important;
}
/*BP 12/31/17 hide twitter feed on mobile*/
@media screen and (max-width: 600px) {  
  #mostViewed {
    padding-left: 0;
  }
}
@media (max-width:490px){
        #videoTitle_videopage{
        font-size: 16px
    }
}
@media (max-width: 670px) {
    #mainContentHeader{
        display:none;
    }
}
@media (max-width: 1200px) {
    #staticBannerAd{
        display:inline-block;
        }
    .nav-header{
        display:inline;
    }
    #bottom_banner{
        display:none;
    }
    .MobileAdjust{
        display:none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    #search-header{
        float:left !important;
    }
}
@media (min-width: 1201px){
     .centerimages
    {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }
}
@media (max-width: 768px){
    h1{
        font-size: 27px;
       font-weight: bold;
    }
}
@media (max-width: 429px){
    #mainImageText{
        display:none;
    }
    #main-img{
        height:auto;
    }
    .main-desc{
    position: absolute;
    top: 70%;
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 85%;
    font-size: 18px;
    }
}
@media (max-width:900px){
    #videoTitle_videopage{
        font-weight: bold;
        font-size:20px;
    }
}
@media (max-width:700px){
    #videoTitle_videopage{
        font-weight: bold;
        font-size:18px;;
    }
}
@media (max-width: 1200px){
    .responsiveImgages{
        width:100%;
    }
   
    .promotedAds {
    width: 95%;
    }
    .img-darken{
        max-height: 320px;
    }
  
    .secondaryTitle{
        text-align: center;
        font-weight: 400;
        margin-left: 0;
    }
}
@media (min-width:420px){
    .promotedDesktopFix{
        width: 60%;
    float: right;
    padding-left: 1.5em;
    }
}
@media (max-width:420px){
    .promotedImg{
        width:100%;
    }
    .promotedDesc {
        width:100%;
    }
}
@media (max-width:768px){
      .img-spacing{
        padding-left:1em;
    }
}
@media (max-width:768px) and (min-width:540px) {
    .promotedAds{
        width:70%;
    }
}