/*
Theme Name: Octane
Theme URI: http://www.pixelbiteweb.com
Description: This is Octane Software Solutions website Theme.
Author: Pixelbite Wrb Technologies
Author URI: http://www.pixelbiteweb.com
Version: 1.0
Tags: responsive, black/gray/white, bootstrap, css animation

License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

/********************************************
                 Google Fonts
*********************************************/

@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:700); /*font-family: 'Josefin Sans', sans-serif;*/

/********************************************
                 Other CSS
*********************************************/

@import url('bootstrap/css/bootstrap.min.css'); 


/********************************************
                 Theme CSS
*********************************************/

html, body { padding:0; margin:0; height:100%;}
.block { display:block; padding:60px 0;}
h1, h2, h3, h4, h5, h6 { font-family: 'Droid Sans', sans-serif; font-weight:700; margin-top:0;}
a { -o-transition: all .2s linear; -moz-transition: all .2s linear;  -webkit-transition: all .2s linear;  transition: all .2s linear; }
a.link-text { width:auto; padding:10px 30px; text-align:center; border:1px solid #c9c9c9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#747474; text-decoration:none; cursor:pointer;}
a.link-text:hover { background:#c9c9c9;}
p { margin-bottom:15px;}
p a { color:#7f7f7f; text-decoration:underline;}
.navbar-right { margin-right:0;}


body {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color: #7f7f7f;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
	padding-top:115px;
}


.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}
.navbar-brand {
    float: left;
    height: auto;
}
.navbar-brand span { font-size:12px; display: block; text-align:center; padding-top:9px;}
.navbar-brand img {
	max-height:55px;
}
#head-contact { padding-top:10px; text-align:right;}
#head-contact a { text-decoration:none; color:#7f7f7f;}
#head-contact a:hover { text-decoration:underline;}

.icon-nav { display:none;}

.nav>li>a { padding:10px 15px;}
.navbar-nav>li.small-nav>a { padding:7px 5px;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	color:#000;
	background: none;
	font-weight:700;
}
.dropdown-menu { padding:0px;}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
	color:#fff;
	background-color:#666;
}
.dropdown-menu>li>a {
	padding:8px 15px;
}
li.small-nav i { color: #fff; font-size: 17px; width:28px; height: 28px; line-height:28px; background:#c3c7ca; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}


#banner {
}
#banner-wrap { max-height: 500px; background:#f6f6f6; overflow:hidden;}


#home { 
	text-align: left;
	background:url(inc/images/line.png) repeat-x bottom center #fff;
}
#home h1, #home h2 { text-align:left;}
#home .about h4 { color:#b6b5b9; line-height:normal;}
#home p { display:block; margin-bottom:10px;}
.highlightno { margin:20px 0; height:120px;}
.highlightno h4 { font-weight:400; padding-right:10px; line-height:24px;}


#services {
	background:url(inc/images/line.png) repeat-x bottom center #f5f5f5;
}
#services h1 { text-align:center;}
.service { display:block; margin-top:50px; text-align:center; min-height:240px;}
#services a .service h4 { text-align:center; color:#7f7f7f; text-decoration:none;}
#services a .service p { text-align:center; padding:0 5%; text-decoration:none; color:#7f7f7f; text-decoration:none;}
.service-img { margin-bottom:20px;}
.service-img img { width:90px; height:90px;}

#products {
}
#products h1 { text-align:center;}
.product { display:block; min-height:150px; margin-top:20px; text-align:left;}
.product a h4,
.product a p { color:#7f7f7f; text-decoration:none;}
.product a:hover h4 { text-decoration:underline;}
.pro-img { text-align:center;}
.pro-img img { max-height:100px; margin:0 auto;}

.service-main { min-height:180px; margin-top:40px;}

#map-wrap {
	display: block;
}
#map-wrap p { margin-bottom:0px;}
#om_container { margin:0px !important;}


#footer-contact { 
	background:#222222; 
	color:#b9b7b7;
}
#footer-contact h1 { color:#767676; text-align:center; margin-bottom:30px; display:block;}
#footer-contact p { display: inline-block; padding-top:15px;}
#footer-contact img { margin-right:20px; margin-top:-20px;}


#footer { 
	background:#222222; 
	color:#b9b7b7; 
	padding:20px 0; 
	text-align:center;
	border-top:1px solid #2f2f2f;
}
#footer p { text-align: left;}
#footer a { color:#767676;}
#footer a:hover { text-decoration:underline; color:#fff;}







#inner-head { background:#7f7f7f; display:block;}
#inner-head h1 { padding:25px 20px; margin-bottom:0; color:#fff; font-size:30px;}
#inner-banner { 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat;
	height:250px;
}
#inner { min-height:600px;}
.widget li { list-style-type:none;}
.widget li h3 { margin-bottom:30px; line-height:normal;}
.widget img { margin-bottom:10px;}
#inner p i {color: #fff; font-size: 17px; width:28px; height: 28px; line-height:28px; background:#c3c7ca; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:5px;}


.blog-post { padding:10px 0; border-bottom:1px solid #d1d1d1;}
.blog-details h3,
.blog-post h3 a { color:#7f7f7f; line-height:normal;}
.blog-details h6,
.blog-post h6 { font-size:14px; font-weight:normal;}
#subscribe-text p { line-height:normal; margin-bottom:10px;}


form p { margin-bottom:0; line-height:30px;}
.small input[type=text], .small input[type=email], .small input[type=tel], .small textarea { padding:0 4%; width:100%;}
input[type=text], input[type=email], input[type=tel], textarea { background: none; border:1px solid #E0E0E0; padding:0 2%; height:42px; margin-bottom:15px; width:100%; font-size:14px; font-weight:400; color: #7f7f7f; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
textarea { height:120px;}
input[type=submit] { background:#7f7f7f; color:#fff; border:0; padding:8px 30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=submit]:hover { background:#000;}

input[type=text], input[type=email], input[type=url], textarea, input[type=submit] { -webkit-appearance: none;}


::-webkit-input-placeholder {
   color: #7f7f7f;
}

:-moz-placeholder { /* Firefox 18- */
   color: #7f7f7f;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #7f7f7f;  
}

:-ms-input-placeholder {  
   color: #7f7f7f;  
}

:focus {
	outline:0;
}



/********************************************
                 Misc. CSS
*********************************************/
#toTop {
	width:36px;
	border:0px solid #ccc;
	text-align:center;
	padding:5px;
	position:fixed; /* this is the magic */
	bottom:30px; /* together with this to put the div at the bottom*/
	right:10px;
	cursor:pointer;
	display:none;
	opacity:0.5;
}
#toTop:hover { opacity:1;}

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}


/********************************************
                 Media CSS
*********************************************/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
	
	#footer-contact p { display:block; text-align:center !important;}

}

@media only screen and (max-width : 1024px){
	
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
		display: block;
		margin: 30px 0;
		border:0px;
    }
	.navbar-default .navbar-toggle .icon-bar {
		height:4px;
		background-color:#7f7f7f;
		width:28px;
	}
	.navbar-default.headerbg .navbar-toggle .icon-bar {
		background-color:#797979;
	}
	.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color:#000; -o-transition: all .2s linear; -moz-transition: all .2s linear;  -webkit-transition: all .2s linear;  transition: all .2s linear; ;
	}
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 0;
	}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		line-height:40px !important;
    }
    .collapse.in{
  		display:block !important;
	}
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.navbar-default .navbar-brand img { height:50px !important;}
	
	#head-contact { display:none;}
	.icon-nav { display:inline-block; position:absolute; top:30px; right:75px; font-size:20px;}
	.icon-nav .nav>li>a { padding:0 8px;}
	.navbar-nav>li.small-nav { display:none;}
	
	body { padding-top:105px;}
	#footer-contact img { margin-right:0px;}


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px){
	
	.m-space { margin-bottom:30px; display:block;}
	
	.navbar .container { width:96%; padding:0 2%;}
	
	.service-main,
	.product { height:auto !important; min-height:inherit; margin-bottom:20px;}
	.service-main img,
	.product img { max-width:80%; margin:0 auto;}
	
	#footer-contact img { margin-top:20px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px){
	
	
	#head-contact { display:none;}
	.icon-nav { display:inline-block; position:absolute; top:30px; right:60px; font-size:20px;}
	.icon-nav .nav>li {float:left;}
	.icon-nav .nav>li>a { padding:0 8px;}
	.navbar-nav>li.small-nav { display:none;}
	
	.navbar-nav>li>a { line-height:normal; padding:0 15px;}

	.service { margin-top:10px;}
	.service,
	.service-main,
	.product { height:auto !important; min-height:inherit; margin-bottom:20px;}
	.service-main img,
	.product img { max-width:90%; margin:0 auto;}
	
	#footer-contact img { margin-top:20px;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px){
	
	.icon-nav { display:none;}

	.col-xs-2,
	.col-xs-10 { display:block !important; margin-bottom:15px !important; width:100% !important; float:none !important;}
	
	.service-main h4,
	.service-main p,
	.product h4,
	.product p { text-align:center;}

	.service-main img,
	.product img { max-width: inherit; width:90px; height:90px; margin:0 auto;}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px){
	


}