/* CSS Document by Palakshi Dam - Krishna Tech*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
body{font-family: 'Oswald', sans-serif; margin:0}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:99.5%; height:auto; margin:0 auto; overflow:auto}

h1{text-align:center; font-family: 'Lobster', cursive; color:#F47469; background:url(images/bg3.png) bottom center no-repeat; padding-bottom:2%;}

#header{width:100%; height:auto; float:left}
#header .logo{width:16%; height:auto; float:left; margin-top:0.8%;}

#work{width:100%; height:auto; float:left; margin-top:3%; padding-bottom:3%}
#work h1{text-align:center; font-family: 'Lobster', cursive; color:#F47469; background:url(images/bg3.png) bottom center no-repeat; padding-bottom:2%; margin-bottom:1%}
#work p{text-align:center; color:#666666; line-height:170%}
#work a{text-decoration:none; width:10%; height:auto; float:left; margin:2% 45%; padding:1%; color:#a7bb96; background:#FFFFFF; text-align:center; transition:0.50s}
#work a:hover{color:#FFFFFF; background:#C6DCB3}

#slide_img{width:100%; height:auto; float:left;}
#slide_img img{width:100%; height:auto; float:left}
#slide_img .con{width:30%; height:auto; float: left; margin:-27% 0 0 7%}
#slide_img .con .con1{width:50%; height:auto; float:left; background:url('images/con_bg.png'); transition:0.5s}
#slide_img .con .con1:hover{background:black}
#slide_img .con .con1 img{width:26%; height:auto; float:left; margin:4% 37% 6% 37%}
#slide_img .con .con2{width:50%; height:auto; float:left; background:url('images/con_bg1.png'); transition:0.5s}
#slide_img .con .con2:hover{background:black}
#slide_img .con .con2 img{width:26%; height:auto; float:left; margin:4% 37% 6% 37%}
#slide_img .con .con3{width:100%; height:auto; float:left; background:url('images/con_bg2.png'); transition:0.5s}
#slide_img .con .con3:hover{background:black}
#slide_img .con .con3 img{width:10%; height:auto; float:left; margin:2% 45% 1% 45%}
#slide_img h3{color:white; text-align:center; margin:10% 1%}
#slide_img a{text-decoration:none}
#slide_img h2{float:left; margin:-9% 0 0 38%; font-weight:300; color:white; font-size:xx-large; font-family: 'Ubuntu', sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}

#fixed{width:100%; height:auto; float:left; margin-top:20px}

#update{width:100%; height:auto; float:left; padding:1% 0}
#update h4{float:left; padding:1% 3%; background:#384131; color:#CCCCCC; margin-right:2%}
#update p{color:#384131; padding:1% 3%}

#testimonial{width:100%; height:auto; float:left; margin:4% 0}
#testimonial .low_div{width:97%; height:300px; margin-left:2%; margin-right:1%;}
#testimonial blockquote{
    clear: both;
    padding: 2% 1% 1% 3.5%;
    position: relative;
    quotes: none;
    background: url(images/open-quote.png) 0 0 no-repeat;
    border: 0;
    font-size: 100%;
    line-height: 150%;
	color:#4b4a4a;
}
#testimonial h3{padding:2% 0; color:#666666; text-align:center}
#testimonial p{text-align:right; margin-right:2%; color:#0099FF}
#testimonial span{color:#666666; font-size:small}

#clients{width:100%; height:auto; float:left; padding:5% 0}
#clients h3{color: #FFFFFF; text-align:center; text-shadow: 1px 1px 1px #666565;}
#clients img{width:8%; height: auto; float:left; margin:1%; box-shadow: 2px 2px 10px 0px rgba(153,150,153,1);}

#four_tab{width:100%; height:auto; float:left; margin:2% 0}
#four_tab .con{width:22%; height:210px; float:left; border:#999999 1px solid; margin:1.5%; padding:0.5%}
#four_tab .con h4{color:#8BCB33; text-align:center; padding:1.5%; margin-bottom:3%; background-color:#f5f5f5}
#four_tab .con a{width:100%; float:left; text-decoration:none; color:#F47469; margin:1.5% 0; transition:0.50s}
#four_tab .con a:hover{color:#b85b53;}
#four_tab .con p{color: #666666; background:url(images/icon3.jpg) left center no-repeat; padding-left:5%; margin:0.5% 0}

#lower_tab{width:100%; height:auto; float:left;}
#lower_tab .con{width:18%; height: auto; float:left; margin:1%; padding:1%;}
#lower_tab .con h4{color:#2b5400; padding:2%; margin-bottom:3%; border-bottom:#CCCCCC 1px solid}
#lower_tab .con p{color: #666666; background:url(images/right.png) left center no-repeat; padding-left:7%; margin:2.5% 0; font-size:small; transition:0.50s}
#lower_tab .con p:hover{color: #009966}

#footer{width:100%; height:auto; float:left; padding-top:1%}
#footer p{font-size:small; float:left; width:460px; margin:0 0.5%}
#footer a{text-decoration:none; color:#599A1E; padding:0 2%; float:left}
#footer a:hover{color:#427216}
#footer .share{width:auto; height:auto; float:left; margin:10px}

#static{width:100%; height:auto; float:left; margin:2% 0}
#static img{float:left; margin:1%}
#static p{text-align:justify; line-height:150%; color: #666666; margin:1% 0}

#website{width:100%; height:auto; float:left; margin:2% 0}
#website .left{width:60%; height:auto; float:left; margin:2% 0;}
#website .right{width:100%; height:auto; float:left; margin:2% 0}
#website .right h3{color:#0099FF; border-bottom:#CCCCCC 1px solid}
#website .right .div{width:23%; height:auto; float:left; margin:1%}
#website .right .div img{width:20%; height:auto; float:left; margin-right:2%}
#website .right .div p{margin:6% 0 0 3%; color:#666666; width:75%; height:auto; float:left}

#software{width:100%; height:auto; float:left; margin:2% 0;}
#software h3{color:#5B9C1E; margin:2% 0}
#software p{color:#333333; background:url('images/tick.png') left top no-repeat; font-weight:normal; padding:0.2% 0 0 2%; width:31%; float:left; margin:1%}
#software .con{width:90%; height:auto; float:left; background:#FCFCFC; border:1px #EFEFEF solid; border-radius:5px; margin:2% 5%; padding:1%}

#contact{width:100%; height:auto; float:left; margin:2% 0}
#contact .left{width:100%; height:auto; float:left; margin:2% 0}
#contact .left p{color:#666666; line-height:180%; text-align:center}
#contact .right{width:34%; height:auto; float:left; margin:2% 15% 0 1%; border-left:#0099FF 1px dashed}
#contact .right .box{width:75%; float:left; padding:2% 1%; margin:2% 0% 2% 17%; border:#999999 2px solid; font-family: 'Oswald', sans-serif; color:#666666; box-shadow: 2px 2px 10px 0px rgba(153,150,153,0.20); transition:0.50s}
#contact .right .box:focus{border:#7ac202 2px solid}
#contact .right .box:hover{border:#7ac202 2px solid}
#contact .right .box1{width:75%; height:100px; float:left; font-size:13px; padding:2% 1%; margin:2% 0% 2% 17%; border:#999999 2px solid; font-family: 'Oswald', sans-serif; color:#666666; transition:0.50s}
#contact .right .box1:focus{border:#7ac202 2px solid}
#contact .right .box1:hover{border:#7ac202 2px solid}
#contact .right .submit{background:#5C9D1E; padding:1% 2%; margin:1% 8% 1% 0; cursor:pointer; float:right; border:none; font-family: 'Oswald', sans-serif; color:#FFFFFF}
#map{width:80%; height:360px; float:left; margin:2% 10%; text-align:center}

#disclaimer{width:100%; height:auto; float:left; margin:2% 0}
#disclaimer p{color: #666666; text-align:justify; line-height:170%; margin:0.5% 0}
#disclaimer h3{color:#0099FF; margin:2% 0 0 0}
#disclaimer ul{line-height:160%; text-align:justify; color:#666666;}
#disclaimer ul li{margin:1.5% 0; background:url('images/tick.png') left top no-repeat; padding-left:30px; list-style:none;}

#appointment form{width:40%; height:auto; float:left; margin:3% 30%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#appointment form h2{margin:20px 0; color:#0146a5; text-align: center;}
#appointment form h3{margin:0; color:#2f2f2f; text-align: center;}
#appointment form label{width:100%; height:auto; float:left; margin: 20px 0 0 0;}
#appointment form label span{color:red;}
#appointment form .box{width:98%; height:auto; float:left; margin:1.5% 1%; padding:3.5% 2%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: "Poppins", sans-serif, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#appointment form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box1{width:98%; height:80px; float:left; margin:1.5% 1%; padding:3.5% 2%; 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: "Poppins", sans-serif, sans-serif; font-size:small; transition:0.5s}
#appointment form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#appointment form .submit{padding:15px 6%; margin:2% 0; letter-spacing: 1px; font-size: medium; background:#0146a5; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#appointment form .submit:hover{background:#01275c}
#appointment form span{padding-left: 5px;}
#appointment form .box::placeholder{color: #343434; opacity: 1;}
#appointment form .box1::placeholder{color: #343434; opacity: 1;}
#appointment form p{width:96%; height:auto; float:left; margin:2%; color:red;}

#banking{width:100%; height:auto; float:left; margin:2% 0}
#banking .con{width:60%; height:auto; float:left; margin:0 20%; background:#fcfafa; padding:1%}
#banking .con h4{margin:2.5% 0; border-bottom:#999999 1px solid; color:#333333}
#banking img{width:16%; height:auto; float:right; margin-top:-8.5%}
#banking p{color:#333333}
#banking span{color:#0099FF; margin:0 0.5%}

#application{width:100%; height:auto; float:left; margin:2% 0}
#application p{color:#666666; text-align:justify; line-height:160%; font-size:15px; color:#333333; margin:1% 0}
#application span{width:98%; float:left; color:#666666; background:url(images/arrow.png) left top no-repeat; padding-left:2%; margin:0.5% 0}

#pricing{width:100%; height:auto; float:left; padding:0; margin:2% 0}
#pricing .con{width:16.5%; padding:0 0 1% 0; border-right:#666666 1px solid; border-bottom:#666666 1px solid; margin:2% 0; float:left}
#pricing .con:last-child{border-right:none}
#pricing span{float:left; width:100%; padding:4% 0; margin:0 0 4% 0; text-align:center; background:#333333; color:#FFFFFF}
#pricing p{color:#666666; text-align:justify; line-height:200%; float:left; font-size:small; margin:1% 0; width:100%; text-align:center}

#channel{width:100%; height:auto; float:left; padding:0; margin:2% 0}
#channel h3{color:#0099FF; background:#f7f7f7; border:#e4e4e4 1px solid; padding:0.4%; border-radius:3px; float:left; margin-right:1%; width:14%}
#channel p{margin:0.5% 0; color:#666666}
#channel h4{color:#003399}
#channel .low{width:100%; height:auto; float:left; margin:2% 0}
#channel .low img{width:8%; margin:-2.2% 1%; height:auto; float:left}

#about_us{width:100%; height:auto; float:left; padding:0; margin:2% 0 4% 0}
#about_us p{color:#666666; line-height:180%; text-align:justify}
#about_us .mid{width:50%; height:210px; margin:3% auto 0 auto; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#about_us .mid img{height:150px; width:auto; float:left; margin:1%}
#about_us .mid h2{color:#0099FF; margin:1%}
#about_us .mid span{background:url(images/arrow1.png) left center no-repeat; padding-left:4%; margin:0.5% 0; width:40%; float:left; color:#666666}

#learn{width:100%; height:auto; float:left; padding:0; margin:2% 0 6% 0}
#learn h3{color:#0099FF; margin:2% 0 0.5% 0}
#learn p{color:#666666; line-height:180%; text-align:justify}
#learn span{color:#990000}
#learn a{background:url(images/arrow1.png) center left no-repeat; padding-left:2%; color:#666666; width:97%; float:left; margin:0.3% 0}
#learn .left{width:47%; height:280px; float:left; margin:3% 2% 1% 0.5%; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#learn .right{width:47%; height:280px; float:right; margin:3% 0.5% 1% 2%; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}


@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:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}

#header .logo{width:80%; height:auto; float:left; margin:1% 10%}

h1{text-align:center; font-family: 'Lobster', cursive; color:#F47469; background:url(images/bg3.png) bottom center no-repeat; padding-bottom:10%;}

#work{width:100%; height:auto; float:left; margin-top:15%; padding-bottom:15%}
#work h1{text-align:center; font-family: 'Lobster', cursive; color:#F47469; background:url(images/bg3.png) bottom center no-repeat; padding-bottom:8%; margin-bottom:2%}
#work p{text-align: justify; color:#666666; line-height:170%; padding:0 2%}
#work a{text-decoration:none; width:50%; height:auto; float:left; margin:5% 25%; padding:2% 1%; color:#a7bb96; background:#FFFFFF; text-align:center; transition:0.50s}
#work a:hover{color:#FFFFFF; background:#C6DCB3}

#slide_img{width:100%; height:auto; float:left;}
#slide_img img{width:100%; height:390px; float:left}
#slide_img .con{width:100%; height:auto; float: left; margin:-100% 0 0 0}
#slide_img .con .con1{width:50%; height:auto; float:left; background:url('images/con_bg.png'); transition:0.5s}
#slide_img .con .con1:hover{background:black}
#slide_img .con .con1 img{width:26%; height:auto; float:left; margin:4% 37% 6% 37%}
#slide_img .con .con2{width:50%; height:auto; float:left; background:url('images/con_bg1.png'); transition:0.5s}
#slide_img .con .con2:hover{background:black}
#slide_img .con .con2 img{width:26%; height:auto; float:left; margin:4% 37% 6% 37%}
#slide_img h3{color:white; text-align:center; margin:10% 1%}
#slide_img a{text-decoration:none}
#slide_img h2{float:left; margin:-16% 2% 0 2%; font-weight:400; color:white; font-size:large; text-align:center; font-family: 'Ubuntu', sans-serif; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}

#update{width:100%; height:auto; float:left; padding:1% 0 2% 0}
#update h4{float:left; padding:1% 3%; background:#384131; color:#CCCCCC; margin:0 0 2% 0; width:100%; float:left; text-align:center}
#update p{color:#384131; padding:1% 3%; line-height:160%}

#testimonial{width:100%; height:600px; float:left; margin:5% 0 10% 0}
#testimonial .low_div{width:97%; height: auto; margin-left:2%; margin-right:1%;}
#testimonial blockquote{
    clear: both;
    padding: 4% 1% 8% 15%;
    position: relative;
    quotes: none;
    background: url(images/open-quote.png) 0 0 no-repeat;
    border: 0;
    font-size: 100%;
    line-height: 150%;
	color:#4b4a4a;
	font-size:small
}

#clients h3{color:#FFFFFF; text-align:center; text-shadow: 1px 1px 1px #666565; border-bottom:#00CCFF 1px solid; padding-bottom:1%; margin-bottom:1%}
#clients img{width:40%; height: auto; float:left; margin:3% 5%; box-shadow: 2px 2px 10px 0px rgba(153,150,153,1);}

#four_tab{width:100%; height:auto; float:left; margin:2% 0}
#four_tab .con{width:96%; height: auto; float:left; border:#999999 1px solid; margin:3% 1%; padding:3% 1%}
#four_tab .con h4{color:#8BCB33; text-align:center; padding:0.5%; margin:0 0 2% 0; background-color:#e6e6e6}
#four_tab .con a{width:100%; float:left; text-decoration:none; color:#F47469; margin:1%; transition:0.50s}
#four_tab .con a:hover{color:#b85b53;}
#four_tab .con p{color: #666666; background:url(images/icon3.jpg) left center no-repeat; padding-left:6%; margin:0 1%}

#lower_tab .con{width:96%; height: auto; float:left; margin:2% 1%; padding:1%;}
#lower_tab .con h4{color:#2b5400; padding:1% 0.5%; margin-bottom:3%; border-bottom:#CCCCCC 1px solid; text-align:center}
#lower_tab .con p{color: #666666; background:url(images/right.png) left center no-repeat; padding-left:5%; margin:4% 0; font-size:small}

#footer{width:100%; height:auto; float:left; margin-bottom:0%}
#footer p{font-size:small; float:left; width:98%; margin:2%; text-align:center}
#footer a{text-decoration:none; color:#599A1E; padding:1% 7%; float:left; width:48%; margin:1%; text-align:center;}
#footer a:hover{color:#427216}
#footer .share{width:auto; height:auto; float:left; margin:10px}

#static img{float:left; margin:2% 1%; width:98%;}

#contact{width:100%; height:auto; float:left; margin:2% 0}
#contact .left{width:100%; height:auto; float:left; margin:2% 0}
#contact .left p{color: #666666; margin:2%; line-height:190%; text-align:center}
#contact .right{width:100%; height:auto; float:left; margin:1% 0; border: none}
#contact .right .box{width:98%; float:left; padding:2% 1%; margin:2% 1%%; border:#999999 2px solid; font-family: 'Oswald', sans-serif; color:#666666; transition:0.50s}
#contact .right .box:focus{border:#7ac202 2px solid}
#contact .right .box:hover{border:#7ac202 2px solid}
#contact .right .box1{width:98%; height:100px; float:left; font-size: small; padding:2% 1%; margin:2% 1%; border:#999999 2px solid; font-family: 'Oswald', sans-serif; color:#666666; transition:0.50s}
#contact .right .box1:focus{border:#7ac202 2px solid}
#contact .right .box1:hover{border:#7ac202 2px solid}
#contact .right .submit{background:#5C9D1E; width:97%; padding:2%; margin:2% 1%; cursor:pointer; float: left; border:none; font-family: 'Oswald', sans-serif; color:#FFFFFF}
#map{width:98%; height:360px; float:left; margin:2% 1%}

#disclaimer{width:100%; height:auto; float:left; margin:2% 0}
#disclaimer p{color: #666666; text-align:justify; line-height:170%; margin:1% 0}
#disclaimer h3{color:#0099FF; margin:5% 0 0 0; text-align:center}

#pricing{width:100%; height:auto; float:left; margin:2% 0;}
#pricing .con{width:16.5%; height:250px; float:left; margin:0; padding:0; border-right:#999999 1px solid;}
#pricing .con:last-child{border-right:none}
#pricing span{float:left; width:100%; height:30px; margin:1% 0 5% 0; text-align:center; background:#333333; color:#FFFFFF; font-size:9px;}
#pricing p{color:#666666; width:100%; text-align:justify; line-height:150%; float:left; font-size:8px; margin:3% 0; line-height:230%; text-align:center}

#channel{width:100%; height:auto; float:left; padding:0; margin:2% 0}
#channel h3{color:#0099FF; background:#f7f7f7; border:#cfcfcf 1px solid; padding:2% 0.4%; border-radius:3px; float:left; text-align:center; width:99%}
#channel p{margin:1% 0; color:#666666; text-align:center}
#channel h4{color:#003399; margin-top:15%}
#channel .low{width:100%; height:auto; float:left; margin:1% 0}
#channel .low img{width:50%; margin:2% 25%; height:auto; float:left; border-bottom:#333333 1px solid}

#website .right h3{color:#0099FF; border-bottom:#CCCCCC 1px solid; margin-bottom:2%}
#website .right .div{width:98%; height:auto; float:left; margin:3% 1%; background:#E3E3E2; padding:1%}

#software p{color:#333333; background:url('images/tick.png') left top no-repeat; font-weight:normal; padding:0.2% 0 0 8%; width:90%; float:left; margin:1%}
#software .con{width:97.5%; height:auto; float:left; background:#FCFCFC; border:1px #EFEFEF solid; border-radius:5px; margin:2% 1%; padding:1%}

#application span{width:92%; float:left; color:#666666; background:url(images/arrow.png) left top no-repeat; padding-left:8%; margin:0.5% 0}

#about_us .mid{width:96%; height:260px; margin:4% auto 1% auto; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#about_us .mid img{height:auto; width:15%; float:left; margin:1%}
#about_us .mid h2{color:#0099FF; margin:1%}
#about_us .mid span{background:url(images/arrow1.png) left center no-repeat; padding-left:8%; margin:0.5% 0; width:92%; float:left; color:#666666}

#learn a{background:url(images/arrow1.png) center left no-repeat; padding-left:8%; color:#666666; width:92%; float:left; margin:0.3% 0}
#learn .left{width:98%; height:auto; float:left; margin:4% 1%; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#learn .right{width:98%; height:auto; float:right; margin:4% 1%; padding:1%; background:#f9f9f9; border:#e3e2e2 1px solid; border-radius:3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}

#appointment form{width:98%; height:auto; float:left; margin:3% 1%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}

}