/* CSS Document by  Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Manjari&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');

body{margin:0; font-family: 'Manjari', sans-serif;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner4{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner5{width:80%; height:auto; margin:0 auto;}
a{text-decoration:none; color:#333}

.upheader-bac{background:#183a6e}
#upheader{width:100%; height:auto; float:left; margin:3px 0}
#upheader .left{width:90%; height:auto; float:left; margin:0.5% 0 0 0;}
#upheader .left p{float:left; margin:0% 0 0 0; color:#fff;}
#upheader .left .p{float:left; margin:0.5% 3% 0 0; color:#fff; font-size:14px}
#upheader .left p img{width:18px; height:18px; float:left; margin:0 0 0 0}
#upheader .left p .img{width:18px; height:18px; float:left; margin:-2% 0 0 0}
#upheader .middle{width:7%; height:auto; float:right; margin:0.2% 0}
#upheader .middle a{width:22%; height:auto; float:left; margin:0 2%; border:#fff 2px solid; border-radius:50%; padding:0%; transition:0.5s}
#upheader .middle a:hover{border:#f6bc02 2px solid;}
#upheader .middle a img{width:70%; height:auto; float:left; margin:15%}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#fff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}

.mainlogo{width:12%; height:auto; float:left; padding:0.3% 0; background:#fff}
.mainlogo img{width:100%; height:auto; float:left; margin:0}

#header{width:100%; height:auto; float:left; background:#f4f4f1;}
#header .logo{width:16%; height:auto; float:left; padding:0.5% 2% 0.5% 2%; background:#fff}
#header .logo img{width:100%; height:auto; float:left; margin:0}
#header .mid{width:60%; height:auto; float:right; margin-top:2%}
#header .right{width:30%; height:auto; float:right; margin:1% 0 0 0}
#header .right p{float:right; font-size:small; margin:1% 0}
#header .right p img{width:10%; height:auto; float:left; margin:0}

.menudiv-bac{background:#fff;}

#whatwedo{width:100%; height:auto; float:left; margin:3% 0}
#whatwedo h1{color:#0793cd; text-align:center; font-size:40px; margin-bottom:0}
#whatwedo span{width:80%; height:auto; float:left; margin:0 10% 1% 10%; color:#484949; text-align:center; font-size:20px; line-height:150%}
#whatwedo .con{width:27%; height:330px; float:left; margin:2% 0; padding:1% 3%}
#whatwedo .con1{height:330px; background:#ebf3fd}
#whatwedo .con img{width:30%; height:auto; float:left; margin:5% 35%}
#whatwedo .con h2{color:#000; text-align:center}
#whatwedo .con p{color:#666; text-align:center; font-size:large; line-height:150%}

.h2_heading{font-weight:bold; text-align:center; margin:3% 0 0 0; color:#4f4f4f; font-weight:normal; font-size:36px;}
.h2_heading span{color:#0793cd; font-weight:bold}
.headb{width:6%; height:auto; float:left; margin:1% 47% 0 47%; border-bottom:#797979 2px solid}

.icondivbac{border-top:5px solid #268fb6; background:#fefbd3;}

.classbac{padding:50px 0 60px;background:url(images/promo-bg.svg) top right/100% no-repeat #ebf3ff; -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);}
#proc{width:100%; height:auto; float:left;}
#proc .left{width:50%; height:auto; float:left;}
#proc .left img{width:20%; height:auto; float:left; margin:0 80% 2% 0;}
#proc .left h1{width:100%; height:auto; float:left; margin:0; color:#333; font-size:large}
#proc .left h1 strong{color:#155e91; font-size:x-large;}
#proc .left span{width:100%; height:auto; float:left; margin-bottom:0; color:#333; font-style: italic;}
#proc .left p{width:100%; height:auto; float:left; margin:5px 0 10px 0; color:#646464; line-height:150%; font-size:medium}
#proc .left a{background:#29a4df; color:#fff; padding:2% 4% 1.5% 4%; border-radius:20px; transition:0.5s}
#proc .left a:hover{background:#42ba96;}
#proc .right{width:45%; height:auto; float:left; margin-right:5%}
#proc .low{width:100%; height:auto; float:left; margin:8% 0 0 0}
#proc .low .right{width:50%; height:auto; float:left;}
#proc .low .right img{width:40%; height:auto; float:left; margin:0 4.5%; border: 1px solid #e7e7e7;}
#proc .low .right h1{width:100%; height:auto; float:left; margin-bottom:3%; color:#155e91}
#proc .low .right p{width:100%; height:auto; float:left; color:#646464; line-height:150%; font-size:large}
#proc .low .left{width:40%; height:auto; float:left; margin:0 0 0 5%}

.bannerim{width:100%; height:auto; float:left; margin:0}

#beetel{width:100%; height:auto; float:left; margin:3% 0}
#beetel .con{width:18%; height:auto; float:left; margin:1%; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);}
#beetel .con img{width:90%; height:auto; float:left; margin:1% 5%}
#beetel .con h5{width:96%; height:auto; float:left; margin:2%; color:#08a6fd; text-align:center;}

.clientsbac{background:#f2f1f1}
#clients{width:100%; height:auto; float:left; margin:3% 0}
#clients h2{text-align:center; color:#155e91; text-transform:uppercase}
#clients img{width:13%; height:auto; float:left; margin:0.5%}
#clients p{width:70%; height:auto; float:left; margin:0 15% 2% 15%; color:#3f4040; line-height: 150%; text-align: center;}

.footerbac{background:#14243e}
#footer{width:100%; height:auto; float:left}
#footer .con{width:30%; height:auto; float:left; margin:0.5% 1.5%}
#footer .con p{color:#fff; text-align:justify; font-size:14px; line-height:130%}
#footer .con h4{color:#fff; margin-bottom:6%}
#footer .con .hh4{color:#fff; margin-bottom:3%}
#footer .con a{width:100%; height:auto; float:left; margin:1% 0; color:#2d9cc1; font-size:14px; transition:0.5s}
#footer .con a:hover{color:#ffc844}
#footer .con .icon{width:100%; height:auto; float:left}
#footer .con .icon a{width:6%; height:auto; float:left; padding:2%; margin:1.5%; background:#258cb3; border-radius:50%; transition:0.5s}
#footer .con .icon a:hover{background:#d59703;}
#footer .con .icon a img{width:100%; height:auto; float:left;}
#footer .con .h4{color:#fff; margin-bottom:1%; padding-top:16%}
#footer .con .a{width:50%; height:auto; float:left;}
#footer .con .aa{width:auto; height:auto; float:left; padding:4% 2% 2% 2%; margin-top:15px; border-radius:5px; background:#e7f2fd;}
#footer .con .aa:hover{color:red;}

.footerlowbac{background:#0c1626}
#footerlow{width:100%; height:auto; float:left}
#footerlow p{color:#eeeeee; float:left; font-size:small}
#footerlow .p{float:right}
#footerlow a{color:#248ab2; transition:0.5s}
#footerlow a:hover{color:#ffc844}

.supportbg{background:url(images/bg2.jpg) no-repeat; background-size:cover; border-bottom:2px solid #efefef;}
#head{width:100%; height:auto; float:left; padding:5% 0}
#head .top{width:98%; height:auto; float:left; margin:0 0 1% 2%; color:#fff}
#head .top a{color:#daf0f1}
#head .top .a{ cursor:auto}
#head .page-title-heading{font-size:2rem;letter-spacing:.034em;line-height:1.2;text-shadow:0 0.625rem 1.5rem rgba(0,0,0,0.2);text-transform:uppercase;word-break:break-all;color:#343b43; margin-left:2%;font-weight:bold;font-family:"Montserrat",sans-serif; color:#fff}

#static{width:100%; height:auto; float:left; margin:2% 0;}
#static h1{width:100%; height:auto; float:left; padding:1%; font-size:x-large; color:#fff; background:#0293d0}
#static h2{color:#0293d0; font-size:22px}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/tick.png'); line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:0.8% 0}
#static .con{width:28%; height:auto; float:left; margin:1.5%; padding:1%; background:#e7e7e7;}
#static .con img{width:98%; height:auto; float:left; margin:1% 1% 0 1%}
#static .con h3{width:98%; height:auto; float:left; margin:0 1% 1% 1%; padding-top:10px; border-top:1px solid #017bb3; text-align:center;}



#contact{width:100%; height:auto; float:left; margin:3% 0;}
#contact h2{margin:20px 0; color:#0293d0;}
#contact .left{width:40%; height:auto; float:left; margin:0 30%; background:#e8e9e9; border-radius: 5px; padding: 2%;}
#contact .left p{background:url(images/location.png) no-repeat; padding-left:8%; margin:2% 0}
#contact .left .p{background:url(images/phone.png) no-repeat; padding-left:8%;}
#contact .left .pp{background:url(images/mob.png) no-repeat; padding-left:8%;}
#contact .left .p1{background:none; padding-left:0; height:0; visibility:hidden;}
#contact .left .pp1{background:none; padding-left:0; height:0; margin:0; visibility:hidden;}
#contact .left .ppp{background:url(images/fax.png) no-repeat; padding-left:8%;}
#contact .left .pppp{background:url(images/mail1.png) no-repeat; padding-left:8%;}
#contact form{width:40%; height:auto; float:left; margin:0 30%; background:#d9dadb; border-radius: 5px; padding: 2%;}
#contact form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#contact form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
#contact form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .submit{padding:1.3% 3%; margin:2% 3% 2% 0; font-size: medium; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#contact form .submit:hover{background:#019EB1}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto;}
#main-inner4{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner5{width:100%; height:auto; margin:0 auto;}

#upheader .left{width:90%; height:auto; float:left; margin:1.5% 5%;}
#upheader .left p{float:left; margin:-0.5% 3% 2% 0; color:#fff;}
#upheader .left .p{float:left; margin:0 3% 2% 0; color:#fff; font-size:14px}
#upheader .middle{width:40%; height:auto; float:right; margin:0.2% 30% 2% 30%}

.mainlogo{width:50%; height:auto; float:left; margin:1% 25%; padding:0.3% 0; background:#fff}

#whatwedo span{width:98%; height:auto; float:left; margin:0 1%; color:#484949; text-align:center; font-size:20px; line-height:150%}
#whatwedo .con{width:96%; height:auto; float:left; margin:1%; padding:1%}
#whatwedo .con1{height:auto; background:#ebf3fd}

#proc{width:98%; height:auto; float:left; margin:1%}
#proc .left{width:98%; height:auto; float:left; margin:1%;}
#proc .left img{width:50%; height:auto; float:left; margin:1% 25%;}
#proc .right{width:98%; height:auto; float:left; margin:3% 1%}
#proc .low .right{width:98%; height:auto; float:left; margin:1%;}
#proc .low .right img{width:47%; height:auto; float:left; margin:1%; border: 1px solid #e7e7e7;}
#proc .low .left{width:98%; height:auto; float:left; margin:1%}

#beetel .con{width:98%; height:auto; float:left; margin:1%; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);}

#clients img{width:48%; height:auto; float:left; margin:1%}

#footer .con{width:96%; height:auto; float:left; margin:2%}
#footer .con1{width:96%; height:auto; float:left; margin:2%}
#footer .con1 h4{color:#fff; margin-bottom:6%; text-align:center;}
#footer .con1 a{width:100%; height:auto; float:left; margin:1% 0; color:#2d9cc1; font-size:14px; text-align:center; transition:0.5s}
#footer .con .icon{width:22%; height:auto; float:left; margin:1% 39%;}
#footer .con .icon a{width:27%; height:auto; float:left; padding:10%; margin:1.5%; background:#258cb3; border-radius:50%; transition:0.5s}
#footer .con .aa{width:70%; height:auto; float:left; padding:6% 0 4% 0; margin:5% 15%; text-align:center; border-radius:5px; background:#e7f2fd;}

#footerlow{width:100%; height:auto; float:left; margin:5% 1%;}
#footerlow p{width:98%; height:auto; float:left; margin:1%; text-align:center; color:#eeeeee; float:left; font-size:small}
#footerlow .p{float:right; text-align:center;}

#static{width:96%; height:auto; float:left; margin:2%;}
#static .con{width:95%; height:auto; float:left; margin:1.5%; padding:1%; background:#e7e7e7;}

#contact .left{width:94%; height:auto; float:left; margin:1%; background:#e8e9e9; border-radius: 5px; padding: 2%;}
#contact .left p{background:url(images/location.png) no-repeat; padding-left:12%; margin:5% 0}
#contact .left .pp{background:url(images/mob.png) no-repeat; padding-left:12%;}
#contact .left .pppp{background:url(images/mail1.png) no-repeat; padding-left:12%;}
#contact form{width:94%; height:auto; float:left; margin:1%; background:#d9dadb; border-radius: 5px; padding: 2%;}

}