@charset "utf-8";

/* CSS Document */

body{font-family: 'Open Sans', sans-serif;}

.monitoring-list ul {

    margin: 0;

    padding: 0;

    padding-left: 17px;

}
.safe-pc-img img {
    width: 367px;
}
.employee-child {

    font-size: 43px;

    font-weight: bold;

    line-height: 53px;

    margin-top: 10px;

}
.how-works-img.child-img img {
    width: 50%;
}
.tracking-img img {
    width: 100%;
}
.img-size-fix img {
    width: 100%;
}

.bg-primary {

    background-color: #343434 !important;

    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

}img.logo {

    width: 167px;

}

.one-step.left-img.curr span {

    color: #0c4b9a;

}

div#main_nav a {

    color: #fff ;

}

.right-txt-box .title.orange {

    color: #038eb6 !important;

}

.monitoring-software {

    padding: 14px 0;

    font-size: 26px;

    color: #038eb6;

}

span.software {

    color: #038eb6;

}

.banner-button {

    width: 100%;

    float: left;

    margin-top:15px;

}

.banner-button a {

    border-radius: 30px;

    margin-right: 20px;

    width: 224px;

    line-height: 41px;

}

.banner-button .btn-primary {

    color: #fff;

    background-color: #038eb6;

    border-color: #038eb6;

}

li.nav-item.sign-up a {

    background: #038eb6;

    color: #fff !important;

    border-radius: 20px;

    line-height: 11px;

    padding: 10px;

    width: 98px;

    text-align: center;

    margin-top: 6px;

}

.banner-section {

    width: 100%^;

    width: 100%;

    float: left;

    background-image: url(images/android_banner.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 10px 0;

}

div#star-reviews span {

    color: #0c4b9a;

}

span.review a {

    color: #2e2e2e;

    text-decoration: none;

    padding-left: 10px;

    font-size: 18px;

}

.banner-img img {

    width: 100%;

    text-align: center;

}

div#star-reviews {

    margin-top: 10px;

}

.monitoring-list li {

    font-size: 18px;

    padding: 7px 0;

}

.banner {

    padding: 50px 0;

}

.only-five-minute-slider .carousel-control-next-icon, .carousel-control-prev-icon {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: 100% 100%;

    background-color: #0000000f !important;

    border-radius: 99px;

}

nav#navbar_top li.nav-item.sign-up {

    margin-left: 20px;

}

nav#navbar_top li.nav-item {

    padding: 0 7px;

}

.banner-button .right-button {

    background-color: #0c4b9a;

    border-color: #0c4b9a;

}

span.viedeo {

    margin-left: 22px;

    /* color: #6eaec4 !important; */

}



span.video a {

    color: #2e2e2e;

    text-align: right;

     text-decoration: none;

}





.android-img {

    width: 100%;

    float: left;

    margin-top: 20px;

}

.cover-apps li i {

    content: "";

    display: block;

    width: 48px;

    height: 49px;

    font-style: normal;

    background:url(images/social_apps.png) no-repeat;

    margin: 0 auto 10px;

}

.video-play {

    width: 100%;

    float: left;

    margin-top: 25px;

}



.cover-apps li {

    width: 67px;

    margin-right: 47px;

    margin-top: 30px;

    color: #999;

    font-size: 14px;

}

.cover-apps {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    margin-top: 10px;

}

.cover-apps .snapchat i {

    background-position-y: 1px;

}

.cover-apps .instagram i {

    background-position-y: -57px;

}

.cover-apps .whatsapp i {

    background-position-y: -115px;

}

.cover-apps .whatsappb i {

    background-position-y: -173px;

}

.cover-apps .whatsappb i {

    background-position-y: -173px;

}

.cover-apps .facebook i {

    background-position-y: -231px;

}



.cover-apps .facebookl i {

    background-position-y: -289px;

}



.cover-apps .messenger i {

    background-position-y: -347px;

}



.cover-apps .messengerl i {

    background-position-y: -405px;

}



.cover-apps .line i {

    background-position-y: -463px;

}



.cover-apps .linel i {

    background-position-y: -521px;

}



.cover-apps .tinder i {

    background-position-y: -579px;

}



.cover-apps .telegram i {

    background-position-y: -637px;

}



.cover-apps .kik i {

    background-position-y: -695px;

}



.cover-apps .viber i {

    background-position-y: -753px;

}



.cover-apps .wechat i {

    background-position-y: -811px;

}



.cover-apps .qq i {

    background-position-y: -869px;

}

.caht-icons-section {

    width: 100%;

    float: left;

    text-align: center;

    padding: 100px 0;

}

.popular-apps {

    font-size: 36px;

    font-weight: 600;

}

.popular-sub-heading {

    margin-top: 26px;

}

.apps-icons-seciton {

    width: 988px;

    margin: 0 auto;

    padding: 0 15px;

  

}

ul.cover-apps p {

    color: #2e2e2e;

}

span.video .fa-play:before {

    content: "\f04b";

    background: #038eb6;

    color: #fff;

    padding: 7px 8px;

    border-radius: 999px;

    font-size: 10px;    margin-left: 12px;

    text-align: center;

}



.tracking-list {

    margin-top: 10px;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

}



.tracking-list li {

    width: 280px;

    height: 80px;

    background-color: #ffffff;

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    margin-right: 30px;

    margin-top: 30px;

    display: flex;

    align-items: center;

    padding-left: 20px;

}



.tracking-list li:nth-of-type(even) {

    margin-right: 0;

}



.tracking-list li i {

    display: block;

    width: 48px;

    height: 49px;

    background: url(images/keep_tracking.png) no-repeat;

    margin-right: 20px;

}



.tracking-list li:nth-child(0) i {

    background-position-y: 1px;

}



.tracking-list li:nth-child(1) i {

    background-position-y: -57px;

}



.tracking-list li:nth-child(2) i {

    background-position-y: -115px;

}



.tracking-list li:nth-child(3) i {

    background-position-y: -173px;

}

.tracking-whenever-section {

    background: #f1f5fb;

    width: 100%;

    float: left;

    padding: 100px;

}

.tracking-list p {

    font-weight: bold;

    font-size: 14px;

    margin-bottom: 0;

}

ul.tracking-list {

    margin: 0;

    padding: 0;

}



.access-list {

    list-style: none;

    margin: 10px 0;

    display: flex;

    flex-wrap: wrap;

}



.access-list li {

    width: 85px;

    margin-right: 38px;

    margin-top: 0px;

    text-align: center;

    font-size: 14px;

    color: #999;

}



.access-list li:nth-of-type(5n) {

    margin-right: 0;

    ;

}



.access-list li i {

    display: block;

    width: 48px;

    height: 48px;

    margin: 0 auto;

    background: url(images/phone_files.png) no-repeat;

}



.access-list li:nth-child(0) i {

    background-position-y: 1px;

}



.access-list li:nth-child(1) i {

    background-position-y: -57px;

}



.access-list li:nth-child(2) i {

    background-position-y: -115px;

}



.access-list li:nth-child(3) i {

    background-position-y: -173px;

}



.access-list li:nth-child(4) i {

    background-position-y: -231px;

}



.access-list li:nth-child(5) i {

    background-position-y: -289px;

}



.access-list li:nth-child(6) i {

    background-position-y: -347px;

}



.access-list li:nth-child(7) i {

    background-position-y: -405px;

}



.access-list li:nth-child(8) i {

    background-position-y: -463px;

}

.tracking-left.access-phone {

    text-align: left;

}

ul.access-list {

    margin: 0;

    padding: 0;

}

.five-minute-slider-section {

    width: 100%;

    float: left;

    text-align: center;

}



.only-five-minute-slider .step-left {

    margin-top: 20px;

}



.only-five-minute-slider .left-img-box {

    display: inline-block;

    vertical-align: top;

    margin-top: 15px;

    margin-right: 20px;

    position: relative;

}





.only-five-minute-slider .left-img-box span {

    position: absolute;

    font-size: 28px;

    color: #ffffff;

    font-family: MyriadArabic-Bold;

    left: 50%;

    top: 48%;

    transform: translate(-50%, -50%);

}







.only-five-minute-slider .curr .left-img-box span {

    color: #fff;

}

.only-five-minute-slider .right-txt-box {

    display: inline-block;

    width: 460px;

    text-align: left;

}



.only-five-minute-slider .right-txt-box .title {

    font-size: 24px;

    margin-bottom: 15px;

}



.only-five-minute-slider .monitoring .right-txt-box .desc {

    color: #666666;

}





.only-five-minute-slider p.line {

    margin: 10px 0;

    text-align: left;

}



.only-five-minute-slider p.line img {

    margin-left: 73px;

}



.only-five-minute-slider {

    width: 100%;

    float: left;

    margin-top: 50px;

}





.step-left-slider .carousel-indicators {

    position: absolute;

    right: 0;

    bottom: -35px;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    margin-right: 15%;

    margin-bottom: 1rem;

    margin-left: 15%;

    list-style: none;

    color: #000;

    display: flex;

    align-items: center;

}

.step-left-slider .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    /* width: 30px; */

    /* height: 3px; */

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #2e1e1e;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

    width: 11px;

    height: 11px;

    border-radius: 100%;

}

.full-guide-button {

    width: 100%;

    float: left;

    padding: 60px 0;

}



.full-guide-button a {

    color: #038eb6;

    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);

    border: solid 2px #038eb6;

    padding: 9px 40px;

    border-radius: 30px;

    text-decoration: none;

}







.full-guide-button a:hover {

    background: #038eb6;

color:#fff;

}

.pcTattletale-how-works{width:100%; float:left; background-image:url(images/bg2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}



.accounted {

    margin: 30px -15px;

}



.accounted .desc {

    font-size: 14px;

}



.accounted .accounted-icon {

    margin: auto;

    width: 80px;

    height: 80px;

    background: url(images/accounted_icon_sprites.png) no-repeat;

}



.accounted-icon.data-syncing {

    background-position: -10px -210px;

}



.accounted-icon.easy-installation {

    background-position: -110px -210px;

}



.accounted-icon.undetectable {

    background-position: -210px -10px;

}



.accounted-icon.privacy-data {

    background-position: -10px -110px;

}



.accounted-icon.more-types {

    background-position: -10px -10px;

}



.accounted-icon.competitive-price {

    background-position: -210px -110px;

}



.accounted-icon.multiple-languages {

    background-position: -110px -10px;

}



.accounted-icon.timely-customer {

    background-position: -110px -110px;

}



.the_number .accounted span {

    display: inline-block;

    width: 69px;

    height: 26px;

    color: #0c4b9a;

    font-size: 36px;

    margin-right: 10px;

}



.the_number .accounted .title {

    color: #2e2e2e;

    font-size: 18px;

    font-weight: bold;

    margin: 45px 0 15px;

}



.accounted .accounted-box {

    padding: 40px 20px 25px;

    border-radius: 10px;

    min-height: 305px;

    background-color: #ffffff;

    border: 1px solid #ddd;

}



.accounted .accounted-title {

    color: #2e2e2e;

    font-size: 16px;

    font-weight: bold;

    margin: 22px auto 16px;

}



.accounted .accounted-text {

    font-size: 16px;

    color: #666;

}



.best-tracker-phone-box {

    width: 100%;

    float: left;

    margin-top: 30px;

}

.trusted-tech {

    width: 100%;

    float: left;

    background-image: url(images/reviews_bg.jpg);

    background-repeat: no-repeat;

    background-position: center;

    padding-bottom: 46px;

    background-size: cover;

}



.trusted-slider {

    width: 100%;

    float: left;

    padding: 46px 0;

}

.trusted-tech .carousel-inner {

    background: #fff;

    width: 75%;

    margin: 0 auto;

    box-shadow: 0px 1px 5px 5px #dbd7d7;

    border-radius: 10px;

    padding: 40px 43px;

    height: 270px;

}



.trusted-tech .carousel-control-prev-icon {    outline: none;

 width: 48px;

    height: 78px;

    background-image:url(images/left-arrow.png);

}

.trusted-tech .carousel-control-next-icon {    outline: none;

   width: 48px;

    height: 78px;

    background-image:url(images/right-arrow.png);

}

.trusted-tech .carousel-indicators {

    position: absolute;

    right: 0;

    bottom: -60px;

    left: 0;    display: flex;

    align-items: center;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    margin-right: 15%;

    margin-bottom: 1rem;

    margin-left: 15%;

    list-style: none;

}



.trusted-tech .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 10px;

    padding: 0;display:

    text-indent: -999px;

    cursor: pointer;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    transition: opacity .6s ease;

    border-radius: 100%;

    margin-right: 14px;

}



.carousel-indicators button.active {

    background: #038eb6 !important;border: none !important;

}





.trusted-tech p.user_content {

    text-align: left;

}

.trusted-slider .carousel-inner img {

    padding-bottom: 26px;

}

.reviews_logos {

    width: 85%;

    margin: 0 auto;

}

.row.logos {

    width: 100///5;

    width: 100%;

    float: left;

    margin-top: 47px;

}

.reviews_logos img {

    padding: 18px;

}

.pcTattletale-best-tracker-phone .caht-icons-section {

    padding-bottom: 20px;

}
.leading-section .banner-button .right-button {
    background-color: #f6faff;
    border-color: #eff1f5;
}
.leading-section .banner-button .right-button {
    background-color: #f6faff;
    border-color: #eff1f5;
}
.leading-section .right-button {
    color: #0c4b9a;
}

.leading-section {
    width: 100%;
    float: left;
    text-align: center;
    background: #038eb6;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 91px 0;
}

.leading-hading {

    font-size: 36px;

    font-weight: 600;

    color: #fff;

}



.trusted-tech .caht-icons-section {

    width: 100%;

    float: left;

    text-align: center;

    padding: 100px 0 0 0;

}



.leading-per-day {

    font-size: 24px;

    color: #fff;

    padding: 15px 0;

}

.money-back {

    width: 66%;

    float: left;

    text-align: right;

    color: #fff;

    margin-top: 10px;

}

.faq-section .accordion-item {

    background-color: #fff;

    border: none;

}



.faq-section .accordion-button {

    padding: 6px 15px;

    line-height: 2;

    border: 1px solid #dddddd;

    border-radius: 5px;

    font-size: 16px;

    background: #eeeeee;

    cursor: pointer;

    font-weight: 500;

    margin-bottom: 10px;

}







.faq-section .accordion-body {

    padding: 10px 25px 15px 15px;

    border: 1px solid #dddddd;

    border-radius: 5px;

    font-size: 16px;

    background: #fff;

    color: #666666;

    line-height: 24px;

    margin-bottom: 10px;

}



.faq-section .accordion-button::after {



    content: '';

    display: inline-block;

    position: absolute;

    right: 0;

    width: 0;

    height: 0;

    border-width: 6px;

    border-style: solid;

    border-color: #bbbbbb transparent transparent;

    font-size: 0;

    line-height: 0;

    top: 50%;

    margin-top: -3px;

    margin-right: 10px;

}

.faq-section {

    text-align: left;

    margin-top: 59px;

}

.faq-section p {

    margin: 0;

}

.faq-section .accordion-button:not(.collapsed) {

    color: #383838;

    background-color: #eeeeee;

    box-shadow: none !important;

}





.footer_box a {

    text-decoration: none;

    /* text-align: center; */

}

.pay.social-icon img {

    width: 45px;

}

.footer_box img {

    width: 148px;

}

.footer {

    text-align: left;

    font-size: 14px;

    background: #313739;

    width: 100%;

    float: left;

}



.footer .activity-footer-bg{

    width: 100%;

    height: 100%;

    position: fixed;

    background-color: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    z-index: 999;

}

.footer .activity-footer-bg div{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.footer .activity-footer-bg .close-icon{

    position: absolute;

    top: 0;

    right: 0;

}

.footer .activity-img{

    position: fixed;

    top: 50%;

    margin-top: -100px;

    right: 0;

    z-index: 99;

}



.footer .title {

    font-size: 18px;

    color: #b1b7bf;

    padding-bottom: 10px;

}



.footer_box1 {

    border-bottom: 1px solid rgba(150, 155, 166, 0.2);

    padding-top: 50px;

    padding-bottom: 50px;

}

.footer_box1 .padding0{

    padding-left: 0;

    padding-right: 0;

}

.footer_box1 .logo {

    padding-bottom: 30px;

}



.footer_box1 .copyright {

    font-size: 16px;

    color: #b1b7bf;

    margin-bottom: 30px;

}





.footer_box2 p.footer_title {

    color: #fff;

    padding-bottom: 17px;

}



.footer_box2 p.footer_desc {

    color: #b1b7bf;

    font-size: 12px;

    text-align: left;

    line-height: 22px;

}



.footer_box3 p {

    color: #8b93a0;

}



.footer_ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.footer_ul li {

    line-height: 2.5;

}



.footer_ul li a {

    font-size: 16px;

    display: inline-block;

    color: #fff;

}



.footer_box .desc-bottom {

    font-size: 14px;

    color: #b1b7bf;

    text-align: center;

    /* margin-top: 15px; */

    margin-bottom: 10px;

}



.footer_box2 {

    text-align: center;

    padding-top: 30px;

    padding-bottom: 30px

}



.footer_box3 {

    padding-top: 50px;

    padding-bottom: 20px;

    color: #999;

    text-align: center;

}



.footer_box .pay {

    padding: 5px 2px;

}



.footer_box .pay span {

    border-radius: 100%;

    display: inline-block;

}



.footer_box .pay img {

    padding-right: 11px;

    /* padding-bottom: 10px; */

}



.footer_box .pay span i,

.footer_box .pay span img {

    padding-right: 15px;

    opacity: 0.8;

}



.public-icon {

    background: url(images/public_sprites.png) no-repeat;

}



.footer_box .pay span i.icon-share_facebook {

    background-position: -10px -10px;

}



.footer_box .pay span i.icon-share_twitter {

    background-position: -60px -10px;

}



.footer_box .pay span i.icon-share_youtube {

    background-position: -10px -60px;

}



.footer_box .pay span i.icon-follow_instagram {

    background-position: -60px -60px;

}



.footer_box .pay span i.icon-follow_pinterest {

    background-position: -110px -10px;

}



.footer_box .store {

    margin-bottom: 30px;

    transition: all 0.3s linear;

}

.navbar-toggler {

     background-color: #038eb6 !important;



}

.footer_box .store a {

    display: block;

    width: 190px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid #fff8f2;

    border-radius: 4px;

    color: #fdfeff;

}



.footer_box .store a:hover {

    color: #fff;

    background-color: #0c4b9a;

    text-decoration: none;

}



.footer_box .store .icon-store,

.footer_box .store .store-icon {

    display: inline-block;

    width: 21px;

    height: 16px;

    position: relative;

    top: 3px;

    margin-left: 10px;

}



.footer_box .store .store-icon {

    background: url(../images/public/store_icon.png) no-repeat 0 0;

}



.footer_box .store .icon-store {

    background-position: -54px -110px;

}



.footer_box .store a:hover .icon-store {

    background-position: -95px -110px;

}



.footer_box .store a:hover .store-icon {



    background: url(../images/public/store_icon_hover.png) no-repeat 0 0;

}













/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width : 768px) and (max-width : 1024px) {

/* Styles */

.apps-icons-seciton {

    width: 100%;

    margin: 0 auto;

    padding: 0 15px;

}





.tracking-img img {

    width: 100%;

}

.banner-img img {

    width: 100%;

    text-align: center;

}



.banner-img {

    display: none;

}

.cover-apps li {

    width: 31px;

    margin-right: 47px;

    margin-top: 30px;

    color: #999;

    font-size: 14px;

}

ul.cover-apps {

    margin: 0;

    padding: 0;

}

.popular-sub-heading br {

    display: none;

}

.tracking-whenever-section {

    padding: 0px;

}

.tracking-img img {

    width: 59%;

    /* text-align: center; */

    /* margin: 0 auto; */

    padding: 36px 0;

}

.tracking-img {

    text-align: center;

}

.only-five-minute-slider p.line img {

    margin-left: 102px;

}

.reviews_logos {

    width: 100%;

    margin: 0 auto;

}

.reviews_logos img {

    width: 100%;

}

.footer_box .store a {

    width: 100%;

 

}



}











































/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width : 320px) and (max-width :767px) {

/* Styles */





.how-works-img img {

    width: 100%;

}

.tracking-img img {

    width: 100%;

}

.tracking-list li {

    width: 100%;

    height: 80px;

    background-color: #ffffff;

    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 10%);

    border-radius: 10px;

    margin-right: 0;

    margin-top: 30px;

    display: inherit;

    align-items: center;

    padding-left: 20px;

}

.only-five-minute-slider .right-txt-box {

    display: inline-block;

    width: 100%;

    text-align: left;

}

.only-five-minute-slider p.line img {

    margin-left: 0;

}

.two-step.left-img {

    text-align: left;

}

.only-five-minute-slider .right-txt-box {

    display: inline-block;

    width: 74%;

    text-align: left;

}

.three-step.left-img {

    text-align: left;

}

.tracking-whenever-section {

     padding: 0;

}

.employee-child {

    text-align: center;

}

.monitoring-software {

    text-align: center;

    font-size: 18px;

}

.banner-button {

    text-align: center;

}

.android-img{

    text-align: center;

}

.video-play {

    text-align: center;

}

.banner-img {

    display: none;

}



.apps-icons-seciton ul {

    margin: 0;

    padding: 0;

}

.apps-icons-seciton {

    width: 100%;

    margin: 0 auto;

    padding: 0 15px;

}

.cover-apps li {

    width: 33px;

    margin-right: 47px;

    margin-top: 30px;

    color: #999;

    font-size: 14px;

}



.trusted-tech .carousel-inner {

    background: #fff;

    width: 89%;

       height: auto;

}

.trusted-tech .carousel-control-next-icon {

    visibility: hidden;

}

.trusted-tech .carousel-control-prev-icon {

    visibility: hidden;

}

.footer_box1 {

    border-bottom: 1px solid rgba(150, 155, 166, 0.2);

    padding-top: 50px;

    padding-bottom: 50px;

    padding: 33px;

}



.accounted .accounted-box {

    margin: 15px 7px;

}





}