.pacifico {
  font-family: 'Pacifico' !important;
	font-style: normal !important;
}

/* pacifico-regular - latin */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: url('../pacifico/pacifico-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Pacifico Regular'), local('Pacifico-Regular'),
         url('../pacifico//pacifico-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../pacifico/pacifico-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../pacifico/pacifico-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../pacifico/pacifico-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../pacifico/pacifico-v13-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
  }

html,
body,
header,
.jarallax {
    height: 700px;
    scroll-behavior: smooth }

.jarallax1 {
  height: 600px;
  }

@media (max-width: 740px) {
          html,
          body,
          header,
          .jarallax {
            height: 100vh;
          }
        }

        @media (min-width: 800px) and (max-width: 850px) {
          html,
          body,
          header,
          .jarallax {
            height: 100vh;
          }
        }

        @media (min-width: 560px) and (max-width: 650px) {
          header .jarallax h1 {
            margin-bottom: .5rem !important;
          }
          header .jarallax h5 {
            margin-bottom: .5rem !important;
          }
        }


        @media (min-width: 660px) and (max-width: 700px) {
          header .jarallax h1 {
            margin-bottom: 1.5rem !important;
          }
          header .jarallax h5 {
            margin-bottom: 1.5rem !important;
          }
        }

        .top-nav-collapse {
            background-color: #FFFFFF !important;
        }
        .navbar:not(.top-nav-collapse) {
            background: rgba(255, 255, 255, 0.5) !important;
        }
        @media (max-width: 768px) {
            .navbar:not(.top-nav-collapse) {
                background: #FFFFFF !important;
            }
        }

        @media (min-width: 800px) and (max-width: 850px) {
            .navbar:not(.top-nav-collapse) {
                background: #FFFFFF !important;
            }
        }

        footer.page-footer {
            background-color: #9da4b1;
        }
	.logo{
		max-width:100%;
		}
	
	.ssd-color {
		background-color:#26689F;
		}
	.text-ssd {
		color:#26689F;
		}
	
	.clientlogo{
		max-width:250px;
		max-height:80px;
		padding-top: 15px;
		}
	.heading-ssd{
		color:#FF8B15;
		}
		
	.ssd-blue-bg{
			Background-color:#1169A3 !important;
			}
  
.ssd-orange-bg{
  Background-color:#FF8B15 !important;
  }
.ssd-yellow-bg{
       Background-color:#FFCC0C !important;
        }

.ssd-green-bg{
          Background-color:#13AE83 !important;
          }

.ssd-orange-text{
  color:#FF8B15;
  }

  .ssd-blue-text{
    color:#1169A3;
    }

.ssd-yellow-text{
    color:#FFCC0C;
      }

.ssd-green-text{
      color:#13AE83;
        }

.ssd-orange-bg{
Background-color:#FF8B15;
}

.ssd-grey-bg{
Background-color:#9da4b1 !important;
}
			
.viewbg{
	
	background-image: url("../img/assets/SeeSayDoIconBG.png");
	background-size: cover;
	background-position: center center;
  background-repeat: no-repeat;
	
}

.blockbg{
	
	background-image: url("../img/assets/blocks.png");
	background-size: cover;
	background-position: center center;
  background-repeat: no-repeat;
	
}

.viewbgcolor{
  background-color: #E9E9E9;
	
}

.homebg{
	
	background-image: url("../img/assets/SSD_Grey_Head.png");
	background-size: auto 650px; 
	background-position: top right;
  background-repeat: no-repeat;
  background-attachment: scroll;
	
}



@media (max-width: 1670px) {
  .homebg {
      background-image: none;
  }
}

.homelogo {
  width: 100%;
}
 

.fa-play:before {
  margin-left: .3rem;
}

/* Steps */
.step {
  list-style: none;
  margin: 0;
}

.step-element {
  display: flex;
  padding: 1rem 0;
}

.step-number {
  position: relative;
  width: 7rem;
  flex-shrink: 0;
  text-align: center;
}

.step-number .number {
  color: #bfc5ca;
  background-color: #eaeff4;
  font-size: 1.5rem;
}

.step-number .number {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  border-radius: 10rem;
}

.step-number::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 48px;
  bottom: -2rem;
  margin-left: -1px;
  border-left: 2px dashed #eaeff4;
}

.step .step-element:last-child .step-number::before {
  bottom: 1rem;
}
.logogif{
  max-width: 90%;
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.firstseparator {
  height: 10px;
  margin-top: 50px;
}

.separator {
  height: 10px;
  margin-top: 200px;
}

.separatorhr {
  background-image: url("../img/assets/stripes.png");
	background-size: cover;
	background-position:center center;
  background-repeat: no-repeat; 
  height: 10px;
  margin-bottom: 200px;
  margin-top: 200px;
}


.separatorhead {
  background-image: url("../img/assets/ssd_hr_head.png");
	background-size: auto;
	background-position:center center;
  background-repeat: no-repeat; 
  height: 50px;
  margin-bottom: 200px;
  margin-top: 200px;
}

.ssdproduct {
  color: #9da4b1 !important;
}
.ssdproduct:hover {
  -webkit-box-shadow: 0px 0px 3px 4px #9da4b1 !important;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 3px 4px #9da4b1 !important;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 3px 4px #9da4b1 !important;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}




.headerbgblock{
	
	background-image: url("../img/assets/headerblocks.png");
	background-size: cover;
	background-position: center center;
  background-repeat: no-repeat;
	
}

.btn-ssd{
  background: #13AE83;
  color: white;
  position:absolute;
}

.heading-safely-green{
  color: #02C39A;
}
.safelyheaderbgblock{
	
	background-image: url("../img/assets/safely_blocks.png");
	background-size: cover;
	background-position: center center;
  background-repeat: no-repeat;
	
}

.btn-app{
  max-width: 250px;
}
.safelyseparatorhr {
  background-image: url("../img/assets/safely_hr.png");
	background-size: cover;
	background-position:center center;
  background-repeat: no-repeat; 
  height: 10px;
  margin-bottom: 200px;
  margin-top: 200px;
}

.centerImage
{
 text-align:center;
 display:block;
}

.blockterm{
  font-size: 12pt;
}