@import url('https://fonts.googleapis.com/css?family=Slabo+13px|Slabo+27px');
  @import url('https://fonts.googleapis.com/css?family=Lato');
 

html {
    overflow-x: hidden;
}

hr { 
    height: 0;
    width:100%;

    float: left;
	
    margin-top: 1px;
    margin-bottom: 1px;

    border: 0;
    border-top: 2px solid #eee;   
} 

 .selectD {
    -webkit-user-select: none;  
    -khtml-user-select: none;   
    -moz-user-select: none; 
    -o-user-select: none;    
    user-select: none; 
}

#intro-container {
     
}

.front-end-cinema {
   width: 100%;
}

.front-e-splash {
   height:505px;
}

.front-b-splash {
   height:547.5px;
}

#drive_through_movie_1 {
     
     background-image: url('../img/hoplite online reputation management services slideshow 1.jpg');
     
     background-position: 0 -40px;

     z-index: 3;
    
}

#drive_through_movie_2 {
     
     background-image: url('../img/hoplite online reputation management services slideshow 2.jpg');
     
     background-position: 0 -120px;
     
     z-index: 2;

     display: none;
}

#drive_through_movie_3 {
     
     background-image: url('../img/hoplite online reputation management services slideshow 3.jpg');
     
     background-position: 0 -150px;
     
     z-index: 1;

     display: none;
}

.fusion {
     position: absolute;
     margin: -8px; 
     background-attachment: fixed;
     background-size : 100%;
     background-repeat: no-repeat;
     color: white; 
     height: 500px;
     width: 101.5%; 
}

.react-h {
     height: 500px;
}

.react-b {
     height: 542.5px;
}

#drive-through-movie-about {
     
     background-image: url('../img/about-reputation-services.jpg');
     
     background-position: 0 0px;

     z-index: 10;
}

#drive-through-movie-contact{
    
     background-image: url('../img/contact-reputation-services.jpg');
     
     background-position: 0 -40px;
     
     z-index: 10;
}

#drive-through-movie-pricing{
 
     background-image: url('../img/pricing-corporate-reputation-management.jpg');

     background-position: 0 0px;

     z-index: 10;
     
}

#drive-through-movie-kb-main {
	
     background-image: url('../img/business-management-slide-6.jpg');
     
     background-position: 0 0px;     

     z-index: 10;
}

#drive-through-movie-kb{
    
     background-image: url('../img/business-management-slide-7.jpg');
     
     background-position: 0 -40px;

     z-index: 10;
}

.trireme-container {
    width:  235px;
    height: 330px;
    
    left:1.25%;
     
     top: 1.5%;

     position:absolute;
    
     z-index:9999;
}

.tm{
   
   width: 58px;
   height: 50px;
   top: .6%;
   left: 0%;

   position: absolute;
   
   z-index:999;
}

.tm-line {
    width: 47px;
    height: 10px;
	
    margin: 4px 5px;
    
    position: absolute;

    background-color: #FFFFFF;
}

.m-line-one  {
    bottom:61%;
}
.m-line-two {
    bottom:31%;
}
.m-line-three  {
    bottom:1%;
}

.trireme-menu {
    
	top: 17%;
	
    position: absolute;
    
	left:.5%;
    width: 170px;
    height: 325px;

    padding: 10px;
    background:#fff;

    border:solid 1px #719ECE; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 10px #719ECE; 
    -webkit-box-shadow: inset 0 0 10px #719ECE; 
    box-shadow: 0 0 10px #719ECE;
    z-index:999;

   font-family: 'Lato', sans-serif;
   text-decoration: none;
   text-transform:none;

   display:none;
} 

ul.t-side {
    list-style-type: none;
    margin: 0;
    padding: 0;
    top:5px;

    position: absolute;
}

li a.t-side-link {
    display: block;
    width: 60px;    
    padding:15px;
    font-family: 'Lato', sans-serif;
   text-decoration: none;  
   font-size: 17px;
   color: #424953;
}

li a.t-side-link:hover {
   color: #719ECE;
}

.no-menu {
   width:170px;
   height:52px;

    top:0%;
    right: 0%;

   z-index:9999;

   position: absolute;
}

#section-d-kb {
    background-color: #F8F9FB;
    margin: -8px;   
    width: 101.1%;
  
    height: auto;

    top:425.75px;

    position:absolute;
}
  
  #section-d-kb-main {
	height: 1100px; 	  
  }
  
 .kb-spaced {
    background-color: #F8F9FB;
    margin: -8px;   
    width: 101.1%;
    
    top:425.75px;
     
    position:absolute;    
 }

.sp-kb-main {
     margin-left: 120px;
     margin-right: 100px;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.kb-open {
	color:black;
    font-weight:bold;
	font-size: 22.25px;  
	font-family: 'PT Serif Caption', serif;
}
 
#kb-list {
	position: absolute;
	left: 100px;
	list-style-type:disc;
    text-decoration:none;
 }

#kb-list a:hover {
    text-decoration:none;
	color: #29c1f9;
}
  
#knowledge-box{
    padding: 50px;
    margin: 35px;
}

#knowledge-box:before {
    content: '\201C';
    font-family: 'PT Serif Caption', serif;
    position: absolute;
    left: 45px;
    top: 110px;
    color: #aeaeae;
    font-size: 110px;
    line-height: 25px;
}

#knowledge-box:after {
    content: '\201C';
    font-family: 'PT Serif Caption', serif;
    position: absolute;
    right: 90px;
    bottom: 120px;
    color: #aeaeae;
    font-size: 110px;
    line-height: 25px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
  
.knowledge-base-post{       
	font-family: 'Slabo 27px', serif;        
	font-size: 26px;
}    

#btn-kb-section {
	width: 350px;
}

.b-kbs-w{
	width: 350px;
}

#btn-kb-main-section {
	width: 370px;
}

#movie_text1 {
    right: 0%;
    width: 99%;  
}

#movie_text2 {
   	display:none;
}

#movie_text3 {
      display:none;
}

.toplevel-upward-text {
      position: absolute;

      height: 415px;
      top: 2.5%;
}

.toplevel-text-standard { 
      width: 97%;
}

#movie_title1_container {
    right:3%;
    bottom:48%;
}

#movie_title3_container {
    right: 0%;
    top:7%;
}

.launch-holder{
   width: 75%;
   height: 37%;

   position: absolute;
}

.backpage-launch{
   right: 2%;
   top:7%;
}

.launch-title {
   position: absolute;
   top: -13%; 

   text-shadow: 1px 1px 0 #000000;
   font-size: 50px;
}

#movie-subtext-kb{
	font-size: 28pt;
}

#movie-subtext-kb-main{
	font-size: 28pt;
}

.under-writer {
   position: absolute;

   bottom: -4.5%;

   text-shadow: 1px 1px 0 #000000;
}

.frontpage-st {
   bottom: -4.5%;
}

.backpage-lower {
   left: 7%;
   right: 5%;
}

.backpage-st {
   bottom: -26%; 
}

#movie_window_flip_menu {
    position: absolute;
    
    width: 100px;
    height: 20px;
    
	top:  442.5px;
    left:  81%;

    z-index: 999;  
}

#movie_filament_one {
    position:  absolute;
}

#movie_filament_two {
    position:  absolute;
    left: 40%;
}

#movie_filament_three {
    position:  absolute;
    left: 80%;
}

#movie_filament_four {
    position:  absolute;
    left: 108%;
    top: -50%;
}

.vacuum_tube {
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;

	-webkit-box-shadow: 0 0 1px 0px rgb(255, 255, 255);
	box-shadow: 0 0 1px 0px rgb(255, 255, 255);
	width: 25px;
	height: 25px;
	z-index: 86;

	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

.vacuum_tube.filled {
	background-color: #FFFFFF;
}

.vacuum_tube_pause { 
             display:inline-block!important;
             position:absolute;
             width:45px;
             height:45px;
              background:rgba(0,0,0,0);
             box-sizing:content-box;
             filter: alpha(opacity=60);
}

.vacuum_tube_pause:before { 
         position:absolute;
         content:'';
         margin:auto;
         top:0;
         bottom:0;
          left:0;
         right:0;
         width:calc(45px/8);
         height:calc(45px/1.8);
         border:none;
         border-left:calc(45px/8) solid rgba(255,255,255,.6);
         border-right:calc(45px/8) solid rgba(255,255,255,.6);
     
         box-sizing:content-box;
         filter: alpha(opacity=60);
}

.vacuum_tube_play { 
         display:inline-block!important; 
         position:relative;
         width:45px;
         height:45px;
         background:rgba(0,0,0,0); 
         box-sizing:content-box;
}

.vacuum_tube_play:before {
          position:absolute;
          content:'';
          margin:auto;
          top:0;
          bottom:0;
          left:calc(42px/15);
          right:0;
          width:0;
          height:0;
          border-left:calc(45px/3) solid rgba(255,255,255,.6);
          border-top:calc(45px/3) solid transparent;
          border-bottom:calc(45px/3) solid transparent;
}

#pane_window_flip_menu {
    position: absolute;
    
    width: 100px;
    height: 20px;
    top:  30.25%;
    
    left:  13.5%;

    z-index: 5;
}

#pane_filament_one {
    position:  absolute;
}

#pane_filament_two {
    position:  absolute;
    left: 40%;
}

#pane_filament_three {
    position:  absolute;
    left: 80%;
}

#pane_filament_four {
    position:  absolute;
    left: 108%;
    top: -50%;
}

#site_level_business_suite {
       height:2405px;
}

#site-business-suite-about{

       height:2405px;
}

#site-business-suite-pricing{

       height:2405px;
}

.business-suite-connect {
     position: relative;
     width: 100%;
}

.nav-bar-container {
      height: 60px;
      width: 325px;

      left: 19.8%;
      top: -1.9px;

      position:  absolute;
}

.social-nav-bar-abs {
        margin: 10.085px;
        padding: 5px;
        height: auto;
        width: auto;
        float: left;
        position: relative;
        left: 2px;
        top: -5px;
}

.social-nav-bar-abs img {
        display: inline;

        width: 30px; 
        height: 30px;
}

.social_nav_bar {
        margin: 5px;
        padding: 5px;
        height: auto;
        width: auto;
        float: left;
        position: relative;
        left: 215px;
        top: -7px;
}

.social_nav_bar img {
        display: inline;
        margin: 5px;

        width: 30px; 
        height: 30px;
}

.social_nav_bar_text {
        margin: 5px;
        padding: 5px;
        height: auto;
        width: auto;
        float: left;
        position: relative;
        left: -3px;
        top: 190px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#mid_level_suite {
       height:1800px;
}

#mid-suite-about {
       height:1800px;
}

#mid-suite-pricing {     
       height:1800px;
}

.mid-suite-connect{
      position: absolute;
      width: 100%;
}

.hotel-suite{
    position: absolute;
    width: 100%;
}

.key-connect{
	height: 365px;

     top:-13.5px;
}

.room-view{		  		  
	background: linear-gradient(#0d53b2 1%, #1c5cb4 46.25%, #3176c1, #3f8be3 );	
}

.standards-pane {
    position: absolute;
 
    height: 400px;
    width: 1500px;

    top: 65px;
    left:3.5%;
}

.splash-down {
    position: absolute;
    top: .01%;

    color:orange;
      
    font-weight:bold;
    font-size: 20pt;
}

.pane-text-cross {
    position: absolute;
    left: 33.5%; 

    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13pt;
    width:46vw;
    
    color: white;
}

.standards-button {
    position: absolute;

    top: 10%;  
}

#hl_standards_pane_two {
     display:none;
}

#hl_standards_pane_three {

     display:none;
}

.movie-suite {
    
     top: 340px;
    
     position: absolute;
     margin: -8px;
     
     background-size : 100%;
     background-repeat: no-repeat;
     
     width: 101%;

     z-index: 1;
}

#suite-movie-4 {
     
	 background-image: url('../img/corporate-reputation-slide-4.jpg');
	
     background-position: 0 -140px;

     color: white;
	 background-color: white;
     
     height: 485px;
     
}

#suite-movie-4-about {

    background-color: #3B3E43;  

   background-image: url('../img/business-reputation-management-services-about-suite.jpg');
   background-position: 0 -200px;

   height: 485px;  
}

#suite-movie-4-contact {

    background-color: #FFFFFF;
    height: 615px;
    background-image: url('../img/corporate-reputation-contact-suite-high.jpg');

    background-position: 0 0px;
}

#suite-movie-4-pricing { 

    background-color: #3B3E43;

    background-image: url('../img/business-reputation-management-services-pricing-suite.jpg');
    background-position: 0 -30px;

    height: 600px;
}

#suite_command_deck_one {

    top: 845px;

    height: 1300px;

 	background-color: #FFFFFF;

}

#suite-command-deck-about {
    top: 825px;
     
    height: 1000px;
       
 	background-color: #FFFFFF;
}

#suite-command-deck-contact {
      
    top: 800px;
         
    height: 1350px;

 	 background-color: #FFFFFF;
}

#contact-blue-hold {
    position: absolute; 
    left: 52.5%;
    top: 2.5%;
    height:80px;
    width: 475px;

    z-index:11;
}

#contact-blue {
    position: absolute; 
    left: 0%;
    top: -12%;
    height:85px;
    width: 77px;
}

.contact-blue-text {
    position: absolute;

    font-weight:bold;
    z-index:10;
    
}

.c-blue-text-high {
    top: -30%;  
    width: 400px;
    height:40vh;
    font-size: 2.6vw; 
    left: 15%;
}

.c-blue-text-low {
    top: 40%;  
    width: 450px;
    height:40vh;
    font-size: 1.5vw; 
    left: 13.75%;
}

.ct-color-left {
     color: #666666;
}

.ct-color-right {
     color: #297cbe;
}

#info-graph-one-contact {
       
       top:17%;
}

#info-graph-two-contact {
       
       top:36%;
}

#info-graph-three-contact {
       
       top:55%;
}

.info-graph-side-bar {
      position: absolute;
       
       width: 45%;
       
       height: 183.5px;

       left:-8.5%;
}

#contact-hoplite-phone {      
       top:20.75%;
}

#contact-hoplite-email {
       top:39.75%;
}

#contact-hoplite-web {
       top:59.75%;
}

.ct-hoplite-emblem {
       position: absolute;

       height: 119px;
       width: 42%;

       left:52.5%;
}

.bl-banner-contact-large {
       position: absolute;
       
       width: 88.25%;

       height: 45px;
       left:0%;
       top:15%;
}

.tq-banner-contact-small {

      position: absolute;

      width: 81%;
 
       height: 42.75px;

      right:-1.75%;
      bottom:7.25%;
}

.contact-splash {
    position: absolute;
    color: white;
 
    z-index: 4;
}

.ct-uplevel-splash {
    top: 9%;
    left: 11.5%;
}

.coffee-font-high{
    font-weight:bold;
    font-size: 315%;
}

.coffee-font-low{
    font-size: 220%;
}

.ct-downlevel-link {
    top: 53%;
    left: 28%;
}

#world-wide-contact  {
      position: absolute;
       
       width: 21%;
       height: 22%;
       left:5%;
       bottom:1%;
}

#ct-info-graph-right-side-bar {
      position: absolute;
       
       width: 40%;
       height: 18%;
       right: 4%;
       bottom:2.5%;

}

#suite-command-deck-pricing { 

       top: 825px;
       height: 1000px;     
       background-color: #FFFFFF; 
}

.price-deck-ppt {
      position: absolute;
       
       width: 200px;
       height: 200px;
}

#price-cmd-deck-ppt-1 {
       left: 15%;
       top:4%;
}

#price-cmd-deck-ppt-2 {
       left: 45%;
       top:4%;
}

#price-cmd-deck-ppt-3 {
       left: 75%;
       top:4%;
}

#price-cmd-deck-ppt-4 {
       left: 25%;
       top:35%;
}

#price-cmd-deck-ppt-5 {
       left: 60%;
       top:35%;
}

#price-five-ppt-1 {
       left: 75%;
       top:4%;
}

#pricedeck-ppt-text-1{
       left: 9%;
}

#pricedeck-ppt-text-2{
       left: 40%;
}

#pricedeck-ppt-text-3{
       left: 70%;
}

#pricedeck-ppt-text-4{
       left: 20%;
}

#pricedeck-ppt-text-5{
       left: 55%;
}

#pricefive-ppt-text-1 {
      left: 70%;
      top: 50%;
}

.hl-txt-splash-holder-pricing{
    text-align: center;
    
     height:  220px;
     width: 350px;

     position:absolute; 
}

.txt-pricing-bar{  
   top: 18%;
}

.txt-pricing-bar-2{  
   top: 47%;
}

.tl-group-pricing{
  bottom: 12%;
}

.command-deck {
       position: absolute;
       margin: -8px;
       width: 101%;
}

#deck-phone-right{
      position: absolute; 

      height: 800px;
      width: 476px;

      right: 5%;
      top: 10%;
}

.at-deck-element-left {
     position: absolute;
     left: 12.5%;

     height: 162.5px;
     width: 170px;
}

#at-deck-image-first {
     
     top: 2.75%;
}

#at-deck-image-second {      
      
      top: 32.75%;
      	
}

#at-deck-image-third { 
     
     top: 64%;

}

#suite-footer-main{
   top: 3687px;
}

#suite-footer-about{
   top: 3873px;
}

#suite-footer-contact{
   top: 4172px;
}

#suite-footer-pricing{
   top: 3914.75px;
}

#suite-footer-kb-main{
	top: 2100px;	
}

.suite-footer {
    position: absolute;
 
    height:600px;
    width: 100%;
} 
 
.suite-footer-logo {
    position: absolute;

    width:330px;
    height: 160px;

    left: 2%;
    top: 35%;

    background-image: url('../img/hoplite-reputation-services-logo.gif');
}

.suite-footer-menu-one {
    position: absolute;
    width:315px;
    height: 300px;

    left: 35%;
    top:15%;
}

.menu-one-link-list {
    position: absolute;
 
    font-size: 25px;
    left: 10%;
    top: 25%;

    height: 210px;
    width: 100px;
} 

.deck-one-header-box {
    font-size: 25px;

    height: 50px;
    width: 100%;

}

.link-list-text
{
     color: white;
}

.link-list-text a
{
     color: white;
}

.link-list-text a:hover {
     color: #797A7C;
     text-decoration: none;
}

.suite-footer-menu-two {
    position: absolute;
    width:315px;
    height: 300px;

    left: 65%;
    top:15%;
}

.menu-two-link-list {
    position: absolute;
 
    font-size: 25px;
    left: 10%;
    top: 25%;

    height: 210px;
    width: 200px;
} 

.deck-two-header-box {
    font-size: 25px;

    height: 50px;
    width: 100%;
}

.suite-footer-menu-social {
    position: absolute;
    width:415px;
    height: 100px;

    left: 55%;
    top:65%;
}

.deck-social-header-box {
    font-size: 25px;

    height: 50px;
    width: 100%;
}

.footer-nav-bar-container {
    position: absolute;
    left: 1.37%;
    top: 48%;

    height: 50px;
    width: 500px;
}

.PostBox {
  background-color: #F2F2F2;
  width:330px; 
  height:415px;  
  box-shadow: 4px 4px 2px #888888;
  cursor: default;    
  position: absolute;
}

.PostBoxImage {
  width: 100%;
  height: 40%;

  cursor: inherit; 

  position: absolute;

  background-size: 100% 100%;
}

.PostBoxText {
   width: 98%;
   height:58%;
   top: 40%;

   cursor: inherit; 

   position: absolute;

   font-family: 'Slabo 27px', serif;
   color: #1F2B3B;
  
   font-size: 20px;
}

#firstpost {
   top: 28%;
   left: 2.5%;
}

#firstpost_image{
   background-image: url("../img/article-post-1.jpg");
}

#secondpost {
  top: 28%;
  left: 35%;
}

#secondpost_image{
   background-image: url("../img/article-post-2.jpg");
}

#thirdpost {
  top: 28%;
  left: 67.5%;
}

#thirdpost_image{
   background-image: url("../img/article-post-3.jpg");
}

#fourthpost {
  top: 65.5%;
  left: 2.5%;
}

#fourthpost_image{
   background-image: url("../img/article-post-4.jpg");
}

#fifthpost {

  top: 65.5%;
  left: 35%;
}

#fifthpost_image{
   background-image: url("../img/article-post-5.jpeg");
}

#sixthpost {

  top: 65.5%;
  left: 67.5%;
}

#sixthpost_image{
   background-image: url("../img/article-post-6.jpeg");
}

#contact-firstpost {

   top: 30%;
   left: 2.5%;
} 

#contact-firstpost-image{
   background-image: url("../img/article-post-7.jpg");
}

#contact-secondpost {

   top: 30%;
   left: 37%;
} 

#contact-secondpost-image {
   background-image: url("../img/article-post-8.jpg");
}

#contact-thirdpost {

   top: 30%;
   left: 73%;
} 

#contact-thirdpost-image{
   background-image: url("../img/article-post-9.jpg");
}


#box_div_section_two {
    width: 96%;	
    height:25%;
    padding: 5px;
    margin: 25px;
    position: absolute;	
    z-index: 3;
}

.central{
	text-align: center;
    font-family: 'Slabo 27px', serif;                
}

.text1 {
	font-size: 25px;
} 

.text3 {
	color: white;
	font-size: 50px;
} 

.text4 {
	font-size: 37px;
}

.text5 {
	font-size: 25px;
}

.text6 {
	color: black;
	font-size: 50px;

        font-weight:bold;
} 

.text7 {
	font-size: 25px;
	
    color: black;
    font-weight:bold;
}
.text8 {
	font-size: 25px;
    font-weight:bold;

	position: relative;
    bottom: -10%;
}

#m-subsect-two {
        top: 20px;
        position:relative;
}

#m-subsect-contact-five {
        top: 40px;
        position:relative;
}

.standard-four-set {
        margin: -8px;   
        width: 101.1%; 

        position:absolute;
} 

#section-spaced-four {

	   background-color:#F8F9FB;
       background-image: url('../img/corporate-reputation-slide-5.jpg');       
       background-size : 100% 100%;
       background-size: cover;
       background-repeat: no-repeat;
	   margin: -8px;   
       width: 101.1%;

       height: 500px;

       top:2145px;
     
       position:absolute;
 }

  #section-standard-four-about {
      top:1825px;

      height: 500px;

       background-color: #E6E7E9;
        /*background-color: #dadada;*/
  }

  #section-standard-four-contact {
       top: 2125px;

       height: 550px; 

       background-image: url('../img/corporate-reputation-contact-suite-low.jpg');       
      
       background-size : 100%;
       background-repeat: no-repeat;
       background-position: 0 -110px;

       background-color: #E6E7E9;

  }

  #section-standard-four-pricing {
      top:1825px;

      height: 500px;

      background-color: #E6E7E9;

      background-image: url('../img/online-reputation-management-pricing-four.jpg');
      background-position: 0 -175px;

      background-size: 100% 100%;     
      background-size: cover;

  }

  .standard-five-set {
       margin: -8px;   
       width: 101.1%; 

       position:absolute;
   }

#section-spaced-five {

	margin: -8px;   
    width: 101.1%;
        
	height: 550px;

    top:2645px;
   
    position:absolute;
}

#subsection-five-gradient-element{
        margin: -8px; 
        width: 101.5%;
      	
	    height: 100%;
        top: 1.5%;
        left: 0%;

        background: #EEEEEE; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(-90deg, #E6E7E9, #FFFFFF); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(-90deg, #E6E7E9, #FFFFFF); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(-90deg, #E6E7E9, #FFFFFF); /* For Firefox 3.6 to 15 */
        background: linear-gradient(-90deg, #E6E7E9, #FFFFFF); /* Standard syntax */

        position:absolute;
}
  
#subsect-five-i-element{
        width: 800px;

        height: 85%;
        top: 5%;  	

        position:absolute; 
               
        left: -1%;
}

.i-splash-five{
   width: 795px;
   
   height: 100%;	

    display: block;
    margin-left: auto;
    margin-right: auto;
}

#section-standard-five-about {
      height: 550px;

      top:2325px;

      background-image: url('../img/online-reputation-managment-about-five.jpg');
      background-size: 100% 100%;
      background-position: 0 0px;
      background-size: cover;

       background-color: #FFFFFF;
}

#section-standard-five-contact {
     height: 625px;

     top:2625px;

     background-color: #FFFFFF;
} 


#section-standard-five-pricing {
     height: 550px;

     top:2325px;

     /*background-image: url('shutterstock_309059900.jpg');
     background-position: 0 -36px;

     background-size: 100% 100%;     
     background-size: cover;

     */     
     background-color: #FFFFFF;
}

#price-sctstdfive-ppt-flash {
       width: 65%;
        
       height: 95%;
       
       top:3%;

       position:absolute; 

}

.standard-six-set {
      margin: -8px;   
       width: 101.5%;
    
       position:absolute; 
}

#section-spaced-six {
	
       margin: -8px;   
       width: 101.5%;
        
       height: 500px;
       
       top:3194.5px;

       position:absolute; 
} 

.img-six-basic{
	width: 155px;        
    height: 227px;	
	top:9.5%;	
	position:absolute;
}

#img-six-A{
	left: 7%;	
}

#img-six-B{
	left: 30%;	
}

#img-six-C{
	left: 54%;	
}

#img-six-D{
	left: 78%;	
}

#section-standard-six-about {
   height: 500px;

   top:2874.5px;

   background-color: #FFFFFF;
}

#section-standard-six-contact {
   height: 500px;

   top:3175px;

   background-color: #E6E7E9;
}

.reputation-slide-show {
    position: absolute;

    height: 400px;
    width: 925px;

    background-color: #F2F2F2;
    
    left:2%;
    top:10%;

    z-index:2;
} 

.slide {
    position: absolute;

    height: 400px;
    width: 88%;

    left:0%;
    top:0%;

    z-index:6;

    
}

#r-ss-slide-one{

}

#r-ss-slide-two {
  display:none;
}

#r-ss-slide-three {
  display:none;
}

#r-ss-slide-four {
  display:none;
}

#r-ss-slide-five {
  display:none;
}

.slide-img {
   position: absolute;

    height:80%;
    width:50%;

    left:0%;
}

.sc {
      line-height: 25px;
      text-align: center;

      position: absolute;
}

.splash-c-ss{
          
       right: 5%;
       top: 2.5%;

       width: 350px;
       height: 75%;

}

.splash-d-slides-six {
    position: absolute;
    top: 18%;

    left: 4%;

   color: #0E8DD0;     
    font-weight:bold;
    font-size: 20pt;
}

#splash-c-stride{  
       right: 7.5%;
       top: 10%;

       width: 350px;
       height: 75%;

}

.splash-d-stride-six {
    position: absolute;
    top: 18%;

    left: 4%;

   color: #0E8DD0;     
    font-weight:bold;
    font-size: 20pt;
}

.hop-nav-ss{
      position: absolute;

      width:200px;
      left: 25%;
    
      top: 50%;
}

#hop-nav-sec-six-contact-right {
     position: absolute;

      width:250px;
      left: 15%;
      
      top: 50%;
     
}

.rs-touch-press{
    position: absolute;

    height: 56px;
    width: 100px;

    right: 0%;

    border-top: 1px solid black;
    border-bottom: 1px solid black;

    z-index: 10;
}

#r-slide-touch-one{
    border-top: 2px solid black;
    top:60px;
}

#r-slide-touch-two{
    top: 116px;
}

#r-slide-touch-three{
    top: 172px;
}

#r-slide-touch-four{
    top: 228px;
}

#r-slide-touch-five{
    top: 284px;
    border-bottom: 2px solid black;
}

.s-touch-txt {
   position: relative;

   color: black;
   font-size: 18px;
   text-align: center;
}

#section-standard-six-pricing {
   height: 500px;

   top:2874.5px;

   background-color: #E6E7E9; background-image: url('../img/online-reputation-management-pricing-six.jpg'); 
   background-repeat: no-repeat;
     background-position: 0 -160px;

     background-size: 100% 100%;     
     background-size: cover;
}

.hop-g-high{
	top: 0%;
	position: absolute;
	
	text-align: center;
    font-family: 'Slabo 27px', serif; 
}

.hop-g-low{
	color: #000000;
	position: absolute;

    font-family: 'Slabo 27px', serif; 
}

.tl-group-five-about{
	bottom: 12%;
}

.tl-group-six-about{
	bottom: 0%;
}

.tl-group-five{
	bottom: 0%;
}

.tl-group-six{
	bottom: 0%;
}

.hl-txt-splash-holder{
	  text-align: center;
    
	   height:  185px;

    position:absolute; 

}

.hl-txt-splash-holder-six-about{
	  text-align: center;
    
	   height:  220px;

     position:absolute; 
}

.txt-five-bar{
	 width: 350px;	 
	right: 5%;
          
}

.txt-six-bar{
	 width: 280px;	 
	bottom: 5%;
}

.txt-command-about-bar{
	 width: 350px;	 
	left: 7%;
}

.hlt-orange{
	color: #f7941d;
}

.hlt-red{
	color: #f25a29; 
}

.hlt-blue{
	color: #27aae2;
}

.hlt-cmd-about-one{
	color: #5d8aa1;
}

.hlt-cmd-about-two{
	color: #E6E7E9;
}

.hlt-cmd-about-blue{
	color: #76c2fe;
}

.hlt-cmd-about-stdblue{
	color: #0E8DD0;
}

#five-spaced-one{	     
	 top: 0%;
}

#five-spaced-two{    
	 top: 32%;	 
}

#five-spaced-three{
	top: 65%;	
}

#c-deck-about-spaced-one{	     
	 top: 15%;
}

#c-deck-about-spaced-two{	     
	 top: 45%;
}

#c-deck-about-spaced-three{	     
	 top: 75%;
}

#six-spaced-one {
	left:14.5%;
}

#six-spaced-two {
	left:62.5%;
}

#six-about-spaced-one {
	left:14.5%;
}

#six-about-spaced-two {
	left:62.5%;
}

.text4 {
        font-size: 41px;
}

.text5 {
       color: black;
       font-weight:bold;
       font-size: 25px;
}

.text7 {
	font-size: 25px;
        top: -10px;
}

.button-box-edged-standard-filled-kb-article {
    background-color: #0093D8; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer; 

    font-family: 'Lato', sans-serif;
}

.button-box-edged-standard-filled-kb-article1 {
    position: absolute;
    left: 2.5%;
    bottom: -1%;
}

.button-box-edged-standard-filled-kb-article:link {    
    color: white;
    text-decoration: none;
}

.button-box-edged-standard-filled-kb-article:visited {   
    color: white;
    text-decoration: none;   
}

.button-box-edged-standard-filled-kb-article:hover{
   background-color: #004A91; 
   color: white;
   text-decoration: none;
}

#hop-index-kb-nav{

	width:500px;
}

.button-box-edged-standard{
	background-color: #0093D8; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer; 

    font-family: 'Lato', sans-serif;
}

.button-box-edged-standard1{
	position: absolute;
	left: 0;
        right: 0;
         margin: auto;

	 bottom: 11%;
	 
	 left: -1.5%;
}

.button-box-edged-standard:link { 
	color: white;
    text-decoration: none;
}

.button-box-edged-standard:visited {   
    color: white;
    text-decoration: none;   
}

.button-box-edged-standard:hover{
   background-color: #004A91; 
   color: white;
   text-decoration: none;
}

.button-box-edged-standard-kb{
	background-color: #0093D8; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer; 

    font-family: 'Lato', sans-serif;
}

.button-box-edged-standard-kb1{
	position: absolute;	 
	 left: 4.5%;
}

.button-box-edged-standard-kb:link { 
	color: white;
    text-decoration: none;
}

.button-box-edged-standard-kb:visited {   
    color: white;
    text-decoration: none;   
}

.button-box-edged-standard-kb:hover{
   background-color: #004A91; 
   color: white;
   text-decoration: none;
}

.i-splash-about-four {
       position: absolute;	 
       right: .5%;

       width: 70%;
       height:95%;
}

#splash-con{

       position: absolute;	 
       left: 1.25%;
       top: 12.5%;

       width: 400px;
       height: 190px;

      line-height: 25px;
      text-align: center;

}

.splash-down-about-four {
    position: absolute;
    top: 18%;

    left: 4%;

   color: #0E8DD0;     
    font-weight:bold;
    font-size: 20pt;
}

#hop-nav-sec-four-kb-main {
     position: absolute;

      width:250px;
      left: 19%;
      
      bottom: 2%;
     
}

#hop-nav-sec-four-kb {
     position: absolute;

      width:250px;
      left: 7%;
      top: 70%;
}

#img-about-four-A {
      
      left: 0%;
      height:100%;
}

#img-about-six-A {
     left: 16%;
}

#img-about-six-B {
     left: 40%;
}

#img-about-six-C {
     left: 64.5%;
}

.img-section-six-about {
      position: absolute;
      
      top: 17%;
      width: 14%;
      height:37%;
    
}