@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color:#222; line-height:24px;}


h1{ font-size: 30px; font-weight: normal; line-height: 36px; color: #222; text-align: left; text-transform: uppercase;}
h2{ font-size: 24px; font-weight: normal; line-height: 30px; color: #222; text-align: left; text-transform: uppercase;}
h3{font-size: 20px;font-weight: normal;line-height: 30px;color: #222;text-align: left;text-transform: uppercase;padding-left: 20px;}
h4{ font-size: 18px; font-weight: normal; line-height: 25px; color: #222; text-align: left; text-transform: uppercase;}
p{ font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; color:#222; line-height: 24px;  text-align: justify;}
section{ clear:both;    }

.container{font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px;}

.ineer-pages{padding-bottom:20px;}

.top-head{ width:100%; border-bottom:1px #ccc solid; line-height:30px; padding-top:5px;}
.cont-mail{ text-align:left;}
.cont-mail p{ display:inline-block; margin-right:10px;}
.cont-mail p img{ float:left; margin-right:5px;}
.social{}
.social p{ text-align:right;}
.social p a{ display:inline-block; margin-right:5px;}

header{ text-align:center; padding-top: 15px;}
.banner{ width:100%;}
.values{ text-align:center; margin:auto; background:#eee; padding:20px 0px;}
.v-box{ margin-top:20px; text-align:center;}
.v-box img{ width:70px; background:#1e73be; border-radius:50px; padding:5px;}
.v-box:hover img{ transition:.9s; transform: rotateZ(360deg);}
.v-box h3{ text-align:center; color:#222; font-weight:600;}
.v-box p{ text-align:center; color:#333;}
.v-box a{ background:#484848; color:#fff; padding:5px 10px; border-radius:6px;}

.hm-serv{font-family: Arial, Helvetica, sans-serif; font-size: 14px; clear:both;}
.hm-serv h2{ text-align:center; color:#888; font-weight:500;}
.hm-serv h2 span{ border-bottom:2px #1e73be solid; padding-bottom:5px;}
.hm-serv h2 b{ color:#1e73be;}

.serv-left{ width:100%; text-align:right; margin-top:20px; clear:both;}
.serv-left h3{ font-size:16px; text-align:right; color:#1e73be; margin:5px 0 10px 0;}
.serv-left p{ text-align:right;}
.serv-left img{ border-radius:50px; padding:5px; border:1px #ccc solid; float:right; margin-bottom:70px; margin-left:10px;}

.serv-right{ text-align:left; margin-top:20px;}
.serv-right h3{ font-size:16px; text-align:left; color:#1e73be; margin:5px 0 10px 0;}
.serv-right p{ text-align:left;}
.serv-right img{ border-radius:50px; padding:5px; border:1px #ccc solid; float:left; margin-bottom:70px; margin-right:10px;}

.serv-center{ text-align:center; margin-top:20px;}
.serv-center img{ width:100%; border:1px #ccc solid; padding:5px;}

.about{ width:100%; background:#eee; margin:0; padding:20px 0px;}
.about h1{ text-align:center; margin-bottom:20px;}
.about h1 span{ border-bottom:2px #1e73be solid; padding-bottom:5px;}
.about p{ text-align:justify;}
.hom-map{ background:#eee; padding-bottom:10px; padding-top:10px;}
.contact-btm{ width:100%; margin:0; padding:20px 0px; background:url(../image/contact_bg.png) no-repeat;}
.cont-hom{ background:#1e73be; min-height:420px;}
.cont-hom h2{ color:#fff;}
.cont-hom p{ color:#fff;}
.cont-hom p a{ color:#a3d4fe;}

.cont-head{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; Font-size:14px; color:#333; line-height:30px; text-align:justify;}
.cont-head h2{font-family: Arial;
    font-weight: bold;
    Font-size: 20px;
    color: #01458e;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0px 0 0 0;}
.cont-head h2 span{    display: block;
    font-size: 15px;
    color: #999;
    margin-bottom: 10px;}
.cont-head h3{ font-family:Arial; font-weight:normal; Font-size:18px; color:#01458e; line-height:30px; text-transform:uppercase; margin:0;}
.cont-head p{ font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}

.whats-new-pg h3{padding-left: 20px;}

footer{ background:#222; color:#fff; padding-top:7px;}
.cl{ clear:both;}
.cprht-lft{ float:left; color:#fff;}
.cprht-rht{ float:right; color:#fff;}

.top{ position: absolute;
    top:-20px;
    left: 60px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 55px;
    background:#333;
    color: #fff;
    padding: 15px 0px 10px;
    border-bottom: 0;
    cursor: pointer;
    transition: 0.5s;
}
	
.top img{    display: block;
    text-align: center;
    margin: 0 auto;}


.icon-ul{list-style-image:url(../image/hand-icon1.png); padding-left:22px; color: #555; text-align:left;}
.icon-ul li{padding-left:15px; margin-bottom:3px;}
.icon-ul .icon-ul{margin-bottom:8px;}


/*banner*/
@media(max-width:1024px){
header{padding-top: 22px;
    padding-left: 15px;}
header img{max-width:100%;}

}

@media(max-width:998px){	
.social{display:none;}
.about-lft img{margin: 0 auto 10px;}
.contact-btm{background-size: cover;}
.cont-frame{height: 350px !important;}
.cont-hom{min-height: initial;
    padding-bottom: 15px;     padding-top: 2px;}
.cont-head h2{margin-top:20px;}
.cont-head p{text-align:left;}
.serv-center{display:none;}
}

@media(max-width:767px){	
.wslidess img{height: 250px;}	
.wback_nav{top: 170px !important;}
.serv-icon{width:100%; float:inherit !important;}
.serv-left, .serv-right{text-align:center;     margin-top: 25px;}
.serv-left h3, .serv-right h3{text-align:center; margin-bottom: 2px;}
.serv-left img, .serv-right img{    float: initial; margin-bottom: 8px;}
.serv-center{display:none}
.serv-left p{text-align:center}
.cont-hom,
.hom-map{margin-left:15px; margin-right:15px;}
.cont-frame {
    height: 280px !important;
}
header{padding-top: 12px; padding-bottom: 10px; text-align:left;}
.table-responsive{border:0;}

.navbar-default .navbar-toggle{    position: absolute;
    right: 15px;
    top: -60px;}
.nav>li>a {
    padding: 5px 10px !important;
    line-height: 15px;
}
.serv-left h3{    font-weight: bold;}
}

@media(max-width:480px){
.wslidess img {
    height: 200px;
}
.wback_nav {
    top: 120px !important;
}	
.v-box h3{font-size: 18px;}
h1{    font-size: 25px;}
.cprht-lft,
.cprht-rht{width:100%; text-align:center;}
header img{width: 80%;}
	}


@media(max-width:360px){	
.cont-mail p{font-size:13px; margin-right:6px;}	
.cont-mail p img {
    height: 17px;
    margin-right: 2px;
    padding-top: 2px;
}
header img{width:74%;}
.navbar-default .navbar-toggle{    right: 12px;
    top: -53px;}
}


  
.whatsapp_btn2{
    position: fixed;
    bottom: 10em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn2 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

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

.whatsapp_btn2 .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);
}


 
.whatsapp_btn3{
    position: fixed;
    bottom: 20em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn3 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

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

.whatsapp_btn3 .circle_waves{
    border-radius: 50%;
    background-color: #159DF2;
    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);
}


 
.whatsapp_btn4{
    position: fixed;
    bottom: 15em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn4 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

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

.whatsapp_btn4 .circle_waves{
    border-radius: 50%;
    background-color: #9D30BD;
    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);
}
.whatsapp_btn5{
    position: fixed;
    bottom: 4em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn5 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

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

.whatsapp_btn5 .circle_waves{
    border-radius: 50%;
    background-color: #006dc0;
    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;
    }
}
}