body{font-family: 'Roboto', sans-serif; font-weight: 400; }
ul{ list-style-type: none;}
a {text-decoration:none;}
a:link, a:visited {text-decoration:none; color:#F9A924;}
a:hover {  text-decoration:none; color:#FFBA48;}
p{line-height: 1.8;}
h1,h2,h3,h5,h6{font-family: 'Roboto Slab', sans-serif; font-weight: 700;}
.top_push_marg{margin-top: 50px;}

/*navbar*/
header{ width:100%;min-height: 70px; -webkit-box-shadow: 0px 3px 10px 0px rgba(97,97,97,1);-moz-box-shadow: 0px 3px 10px 0px rgba(97,97,97,1);box-shadow: 0px 3px 10px 0px rgba(97,97,97,1);position: fixed; background-color: white;  z-index: 100;}
nav{max-width: 1200px; display: block; margin: auto; background-color: white;}
.navbar-header{height:40px;z-index: 100;}
.navbar-toggle-position{margin-top: 13px;}
.navbar-collapse-menu{ background: #17975F; padding: 5px 10px; text-transform: uppercase; color: #ffffff; font-family:'Roboto', sans-serif; font-weight: 400; font-size: 14px; -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px; background-color: #17975F;  color: white; transition: all .2s linear;  -o-transition: all .2s linear; -moz-transition: all .2s linear;  -webkit-transition: all .2s linear; transition: background-color 1.0s ease;}
.navbar-collapse-menu:hover{background-color: #0c4c30;}
.navbar-right{margin-right: 5px;}
.nav ul{padding-right: 15px;}
.nav li {padding:20px 10px 0px 10px;}
.nav li:first-child {padding-left: 0px !important;}
.nav li a{ padding: 0px; font-size: 15px; color:#666666; position: relative; top:5px; font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase; transition: color 0.5s ease; transition: letter-spacing 0.5s ease; }
.nav li a:hover{ color:#17975F; background-color: #ffffff; letter-spacing: 1px;}
.nav-login{ position: relative;  ont-weight: 700; bottom:5px; border: 2px solid  #17975F; color:#17975F; padding: 4px 14px; margin-left: 15px; letter-spacing: 2px; transition: color 3.s ease; transition: letter-spacing 0.5s ease;  }
.nav-login:hover{  color:#faa824; font-weight: 700; font-weight: bolder; letter-spacing: 3px; border: 2px solid #faa824; }
.nav-logo{margin-top:15px; padding-left: 35px;}
.header_buffer{height: 70px; width: 100%;}
.inline{display: inline-block;}
.hidden{display: none;}
/* Site Wide */
.footer_spacer{min-height: 650px;}
.container{display:block; margin: auto; max-width: 950px; width: 90%; z-index: -1; padding: 0px !important;}
.container_smaller{display:block; margin: auto; max-width: 900px; width: 80%; z-index: -1; padding: 0px !important;}
.row{margin:0px !important;}
.form_submitted_content{display: none;}
.no_pad{padding: 0px !important;}
.powerful_simple_tag{font-family:'Roboto', sans-serif; font-weight: 300;; font-size: 23px; color: #666666;}
.footer_spacer_title{font-size: 45px;}
.font_white{color: white; }
/*flexbox must use height or matchheigh js*/
.flexbox-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center;  -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.text_align_center{ width:100%; text-align: center;}
.gold_link{ color:#F9A924; font-family:'Roboto', sans-serif; font-weight: 700; font-size: 17px; z-index: 20000;}
.center{display: block; margin: auto;}
.background_green{background-color: #17975F;}
.background_dark_green{background-color: #0C4C30;}
.background_dark_gray{background-color: #666666;}
.background_light_gray{background-color: #F2F2F2;}
.relative{position: relative;z-index: 1;}
.z-index999{z-index: 999;}
.btn-gold{display: block; margin: auto; border-radius: 0px; background-color: #F9A924; color:white; font-family:'Roboto', sans-serif; font-weight: 400; font-size: 17px; width: 125px; transition: background-color 3.0s ease; transition: letter-spacing 0.5s ease; }
.font-white a{color:#fff;}
.btn-gold:hover{border-radius: 2px; background-color: #17975F; color:white; letter-spacing: 1px;}
.form-group input{padding: 10px 10px; height: 40px; margin-bottom: 30px;}
.form_style p{padding-top: 20px; text-align: center; font-family:'Roboto', sans-serif; font-weight: 700; font-size: 17px;}
.form_style h1{font-size: 50px;}
.color_green{color:#17975F; }
.pad_7px{padding: 7px;}
.view_small{display: none !important;}
#green_banner{width: 100%; background-color:  #17975F; height: 190px;font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 55px; color: white;}
.absolute_bottom{position: absolute; bottom:0px;}
.block {padding: 50px 0px 0px 0px !important;}
.block h2{font-family:'Roboto', sans-serif; font-weight: 700; font-style: italic; color:#666666; }


/* Home Page */
#home .pause_video{position: absolute; height: 100%; width:100%; display: none; z-index: 10;}
#home #play_video{ position: absolute;	left: 0;	right: 0;	top: 28%;	margin-left: auto; 	margin-right: auto; text-align: center; z-index: 100; padding: 10px 25px; color:white; font-family: 'Roboto', sans-serif; font-weight: 400; }
#home #play_video .play_text{ border: 2px solid white; width: 130px; padding: 10px 20px; transition: color 3.0s ease; }
/*#home #play_video .play_text:hover, #home #play_video .video_cover_text:hover{color:#FFDC98;   }*/
#home #play_video .video_cover_text{ z-index: 10; padding: 10px 25px; color:white; font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 35px; transition: color 3.0s ease; margin-bottom: 60px; letter-spacing: 2px;}
#home #play_video .play_text:hover{color:#F9A924;   }
#home .overlay {width: 100%;height: 99%;background: rgba(0,0,0,0.6);display: block;position: absolute;top: 0px;left: 0px;}
#home #spaceman{margin-top: -25px;}
#home #spaceman div:first-child {height: 250px;}
#home #spaceman h1{vertical-align: text-bottom; font-family:'Roboto', sans-serif; font-weight: 700; font-size: 30px; margin-bottom: 0px !important;}
#home .spaceman_pic{position: relative; right:60px;}
#home #main{padding-bottom: 80px;}
#home #testimonials h3{width: 100%; font-size: 45px; color:#009762; border-bottom: 10px solid #009762; line-height: .1em;}
#home #testimonials span{background-color: white; padding: 0px 30px; z-index: 20;}
#home #our_tools h3{width: 100%; font-size: 55px; color:#ff9900; border-bottom: 10px solid #ff9900; line-height: .1em;}
#home #our_tools span{background-color: white; padding: 0px 30px; z-index: 20;}
#home .testimonials_video{padding-top: 60px !important; padding-bottom: 60px !important;}
#home #video_footer h2{width: 100%;  font-family: 'Roboto', sans-serif; font-weight: 700; font-style: italic; color:#666666; padding-bottom: 30px;}
#home .testimonial_img{ display: block; margin: auto; max-width: 120px;}
#home .testimonial {height: 120px;}
#home img{max-height: 310px; padding-top: 10px;}

/* Demo Page */
#demo{padding-top: 30px;}
#demo h1{padding-bottom: 30px;}
#demo .btn-gold{margin-bottom: 20px !important;}
#demo p{line-height: 1.3; padding: 0px !important; margin: 0px !important; font-family: 'Roboto', sans-serif; font-weight: 700;}
#demo .text_box{margin-bottom: 30px !important;}
#demo img{position: relative; bottom:35px; left:40px; width: 60%;}
.demo_requested{padding-top: 100px;}
.demo_requested .text_box{max-width: 400px; display: block; margin:auto;}
.demo_requested h1{font-size: 70px;}
.demo_requested p{line-height: 2; font-size: 18px;}
.demo_requested a{font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 2; font-size: 22px;}

#demo .thumbs_up{display: none;}

/* Pricing Page */
#pricing .pricing_table{padding-top: 40px;}
#pricing .pricing_options{padding: 17px;}
#pricing .pricing_option{height:330px; padding-top: 20px !important;}
#pricing .save_chedder{height: 70px;}
#pricing h5 {font-size: 35px; color: white; font-weight: 700; letter-spacing: 1.5px;}
#pricing h6 {font-family:'Roboto', sans-serif; font-weight: 400; font-style: italic;  }
#pricing .custom_pad{padding: 20px 0px;}
#pricing .dollar_symbol{display: inline; font-size: 30px; color:white; vertical-align: top; position: relative; top: 20px;}
#pricing .price{display: inline; font-size: 95px; color:white; vertical-align: middle;}
#pricing .month_symbol{display: inline; font-size: 20px; color:white; vertical-align: bottom;  position: relative; bottom: 35px;}
#pricing .price_header{border: 3px solid #F9A924; border-bottom: 0px; }
#pricing .fo_price_header{border: 3px solid white; border-bottom: 0px; }
#pricing .price_stipulation{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 12px; color:white; line-height: 0px;}
#pricing .price_select{border: 3px solid #17975F; border-top: 0px; }
#pricing .btn-gold{margin-top: 15px; margin-bottom: 15px;}
#pricing h6{text-transform: uppercase; color:#F9A924; font-size: 18px; margin:7px; letter-spacing: 1px; }
#pricing .features{margin-bottom: 30px;}
#pricing .features_list{ background-color: #E6E6E6;  margin-bottom: 40px; margin-top: 20px;}
#pricing .features_list div:first-child{ background-color: white; padding: 10px 20px; border: 5px solid #E6E6E6; border-bottom: 0px; margin-bottom: 14px;}
#pricing .features_list h2{font-size: 35px; }
#pricing .features_list img{padding-right: 7px; width: 5%;}
#pricing .features_list ul li{ list-style-type: none; padding: 10px 7px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 1px;}
#pricing .features_list ul li:first-child{padding-top: 25px;}
#pricing .features_list ul li a{ font-weight: 400; font-size: 12px;}
#pricing .features_list ul {padding-bottom: 35px; padding-top: 85px;}
#pricing h2{padding-top: 2px !important; margin-top: 0px;}
#pricing .pad_side{padding-left: 25px !important; padding-right: 25px  !important; }

/* Meetings Page */
#meetings .header_one{padding-top: 30px;}
#meetings h1{font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 400; padding-top: 30px; padding-bottom: 10px; color:#666666;}
#meetings .meeting_download{color: white; margin-bottom: 55px; margin-top: 20px; padding: 10px;}
#meetings .banner_text{font-size: 50px; letter-spacing: 1px;}
#meetings img{padding-top: 15px;}
#meetings #downloads{margin-bottom: 60px;}
#meetings .block_relative{position: relative; top: 40px;}

/* Support Page */
#support h6{ text-align: left; font-family:'Roboto', sans-serif; font-weight: 700; font-size: 19px; position: relative; top:15px;}
#support h1{ padding-bottom: 20px;}
#support .support_man{position: relative; top: 30px;}
#support .contact_info h6, .contact_info img{display: inline;}
#support .contact_info p{padding-top: 15px; font-size: 16px; text-align: left;}
#support #support .contact_info{padding-top: 25px;}
#support #support .contact_info p{white-space: nowrap;}

#support .pad_top{padding-top: 20px;}
#support .line_height p{padding: 0px; margin: 0px; line-height: 20px;}

/* Win Page */
#win h3 {font-size: 27px; color: #17975F; padding-bottom: 25px;}
#win img{padding-top: 15px; max-height: 300px;}
#win .block_relative{position: relative; top: 40px;}
/* FAQ Page */
#faq .faq_list .answer {display: none;}
#faq h2 {text-align: left; padding: 30px 60px; font-size: 63px;}
#faq .faq_list ul li{font-family:'Roboto', sans-serif; font-weight: 700; font-size: 19px;}
#faq .faq_list ul span{font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 23px; color: #17975F; padding-bottom: 25px; padding-right: 20px;}
#faq .contact_info_head{border-bottom: 1px solid white;}
#faq .contact_info p{font-size: 14px; margin: 0px;}
#faq .contact_info ul{padding: 5px;}
#faq .contact_info li{font-family:'Roboto', sans-serif; font-weight: 400;}
#faq .question{width:95%;}
#faq .top-right{position: absolute; top:0px; right: -10px;}


/*footer */
footer{ position:  relative; display: block; width:100%; height: 200px;}
footer img{position: absolute; bottom: 0px; width: 100%;  }
footer .spaceman_footer {position: absolute; bottom: 10px; left:15%; width:55px;}
footer ul {position: absolute; bottom: 0px; left:30%; display: block; margin: auto; padding-bottom: 2px;}
footer ul li{font-family: 'Roboto Slab', sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 5px 19px; color:#888888; display: inline-block;transition: background-color 3.0s ease; transition: color 0.5s ease; transition: letter-spacing 0.5s ease;}
footer p{ margin: 0px; position: absolute; bottom:7px; right: 40px; font-family:'Roboto', sans-serif; font-weight: 700; color:#C5C5C5; font-size: 13px;}
.ssl{ margin: 0px; position: absolute; bottom:7px; left: 40px; font-family:'Roboto', sans-serif;width:76px; height:26px;}
footer li:hover{ color:#faa824; letter-spacing: 1px;}




/*Smallest Smartphones*/
@media screen and (max-width: 400px) {

}




@media screen and (min-width: 1250px){
  /*p{font-size: 16px; line-height: 2.2;}*/
  #home .overlay {width: 100%;height: 99.5%;background: rgba(0,0,0,0.6);display: block;position: absolute;top: 0px;left: 0px;}
  /* Home Page */
  #home #main img{display: block; margin: auto;}

  /* Pricing Page */
  .pricing_option{height:300px;}
  #pricing .price{display: inline; font-size: 125px; color:white; vertical-align: middle;}

  /*Footer */
  footer ul {left:28%;}
  footer ul li{ font-size: 16px;  padding: 14px 35px;}
  footer p{ margin: 0px; position: absolute; bottom:10px; right: 40px; font-family:'Roboto', sans-serif; font-weight: 700; color:#C5C5C5; font-size: 15px;}
  footer .spaceman_footer {position: absolute; bottom: 10px; left:15%; width:50px;}

}

@media screen and (max-width: 1050px) {
  .gold_link{font-size: 16px;}
  p{line-height: 1.7; font-size: 16px;}
  .block h2{font-size: 27px;}

  /* Home Page */
  #home #play_video .video_cover_text{padding: 10px 15px; font-size: 24px; }
  #home #spaceman div:first-child {z-index: 2; height: 180px;}
  #home #spaceman h1{font-size: 26px;}
  #home .powerful_simple_tag{font-size: 20px !important; }

  /* Demo Page */
  .demo_requested{padding-top: 80px;}

  /* Meetings Page */
  #meetings .banner_text{font-size: 40px;}

}
@media screen and (max-width: 900px){
  .top_push_marg{margin-top: 10px;}
}
@media screen and (max-width: 850px){
  .top_push_marg{margin-top: 0px;}
}
@media screen and (max-width: 767px) {
  .top_push_marg{margin-top: 0px;}
  /*navbar*/
  #navbar {width:100%;}
  .nav li{padding: 0px 0px;}
  .nav li a{ text-align: center;  border-top: 1px solid #E6E6E6; padding:10px 7px; top:0px;}
  .nav-login{ display:block; margin: auto; width: 100px; position: relative; left:0px; bottom:0px; }
  .navbar-collapse { padding-right: 0px;  padding-left: 0px;}

  /*sitewide*/
  .banner_text{font-size: 47px; }
  .form-group input{padding: 14px 10px; height: 40px;}
  .block {padding: 20px 0px 0px 0px !important; text-align: center;}
  p{font-size: 13px;}
  #main div{max-width: 550px;}
  .gold_link{font-size: 12px;}
  .view_small{display: block !important;}
  .view_big{display: none !important;}
  .block h2{font-size: 22px;}

  /* Home Page */
  #home #play_video .video_cover_text{ font-size: 18px; }
  #home .spaceman_pic{ display: block; margin: auto; max-width: 400px; width: 100%; right:0px; }
  #home #spaceman div:first-child {display: block; margin: auto; text-align: center; height: 120px;}
  #home #spaceman h1{font-size: 21px; padding-top: 20px;}
  #home .powerful_simple_tag{font-size: 18px !important; }
  #home .img_nudge_right{position: relative; right: 27px;}
  #home #play_video .play_text{  position: relative; bottom: 30px;}


   /* Demo Page */
   #demo  h1{font-size: 39px;}
   .demo_requested{padding-top: 60px;}
   #demo .demo_phone{display: none;}
   .demo_requested img{width: 50%;}

   /* Pricing Page */
   #pricing .pricing_option{height:212px;}

   #pricing h5 {font-size: 32px; color: white;}
   #pricing .dollar_symbol{display: inline; font-size: 20px; color:white; vertical-align: top; position: relative; top: 15px;}
   #pricing .price{display: inline; font-size: 65px; color:white; vertical-align: middle;}
   #pricing .month_symbol{display: inline; font-size: 14px; color:white; vertical-align: bottom;  position: relative; bottom: 25px;}
   #pricing .price_stipulation{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 10px; color:white; line-height: 10px !important;}
   #pricing h6{font-size: 12px;}
   #pricing .features_list div:first-child{padding: 7px 15px;}
   #pricing .features_list h2{font-size: 25px; }
   #pricing .features_list ul li{ padding: 7px 7px; font-size: 14px; letter-spacing: 0px;}
   #pricing .features_list ul {padding-left: 20px;}
   #pricing .features_list img{padding-right: 7px; width: 10%;}

   /* Meetings Page */
   #meetings .banner_text{font-size: 30px;}
   #meetings h1{font-size: 25px;}

   /*Footer */
   footer{ position:  relative; display: block; width:100%; height: 50px;}
   footer p{  bottom:6px; right: 40px; font-size: 14px;}
   footer ul { left:20%;}
   footer ul li{ font-size: 10px; padding: 0px 10px;}
   footer .spaceman_footer {position: absolute; bottom: 10px; left:15%; width:30px;}

   @media screen and ( min-height: 600px ){
    .footer_spacer{min-height: 800px;}
   }
}

@media screen and (max-width: 400px) {
  /* Nav Bar */
  .nav-logo{margin-top:19px;}
  .nav_logo_small{width: 120px;}
  .navbar-collapse-menu{background: #17975F; padding: 4px 6px; font-size: 12px; }

  /* Site Wide */
  p{font-size: 12px;}
  .banner_text{font-size: 40px;}
  .footer_spacer{min-height: 550px;}
  .btn-gold{font-size: 14px; width: 85px;}
  .form-group input{padding: 7px 10px; height: 30px;}
  .gold_link{font-size: 11px;}
  .block {padding: 10px 0px 0px 0px !important; text-align: center;}
  .block h2{font-size: 20px;}

  /* Home Page */
  #home #spaceman h1{font-size: 18px;}
  #home .powerful_simple_tag{font-size: 14px !important; }
  #home #play_video .video_cover_text{font-size: 14px; }
  #home #main .block {padding: 10px 0px 0px 0px; text-align: center;}
  #home #main p{line-height: 1.4; font-size: 12px;}
  #home #main .block  .gold_link{font-size: 13px;}

  #home #play_video .play_text{ font-size: 10px; padding: 5px 8px; position: relative; bottom: 40px;}

  /* Demo Page */
  #demo  h1{font-size: 30px;}
  .demo_requested h1{font-size: 50px;}
  .demo_requested p{font-size: 16px;}
  .demo_requested a{font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 2; font-size: 16px; padding-bottom: 20px;}

  /* Pricing Page */
  #pricing .pricing_option{height:135px; }
  #pricing h5 {font-size: 15.5px; color: white;}
  #pricing .features_list h2 {font-size: 18px; }
  #pricing .dollar_symbol{display: inline; font-size: 13px; color:white; vertical-align: top; position: relative; top: 9px;}
  #pricing .price{display: inline; font-size: 36px; color:white; vertical-align: middle;}
  #pricing .month_symbol{display: inline; font-size: 10px; color:white; vertical-align: bottom;  position: relative; bottom: 15px;}
  #pricing .price_stipulation{font-family: 'Roboto', sans-serif; font-weight: 400; font-style: italic; font-size: 8px; color:white; letter-spacing: 1px; line-height: 7px !important; position: relative; bottom:12px;}
  #pricing h6{font-size: 9px; letter-spacing: 0px; }
  #pricing .btn-gold{margin-top: 3px; margin-bottom: 3px; padding: 3px 4px; font-size: 12px;}
  #pricing .features_list ul{padding-top:45px; }
  #pricing .custom_pad{padding-bottom: 5px; padding-top: 10px;}
  #pricing .month_symbol{bottom:6px;}

  /* Support Page */
  #support .contact_info h6{ font-size: 13px; text-align: left;  }
  #support .contact_info p{font-size: 10px; letter-spacing: .2px; }

  /* Winners Page */
  #win h3 {font-size: 15px; padding-bottom: 0px;}
  #win h2 {margin-top: 5px;}
  #win img{padding-top: 5px; max-height: 300px;}

    /* FAQ Page */
  #faq h2 {font-size: 33px;}
  #faq .faq_list ul li {font-size: 12px !important;}
  #faq .faq_list ul{padding: 5px !important;}

  /* Footer Page */
  footer{ position:  relative; display: block; width:100%; height: 50px;}
  footer p{  bottom: 0px; right: 10px; font-size: 7px;}
  footer ul {left:10%;}

  footer ul li{ font-size: 7px; padding: 0px 2px;}
  footer .spaceman_footer {position: absolute; bottom: 10px; left:15%; width:20px;}

  @media screen and ( min-height: 700px ){
  .footer_spacer{min-height: 800px;}


  }
}


@media screen and (max-width: 350px) {
  .footer_spacer{min-height: 450px;}
  #home #play_video .play_text{bottom: 50px;}

  @media screen and ( min-height: 700px ){
  .footer_spacer{min-height: 800px;}
  }
}
.embeded-video {
  width: 100%;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

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