HOME

Mini Shell 1.0
Current File : /home/prashamcomputers.com/www/css/stylesheet.css
@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'citydligregular';
    src: url('../fonts/c010012d.eot');
    src: url('../fonts/c010012d.eot#iefix') format('embedded-opentype'),
         url('../fonts/c010012d.woff') format('woff'),
         url('../fonts/c010012d.ttf') format('truetype'),
         url('../fonts/c010012d.svg#citydligregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 @font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.mleft0{margin-left:0!important;}
::-moz-selection { color: #c1c1c1 !important; background: #eb540a; }
::selection { color: #fff !important; background: #eb540a; }

@font-face {
    font-family: 'myriad_pro_condregular';
    src: url('../fonts/myriadpro-cond1.eot');
    src: url('../fonts/myriadpro-cond1.eot#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-cond1.woff') format('woff'),
         url('../fonts/myriadpro-cond1.ttf') format('truetype'),
         url('../fonts/myriadpro-cond1.svg#myriad_pro_condregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.pad-0{padding:0px!important;}
.mtop20{margin-top:20px!important;}
.mtop10{margin-top:10px!important;}
.mleft10{margin-left:10px!important;}
img{border:none;}
*{margin:0; padding:0;}
 
.fl{float:left!important;}
.fr{float:right!important;}
.clear{clear:both;}
* {margin:0; padding:0;}
p{text-align:justify; font-family:Arial, Helvetica, sans-serif !important;}
input[type=submit],input[type=submit]{cursor:pointer; } 
input[type=text],select,option,textarea{font-family:Arial, Helvetica, sans-serif; color:#444; font-size:14px; line-height:1.4;} 
h1,h3,h4,h5,h6,h2,form,ul,legend,ht,input,a {margin:0; padding:0; font-weight:normal; text-decoration:none; outline:none; color: #eb540a;}
 
body{background:#1E1E1E url(../images/main_body.png) repeat-x fixed; margin:0;  padding: 0; font-family:Arial, Helvetica, sans-serif; color:#fff;  font-size:12px; line-height:1.5; text-align:justify;} 

/*======wrapper start============== */
#wrapper {width:1000px; height:auto; margin:0 auto;}

/*======header start============== */
.container{
	width:100% !important;
}
.header{height:80px;}
.header{position:relative;}
.header h1 a{height:62px; width:384px; background:url(../images/logo.png) no-repeat; position:absolute; top:25px; left:0px; overflow:hidden; text-indent:-10000000px; } 

.header .link{position:absolute; top:15px; right:0;}
.header .link li{display:inline; font:bold 10px/1.5em Arial, Helvetica, sans-serif; border-left:1px dotted #78C429; color:#fff; padding:0 5px; text-transform:uppercase;} 
.header .link li:first-child{border:none;} 
.header .link li a{color:#78C429;  font:bold 10px/1.5em Arial, Helvetica, sans-serif;} 
.header .link li a:hover{color:#fff;} 
 
 
.header .call1{position:absolute; top:55px; right:0; background:url(../images/call1.png) no-repeat; width:268px; height:37px;} 
/*.menu-head{margin-left:-15px;}*/
  .menu-head .container{position:relative;padding:0px;}
.menu-head .navbar-brand{padding:20px 15px; height:auto;}
.menu-head .navbar-brand img{max-width: 260px;}
.menu-head .navbar-header{position: relative; z-index: 2;}
.menu-head nav{box-shadow:none; border:none; background:none; border-radius:0;margin: 0px;}
.menu-head .navbar-collapse{padding:0;}
.menu-head .navbar-nav{float:none; text-align:right;}
.menu-head .navbar-nav > li{padding:0 10px; margin:auto;display: inline-block;float: none;}  
.menu-head .navbar-nav > li > a{color:#000; text-shadow:none;padding: 43px 0 32px;border-bottom: 3px solid transparent;}
.menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color:#d4471f; box-shadow:none;border-color: #d4471f;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
.menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
.menu-head li:hover > ul {left: auto;}
.menu-head ul ul {position: absolute; left: -9999px; padding:0; margin:0; top:100%;}
.menu-head ul ul ul{margin-left: 100%; top: 0;}
.menu-head ul ul li a{padding: 10px 20px; width: 200px; background: #000; text-decoration: none; color: #fff !important; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
/*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
.menu-head .sub-menu > li{list-style:none; border-bottom:1px solid #fff;}
.menu-head .sub-menu > li:last-child{border:none;}  
.menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background:#d4471f !important; color:#fff !important;}
.menu-head .sub-menu > li > a{display:block; background:#0e5695 !important; color:#fff !important; padding:7px 10px; text-align:left;} 
/*======menu start============== */
.nav {height:50px; border:1px solid #EDEDED; background:url(../images/nav_bg.png) repeat-x;} 
.nav li {display:inline; float:left;      font:normal 20px/50px 'myriad_pro_condregular'; color:#666; background:url(../images/bullets.png) no-repeat 9px 17px;  }
.nav li a{color:#666;  padding:0 18px 0 35px; display:block;border-left:1px solid #E2E2E2;}
.nav li a:hover{color:#fff; background:#599013 url(../images/hover1.png) no-repeat 9px 17px; }
.nav li a.active{color:#fff; background:#599013 url(../images/hover1.png) no-repeat 9px 17px; }  
/*======banner start============== */
.banner{margin:10px 0 15px 0; border:1px solid #EDEDED;}
.icon{margin:0;}
.icon a.first{float:left; background:url(../images/1.png) no-repeat top; width:260px; height:130px; text-indent:-1000000px;}
.icon a.first:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.icon a.two{float:left; background:url(../images/2.png) no-repeat top; width:260px; height:130px; text-indent:-1000000px;}
.icon a.two:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
  
.icon a.three{float:left; background:url(../images/3.png) no-repeat top; width:245px; height:130px; text-indent:-1000000px;}
.icon a.three:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}

.icon a.four{float:left; background:url(../images/4.png) no-repeat top; width:215px; height:130px; text-indent:-1000000px;}
.icon a.four:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}

.content_wrap{margin:35px 0 0 0; background:#fff; padding:10px; }
.content_wrap .call{height:65px; background:url(../images/call.png) no-repeat;}

.shadow1{background:url(../images/shadow.png) no-repeat; height:18px; width:100%; margin:1px auto;}
.shadow2{background:url(../images/shadow1.png) no-repeat; height:18px; width:100%; margin:1px auto;}

.featured_link{margin:15px 0 0 0; border:1px solid #eee;  }
.featured_link h2{background:url(../images/bg.png) repeat-x; height:32px; padding-left:10px; font:normal 16px/30px Arial, Helvetica, sans-serif; color:#000; text-shadow:1px 1px #fff;}

.featured_link ul li{font:bold 12px/30px Arial, Helvetica, sans-serif; color:#666; display:block; border-top:1px solid #eee; background:url(../images/bullets1.png) no-repeat 5px 11px; padding-left:23px;}
.featured_link ul li a{color:#666; font:bold 12px/30px Arial, Helvetica, sans-serif;}

.featured_link ul li a:hover{color:#50910D;}

.welcome{margin:15px 0 0 0px;}
.welcome h1{font-size: 30px;}
.welcome h2{font:normal 24px/1.5em Arial, Helvetica, sans-serif; color:#FF7900; letter-spacing:-1px; margin-bottom:15px;}
.welcome h3{font:normal 17px/1.5em Arial, Helvetica, sans-serif; color:#FF7900;  margin-bottom:15px;}
.welcome img.left{float:left; margin:0 15px 0 0 ;}
.welcome p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#666; text-align:left;}

/*.welcome1{width:70%; float:left; margin:15px 0 0 30px;}*/
.welcome1 h2{font:normal 24px/1.5em Arial, Helvetica, sans-serif; color:#FF7900; letter-spacing:-1px; margin-bottom:15px;}
.welcome1 h3{font:normal 17px/1.5em Arial, Helvetica, sans-serif; color:#FF7900;  margin-bottom:15px;}
.welcome1 img.left{float:left; margin:0 15px 0 0 ;}
.welcome1 p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#666; text-align:left; text-align:justify;}

img.img_left{float:left; margin:0 15px 15px 0; padding:5px; border:1px solid #ddd;}

.right_side{background:#f1f1f1; padding:10px; border:1px solid #eee; height:auto; float:right; margin:15px 0 0 0; }
.right_side .main_box1 input[type=text]{padding:4px; border-top:1px solid #D5D2D2;  border-bottom:1px solid #F3F3F3;  border-right:1px solid #F3F3F3;  border-left:1px solid #D5D2D2; background:#fff; width:188px; margin:4px 0; font:normal 11px/1.5em Arial, Helvetica, sans-serif; color:#333;}
.right_side .main_box1 textarea{padding:4px; border-top:1px solid #D5D2D2;  border-bottom:1px solid #F3F3F3;  border-right:1px solid #F3F3F3;  border-left:1px solid #D5D2D2; background:#fff;  width:188px; margin:4px 0; font:normal 11px/1.5em Arial, Helvetica, sans-serif; color:#333; height:40px;}
 
.right_side .main_box1{height:auto;}
.right_side .main_box1 .line{height:2px; background:url(../images/n1.png) repeat-x; margin:5px 0;}
.right_side .main_box1 form{margin:15px 0 0 0;}
.right_side .main_box1 h2{font:normal 16px/1.5 Arial, Helvetica, sans-serif; color:#000; text-shadow:1px 1px #fff;}
.right_side .main_box1 label{font:normal 11px/1.1em Arial, Helvetica, sans-serif; color:#666; text-align:left; float:left;}
.right_side .main_box1 input[type=submit]{font:normal 12px/1.3em Arial, Helvetica, sans-serif; color:#fff; background:#e26918; text-align:left; padding:3px 10px;  display:block; float:left; border:none; margin:5px 0 0 0;} 
.right_side .main_box1 input[type=submit]:hover{background:#562d16;} 


.box{width:25%; float:left;}

#footer{height:295px; background:#000; margin:20px 0 0 0;}
#footer .footer{margin:0 auto;   width:1000px; padding-top:30px;}
#footer .footer .main_box{width:20%; float:left; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff;}
#footer .footer .main_box h2{font:normal 15px/1.5em Arial, Helvetica, sans-serif; color:#fff; margin-bottom:15px;}
#footer .footer .main_box h2 span{font:bold 15px/1.5em Arial, Helvetica, sans-serif; color:#e87529;}
#footer .footer .main_box ul li{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff;}
#footer .footer .main_box ul li a{color:#fff;}
#footer .footer .main_box ul li a:hover{color:#e87529;}
#footer .footer .main_box ul{margin:0 0 0 15px;}
#footer .footer .main_box strong{color:#e87529}


 
 .left_icons {
    left: 0;
    position: fixed;
    top: 26%;
    width: 50px;
    z-index: 99;
}
.left_icons a {
    clear: both;
    display: block;
    height: 39px;
    margin-bottom: 5px;
    margin-left: -8px;
    width: 48px;
}
.left_icons a:hover {
    display: block;
    height: 39px;
    margin-left: 0;
    width: 48px;
}


.about_us{width:215px; margin:15px 0 0 15px; float:left; border:1px solid #eee; padding:10px; background:#f4f4f4; min-height:300px; -moz-border-radius:5px; border-radius:5px;}
.about_us img{margin-bottom:15px;}
.about_us  a{background:#401c00; padding:3px 5px; float:left; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; margin:10px 0 0 0;}
.about_us  a:hover{background:#000000;}
.about_us h2{font:normal 22px/1.1em 'BebasNeueRegular'; color:#c47837; margin-bottom:10px;}
.about_us p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#333;}
 
.copyright{margin:50px 0 0 0; float:left; font:normal 11px/1.5em Arial, Helvetica, sans-serif; color:#5a5a5a;}
.copyright span{color:#e87529;}

.web{margin:50px 0 0 0; float:right; font:normal 11px/1.5em Arial, Helvetica, sans-serif; color:#5a5a5a;}
.web span{color:#e87529;}
.web span a{color:#e87529;}
.web span a:hover{color:#fff;}



table.sample {
	border:1px solid #000;
	border-collapse:collapse;
	border-width: 1px;
	border-style:  solid;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-color: #ddd;
 	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-style: solid;
	border-color: #ddd;
	color:#333;
	background-color: white;
	text-align:center;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	padding-left:0.2cm;
	padding-right:0.2cm;
	border-style: solid;
	border-color: #ddd;
	background-color: ;
	margin:10px 0;
}

.testimonial {
    margin: 0;
    background: #5a5a5a;
    padding: 10px 50px;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    color: #fff;
	font-size:11px;
    border-radius: 5px;
 	line-height:1.5em;
     background-image: linear-gradient(#CEF3FF, #B7EDFF);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #5a5a5a;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}
.testimonial-author span {
    font-size: 12px;
    color: #666;
}


.clients{padding:10px; background:#6CA606;   height:auto;}
.clients h2{font-size:15px; color:#fff; font-weight:normal; margin-bottom:10px;}



h2.title{font-size:15px; color:#6CA606; font-weight:normal;}


.footer{padding:10px; background:#f1f1f1; margin:10px 0 0 0; border-top:7px solid #ccc;}
.footer .fbox:first-child{margin-left:0;} 
.footer .fbox h5{font-size:15px; color:#000; font-weight:normal; margin-bottom:10px;}
.footer  h5{font-size:15px; color:#000; font-weight:normal; margin-bottom:10px;}
.footer .fbox ul{margin:5px 0 0 0;}
.footer .fbox li{display:block; padding:0 0 0 20px; line-height:20px; font-size:12px; background:url(../images/bullets1.png) no-repeat 0 7px; color: #fff;  }
.footer .fbox li a{color: #666;}
.footer .fbox li a span{color: #E26918;}
.footer .fbox li a:hover{color:#E26918; text-decoration:underline;}
.footer .fbox .row{height:auto; float:left; margin:10px 0;}
.footer  p{font-size:11px; color:#666;}
.footer .fbox img{margin:5px 0 15px 0; float:right;}
.footer .bank{margin:80px 0 20px 0;}
.footer .bank img{margin:0 15px 0 0; float:left; border:1px solid #ccc;}
.footer .fbox label {font:normal 11px Arial, Helvetica, sans-serif;   color:#fff;  }
.footer .fbox  input[type=text]{width:210px; background:#fff;  border:none; font:normal 11px Arial, Helvetica, sans-serif;   color:#666;padding: 7px 10px;   margin:3px 0 0 0;}
.footer .fbox  input[type=submit]{border: 0 none;color: #fff; background:url(../images/button_bg.png) repeat-x top; padding:3px 10px; cursor:pointer; margin-right:10px; margin-top:5px;}
.footer .fbox input[type=submit]:hover{background:url(../images/button_bg.png) repeat-x bottom;}
.footer .logo{margin:20px 0 20px 0;}
.footer .logo h5{font-size:15px; color:#000; font-weight:normal; margin-bottom:10px;}
.footer .logo img{margin:0 15px 0 0; float:left;  }
.footer .copyright{margin:20px 0 0 0;   text-align:center; font-size:11px; color:#fff; padding:10px; border-top: 1px dashed #ccc;}
 
 
 
.s_box{padding:15px; height:320px; background:url(../images/bg-4.png) no-repeat;background-size:cover;width:30% !important;margin-left:48px;}
.s_box h2{font:normal 18px/1.5em Arial, Helvetica, sans-serif; color:#FF7900; padding:0 0 10px 0;}
.s_box p{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#333; padding:10px 0; text-shadow:1px 1px #fff;}
.s_box ul{margin:10px 0 0 15px;}
.s_box li{font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#333;  text-shadow:1px 1px #fff;}
.s_box a{font:normal 11px/1.5em Arial, Helvetica, sans-serif; color:#FF7900; padding:10px 0; text-shadow:1px 1px #fff;}
.s_box a:hover{color:#333;}


.id-3 > li {
  color: #666666;
  margin: 5px 50px;
}
/*
     FILE ARCHIVED ON 14:01:11 Mar 29, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:32:17 Jun 24, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
img.img_right {float: Right; margin: 0px 0px 0px 10px; padding: 5px; border: 1px solid #ddd;}

@media (min-width: 320px) and (max-width: 767px) {
.header{height:120px;}	
.header  div{display:block;}
.header h1 a {width: 90%;margin: 0px 15px;background-size:contain;}
.header .link {display:none;}
.nav li{width:100%}
.logo h1{margin:0px;}
.header .call1 {position: relative;top: 100px;left: 0;margin: 0 auto;}
.link {display: none;}
#wrapper{width:95%}
.banner img {width: 100%;height: auto;}
.shadow1, .shadow2 {display:none;}
.icon a.first, .icon a.two, .icon a.three, .icon a.four {float: left;width: 100%;background-size:contain;padding: 80px;margin-bottom:10px;}
.welcome {margin:0px;padding:10px;}
.welcome h1 {font-size: 20px;}
.s_box {float: none;margin:40px 0px 0px 0px;background-size: cover !important;height: 300px;width:100% !important;}
.right_side {float: none;margin: 15px 0 0 0;padding:50px 10px;}
.right_side .main_box1 textarea, .right_side .main_box1 input[type="text"] {width: 100%;}
.footer .fbox {float:none;margin:0px;}
.footer .fbox p {margin:0px !important;}
.mleft10 {margin-left: 0px !important;}
.footer .fbox img {margin: 5px 0 15px 0;float: left;}

.welcome1 {width: 100%;float: left;margin: 15px 0 0 0px;}
.img_left {float: none !important;margin: 0px !important;}


}



@media (min-width: 768px) and (max-width: 959px) { 
#wrapper {width: 100%;padding:0 5px;}
.banner img {width: 100%;height: auto;}
.icon a.first, .icon a.two, .icon a.three, .icon a.four {float: left;width: 50%;background-size:contain;padding: 90px;margin-bottom: 15px;}
.s_box {width:30% !important;margin-left:36px;}
.s_box img{width:100%;}
.right_side .main_box1 input[type="text"]{width:100%;}
.right_side .main_box1 textarea{width:100%;}
.footer .fbox img {float:none;width: 100%;}
.footer .fbox a > img {width:25%;}


}
@media (min-width: 960px) and (max-width: 1024px) {}