/* home page layout css 06/02/2019 */  
 
.captcha-refresh { padding-left: 6px; margin-top: 10px; float: right; }

 .modal-error{color: red;
    font-size: 12px;
    font-weight: bold;} 
   
@media screen and (max-width: 992px){
#gMap_input #pac-input-wrapper {    width: 100%;}
#pac-input-wrapper #pac-input {    width: 96%;}  
 
 
 
} 
    .header-blue-div{ z-index: -1; height: 0em; } 
    ul#ui-id-1 {
    position: absolute;
    z-index: 9999;
} 
/* #coverCarousel {      
    margin-top: 148px;
} */   
.sub-menus>li>a {
 
    margin: 0.7em 1em;}
    .ui-widget-content, .ui-autocomplete.ui-front .ui-menu-item{font-weight: normal!important;}

.ui-autocomplete.ui-front .ui-menu-item {
   
    border-width: 0px!important;
}
.ui-autocomplete.ui-front .ui-menu-item {
    font-size: 1.2rem;
    /* border-bottom: 1px solid #dcdcdc; */
}

.ui-autocomplete.ui-front{z-index: 9999;} 
.thumbnail-img-wrapper-box-a{display: block; width: 100%; margin: 0 auto;}
.thumbnail-img-wrapper-box-img{ width: 100%; margin: 0 auto;}
.section1 {border-radius: 10px;background-color: #FFFFFF;z-index: 10;position: relative;top: -100px;}
.section3 {position: relative;top: -30px;}
.section2 {position: relative;top: -60px;}
.section2 .container { position: relative;padding: 0;}
.section2-for-slider {position: relative;margin: auto;}
.section5-for-slider {position: relative; margin: auto;}
.section5 .container {/* width: 75%; */margin: auto;}
.section2 .slider-prev {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;left: 4%;}
.section5 .slider-prev {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;left: 7%;}
.section4 .container {/* width: 75%; */margin: auto;}
.section5 {margin-top: 4em;margin-bottom: 1.5em;}
.reach-out> .container> .content-category-header {margin-bottom: 2.5em !important;}
.section2 .slider-next {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;right: 4%;}
.section5 .slider-next {position: absolute;top: 35%;font-size: 3em;color: #EDECEB; right: 7%;}
.flex-viewport {margin: auto;}
.flexslider {margin: auto; margin-bottom: 1em;}
.copyright-text {position: relative;bottom: -100px;}

.custom-navbar {
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
    background: rgba(28, 90, 169, 1);
    background: -moz-linear-gradient(top, rgba(28, 90, 169, 1) 0%, rgba(20, 113, 187, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28, 90, 169, 1)), color-stop(100%, rgba(20, 113, 187, 1)));
    background: -webkit-linear-gradient(top, rgba(28, 90, 169, 1) 0%, rgba(20, 113, 187, 1) 100%);
    background: -o-linear-gradient(top, rgba(28, 90, 169, 1) 0%, rgba(20, 113, 187, 1) 100%);
    background: -ms-linear-gradient(top, rgba(28, 90, 169, 1) 0%, rgba(20, 113, 187, 1) 100%);
    background: linear-gradient(to bottom, rgba(28, 90, 169, 1) 0%, rgba(20, 113, 187, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1c5aa9', endColorstr='#1471bb', GradientType=0);
}
.carousel-indicators .active {
    margin-right: 5px!important;
}

.banner-small-text {
   
    font-size: 10px;
    color: #fff;
    padding: 10px;
    position: absolute;
    left: 79%;
    margin-top: 10px;
    }  
   @media screen and (max-width:720px){
   /* .banner-small-text {
    font-size: 10px;
    color: #fff;
    padding: 10px;
    position: absolute;
   left: 0%;
     margin-top: 10px; 
    margin-left: 40px; */
} 
   
   
   }    
      
/*Recommended Plan For Products CSS starts here added by sukumar */     
.section6-for-slider {position: relative; margin: auto;}
.section6 .container {/* width: 75%; */margin: auto;}
.section6 .slider-prev {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;left: 7%;}
.section6 {margin-top: 4em;margin-bottom: 1.5em;}
.section6 .slider-next {position: absolute;top: 35%;font-size: 3em;color: #EDECEB; right: 7%;}
/*Recommended Plan For Products CSS ends here added by sukumar */


/*Recently Viewed Products CSS Starts here added by sukumar */
.section7-for-slider {position: relative; margin: auto;}
.section7 .container {/* width: 75%; */margin: auto;}
.section7 .slider-prev {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;left: 7%;}
.section7 {margin-top: 4em;margin-bottom: 1.5em;}
.section7 .slider-next {position: absolute;top: 35%;font-size: 3em;color: #EDECEB; right: 7%;}
/*Recently Viewed Products CSS ends here added by sukumar */

/*Suggested Plans For You CSS Starts here added by sukumar*/
.section8-for-slider {position: relative; margin: auto;}
.section8 .container {/* width: 75%; */margin: auto;}
.section8 .slider-prev {position: absolute;top: 35%;font-size: 3em;color: #EDECEB;left: 7%;}
.section8 {margin-top: 4em;margin-bottom: 1.5em;}
.section8 .slider-next {position: absolute;top: 35%;font-size: 3em;color: #EDECEB; right: 7%;}
/*Suggested Plans For You CSS ends here added by sukumar*/

/* Added for changes in Banner image by sudhanshu on 17-09-2017 */
.backgroundPara {
    height: 500px;
    width: 100%;
    display: table;
}
@media only screen and (max-width: 1366px) {
    background-position: center -20px !important;
    background-size: 100% 86% !important;
}
@media only screen and (max-width: 1024px) {
    .backgroundPara {
        background-attachment: scroll !important;
    }
}
@media only screen and (max-width: 768px) {
    .backgroundPara {
        height: 500px;
    }
}

@media only screen and (max-width: 600px) {
    .backgroundPara {
        height: 300px;
        background-size: contain !important;
    }
}
/* Added for changes in Banner image by sudhanshu on 17-09-2017 */