.bg-color-orange{
 background-color:#a94507;
 height:20px;
}				
.computer-hard{
	font-family:calibri;
	font-size:18px;
	margin-top:20px;
}
.navbar-default {
    background-color: #000000 !important;
    border-color: #000000 !important;
	border-bottom: 5px solid #a94507 !important;
}
.navbar-default .navbar-nav > li:hover .dropdown-menu{
	display:block !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #000000 !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #a94507 !important;
}
.padd-padd{
 padding: 0px 30px;
}
.nh28{
	font-size:28px;
}
.abouth1{
	color: #a94507;
    font-family: century gothic;
    font-weight: 600;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px !important;
    font-family: calibri !important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.abouthr{
	border-top: 1px solid #a94507;
    width: 7%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.aboutp{
	 font-size: 15px;
    font-family: century gothic;
    text-align: center;
	line-height:30px;
	margin-bottom:70px;
}
.about-heading p{
	font-size: 15px;
    color: #7e8287;
    margin-bottom: 50px;
    text-align: justify;

}
.about-heading p span{
	font-size: 23px;
}
.single-about{
	margin-bottom: 90px;
}
.single-about + .single-about{
	border-left: 1px solid #d9dbdb;
}
.about-inside{
	padding: 50px;
}
.single-about:hover{
	background:#a94507;
	color: #fff;
}
.about-inside h3{
	font-size: 16px;
	color: #7e8287;
	font-weight: 800;
}
.about-inside p{
	font-size: 13px;
    color: #7e8287;
    text-align: center;
}
.about-inside i.fa{
	color:#a94507;
	font-size: 30px;
}
.single-about:hover .about-inside i.fa{
	color: #fff;
}
.single-about:hover .about-inside p{
	color: #fff;
}
.single-about:hover .about-inside h3{
	color: #fff;
}


/*service area*/
.margin-bottom-25{
	margin-bottom:25px;
}
.service{
	margin: 0;
	padding: 0;
	background: url(image/computer-service.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.service-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.43);
}
.service h2{
	
	color: #a94507;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 75px;
	margin-bottom: 40px;
}
.service p{
	font-size: 16px;
	color: #7e8287;
	margin-top: 35px;
}
.services{
	margin-left: 0;
	padding-left: 0;
}
.bottom-services{
	margin-bottom: 80px;
}
.single-service{
	margin-left: 0;
	padding-left: 20px;
	margin-top: 50px;
	background: #F5F5F1;
}
.single-service:hover{
	background:#a94507;
}
.single-service i.fa{
	color:#a94507;
	font-size: 30px;
	padding-top: 15px;
}
.single-service h3{
	font-size: 16px;
	color: #7e8287;
}
.single-service p{
	font-size: 11px;
	color: #7e8287;
	margin-top: 5px;
}
.single-service:hover.single-service i.fa{
	color: #fff;
}
.single-service:hover.single-service h3{
	color: #fff;
}
.single-service:hover.single-service p{
	color: #fff;
}
.serviceppp{
	font-family:calibri;
	font-size:15px;
	line-height:30px;
	text-align:justify;
}

/*----mywork-----*/

.mywork{
	font-size: 28pt;
    font-family: calibri;
    color: #a94507;
    font-weight: 600;
}
.myworkp{
	font-size: 16px;
    font-family: calibry;
    margin-bottom: 60px;
    text-align: center;
    color: #a94507;
}
/*-----contact-------*/
.contact{
    background-color:#a94507;
    background-size: cover;
}
.contact-form {
    text-align: center;
}
.contact-form p {
    width: 60%;
    margin: 1.5em auto 3em;
    text-align: center;
    color: #fff;
}
.contact input[type="text"] {
    width: 31.6%;
    color: #fff;
    float: left;
    background: none;
    outline: none;
    font-size: 1em;
    padding: .8em 1em;
    margin-bottom: 2em;
    border: solid 1px #fff;
    -webkit-appearance: none;
    display: inline-block;
}
.contact  input.email {
    margin: 0 2em;
}
.contact textarea {
    resize: none;
    width: 100%;
    background: none;
    color: #fff;
    font-size: 1em;
    outline: none;
    padding: .6em .8em;
    border: solid 1px #fff;
    min-height: 12em;
    -webkit-appearance: none;
}
.contact input[type="submit"] {
   outline: none;
    color: #fff;
    padding: 0.7em 5em;
    font-size: 1.1em;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: #a94507;
    transition: 0.5s all;
    border: 2px solid #ffffff;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.contact  input[type="submit"]:hover {
    background: none;
    color:#ffffff;
}
.contactpp{
	font-size: 28px;
    color: white;
	font-weight:600;
    text-align: center;
}
.abouthrr{
	border-top: 1px solid #ffffff;
    width: 7%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.view-first:hover img { 
    transform: scale(1.1);
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h4,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}
#footer{
	font-family:calibri;
	font-size:16px;
	background-color:#252525;
    padding: 20px;
    color: white;
}
.padd-5{
	padding:5px;
}
/*---about us----*/
.aboutohmp{
	font-size: 28px;
    font-family: calibri;
    text-align: center;
    margin-top: 20px;
    color: #c55300;
    font-weight: 600;
}
.aboutohmhr{
	margin-top: 10px;
    margin-bottom: 20px;
    border-top: 3px solid #c55300;
    width: 20%;
}
.ohmcomputerpp{
	font-size: 17px;
    font-family: calibri;
    text-align: justify;
    line-height: 27px;
}
.aboutul{
	font-size: 17px;
    font-family: calibri;
    text-align: center;
    list-style-type: none;
    line-height: 30px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left; 
	font-family:calibri !important;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px !important;
    text-align: left;
    list-style: none;
    background-color: #a94507 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff !important;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #000000 !important;
}
/*------itsupport----*/
.itsupportp{
	font-size: 28px;
    font-family: calibri;
    text-align: center;
    margin-top: 20px;
    background-color: #a94507;
    color: white;
}
.itsupportpp{
	font-size: 17px;
    font-family: calibri;
    text-align: justify;
    line-height:30px;
	margin-top:-10px;	
}
.itsupportul{
	font-size: 17px;
    font-family: calibri;
    margin-left: -20px;
    margin-top: 10px;
}
.computernetworkingp{
	font-size: 18px;
    font-family: calibri;
    font-weight: 600;
}
/*---contact us---*/
#contact-section{
	background:url(image/contact-bg.png) top no-repeat;
	padding: 10px 0 200px 0;
}
.black{
	
	color:white;
    font-size: 16px;
    font-family: calibri;
}

/*-------inquiry------*/
.inquiry_div { width:60%; margin: 30px auto; border:0px solid; }
.text1 { width:100%; height:35px; padding:2px 10px; font-family:calibri;  }
.text2 { width:100%; height:100px; padding:2px 10px; font-family:calibri;  }
.main-head{
    font-size: 28px;
    font-family:calibri;
    padding: 5px;
    color:black;
}
.btn-primary {
    color: #fff;
    background-color:#a94507 !important;
    border-color:#a94507 !important;
}
.btn-primary:hover{
	color:black !important;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom:0px !important;
}