/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/


/*Import Global Compulsory CSS Files*/

@import url(app.css);
@import url(blocks.css);
* {
	border-radius: 0;
}

body {
	color: #333;
	font-size: 13px;
	line-height: 1.6;
}

body.header-fixed-space {
	padding-top: 94px;
}

body.header-fixed-space-v2 {
	padding-top: 135px;
}

@media (max-width: 991px) {
	body.header-fixed-space,
	body.header-fixed-space-v2 {
		padding-top: 0;
	}
}

p,
li,
li a,
label {
	color: #555;
}

a {
	color: #72c02c;
	text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
	outline: 0 !important;
}

a:focus {
	text-decoration: none;
}

a:hover {
	color: #72c02c;
	text-decoration: underline;
}

.portfolio-item p a {
	text-decoration: none;
}

.portfolio-box {
	text-align: center;
}


/*Boxed Layout
------------------------------------*/

.wrapper {
	background: #fff;
}

.boxed-layout {
	padding: 0;
	box-shadow: 0 0 5px #ccc;
	margin-left: auto !important;
	margin-right: auto !important;
	background: url(../img/patterns/15.png) repeat;
}


/*--------------------------------------------------
	[13. Image Backgrounds]
----------------------------------------------------*/


/* Image Backgrounds v1
------------------------------------*/

.bg-image-bits {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/PDC_Bit_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-drillingtools {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/Drilling_Tools_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-directional {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/Directional_Driling_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-workover {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/Workover_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-mudmonitoring {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/Mud_Monitoring_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-services {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(../img/products/Services_Parallax.jpg) repeat fixed;
	background-size: cover;
}

.bg-image-bits:before,
.bg-image-drillingtools:before,
.bg-image-mudmonitoring:before,
.bg-image-directional:before,
.bg-image-workover:before,
.bg-image-services:before{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
}


/*Stocks Layout
------------------------------------*/

.stockcontainer {
	padding-top: 5px;
	padding-bottom: 5px;
}

.quotecontainer {
	padding-left: 30px;
	padding-right: 30px;
	border-right: 1px solid grey;
}

.quotetime {
	color: #CACACA;
	font-size: 10px;
	line-height: 10px;
}

.quotesymbol a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.quotesymbol a:hover {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.quoteprice {
	font-size: 16px;
}

.gain {
	color: #5bbd72 !important;
}

.loss {
	color: #d95c5c !important;
}

.quote {
	display: inline-block;
	width: 100%;
}

.timecontainer {
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid grey;
	position: relative;
}

.timebox {
	text-align: center;
}

.time {
	font-size: 31px;
	font-weight: bold;
}

.location {
	color: #CACACA;
}

.day,
.month {
	font-size: 12px;
	color: #CACACA;
}

.date {
	font-size: 33px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.timezonedrop {
	position: absolute;
  top: 50%;
	left: 95%;
  transform: translate(-50%, -50%);
}

.timezonebutton {
	color: #CACACA;
	background: transparent;
	text-align: center;
	border-width: 2px;
  border-style: solid;
  border-color: #555;
}

.timezonebutton:hover {
	color: white;
}

.hoverZone {
	color: #555;
	font-size: 22px;
}