.self_align_center .section1{
  margin-top: 40px;
}

.border_blank{
  padding: 0px;
}

.section5{
  margin-top: 40px;
}

.slideshow-container {
  padding: 30px 120px;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
  padding-bottom: 10px;
}

.slideshow-container .mySlides {
  text-align: center;
}

/* Caption text */
.slideshow-container .text {
  color: #000000;
  font-size: 15px;
  padding: 8px 12px;
  bottom: 8px;
  text-align: center;
}

/* Number text (1/3 etc) */
.slideshow-container .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.slideshow-container .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideshow-container .active {
  background-color: #717171;
}

/* Fading animation */
.slideshow-container .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

.slideshow-container .mySlides img{
  max-height: 400px;
}

.dotHolder{
}

.dotHolder span.dot{
  cursor: pointer;
  background: url("../images/Dot-Line.png") no-repeat no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding-right: 25px;
  display: inline-block;
}

.dotHolder span.dot.active{
  background: url("../images/Dot-Solid.png") no-repeat no-repeat;
}

.dotHolder span.dot:last-child{
  padding-right: 0px;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.section_contact_us{
  font: normal normal bold 32px/40px Arial;
  color: white;
}

a.section_mailbox, a.section_mailbox:hover{
  font: normal normal normal 24px/40px Arial;
  color: white;
  text-decoration:none;
}

.faq_accordion .faq_content{
  height: auto !important;
}

.faq_accordion .faq_content {
  font: normal normal normal 20px/26px Arial;
}

.faq_accordion .faq_content h4{
  font: normal normal bold 24px/30px Arial;
  margin-bottom: 0px;
}

.faq_accordion .faq_content .guide_subtitle{
  font: normal normal bold 24px/30px Arial;
  margin-top: 20px;
  margin-bottom: 0px;
}

.faq_accordion .faq_content .guide-img{
  max-width: 430px;
  height: auto;
}

.faq_accordion h3.faq_header a, .faq_accordion h3.faq_header a:hover{
  color: #3988E7 !important;
}

.faq_accordion h3.faq_header{
  border: 1px solid #3988E7;
  color: #3988E7;
  background: none;
  font: normal normal normal 20px/40px Arial;
  border-radius: 0;
  border-top: 0px;
  padding: 10px 20px;
  margin-top: -1px;
  position: relative;
  outline: none;
}

.faq_accordion h3.faq_header .faq_arrow_icon{
  position: absolute;
  right: 20px;
  top: 46%;
}

.faq_accordion h3.faq_header:first-child{
  border-top: 1px solid #3988E7;
}

.faq_accordion .faq_header:hover{
  background: none;
  font-weight: bold;
}

.section_faq #section_faq_tabs .nav-tabs{
  margin-bottom: 0px !important;
}

.faq_arrow_down{
  background: url("../images/ArrowDown.png") no-repeat no-repeat;
  width: 22px;
  height: 12px;
}

.faq_arrow_up{
  background: url("../images/ArrowUp.png") no-repeat no-repeat;
  width: 22px;
  height: 12px;
}

.faq_accordion.ui-accordion .ui-accordion-content{
  border: 1px solid #3988E7;
  border-radius: 0;
  color: black;
  font: normal normal normal 20px/26px Arial;
  border-top: 0px;
  border-radius: 0;
  padding: 10px 20px !important;
}

.faq_accordion.ui-accordion .ui-accordion-content:first-child{
  border: 1px solid #3988E7;
}

.ui-accordion .ui-accordion-content p{
  margin: 0px;
}

.section_faq .nav-tabs > li > a, .section_faq .nav-tabs > li > a:hover, .section_faq .nav-tabs > li > a:focus{
  border: none;
  font: normal normal normal 20px/40px Arial;
  color: #3988E7;
  text-decoration: none !important;
  background: none;
  padding: 0px;
  padding-bottom: 0px;
  margin: 0px 20px;
  outline: none;
}

 .section_faq .nav-tabs > li > a:hover{
     border-bottom: 2px solid #3988E7;
 }

.section_faq .nav-tabs li:hover a {
     border-bottom: 2px solid #3988E7;
}

.section_faq .nav-tabs{
  border: none;
}

.section_faq .nav-tabs > li.active > a, .section_faq .nav-tabs > li.active > a:hover, .section_faq .nav-tabs > li.active > a:focus{
  border: none;
  border-bottom: 6px solid #3988E7;
  font: normal normal bold 20px/40px Arial;
}

.section5{
  text-align: center;
  width: 72%;
  margin: 0 auto;
}

.section1 .col-md-4, .section5 .col-md-4{
  width: 33.333%
}

.section1 a.img_link img, .section5 a.img_link img{
  /*
  height: 50px;
  */
  width: 105px;
  text-align: center;
}

.section5 a.img_link img{
  height: 50px;
  width: 148px;
}


.section1 a.img_link{
  display: block;
  float: left;
  margin-right: 50px;
  margin-bottom: 12px;
}

.section5 a.img_link{
  margin: 0px 6px;
  display: inline-block;
  margin-bottom: 12px;
}

.section_figure_header{
  text-align: center;
  margin-top: 20px;
}

a.section_figure_header, a.section_figure_header:hover, a.section_figure_header:visited{
  display: block;
  color:black;
  text-align: center;
  text-decoration: none !important;
  padding-top: 20px;
}

.section5_available_on, .section6_faq{
  color: black;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 30px;
  font: normal normal bold 32px/40px Arial;
}

.section6_faq{
  margin-bottom: 0px;
}

.section_highlight{
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #3988E7;
  color: white;
  font: normal normal normal 32px/40px Arial;
  padding: 60px 90px;
  text-align: center;
}

.section1 a.img_link:last-child{
  margin-right: 0px;
}

.section_text{
 font-size: 60px;
 font: normal normal bold 60px/66px Arial;
 line-height: 70px;
 font-weight: bold;
 color: black;
}

.award_slide{
  position: relative;
}

img.section2_img{
 width: 384px;
 height: auto;
}

.section2_figures{
 text-align: right;
}

.section2_figures img{
 max-width: 600px;
 height: auto;
}

.section2_text, .section4_text{
 font-size: 24px;
 padding-right: 20px;
 font: normal normal normal 24px/28px Arial;
 vertical-align: middle;
 line-height: 30px;
 color: black;
 display: table-cell;
 height: 400px;
}

.section4_row{
   height: 480px;
   scrollbar-width: thin;
   overflow-y: auto;
}

.section4_row table.data_table th, .section4_row table.data_table td{
  font-size: 14px;
}

.section4_text{
 padding: 0px 40px;
 vertical-align: top;
 height: auto;
 overflow: hidden !important;
}

.section4_slide_container .slides_pagination{
 text-align: center;
 position: absolute;
 left: 50%;
 padding-top: 40px;
 bottom: -20px;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 10;
}

.section4_slide_container .slides_pagination a.section4_pagination{
 background: url("../images/Dot-Line.png") no-repeat no-repeat;
 width: 16px;
 height: 16px;
 cursor: pointer;
 padding-right: 25px;
 display: inline-block;
}

.section4_slide_container .slides_pagination a.section4_pagination.selected{
 background: url("../images/Dot-Solid.png") no-repeat no-repeat;
}

.section4_slide_container .slides_pagination a.section4_pagination:last-child{
 padding-right: 0px;
}

.section2_figure_text{
 height: 300px;
}

.section3_text{
 font-size: 24px;
 text-align: center;
 font: normal normal normal 24px/29px Helvetica;
 line-height: 30px;
 padding: 10px 0px 40px 0px;
}

.section3_text_large{
 padding-bottom: 50px;
}

.section3_text:last-child{
 padding-bottom: 20px;
 position: relative;
 display: inline-block;
}

.section3_text:last-child img.cloud{
 position: absolute;
 top: 10%;
 left: 105%;
 width: 33px;
 height: 33px;
}

.section3_text_large{
 font-size: 60px;
 text-align: center;
 font: normal normal bold 60px/70px Helvetica;
 line-height: 30px;
 padding-bottom: 20px;
}

 .section4_slide_container .section4_img .img_board{
   text-align: center;
}

.section4_slide_container{
 padding: 30px 120px;
 position: relative;
 width: 100%;
 padding-bottom: 60px;
}

.section4_slide_container .slides{
 height: 500px;
 overflow: hidden;
}

.section4_slide_container .section4_img {
  height: 260px;
  overflow-y: hidden;
}

.section4_slide_container .section4_img img{
 width: 480px;
 height: auto;
}

.section4_slide_container a.btn_left, .slideshow-container a.btn_left{
 background: url("../images/ArrowLeft.png") no-repeat no-repeat;
 width: 48px;
 height: 48px;
 position: absolute;
 top: 50%;
 left: 30px;
 cursor: pointer;
}

.section4_slide_container a.btn_right, .slideshow-container a.btn_right{
 background: url("../images/ArrowRight.png") no-repeat no-repeat;
 width: 48px;
 height: 48px;
 position: absolute;
 top: 50%;
 right: 30px;
 cursor: pointer;
}
/*
_:-ms-lang(x), .section2_text {
 padding-left: 20px;
}*/

.intro.section_td{
 padding: 0px 0px 0px 40px;
}

.intro.section_faq_td{
  padding: 40px;
  padding-top: 0px;
}

body .row.section1_center{
 margin: 0px 0px 0px 60px;
 /*margin-left: 40px;*/
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(50%);
 -ms-transform: translateY(50%);
 transform: translateY(40%);
}

body .section_center{
 /*margin-left: 40px;*/
 position: absolute;
 top: 50%;
 -ms-transform: translateY(50%);
 transform: translateY(50%);
}

.section4_slide_container .section4_img.vimg_board{
  overflow-y: hidden;
  scrollbar-width: thin;
}

.section4_slide_container .section4_img.vimg_board img{
  width: 180px;
}

@media only screen and (min-width: 1200px) {
  .section4_slide_container .section4_img.vimg_board{
    height: 360px;
    width: auto;
  }
  .section4_slide_container .section4_img.vimg_board img{
    width: 250px;
  }
}

@media only screen and (max-width: 1259px) and (min-width: 1199px) {
 .store_container{
   width: 480px;
 }
 .section_text{
   font-size: 50px;
   line-height: 60px;
 }

 _:-ms-lang(x), img.section1_img{
   width: 90%;
 }

 .section1 .col-md-4 img{
   height: 40px;
 }

 .section2_figure_text{
   padding-left: 20px;
   padding-top: 20px;
   height: 240px;
 }

 .section2_figures{
   padding-left: 40px;
   text-align: left;
 }

 .section2_figures img{
   width: 500px;
 }

 .section1 a.img_link{
 }

 .section4_row{
   margin-top: 60px;
   height: auto;
   overflow: hidden !important;
 }

.section4_slide_container .section4_img{
  text-align: center;
}

 .section4_slide_container .slides{
   height: auto;
 }

 .section4_slide_container a.btn_left{
   top: 300px;
 }
 .section4_slide_container a.btn_right{
   top: 300px;
 }

.section4_slide_container .section4_img{
  text-align: center;
}

.section4_slide_container .slides_pagination{
  bottom: 0px;
  top: 275px;
}



 body .row.section1_center{
   margin: 0px 0px 0px 30px;

   position: relative;
   top: 50%;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   transform: translateY(40%);

 }

 .section_highlight{
   padding: 30px 60px;
   margin-bottom: 40px;
 }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
 .section1{
   margin-top: 40px;
 }

 _:-ms-lang(x), img.section1_img{
   width: 90%;
 }
/*
 .section2_text{
   width: 100%;
 }*/

 .section5{
   width: 90%;
 }

 .section_text{
   font-size: 40px;
   line-height: 50px;
 }

 .intro.section_td{
   padding: 20px 40px;
 }

 .section2_text{
   height: auto;
   padding-bottom: 30px;
 }

 .section2_figure_text{
   padding: 40px;
   height: auto;
 }
 .section2_figures{
   text-align: center;
 }

 .section4_row{
   margin-top: 60px;
   height: auto;
   overflow: hidden !important;
 }

   .section4_slide_container{
     padding: 30px 60px;
   }

  .section4_slide_container .slides{
    height: auto;
  }

  .section4_slide_container a.btn_left{
    top: 300px;
  }
  .section4_slide_container a.btn_right{
    top: 300px;
  }

 .section4_slide_container .section4_img{
   text-align: center;
   padding: 0px 20px;
 }

 .section4_slide_container .slides_pagination{
   bottom: 0px;
   top: 275px;
 }

 body .row.section1_center{
   margin: 0px 0px 0px 30px;

   position: relative;
   top: 50%;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   transform: translateY(6%);

 }

 _:-ms-lang(x), body .row.section1_center{
   margin: 0px 0px 0px 30px;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(30%);
   -ms-transform: translateY(30%);
   transform: translateY(30%);
 }

 .section_highlight{
   font-size: 30px;
   padding: 20px 40px;
 }

 img.section2_img{
   width: 200px;
   height: auto;
 }
}

/*
@media only screen and (max-width: 767) {
     body .row.section1_center{
       margin: 0;
       position: relative;
       top: 0;
       -ms-transform: 0;
       transform: 0;
     }
}*/

@media only screen and (max-width: 767px) {

  .slideshow-container .mySlides img{
    max-width: 280px;
  }

  .self_align_center .section1{
      margin-top: 0px;
  }

 .responsive_table_custom{
    margin: 20px auto 0;
 }

 .section1{
   margin-top: 0px;
 }

 .section_text{
   font-size: 32px;
   line-height: 42px;
 }

 .section2_figures{
   width: auto;
   text-align: center;
 }

 .section2_text{
   height: auto;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 20px;
   line-height: 30px;
   padding-bottom: 30px;
 }

 .section5_available_on, .section6_faq{
   margin-top: 20px;
 }

 .section4_text{
    font-size: 20px;
    padding: 0px;
    height: auto;
    overflow: hidden !important;
 }

 .section2_figure_text{
   height: auto;
 }

 .intro.section_td{
   padding: 0px;
 }

 .section1_img{
   width: 440px;
 }

 .ui-accordion {
   text-align: left !important;
 }

 .section4_row{
   margin-top: 60px;
   height: auto;
 }

 .section4_slide_container{
   padding: 30px 20px;
 }



 .section4_slide_container a.btn_left{
   top: 300px;
   left: -1000000px;
   display: none;
 }
 .section4_slide_container a.btn_right{
   top: 300px;
   right: -1000000px;
   display: none;
 }

  .section4_slide_container .slides{
    height: auto;
  }

 .section4_slide_container .section4_img{
   text-align: center;
   padding: 0px 0px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
   max-width: 440px;
 }

 .section4_slide_container .section4_img .img_board{
   height: 260px;
   width: 2000px;
   position: absolute;
   top: 0px;
   left: 50%;
   display: inline-block;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .section4_slide_container .section4_img img{
   height: 260px;
   width: auto;
 }

 .section4_slide_container .slides_pagination{
   bottom: 0px;
   top: 275px;
 }

 body .row.section1_center{
   margin: 20px;
   margin-top: 20px;
   position: relative;
   top: 0;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
 }

 .section_highlight{
   font-size: 30px;
   padding: 20px 40px;
 }

 .section1_img{
   width: 460px;
 }

 img.section2_img{
   width: 200px;
   height: auto;
 }

 .section2_figures img{
   width: 470px;
 }

 .section_faq .nav-tabs > li > a, .section_faq .nav-tabs > li > a:hover, .section_faq .nav-tabs > li > a:focus{
   font-size: 20px;
   margin: 0px;
 }

 .section_faq .nav-tabs > li.active > a, .section_faq .nav-tabs > li.active > a:hover, .section_faq .nav-tabs > li.active > a:focus{
   font-size: 20px;
   margin: 0px;
 }
}

@media only screen and (max-width: 540px) {
  .section2_figures img{
    width: 440px;
  }

  .slideshow-container .mySlides img{
    max-width: 280px;
  }

  .slideshow-container a.btn_left, .slideshow-container a.btn_right{
   display: none !important;
  }

  .slideshow-container{
   padding: 30px 10px;
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 480px) {
 .responsive_table_custom{
    margin: 20px auto 0;
 }
 .ui-accordion {
   text-align: left !important;
 }

 .section1{
   margin-top: 0px;
 }

.faq_accordion.ui-accordion .ui-accordion-content{
   font-size: 16px;
 }

 .faq_accordion h3.faq_header{
    font-size: 18px;
    line-height: 30px;
    padding-right: 40px;
 }

  .faq_accordion h3.faq_header .faq_arrow_icon{
    right: 10px;
    top: 40%;
  }

 .faq_accordion .faq_content h4{
   font-size: 20px;
 }
.faq_accordion .faq_content .guide_subtitle{
   font-size: 20px !important;
 }
.faq_accordion .faq_content .guide-img{
   width: 100%;
   max-width: 100%;
 }

 .intro.section_faq_td{
   padding: 20px;
   padding-top: 0px;
 }

/*xxxx
 .section_faq ul.nav-tabs li{
   display: block;
   width: 100%;
   float: none;
 }*/

 .section4_slide_container .slides_pagination{
   bottom: 0px;
   top: 215px;
 }

 body .row.section1_center{
   position: relative;
   top: 0;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
 }

  .section4_row{
    margin-top:  16px;
  }

  .section4_text, .section2_text {
     font-size: 17px;
  }

  .section4_text{
    height: auto;
    overflow: hidden !important;
  }


 .section4_row .table_container{
    overflow-x: scroll;
    width: inherit;
    position: relative;
    overflow-y: hidden;
    height: 180px;
 }

  .section4_row table.data_table{
    width: auto;
    position: absolute;
    left: 0px;
    top: 0px;
  }

 .section4_row table.data_table th, .section4_row table.data_table td{
   font-size: 12px;
   line-height: 16px;
   padding: 6px;
 }

 .section4_slide_container{
   padding-top: 10px;
 }

 .section4_slide_container a.btn_left, .slideshow-container a.btn_right{
   top: 300px;
 }
 .section4_slide_container a.btn_right, .slideshow-container a.btn_right{
   top: 300px;
 }

  .slideshow-container a.btn_left, .slideshow-container a.btn_right{
   display: none !important;
  }

.slideshow-container .mySlides img{
    width: 260px;
    height: auto;
  }

  .slideshow-container{
   padding: 30px 10px;
    padding-bottom: 0px;
  }

 .section4_slide_container .section4_img{
   text-align: center;
   padding: 0px 0px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
   max-width: 320px;
 }

 .section3_text:last-child img.cloud{
   width: 25px;
   height: 25px;
   top:30%;
 }

 .section3_text{
   font-size: 20px;
   padding-bottom: 20px;
 }

 .section3_text_large{
   font-size: 32px;
 }

 .section4_slide_container .section4_img .img_board{
   height: 220px;
   width: 2000px;
   position: absolute;
   top: 0px;
   left: 50%;
   display: inline-block;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .section4_slide_container .section4_img .img_board img{
      height: 220px;
      width: auto;
 }

 .section4_img_no_board{

 }

 .section5_available_on, .section6_faq{
   margin-bottom: 40px;
 }

 .section_figure_header, .section5_available_on, .section6_faq{
   padding-left: 20px;
   text-align: left;
 }

 .section1 a.img_link, .section5 a.img_link{
     width: 100%;
     text-align: center;
 }

 .section1 a.img_link img, .section5 a.img_link img{
   /*
   height: 57px;
   width: 173px;
   */
 }

 .section1_img{
   width: 280px;
   margin-bottom: 20px;
 }

 .section6_faq{
   margin-bottom: 20px;
 }

 .section2_img{
   margin-bottom: 20px;
 }

 .section_highlight{
   font-size: 24px;
   line-height: 30px;
   padding: 10px 20px;
 }

 .section2_figures{
   text-align: center;
 }

 .section2_figures img{
   width: 300px;
 }

  .section_faq .nav-tabs, .section_faq ul.nav-tabs{
    padding: 0px !important;
    margin: 0px !important;
  }

  .mainContent .section_faq ul.nav-tabs  li{
    margin: 0;
    margin-right: 14px  !important;
  }

  .mainContent .section_faq ul.nav-tabs  li:last-child{
    margin-right: 0px  !important;
  }

  .tab-content{
    margin-top: 10px;
  }

 .section_faq .nav-tabs > li > a, .section_faq .nav-tabs > li > a:hover, .section_faq .nav-tabs > li > a:focus{
   font-size:18px;
   margin: 0px;
   padding: 0px;
 }

 .section_faq .nav-tabs > li.active > a, .section_faq .nav-tabs > li.active > a:hover, .section_faq .nav-tabs > li.active > a:focus{
   font-size: 18px;
   margin: 0px;
   padding: 0px;
 }
}


@media only screen and (max-width: 699px) and (min-width: 481px) {
  .store_container{
    max-width: 400px;
    margin: 0 auto;
    float: none !important;
    text-align: center !important;
  }

  .section1 a.img_link{
    float: none;
    /*margin: 10px;*/
    display: inline-block;
  }
  .store_container a.img_link img{
    float: none;
    display: inline-block;
  }

  .store_container a.img_link img.first_store{
    margin-left: 8px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
  .section5{
    width: 60%;
  }
}
/* MyObservatory User Guide - location icon (light/dark) */
.myobs-guide-icon-dark{display:none;}
@media (prefers-color-scheme: dark){.myobs-guide-icon-light{display:none;}.myobs-guide-icon-dark{display:inline;}}
