body
{font-family: 'Open Sans', sans-serif;
overflow-y: auto;}
.no-pd
{padding:0;}
.tap-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#tap-bg-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.50);
}
.main-wrapper
{position: relative;}
/*-------header--------*/
nav.tap-header {
    min-height: 50px;
    background: #fff;
}
nav.tap-header a {
    display: inline-block;
    max-width: 200px;
    max-height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
nav.tap-header #main-logo
{max-width: 100%;}
nav.tap-header p
{
    text-align: right;
    padding: 15px;
    margin: 0;
}
.header-text.show-for-small-only {
    text-align: center;
    padding: 15px;
    margin-top: 63px;
}
/*------icons-------*/
@-webkit-keyframes pulsate {
    0%   {background: rgba(255, 255, 255, 0.15);}
    50%  {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0.15);}

}
span.icons_anim {
    background: rgba(255, 255, 255, 0.15);
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
    transition: all 1s ease;
}
span.icons_anim:hover {
    padding: 14px;
    animation-name: pulsate;
    animation-duration: 0.4s;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
span.icons_anim i {
    color: white;
    background-color: #296ba4;
    border-radius: 50%;
    width: 50px;
    text-align: center;
    height: 50px;
    padding: 15px;
    font-size: 22px;
    transform-origin: center;
    transition: all 1s ease;
}
span.icons_anim:hover i {
    transform: scale(1.2,1.2);
}
/*-------content------*/
.tap-content > .row
{
	max-width:72.5rem;
}
.tap-content ul
{
	margin: 50% 0;
}
.tap-content ul>li 
{
	list-style: none;
	margin: 30px 0;
    min-height: 100px;
}
.tap-content ul>li p {
    color: #fff;
    width: 75%;
    float: left;
}
.tap-content ul.text-left>li p {
    color: #fff;
    float: right;
}
/*------android phone/iphone-----*/
.android_phone, .iphone {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 15% 0;
    max-width: 250px;
}
.android_phone img:first-child ,.iphone img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 16% 4%;
}
.android_phone img:last-child, .iphone img:last-child {
    position: relative;
}
.iphone img:first-child {
    padding: 30% 6%;
}
.all_app {
    position: relative;
    overflow: hidden;
        margin: 15% 0;
}
.all_app .phones {
    position: relative;
    z-index: 2;
}
.all_app .android, .all_app .iphone {
    position: absolute;
}
.all_app .android {
    padding: 10% 2%;
    width: 64%;
    z-index: 1;
    left: 12px;
}
.all_app .iphone {
        padding: 7% 2%;
    width: 56%;
    z-index: 0;
    right: 9px;
}
.links img {
    width: 200px;
    max-width: 100%;
    margin: 2% 0px;
    margin-bottom: 15px;
}
@media (max-width: 1280px)
{
    .all_app {
    max-width: 300px;
    margin: 10% auto;
   }
   .all_app .android {
    width: 70%;
    left: 0;
   }
   .all_app .iphone {
    padding: 9% 2%;
    right: 0;
   }
}
@media screen and (min-width: 1025px) and (max-width: 1280px)
{
    .tap-content ul {
     margin: 42% 0;
    }
   .links img {
    width: 170px;
    margin: 1% 0px;
    margin-bottom: 15px;
   }
}
@media screen and (min-width: 640px) and (max-width: 769px)
{
    .mockups
    {
        left:0;
        width:100%;
    }
    .left-points, .right-points
    {
        right:0;
        width:50%;
    }
    .tap-content ul {
    margin: 15% 0;
    }
}
@media screen and (max-width: 639px)
{
    .tap-content ul {
        margin: 0;
    }
    .tap-content ul>li
    {min-height: auto;}
}