html, body{
    background-color: #fff !important;
    padding-top: 0 !important;
}

#globalWrapper {
    margin-top: 0 !important;
}

.fip_green_btn_gradient{ 
    background: #c1d852; /* Old browsers */
    background: -moz-linear-gradient(top,  #c1d852 0%, #a9c80d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1d852), color-stop(100%,#a9c80d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c1d852 0%,#a9c80d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c1d852 0%,#a9c80d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c1d852 0%,#a9c80d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c1d852 0%,#a9c80d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d852', endColorstr='#a9c80d',GradientType=0 ); /* IE6-9 */
    border: 1px solid #a8c70a;
    color: #fff;
}
.fip_orange_btn_gradient{ 
    background: #ff9a52; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9a52 0%, #ff710d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a52), color-stop(100%,#ff710d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9a52 0%,#ff710d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9a52 0%,#ff710d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9a52 0%,#ff710d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9a52 0%,#ff710d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a52', endColorstr='#ff710d',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ff700a;
    color: #fff;
}

.fip_orange_btn_gradient:hover{
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}
.fip_green_btn_gradient:hover{
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}


/* ============================================== */
/* ============= section 1 ====================== */
/* ============================================== */

.fia_landing_section1{
    background-color: #fff;
    background-image: url("../storage/images/landings/food-inspection-app/background_block1.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 100 !important;
}

    .fia_landing_section1 .ppcsnappiilogo {
        text-align: left;
        margin-bottom: 10em;
    }
    
        .fia_landing_section1 .ppcsnappiilogo .ppcsnappiilogo_inner{
            display: inline-block;
            width: 300px;
            padding-bottom: 0.4em;
            text-align: center;
            background-color: rgba(92, 92, 115, 0.08);
        }

        .fia_landing_section1 .ppcsnappiilogo .ppcsnappiilogo_inner img{
            width: 130px;
        }

        .fia_landing_section1 .ppcsnappiilogo .ppcsnappiilogo_inner .logo_sales_info1{
            font-size: 1.4em;
        }
        .fia_landing_section1 .ppcsnappiilogo .ppcsnappiilogo_inner .logo_sales_info2{
            font-size: 1.5em;
        }
        

        .fia_landing_section1 .main_header_wrap{
            text-align: center;
            background-color: rgba(255,255,255,0.4);
            padding: 4em;
            clear: both;
            margin-bottom: 5em;
        }
            .fia_landing_section1 h1.main_header{
                color: #4c4c4c;
                margin: 20px 0;
                font-weight: 300;
                letter-spacing: 4px;
                line-height: 65px;
                font-size: 55px;
                padding: 0 0 15px 0;
                text-shadow: none;
            }
            

        .fia_landing_section1 .btn_wrap{
            clear: both;
            text-align: center;
        }
            .fia_landing_section1 .btn_wrap .free_qoute_btn{
                padding: 0.5em 2em;
                font-size: 2em;
                border-radius: 0.4em;
            }


/* ============================================== */
/* ============= section 2 ====================== */
/* ============================================== */

.fia_landing_section2{
    background: #fff;
}
    .fia_landing_section2 .section_sub_title{
        color: #4c4c4c;
        font-size: 3em;
        margin: 1em 0;
        text-align: center;
        line-height: 1.3em;
        font-weight: 100 !important;
    }

    .fia_landing_section2 .single_testiomonial_nl{
        padding: 2em;
        background: #fff;
        border-radius: 20px;
        position: relative;
        margin: 2em 0 8em 0;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
        box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
    }   
        .fia_landing_section2  .testiomonial_nl_text_and_logo{

        }
            .fia_landing_section2 .testiomonial_nl_logo{
                width: 200px;
                float: left;
            }
            .fia_landing_section2 .testiomonial_nl_text{
                width: calc(100% - 210px);
                float: left;
                padding: 0.2em 1em;
                margin-bottom: 0.9em;
                box-sizing: border-box;
                font-size: 1.8em;
                line-height: 1.4em;
                font-style: italic;
                font-weight: 100 !important;
            }

        .fia_landing_section2 .testiomonial_nl_author{
            color: #93b000;
            text-align: right;
            font-size: 1.8em;
            line-height: 1.2em;
        }
        .fia_landing_section2 .testiomonial_nl_corner{
            width: 70px;
            height: 60px;
            position: absolute;
            bottom: -60px;
            right: 7%;
        }

            .fia_landing_section2 .testiomonial_nl_corner .bubble1{
                float: left;
                margin-top: 10px;
                width: 60px;
                height: 25px;
                border-radius: 200% 200%;
                background: #fff;
                display: inline-block;
                -webkit-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
                box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
            }
            .fia_landing_section2 .testiomonial_nl_corner .bubble2{
                float: right;
                width: 40px;
                height: 20px;
                margin-top: 5px;
                border-radius: 200% 200%;
                background: #fff;
                display: inline-block;
                -webkit-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
                box-shadow: 0px 6px 28px -6px rgba(0,0,0,0.75);
            }


/* ============================================== */
/* ============= section 3 ====================== */
/* ============================================== */
    
.fia_landing_section3{
    text-align: center;
    background: #fff;
    font-weight: 100 !important;
}

    .fia_landing_section3 .section_sub_title{
        font-size: 3.8em;
        color: #000;
        margin: 0.1em 0;
    }
    .fia_landing_section3  .customers_row{
        margin: 1em 0 3em 0;
    }
        .fia_landing_section3 .clients_logo_box{
            border-radius: 4px;
            display: inline-block;
            margin: 0 20px 20px 20px;
            padding: 5px;
            color: #ff6600;
            text-align: center;
        }

        .fia_landing_section3 .clients_logo_box .clients_logo_sprite_box{
            display: inline-block;
            height: 60px;
            background-image: url("../storage/images/home-page/sprite_companies3.png");
            background-repeat: no-repeat;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo1{
            background-position: 0 0;
            width: 177px;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo2{
            background-position: -186px 0;
            width: 205px;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo3{
            background-position: -399px 0;
            width: 64px;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo4{
            background-position: -472px 0;
            width: 92px;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo5{
            background-position: -575px 0;
            width: 115px;
        }
            
        .fia_landing_section3 .clients_logo_box #clients_logo7{
            background-position: -900px 0;
            width: 260px;
        }

        .fia_landing_section3 .clients_logo_box #clients_logo8{
            background-position: -702px 0;
            width: 200px;
        }
            
        .customers_row .clients_logo_box_divider{
            display: none;
        }
        @media (max-width: 1510px) {
            .customers_row .clients_logo_box_divider{
                display: block;
            }
        }

        @media (max-width: 870px) {
            .fia_landing_section3 .section_sub_title{
                font-size: 2.8em;
                line-height: 1.2em;
            }

            .customers_row .clients_logo_box_divider {
                display: none;
            }
        }


        


    hr.section_divider{
        width: 80%;
        max-width: 1240px;
        margin: 2em auto 6em auto;
        color: #4c4c4c;
    }

/* ============================================== */
/* ============= section 4 ====================== */
/* ============================================== */

.fia_landing_section4{
    text-align: center;
    background: #fff;
    font-weight: 100 !important;
}
    
    .fia_landing_section4 .section_description_and_title_wrap{
        
    }

        .fia_landing_section4 .section_description_and_title_wrap .section_sub_title{
            font-size: 2.8em;
            color: #000;
            margin: 0.1em 0 2em 0;
        }

        .fia_landing_section4 .section_description_and_title_wrap .section_description{
            font-size: 2em;
            color: #4d4d4d;
            line-height: 1.2em;
            margin: 0 0 3em 0; 
        }

        .fia_landing_section4 .section_description_and_title_wrap .free_consultation_btn{
            font-size: 2em;
            margin: 1em 0;
            padding: 0.5em 1em;
            border-radius: 0.3em;
        }

    .fia_landing_section4 .device_img_holder{
        text-align: right;
    }

/* ============================================== */
/* ============= section 5 ====================== */
/* ============================================== */
    .fia_landing_section5{
        margin-bottom: 4em;
    }
        .fia_landing_section5 .section_sub_title{
            font-size: 2.8em;
            color: #000;
            padding: 1.5em 0 2em 0;
            text-align: center;
        }
        
        .fia_landing_section5 .tabs_labes_row{
            position: relative;
            z-index: 30;
            margin-bottom: 2em;
        }
            .fia_landing_section5 .tabs_labes_row .tab_label_item{
                display: inline-block;
                float: left;
                position: relative;
                z-index: 30;
                top: 2px;
                padding: 1em 2.5em;
                font-size: 2em;
                color: #b4b4b4;
                border-top: 1px solid #fff;
                margin: 1px 2px 2px 1px;
            }
            .fia_landing_section5 .tabs_labes_row .tab_label_item:hover{
                cursor: pointer;
            }
            .fia_landing_section5 .tabs_labes_row .tab_label_item.active{
                border-top: 1px solid #a8a9ad;
                border-left: 2px solid #cdced0;
                border-right: 2px solid #cdced0;
                border-bottom: 2px solid #fff;
                margin: 0;
                color: #4d4d4d;
                background: #fff;
            }
            
            .fia_landing_section5 .tabs_labes_row .tabs_line{
                position: absolute;
                z-index: 20;
                bottom: 0;
                border-top: 2px solid #a8a9ad;
                width: 100%;
                clear: both;
                margin: 0 auto;
            }

        .fia_landing_section5 .tabs_content_row {
            margin-bottom: 2em;
        }
            .fia_landing_section5 .tabs_content_row .app_logo_and_title_box {
                
            }
                .fia_landing_section5 .tabs_content_row .app_logo_and_title_box .app_logo_box{

                }
                .fia_landing_section5 .tabs_content_row .app_logo_and_title_box .app_title_box{
                    text-align: center;
                }

            .fia_landing_section5 .tabs_content_row .app_description_and_custom_btn_box {

            }
                .fia_landing_section5 .tabs_content_row .app_description_and_custom_btn_box ul li{
                    list-style-type: disc;
                    font-size: 2em;
                    line-height: 1.1em;
                    font-weight: 100 !important;
                }

            .fia_landing_section5 .tabs_content_row .app_download_box {
                text-align: center;
            }
                /*.fia_landing_section5 .tabs_content_row .download_btn_wrap{
                    text-align: center;
                    padding: 1em 0;
                }*/
                .fia_landing_section5 .tabs_content_row .app_download_box .download_run_registration_wrap {
                    padding-top: 2em;
                }
                    .fia_landing_section5 .tabs_content_row .download_run_registration_wrap .download_run_registration{
                        font-size: 2em;
                        padding: 0.5em 2em;
                        
                        display: inline-block;
                        border-radius: 0.2em;
                        font-weight: 100 !important;
                    }


                .fia_landing_section5 .tabs_content_row .app_download_box  .download_btn_appstore{

                }
                .fia_landing_section5 .tabs_content_row .app_download_box .download_btn_playmarket{

                }
            
            .fia_landing_section5 .tabs_content_row .tab_layout_breaker{
                display: none;
            }

            .fia_landing_section5 .tabs_content_row  .customize_app_btn_wrap{
                padding: 3em 0;
                text-align: center;
                clear: both;
            }
                 .fia_landing_section5 .tabs_content_row  .customize_app_btn_wrap .customize_app_btn{
                    font-size: 2em;
                    padding: 0.5em 2em;
                    display: inline-block;
                    border-radius: 0.2em;
                    font-weight: 100 !important;
                }
/* ============================================== */
/* ============= section 6 ====================== */
/* ============================================== */

    .fia_landing_section6{
        
    }
        .fia_landing_section6 .platform_feature_box{
            text-align: center;
        }
            .fia_landing_section6 .platform_feature_box .platform_feature_desc_box{
                font-size: 1.4em;
            }

        .fia_landing_section6 .free_qoute_btn_wrap {
            padding: 1em;
            text-align: center;
            clear: both;
        }
            .fia_landing_section6 .free_qoute_btn_wrap .free_qoute_btn{
                font-size: 2em;
                margin: 1em 0;
                padding: 0.5em 3em;
                border-radius: 0.3em;
                font-weight: 100 !important;
            }
        



/* ============================================== */
/* ==============  modal reg popup ============== */
/* ============================================== */

#countrycode-select{
    float: left;
    width: 30%;
    min-width: 150px;
    margin-right: 5%;
    box-sizing: border-box;
}

#phone{
    float: right;
    width: 57%;
    margin-right: 2px;
    margin-left: 0;
    min-width: 250px;
    padding: 4px 5px;
}

#send{
    width: 40%;
    min-width: 300px;
}


@media (max-width: 1248px) {
    .fia_landing_section5 .tabs_labes_row .tab_label_item{
        font-size: 1.2em;
    }
}
   
@media (max-width: 1240px) {
    /* section 4 */
    .fia_landing_section4 .section_description_and_title_wrap{
        width: 50%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }

    .fia_landing_section4 .device_img_holder{
        text-align: center;
        width: 50%;
        box-sizing: border-box;
        padding: 3em 0;
        margin-left: 0;
        margin-right: 0;
    }


    /* section 5 */

    .fia_landing_section5 .tabs_content_row .app_download_box {
        text-align: center;
        margin-left: 8px;
    }

    .fia_landing_section5 .tabs_content_row .tab_layout_breaker{
        height: 10px; 
        clear: both;
        display: block;
    }
    .fia_landing_section5 .tabs_content_row .app_download_box {
        width: 40%;
        float: left;
        text-align: right;
        box-sizing: border-box;
        clear: none;
        margin: 0;
        margin-right: 1em;
    } 
        .fia_landing_section5 .tabs_content_row .app_download_box .download_run_registration_wrap {
            line-height: 1em;
            display: inline-block;
            padding: 0;
        }
            .download_run_registration{
                padding-top: 0;
                margin-top: 0;
                line-height: 1em;
                display: inline-block;
                padding: 0.5em 2em;
            }
            a.download_run_registration{
                display: none;
            }

    .fia_landing_section5 .tabs_content_row  .customize_app_btn_wrap{
        width: 45%;
        float: right;
        text-align: left;
        box-sizing: border-box;
        clear: none;
        margin: 0;
        padding: 0;
        margin-left: 1em;
    }
        .fia_landing_section5 .tabs_content_row  .customize_app_btn_wrap .customize_app_btn{
            padding-top: 0;
            margin-top: 0;
            line-height: 1em;
            display: inline-block;
            padding: 0.5em 2em;
        }

    /* section 6 */
    .fia_landing_section6 .platform_feature_box{
        text-align: center;
        box-sizing: border-box;
        margin: 0;
    }

    .fia_landing_section6 .platform_feature_box.platform_feature_box1 {
        width: 50%;
    }
    .fia_landing_section6 .platform_feature_box.platform_feature_box2 {
        width: 50%;
    }
    .fia_landing_section6 .platform_feature_box.platform_feature_box3 {
        width: 100%;
        clear: both;
        float: none;
    }

}



@media (max-width: 979px) { 

}


@media (max-width: 850px) { 

    /* section 4 */
    .fia_landing_section4 .section_description_and_title_wrap{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .fia_landing_section4 .device_img_holder{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    } 

    

    /* section 5 */
    .fia_landing_section5 .tabs_labes_row .tab_label_item{
        font-size: 1.4em;
    }

    .fia_landing_section5 .tabs_content_row .app_description_and_custom_btn_box ul li{
        list-style-type: none;
    }

    .fia_landing_section5 .tabs_content_row .app_logo_and_title_box {
        text-align: center;
    }
        .fia_landing_section5 .tabs_content_row .app_description_and_custom_btn_box{
            text-align: center;
        }

}


@media (max-width: 767px) {
    .fia_landing_section6 .platform_feature_box.platform_feature_box1 {
        width: 100%;
        clear: both;
        float: none;
    }
    .fia_landing_section6 .platform_feature_box.platform_feature_box2 {
        width: 100%;
        clear: both;
        float: none;
    }
    .fia_landing_section6 .platform_feature_box.platform_feature_box3 {
        width: 100%;
        clear: both;
        float: none;
    }
}

@media (max-width: 630px) {

    /* section 1 */
    .fia_landing_section1 h1.main_header{
        color: #4c4c4c;
        margin: 10px 0;
        font-weight: 300;
        letter-spacing: 4px;
        line-height: 40px;
        font-size: 35px;
        padding: 0 0 15px 0;
        text-shadow: none;
    }

    .fia_landing_section1 .btn_wrap{
        clear: both;
        text-align: center;
    }
        .fia_landing_section1 .btn_wrap .free_qoute_btn{
            padding: 0.5em 2em;
            font-size: 1.5em;
            border-radius: 0.4em;
        }

            
    
    /* section 4 */

    .fia_landing_section2 .section_sub_title{
    }

    .fia_landing_section2 .single_testiomonial_nl{
        padding: 2em;
        background: #fff;
        border-radius: 20px;
        position: relative;
        margin: 2em 0 8em 0;
        box-sizing: border-box;
    }   
        .fia_landing_section2  .testiomonial_nl_text_and_logo{

        }
            .fia_landing_section2 .testiomonial_nl_logo{
                width: 100%;
                text-align: center;
                float: none;
                clear: both;
            }
            .fia_landing_section2 .testiomonial_nl_text{
                width: calc(100% - 210px);
                width: 100%;
                text-align: center;
                float: none;
                clear: both;
                padding: 0.2em;
                margin-bottom: 0.9em;
                box-sizing: border-box;
                font-size: 1.4em;   
            }

        .fia_landing_section2 .testiomonial_nl_author{
            color: #93b000;
            text-align: right;
            font-size: 1.1em;
            line-height: 1.2em;
        }
        .fia_landing_section2 .testiomonial_nl_corner{
            
        }


    /* section 5 */
    .fia_landing_section5 .tabs_labes_row .tab_label_item{
        font-size: 1.2em;
        padding: 1em 1.5em;
    }


    .fia_landing_section5 .tabs_content_row .app_download_box {
        width: 90%;
        margin: 1em auto;
        float: none;
        text-align: center;
        clear: both;
    }
    .fia_landing_section5 .tabs_content_row .customize_app_btn_wrap {
        width: 90%;
        margin: 1em auto;
        float: none;
        text-align: center;
        clear: both;
    }

    /* section 6 */

    .fia_landing_section6 .platform_feature_box .platform_feature_desc_box{
        font-size: 1.4em;
    }

    .fia_landing_section6 .free_qoute_btn_wrap .free_qoute_btn{
        font-size: 1.5em;
        margin: 1em 0;
        padding: 0.5em 3em;
    }

}


@media (max-width: 505px) {
    #countrycode-select{
        float: left;
        width: 100%;
        padding: 4px;
    }

    #phone{
        float: left;
        width: 98%;
        min-width: auto;
        margin-left: 0;
        padding: 4px;
    }

    #send{
        min-width: auto;
    }
}

@media (max-width: 400px) {
    
    .fia_landing_section5 .tabs_labes_row .tab_label_item{
        font-size: 1em;
        padding: 0.8em 0.5em;
    } 
}