@charset "utf-8";
/* header Style */

.main-table{font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:25px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:20px; color:#084677; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase; text-align:left;}
.main-head{font-weight:bold; Font-size:20px; border-bottom:1px solid #eee; color:#084677; line-height:36px; text-transform:uppercase; text-align:center;}
.bdr-top{border-top:1px #ccc solid;}
.bdr-bottom{border-bottom:1px #ccc solid;}

.sub-heading2{font-weight:bold; Font-size:18px; color:#333; line-height:30px; text-align:left;}
.sub-heading{font-weight:bold; Font-size:16px; color:#333; line-height:30px; text-align:left;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:24px; text-align:left;}

.readmore{ font-size:12px; color:#fff; padding:5px; text-decoration:none; line-height:24px; text-transform:uppercase; background:#333;}
.heading-s{font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; line-height:40px; background:#333; margin:0;}
.box-main{ width:320px; text-align:center; padding:0px 0px;}
.box-main p{ padding:0 5px; text-align:center;}
.img-center{ width:100px; height:100px; border-radius:50px; border:1px #ccc solid; margin-bottom:20px;}


.manu-container{ width:100%; min-height:40px; margin:0 auto; padding:0; font-family:Arial; font-size:13px; font-weight:normal; background:#333;}
.manu-container ul{ width:1000px; margin:0 auto; padding:0; list-style:none; text-align:center;}
.manu-container ul li{ padding:0 .5%; font-weight:bold; float:left; display:block; border-right:1px #222 solid;}
.manu-container ul li a{ color:#fff; text-decoration:none; padding:5px 8px;  line-height:40px;}
.manu-container ul li a:hover{ background:#fff; color:#333;}

.footer{font-family:Arial; font-weight:normal; Font-size:13px; color:#000; line-height:22px; text-align:justify;}
.f-head{ font-size:18px; line-height:30px; color:#0057a4; text-align:left; border-bottom:1px #333 dashed; text-transform:uppercase;}
.f-ul{margin-top:10px; list-style-image:url(image/bullets1.png);}
.f-ul li a{text-decoration:none; color:#009ccf; font-size:13px;}
.f-ul li a:hover{ color:#d92e1c;}

.f-social{list-style:none; margin-top:15px; font-size:16px;}
.f-social li a{line-height:35px; text-decoration:none; color:#009ccf;}
.f-social li a:hover{ color:#d92e1c;}
.footer a{text-decoration:none; color:#09F;}
.footer a:hover{ color:#d92e1c;}
.footer-sub{width:1000px; line-height:36px; height:40px; margin:0 auto; padding:0 5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.footer-sub b{float:right; font-weight:normal;}
.footer-sub b a{color:#fff; text-decoration:none;}

#HomepagecontentControl_C p { text-align: justify;}
@media(max-width:767px){
.ser-box, .serv-bx, .td-banner, .inner-container, .header-logo, .main, .main-contaner, .ser-bx-hm-inner, .three-bx, .hm-service, .rht-cont{width:98%; text-align:center; margin-left:0px; margin:0 auto;}
.col-three, .hm-cnt-rht, .hm-cnt-lft, .ft-cont, .bann-lft, .bann-rht, .ser-bx, .team-lft, .team-rht, footer .footer-brand, .footer-nav, .footer-social, .footer-ns, .container-middle, .home-container, .tp-colthree-inner, .service-box.ser-lft, .service-box.ser-rht, .team-col, .sep-dv, .cont-main{width:98%; margin:0 auto; padding:2px 6px;}
#HeaderControl_C table, #HeaderControl_C .head-top, #widgetsControl table, .header{width:100% !important; height: initial !important;}
#HomepagecontentControl_C p{text-align:justify;}
#widgetsControl div, #widgetsControl table{ /*width: 100% !important;*/}
.ser-cnt p{text-align:center !important;}
.fl-head h2, .header h1, .title-name{ font-size: 18px;  margin-left: 5px;}
.fl-head h4, .header h2, .title-name-sub{ font-size: 15px;  margin-left: 5px;}
.fr-head{float:inherit;}
.head-top .mailus, .head-top .callus{width:100%; text-align:center; float:inherit;}
.hm-serv-inner{width:96%; margin:10px auto; float:inherit;}
.about-hm-inner-lft, .about-hm-inner-rht, .middle-cont, .aside{float: inherit; width: 98%;}
#HeaderControl_C_ctl00_imageheader{display:none;}
#HeaderControl_C_ctl00_tr_HeaderBackImage{ position: relative !important;}
}


/*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    top: 2em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}