.container-1a {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 100%;
}

.pad-contact {
  border-radius: 6px;
  padding: 0.5%;
  color: #303030;
  background: #fff;
  overflow: hidden;
}

.pad-contact.shadow {
  box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12);
}

p.hero-1a,
.p.hero-1a {
  font-size: 72px;
  line-height: 1.25;
  letter-spacing: -1px;
  font-weight: 300;
  margin-bottom: 25px;
}

.container-1c {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 100%;
}

@media (min-width: 920px) {
    .demo {
        padding-bottom:0
    }
}

.demo-step {
    margin-bottom: 1.5em;
    -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 620px) {
    .demo-step {
        margin-bottom:1em
    }
}

.demo-step:last-child {
    margin-bottom: 0
}

@media (min-width: 920px) {
    .demo-step {
        opacity:0.5;
        cursor: pointer
    }

    .demo-step.is-active {
        color: #23292F;
        opacity: 1
    }
}

.phone_demo {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #2196F3;
    -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 920px) {
    .demo-step__number {
        width:50px;
        height: 50px;
        line-height: 100px;
        margin-right: 1.5em;
        background-color: #9DA6B0
    }

    .demo-step.is-active .demo-step__number {
        background-color: #2196F3
    }
}
.demo-step__number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #2196F3;
    -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 920px) {
    .demo-step__number {
        width:50px;
        height: 50px;
        line-height: 50px;
        margin-right: 1.5em;
        background-color: #9DA6B0
    }

    .demo-step.is-active .demo-step__number {
        background-color: #2196F3
    }
}

.demo-phone {
    display: block;
    position: relative;
    width: 387px;
    height: 766px;
    margin-top: -120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -120px
}

.demo-phone__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.45s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),visibility 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1)
}

.demo-phone__image.is-active {
    opacity: 10;
    visibility: visible;
    -webkit-transform: none;
    transform: none
    display: block;
    position: relative;
    width: 387px;
    height: 766px;
    margin-top: -120px
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

.float-left {
float: left;
margin-bottom: 40px;
margin-right: 30px;


}

.float-center {
float: center;
margin-bottom: 1.5em;
margin-right: 1.5em;


}


.darken60 {
    filter: brightness(.60);
    -webkit-filter: brightness(.60);
}

.lightblue {
  background: #5caff2 !important;
  color: #fff !important;
}

.offwhite {
  background: #E3E0E0  !important;
  color: #fff !important;
}

.darkgrey {
  background: #4c4c4c !important
  color: #fff !important
}

h1, .h145 {
  font-size: 45px;
  line-height: 1.05;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -0.036em;
}
p,
.p-step {
  font-size: 24px;
  line-height: 1.385;
  margin-bottom: 50px;
  opacity: 0.8;
}

.box-retail :hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13);
  opacity: 0.95;
}

.box-retail .thumbnail-74 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.box-retail .thumbnail-74 img {
  border-radius: 0px 0px 0 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.box-retail :hover .thumbnail-74 img {
  -webkit-transform: scale(1.0225);
          transform: scale(1.0225);
}

.gradiantblue {
	margin-top: 0em;
    padding-top: 1em !important;
    padding-bottom: 1em;

	background: rgba(5,117,215,1);
	background: -moz-linear-gradient(left, rgba(5,117,215,1) 0%, rgba(83,183,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,117,215,1)), color-stop(100%, rgba(83,183,255,1)));
	background: -webkit-linear-gradient(left, rgba(5,117,215,1) 0%, rgba(83,183,255,1) 100%);
	background: -o-linear-gradient(left, rgba(5,117,215,1) 0%, rgba(83,183,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(5,117,215,1) 0%, rgba(83,183,255,1) 100%);
	background: linear-gradient(to right, rgba(5,117,215,1) 0%, rgba(83,183,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0575d7', endColorstr='#53b7ff', GradientType=1 );
}