/* For andicafont size */
  
.font-size-10{font-size:10px!important}
.font-size-12{font-size:12px!important}
.font-size-15{font-size:15px!important}
.font-size-16{font-size: 15px !important}
.font-size-18{font-size:18px!important}
.font-size-17{font-size:17px!important}
.font-size-20{font-size:20px!important}
.font-size-21{font-size:21px!important}
.font-size-24{font-size:24px!important}
.font-size-22{font-size:22px!important}
.font-size-26{font-size:25px!important}
.font-size-36{font-size:36px!important}
.font-size-48{font-size:48px!important}
.font-size-49{font-size: 49px !important
}
.font-size-64{font-size:50px!important}

.cus-font-17 {font-size: 17.6px !important}

.font-weight{font-weight: bold;}

.andica-orange{color:#FF6600!important;}

/* download folder css here */
.asappersonal {
	font-size: 18px;
    color: #ff6600;
    text-decoration: none;
    font-weight: bold;
  
}

.bold-anchor {
    color: #0494db !important;
    font-weight:bold;
}

    .bold-anchor:hover {
        cursor: pointer !important;
        color: #FF6600 !important;
    }

.m-top {
    margin-top: 6px;
}

    /* download folder css close  */

    @media (max-width: 768px) {
        .andica-orange {
            color: #FF6600 !important;
        }
    }

    .link {
        color: #0494db;
        font-weight: bold;
    }

    h1 {
        margin-top: 0px !important;
    }

    @media (max-width: 600px) {
        .font-size-64 {
            font-size: 40px !important;
        }
    }

    a {
        color: #373947;
        outline: 0;
        -moz-outline-style: none;
        word-wrap: break-word;
        text-decoration: none;
    }

    a {
        color: #373947;
        outline: 0;
        -moz-outline-style: none;
        word-wrap: break-word;
        text-decoration: none;
    }

    a {
        color: #373947;
        text-decoration: none;
    }

    .menu-top-bdr {
        border-top: 8px solid #FF6600;
    }
    /* border start here */
    .border-0 {
        border: 0 !important
    }

    .border {
        border: 1px solid #ccc !important
    }

    .border-top {
        border-top: 1px solid #ccc !important
    }

    .border-bottom {
        border-bottom: 1px solid #ccc !important
    }

    .border-left {
        border-left: 1px solid #ccc !important
    }

    .border-right {
        border-right: 1px solid #ccc !important
    }

    .border-top-margin-24 {
        margin: 24px !important
    }

    /* margin  start here */
    .margin-0 {
        margin: 0 !important
    }

    .margin-2 {
        margin: 2px !important
    }

    .margin-4 {
        margin: 4px !important
    }

    .margin-8 {
        margin: 8px !important
    }

    .margin-12 {
        margin: 12px !important
    }

    .margin-16 {
        margin: 16px !important
    }

    .margin-24 {
        margin: 24px !important
    }

    .margin-32 {
        margin: 32px !important
    }

    .margin-64 {
        margin: 64px !important
    }

    .margin {
        margin: 16px !important
    }

    .margin-top {
        margin-top: 16px !important
    }

    .margin-top-20 {
        margin-top: 20px !important
    }

    .margin-bottom {
        margin-bottom: 16px !important
    }

    .margin-left {
        margin-left: 16px !important
    }

    .margin-left20 {
        margin-left: 20px !important
    }

    .margin-right {
        margin-right: 16px !important
    }

    .margin-left24 {
        margin-left: 24px !important
    }

    /* padding  start here */
    .padding {
        padding: 20px 0px !important
    }

    .padding-15 {
        padding: 15px 0px !important
    }

    .padding-10 {
        padding: 10px 0px !important
    }

    .padding-tiny {
        padding: 2px 4px !important
    }

    .padding-small {
        padding: 2px 20px !important
    }

    .padding-medium, .padding, .form {
        padding: 8px 4px !important
    }

    .padding-large {
        padding: 12px 25px !important
    }

    .padding-xlarge {
        padding: 16px 32px !important
    }

    .padding-xxlarge {
        padding: 24px 48px !important
    }

    .padding-jumbo {
        padding: 32px 64px !important
    }

    .padding-0 {
        padding: 0 !important
    }

    .padding-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .padding-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .padding-16 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .padding-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .padding-32 {
        padding-top: 5px !important;
        padding-bottom: 10px !important
    }

    .padding-48 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .padding-64 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .padding-top {
        padding-top: 18px !important
    }

    .padding-bottom {
        padding-bottom: 8px !important
    }
     .padding-bottom0 {
        padding-bottom: 0px !important
    }

    .padding-left {
        padding-left: 8px !important
    }
     .padding-left10 {
        padding-left: 10px !important
    }

    .padding-left20 {
        padding-left: 20px !important
    }

    .padding-right {
        padding-right: 16px !important
    }

    .padding-left-right {
        padding-left: 15px;
        padding-right: 15px !important
    }

    .padding-left30 {
        padding-left: 30px !important
    }

    @media (max-width: 600px) and (min-width:300px) {
        .padding-left-right {
            padding-left: 5px;
            padding-right: 5px !important
        }
    }

    /* andica product color style  here*/

    /* For andica themes */
    .andica-theme {
        color: #fff !important;
        background-color: #464747 !important
    }

    .andica-theme-light {
        color: #000 !important;
        background-color: #F6F6F6 !important
    }

    .andica-theme-dark {
        color: #fff !important;
        background-color: #FF6800 !important
    }

    .andica-text-theme {
        color: #F44336 !important
    }

    .andica-grey {
        color: #000 !important;
        background-color: #F8F8F7 !important
    }
    /* light grey */

    /*Color*/
    .orange {
        background-color: #fcc808 !important
    }

    .orange-dark {
        background-color: #FF5900 !important
    }

    .golden-yellow {
        background-color: #fcc808 !important
    }

    .orange-dark-ligh {
        background-color: #FFB900
    }

    .Orange-bold {
        background-color: #DC3C00
    }

    .andica-orange-bg {
        background-color: #F6F6F6 !important
    }


    .panel-title {
        color: #0284C5 !important;
    }

    .panel-title {
        font-family: Helvetica !important;
        font-weight: bold !important;
        font-size: 16 !important
    }

    .grey {
        background-color: #efefef
    }

    .grey-camouflage {
        background-color: #a0a9aa !important
    }

    .grey-storm {
        background-color: #606667 !important
    }

    .grey-dark {
        background-color: #d7d7d7
    }

    .grey-black {
        background-color: #211f20
    }

    .grey-light-bg {
        background: #F9F9F9 !important
    }


    .green {
        background-color: #5da039 !important
    }

    .green-forest {
        background-color: #228B22 !important
    }

    .greenlime {
        background-color: #32CD32 !important
    }

    .greenlight {
        background-color: #01a54f !important
    }

    .green-dark {
        background-color: #007233
    }

    .green-light-sm {
        background-color: #8cc63e
    }

    .green-flash {
        background-color: #79C753 !important
    }

    .blue-French {
        background-color: #2458af !important
    }

    .blue {
        background-color: #4fafd9
    }

    .blue-dark {
        background-color: #00008B !important
    }

    .blue-snoke {
        background-color: #034F84 !important
    }

    .blue-light {
        background-color: #89B8FA !important
    }

    .blue-navy {
        background-color: #1D3595
    }

    .lightblue {
        background-color: #67CB33 !important
    }

    .brown-dark {
        background-color: #5c422e !important
    }

    .sky-blue {
        background-color: #00BCF2 !important
    }

    .sky-light {
        background-color: #4FAFD9 !important
    }

    .sky-light-more {
        background-color: #90CEF9 !important
    }

    .sky-mid-blue {
        background-color: #99C6FD !important
    }

    /*Color END*/

    /* Frequently Asked Questions  html page */

    .andica-animate-zoom {
        -webkit-animation: animatezoom 0.6s;
        animation: animatezoom 0.6s
    }

    @-webkit-keyframes animatezoom {
        from {
            -webkit-transform: scale(0)
        }

        to {
            -webkit-transform: scale(1)
        }
    }

    @keyframes animatezoom {
        from {
            transform: scale(0)
        }

        to {
            transform: scale(1)
        }
    }


    .andica-animate-fading {
        -webkit-animation: fading 10s infinite;
        animation: fading 10s infinite
    }

    @-webkit-keyframes fading {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes fading {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .andica-animate-opacity {
        -webkit-animation: opac 1.5s;
        animation: opac 1.5s
    }

    @-webkit-keyframes opac {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes opac {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .andica-animate-top {
        position: relative;
        -webkit-animation: animatetop 0.4s;
        animation: animatetop 0.4s
    }

    @-webkit-keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    .andica-animate-left {
        position: relative;
        -webkit-animation: animateleft 0.4s;
        animation: animateleft 0.4s
    }

    @-webkit-keyframes animateleft {
        from {
            left: -300px;
            opacity: 0
        }

        to {
            left: 0;
            opacity: 1
        }
    }

    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0
        }

        to {
            left: 0;
            opacity: 1
        }
    }

    .andica-animate-right {
        position: relative;
        -webkit-animation: animateright 0.4s;
        animation: animateright 0.4s
    }

    @-webkit-keyframes animateright {
        from {
            right: -300px;
            opacity: 0
        }

        to {
            right: 0;
            opacity: 1
        }
    }

    @keyframes animateright {
        from {
            right: -300px;
            opacity: 0
        }

        to {
            right: 0;
            opacity: 1
        }
    }

    .andica-animate-bottom {
        position: relative;
        -webkit-animation: animatebottom 0.4s;
        animation: animatebottom 0.4s
    }

    @-webkit-keyframes animatebottom {
        from {
            bottom: -300px;
            opacity: 0
        }

        to {
            bottom: 0px;
            opacity: 1
        }
    }

    @keyframes animatebottom {
        from {
            bottom: -300px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    /*	
.accordion:after {
    content: '\+';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\-";
}
*/

    /* Frequently Asked Questions page faq.html css here */
    .fnt-blue, .fnt-blue a:link, .fnt-blue a:visited {
        color: #1E90FF !important;
    }

    .data-border {
        border-left: 5px solid #FF5900;
        padding-left: 10px;
    }

    .h1Customer {
        border-left: 5px solid #FF5900;
        padding-left: 10px;
        padding: 5px;
        background-color: #F5F5F5 !important;
        font-size: 25px;
    }




    /* full background images css here  */
    .fullbackground {
        max-width: 100%;
        margin: 0px;
        height: 343px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .fullbackground-image {
        max-width: 100%;
        margin: 0px;
        height: 343px;
        background-image: url(../images/andica-sitemap-banenr.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .fullbackground-image-news {
        max-width: 100%;
        margin: 0px;
        height: 343px;
        background-image: url(../images/andica-news-banenr.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

    .fullbackground-image-about_us {
        max-width: 100%;
        margin: 0px;
        height: 343px;
        background-image: url(../images/andica-about_us_banner.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }

    #All-text-info {
        width: 100%;
        max-width: 1180px;
        color: #000;
        height: auto;
        margin: 0px auto;
        position: relative;
    }

    .product-link {
    }

    .product-image {
    }

    #All-text-info h2 {
        position: absolute;
        top: 38px;
        left: 55%;
        font-size: 40px !important;
        font-weight: normal;
        font-family: 'Helvetica Neue';
        margin: 0px;
        padding: 0px;
    }

    #All-text-info h3 {
        position: absolute;
        top: 5px;
        left: 55%;
        font-size: 36px;
        font-weight: normal;
        font-weight: bold;
        text-shadow: 1px 1px 2px blue, 0 0 1em white, 0 0 0.2em white;
        color: white;
        margin: 0px;
        padding: 0px;
    }

    #All-text-info h4 {
        position: absolute;
        top: 80px;
        left: 55%;
        font-size: 19px;
        line-height: 25px;
        font-weight: bold;
        font-family: 'Helvetica Neue';
    }

    #All-text-info a {
        position: absolute;
        top: 120px;
        left: 55%;
        border: none;
    }
    /*
#All-text-info a{ 
    position: absolute;
    top: 130px;
    left: 55%;
    background-color: #7E7D7D;
    background-position: 12px 12px;
    border: none;
    color:white; border-radius: 25px;
    padding: 10px 10px 10px 40px;
}
.whiteArrow a:link, .whiteArrow a:visited {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    background: url(../images/link_arrow_white.png) no-repeat left;
    padding-left: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.whiteArrow {
    color: #fff;  @media (max-width: 768px) and (min-width:300px){
} */
    @media (max-width: 768px) {

        #All-text-info h4 {
            top: 70px;
        }

        #All-text-info a {
            top: 180px;
        }

        #All-text-info h3 {
            top: 10px;
        }

        .thumbnail {
            background-color: #099 !important;
        }
    }

    @media (max-width: 768px) and (min-width:440px) {
        .aboutUsBannerimg {
            height: 200px !important;
        }
    }

    @media (max-width: 768px) and (min-width:100px) {
        .fullwidthimage {
            max-width: 100%;
            height: auto;
        }

        #All-text-info {
            width: 100%;
            height: 270px;
            margin: 0px auto;
            position: relative;
        }

            #All-text-info h2 {
                position: absolute;
                top: 190px;
                left: 3%;
                font-size: 30px !important;
                font-weight: normal;
                margin: 0px;
                padding: 0px
            }

            #All-text-info h3 {
                position: absolute;
                top: 150px;
                left: 3%;
                font-size: 30px !important;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
            }

            #All-text-info h4 {
                position: absolute;
                top: 220px;
                left: 3%;
                font-size: 18px;
                line-height: normal;
                font-weight: normal
            }
            /*#All-text-info a {position:absolute; top:220px; left:3%; background-color: #FE970E; border:none; color:white; padding: 10px 10px 10px 40px; font-size:90%; background-image:none } */
            #All-text-info a {
                position: absolute;
                top: 250px;
                left: 3%;
                border: none;
            }

        .h1Customer {
            border-left: 5px solid #FF5900;
            padding-left: 10px;
            background-color: #FAF8F8 !important;
            position: relative;
            font-size: 25px;
        }
    }



    .bullet-bg ul li {
        padding: 0 0 4px 25px;
        background: url(../images/bullet.gif) top left no-repeat;
        background-position: 6px 6px;
        list-style: none;
        margin: 0;
    }

    /* ol font size add new */
    .text-justify ol li {
        font-size: 17px !important;
        line-height: 1.39857143;
    }

    .li-tick {
        list-style: none;
        padding: 0;
    }

        .li-tick li::before {
            content: "\f00c"; /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;
            margin-left: -1.3em; /* same as padding-left set on li */
            width: 1.3em; /* same as padding-left set on li */
        }