/* ----------------------------------------------------
  
	File Name: style.css
	Template Name: WS Folio
	Created By: Show WP Team
	http://themeforest.net/user/showwp

	1. IMPORT
	2. SKELETON
	3. HEADER
	4. SECTION
	5. SHOP
	6. PRICING
	7. HOVER EFFECTS
	8. BUTTONS
	9. PORTFOLIO
	10. SLIDESHOW
	11. PAGE STYLES
	12. CONTACT FORM
	13. CLIENTS
	14. COPYRIGHTS
	15. COLOR SCHEME
	16. RESPONSIVE
	17. OTHERS

------------------------------------------------------- */  

/* ----------------------------------------------------
	IMPORT	
------------------------------------------------------- */  

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,900italic,900,700italic,300italic,300,100italic,100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100);
@import url(https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100,0,200,0,300,0,400,0,500,0,600,0,700,1,300);
/* ----------------------------------------------------
	SKELETON	
------------------------------------------------------- */ 
.product_detailstxt{ margin-top:12%;}
 .product_detailstxt h2{font-family: 'Exo', sans-serif; font-size:36px; color:#63819d !important;}
 .product_detailstxt p{font-family: 'Exo', sans-serif; font-size:16px; color:#eee !important; font-weight:300;}
 
  .product_detailstxt h3{font-family: 'Exo', sans-serif; font-size:20px; color:#eee !important; font-weight:300;}
.padding-t-0{ padding-top:0px !important;}
.topheader h1{ color:#f9c41c !important;  font-family: 'Exo', sans-serif;  font-size:50px !important; }
.page-section{ background-image:url(upload/home_02.jpg); background-position: center center;}
	body {
		background-color: #fff;
		color: #222;
		font-size: 15px;
		line-height: 1.7;
		font-weight: 400;
		padding:0;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	body.boxed #wrapper {
		margin: 0 auto;
		overflow: hidden;
		max-width: 1280px
	}
	body.boxed { 
	  background: url(upload/wall2.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	h1,h2,h3,h4,h5,h6{ 
		 font-family: 'Exo', sans-serif;
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:700;
		line-height:1.8;
		color:#121212;
	}
	h1{
		font-size: 22px; 
	}
	h2{
		font-size: 20px; 	
	}
	h3{
		font-size: 18px; 
	}
	h4{
		font-size: 16px; 		
	}
	h5{
		font-size: 14px; 		
	}
	h6{
		font-size: 14px;  	
	}
	p {
	    padding: 0 0 20px;
		 font-family: 'Exo', sans-serif;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration:none !important; 
	}
	ul, ol {
		padding:0;
	}
	ul li, ol li {
		margin-bottom: 10px;
	}
	.noborder {
		border:0 !important;
	}
	img.aligncenter{
		display:block;
		text-align:center;
		display: block;
		margin:0 auto 20px auto;
		padding:0px;
		border:0px;
		background:none;
	}
	img.alignleft{
		float:left;
		margin: 6px 20px 6px 0;
		display: inline;
		border:0px;
		background:none;
		padding:0;
		display:block;
	}
	img.alignright{
		padding:0;
		float:right;
		margin: 6px 0 6px 20px;
		border:0px;
		display:block;
		background:none;
	}
	blockquote {		 
		font-size:16px;
		line-height: 32px;
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-weight:normal;
		font-style:italic;	
		margin: 20px 0;
		position:relative;  
		width:auto;
	}
	.readmore {
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-size: 13px;
		font-style: italic;
		text-decoration: underline;
		margin-top: 10px;
		display: block;
	}
	.lead {
		font-family: 'Exo', sans-serif; letter-spacing: 2px;  
		font-size: 15px;
		font-weight: 400;
	}
	blockquote small {
		display: block;
		margin-top: 20px; 
	}
	pre {
		line-height:18px;
		margin-bottom:18px;
	}
	a {
		outline:0 !important;
		color:#121212;
		text-decoration: none !important;
	}
	ins {
		text-decoration:none;
	}
	sup {
		bottom: 1ex;
	}
	sub {
		top: .5ex;
	}
	.check li:before {
		content: "\f00c";
		font-family: "FontAwesome";
		font-size: 16px;
		left: 0;
		color:#242424;
		padding-right:5px;
		position: relative;
		top: 2px;
	}
	.check li {
		font-size:14px;
		list-style:none;
		margin-bottom:10px;
	}
	.check {
		margin-left:0; 
		padding-left:0
	}
	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 10px;
	    padding-left: 10px;
	}
	.col-xs-15 {
	    width: 20%;
	    float: left;
	}
	@media (min-width: 768px) {
	.col-sm-15 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 992px) {
	    .col-md-15 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 1200px) {
	    .col-lg-15 {
	        width: 20%;
	        float: left;
	    }
	}

	@media (max-width: 768px) {
	.navbar-brand .logo_Industrial { width:70%;
	    }
	}

/* ----------------------------------------------------
	HEADER	
------------------------------------------------------- */ 
	
	.header.affix {
		position: fixed;
		padding:0px 0;
		background-color: rgba(18, 18, 18, 0.97);
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	}
	.header {
	    left: 0;
	    position: relative;
	    text-align: left;
	    top: 0;
	    padding:0px 0;
	    width: 100%;
	    z-index: 1030;
	    -moz-transition: background-color .3s ease-in;
	     -o-transition: background-color  .3s ease-in;
	     -webkit-transition: background-color  .3s ease-in;
	     transition: background-color  .3s ease-in;
	}
	.header-absolute {
		background-color: rgba(18, 18, 18, 0.37);
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
		position: absolute;
	}
	.header-relative {
		position: relative;
		background-color: #000 !important;
	}
	.navbar-default {
		margin: 0;
		background-color: transparent;
		background:none;
		border:0;
	}
	.navbar-default .nav > li > a {
	    color: #121212;
	    display: inline-block;
	    padding-top: 0;
	    padding-bottom: 0;
	    font-size: 13px;
	    font-weight: 700;
	    text-transform: uppercase;
	    text-decoration: none;
	}
	.lightcolor .navbar-default .nav > li > a {
		color:#ffffff;
	}
	.navbar-nav .has-submenu .dropdown-menu li a {
		padding:14px 20px;
		font-size: 13px !important
	}
	.navbar-default .dropdown-menu {
		box-shadow: none;
	}
	.navbar-default .dropdown-menu li a {
		color:#fff;
		font-size: 14px;
	}
	.navbar-default .fa-angle-right {
		position: absolute;
		right: 30px;
	}
	.navbar,
	.navbar-nav,
	.navbar-cell li,
	.dropdown,
	.navbar-default,
	.navbar-brand img {
		padding:0 !important;
		margin:0 !important;
	}
	.navbar-default .navbar-nav .dropdown-menu > li {
		margin-bottom: 0;
	}
	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav > li:focus > a,
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus {
		background-color: transparent !important;
	}
	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav > li:focus > a,
	.navbar-default .navbar-nav .dropdown-menu > li ,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus {
		background-color: rgba(30, 30, 30, 0.94);
		color:#121212 !important;
	}

/* ----------------------------------------------------
	SECTIONS	
------------------------------------------------------- */ 

	.overlay {
		background-color: rgba(255, 255, 255, 0.47);
		bottom: 0;
		height: 100%;
		left: 0;
		padding: 60px 0;
		position: absolute;
		right: 0;
	}
	.overlay2 {
		background-color: rgba(0, 0, 0, 0.67);
	}
	.overlay3 {
		background-color: rgba(252, 199, 31, 0.8);
	}
	.overlay4 {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.section {
		background-attachment: fixed;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    box-sizing: border-box;
	    display: block;
	    padding: 140px 0;
	    position: relative;
	    width: 100%;
	}
	.nopadbot {
		padding-bottom: 0;
	}
	.lpd {
		padding-bottom: 60px;
	}
	.section.littlepadding{
		padding:40px 0 !important;
	}
	.team-bg {
		display: block;
		top:0;
		height: 482px;
		background:#fff url("upload/team_bg.jpg") repeat-x scroll center bottom !important;
	}
	.section.white{
		background-color: #ffffff !important;
	}
	.grey {
		background-color: #f0f0f0
	}
	.dark {
		background-color: #121212;
	}
	.dark .section-title p,
	.dark .section-title h3 {
		color:#121212 !important;
	}
	.parallax {
	    background-attachment: fixed;
	    background-position: center center;
	    background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	    display: block;
	    position: relative;
	    width: 100%;
	}
	.welcome-content {
	    display: table;
	    height: 100%;
	    text-align: center;
	    width: 100%;
	    position: relative;
	}
	.welcome-text {
	    display: table-cell;
	    height: 100%;
	    vertical-align: middle;
	}
	.welcome-text h2 {
	    font-size: 84px;
	    font-weight: 900;
	    line-height: 1.4;
	    margin: 10px 0 10px;
	    color:#ffffff;
	    position: relative;
	    text-transform: uppercase;
	}
	.welcome-text h1 {
	    font-size: 16px;
	    letter-spacing: 1px;
	    font-weight: 700;
	    color:#ffffff;
	    font-family: Open Sans;
	    line-height: 1.2;
	    margin-top: 0;
	    opacity: 0.75;
	    text-transform: uppercase;
	    position: relative;
	    height: 30px;
	    line-height: 30px;
	}
	.image-center img {
		position: relative;
		margin:-200px auto 0;
		z-index: 10;
		text-align: center;
	}
	.image-center2 img {
		margin:-185px auto 0;
	}
	.image-fix img {
		position: relative;
		right: 0;
		width: 100%;
		margin:20px auto 0;
		z-index: 10;
		text-align: center;
	}
	.service-box h3,
	.service-box h5 {
	    font-size: 18px;
	    line-height: 28px;
	    padding: 0 0 15px;
	    text-transform: uppercase;
	}
	.service-box p {
		padding-bottom: 0;
	}

	.overflow {
		overflow: hidden;
	}

	.image-box {
	    height: 100%;
	    position: absolute;
	    right:20%;
	    top: 0%;
	    width: 44%;
	    z-index: 0;
	}

	.image-box-left {
	    height: 100%;
	    left:-4%;
	    position: absolute;
	    top: 0;
	    width: 33%;
	    z-index: 0;
	    bottom: 0;
	}

	body.boxed .image-box-left {
		left:-19%;
	}

	.icon-container {
	    display: block;
	    font-size: 43px;
	    height: 70px;
	    line-height: 70px;
	    margin: 0 auto 15px;
	    text-align: center;
	    width: 70px;
	}
	.text-left .icon-container {
	    margin: 0 0 15px;
	    width: 50px;
	}
	.genius {
		padding:0;
		margin-top: 20px;
	}
	.genius li {
		padding: 10px 0;
		margin:0;
		display: block;
		list-style: none;
		color:#121212;
	}
	.genius li i {
		padding-right: 5px;
	}
	.genius li i,
	.icon-container i {
		color:#121212;
	}
	.module-margin {
		margin-top: 60px;
	}

.white-shape.righttopalign {
    border-left: 220px solid transparent;
    border-top: 110px solid #f0f0f0;
    bottom: auto;
    left: auto;
    position: absolute;
    z-index: 100;
    right: 0 !important;
    top: 0;
}
.grey .white-shape.righttopalign {
	border-top-color: #fff;
}
.white-shape.righttopaligngrey {
    border-right: 220px solid transparent;
    border-bottom: 110px solid #f0f0f0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0 auto;
    z-index: 100;
    top: auto;
}
.white-shape.rightbottomalign {
    border-bottom: 110px solid #f3b723;
    border-right: 220px solid transparent;
    bottom: 0;
    left: 0 !important;
    position: absolute;
    z-index: 100;
    right: auto;
    top: auto;
}
.circle-stat canvas {
	-webkit-box-shadow: 0px 0 0px 2px rgba(18, 18, 18, 0.44);
	-moz-box-shadow:    0px 0 0px 2px rgba(18, 18, 18, 0.44);
	box-shadow:         0px 0 0px 2px rgba(18, 18, 18, 0.44);
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.circle-stat {
	position:relative;
	margin-top: 10px;
}

.circle-stat p {
    background-color: #fff;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 50% 100%;
    font-size: 17px;
    font-weight: 400;
    left: 0;
    margin: 10px auto -2px;
    padding:0 0 5px 0;
    position: absolute;
    right: 0;
    top: 43%;
    line-height: 1;
    bottom: 0;
}
.stat-details {
    display: block;
    left: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 20%;
}
.stat-details h4 {
	padding:0;
	font-size:16px;
	text-transform:uppercase;
	font-size:300;
}

	.skills {
	    display: block;
	    margin-top: 27px !important;
	    position: relative;
	}
	.skills p {
	    color: #121212;
	    font-size: 12px;
	    font-weight: 600;
	    margin-bottom: -20px;
	    padding-bottom: 0;
	    padding-top: 10px;
	    text-transform: uppercase;
	}
	.progress {
		height: 4px;
		margin-top: 25px;
		margin-bottom: 0;
		background-color: #f0f0f0;
		border-radius: 0;
		box-shadow:none;
	}
	.progress-bar {
		float: left;
		width: 0%;
		height: 100%;
		overflow:visible;
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		text-align: center;
		background-color: #121212;
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-webkit-transition: width 1.1s ease;
		-o-transition: width 1.1s ease;
		transition: width 1.1s ease;
	}
	.progress {
		overflow:initial;
		position: relative;
	}
	.progress .progress-bar {
		position: absolute;
		z-index:10;
		line-height: 20px;
	}
	.progress .progressbar-back-text {
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
	}
	.progress .progressbar-front-text {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
	}
	.progress-bar span {
		color: #121212 !important;
		display: block;
		font-size: 11px;
		line-height: 12px;
		overflow: visible;
		width:30px;
		height:25px;
		line-height:25px;
		text-align:center;
		position: absolute;
		right: 0;
		top: -30px;
		z-index: 9999;
	}
	.progress-bar span, .progress-bar-striped {
	    background-color: #fff;
	}
	.text-widget h4 {
		font-size: 21px;
		text-transform: uppercase;
		padding-top: 0;
		line-height: 1;
		font-weight: 900;
		padding-bottom: 20px;
	}
	.section-title {
		margin-bottom: 60px; padding-top:50px;
	}
	.text-widget .section-title {
		margin-bottom: 20px;
	}
	.section-title h3 .font-backend {
	    bottom: -25px;
	    color: #f0f0f0;
	    font-family: Cochin;
	    font-size: 90px;
	    height: 90px;
	    left: 0;
	    line-height: 90px;
	    position: absolute;
	    right: 0;
	    z-index: -1;
	}
	.grey .section-title h3 .font-backend {
		color:#f9f9f9;
	}
	.section-title h3 {
	    font-size:30px;
	    padding:0px 0px 0px 0px;
	    font-weight:400;
	    margin: 0;
	    line-height: 1 !important;
	    position: relative;
	    text-transform: uppercase; letter-spacing:3px;
	    z-index: 2;  
	   
	}
	.section-title .lead {
	    font-size: 14px;
	    
	    margin-top: 20px;
	    padding-bottom: 0;
	}
	.service-box {
	  	cursor: pointer;
	}
	.service-box hr {
	    border-style: solid;
	    border-width: 1px;
	    margin: 0px auto 15px;
	    width: 50px;
	}
	.service-box p {
		padding-bottom: 0 !important;
	}
	.service-box:hover .icon-container {
	  	color:#121212;
	}
	.tooltip.top {
	  	padding: 5px 0;
	 	margin-top: -10px;
	}
	.tooltip-inner {
	  	max-width: 100%;
	  	min-width: 220px;
	  	padding: 20px;
	  	line-height: 1.6;
	  	font-size: 13px;
	  	text-transform: uppercase;
	  	font-weight: 400;
	  	color:rgb(18,18,18);
	  	text-align: center;
	  	text-decoration: none;
	  	background:rgb(12,12,12);
	  	border-radius: 0;
	}
	.tooltip.top .tooltip-arrow {
		bottom:1px;
	  	border-top-color: rgb(12,12,12);
	}
	.button-wrapper {
		display: block;
		position: relative;
		margin: 40px auto 0;
	}
	.fun-facts {
		cursor: pointer;
	}
	.fun-facts .fun-icon {
		background: #121212;
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	    width: 80px;
		height: 80px;
		line-height: 87px;
		font-size: 28px;
		color:#fff;
		display: block;
		margin:auto;
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;
		border: 0px solid #000000;
	}
	.fun-facts h3 {
		padding: 25px 0 5px;
		margin:0;
		letter-spacing: -1px;
		color:#121212;
		font-family: Open Sans;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 1;
	}
	.fun-facts p{
		font-size:21px;
		letter-spacing: -1px;
		color:#121212;
		font-family: Open Sans;
		font-weight: 300;
		text-transform: uppercase;
		padding-bottom: 0;
	}
	.container {
		position: relative;
	}
	.darkbg .section-title h3 {
		color:#fff;
	}
	.darkbg .section-title h3 .font-backend {
		color:#121212;
	}
	.videobg {
		padding-bottom: 130px;
		display: block;
	}
	.videobg h1 {
		color: #121212;
	    font-size: 24px;
	    font-weight: 900;
	    margin-bottom: 0;
	    margin-top: 0;
	    text-transform: uppercase;
	}
	.videobg p {
		padding: 10px 0 30px;
		color:#121212;
	}

/* ----------------------------------------------------
	SHOP
------------------------------------------------------- */ 

	#payment span {
	    display: block;
	    font-style: italic;
	    position: relative;
	    font-size: 12px;
	    margin-top: 10px;
	}
	.payment-method {
	    margin-bottom: 30px;
	}
	.trackform label, .payment-method, .shopform label {
	    font-weight: 400;
	}
	.product-remove {
	    max-width: none;
	    min-width: 25px;
	    text-align: left;
	    width: 25px;
	}
	a.remove {
	    float: none;
	    font-size: 0;
	    height: 18px;
	    line-height: 18px;
	    position: relative;
	    top: 1px;
	    width: auto;
	}
	.remove::before {
	    -moz-osx-font-smoothing: grayscale;
		content: "\f00d";
  	    display: inline-block;
	    font: 18px/1 FontAwesome;
	    text-rendering: auto;
	}
	.totalarea {
	    border: 1px solid #eee;
	    margin-top: 30px;
	    padding: 20px;
	}
	.shipping .form-control,
	 .shopform .form-control {
	 	margin-bottom: 10px;
	    font-size: 13px;
	}
	.shopform label {
	    margin-top: 10px;
	}
	.totalarea p {
		padding:10px 5px;
		font-weight: bold;
	}
	.payment-method {
	    background: #f0f0f0;
	    line-height: 1.6;
	    margin-bottom: 10px;
	    padding: 10px 50px;
	}
	#payment input {
	    left: 10px;
	    position: absolute;
	    top: 15px;
	}
	.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
		background-color: #121212;
		color:#fff;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	    border-color: #121212;
	}
	#cart-table {
	    border-bottom: 1px solid #121212;
	}
	#cart-table thead tr th {
	    border-left: 1px solid #121212;
	    padding: 20px;
	}
	#cart-table thead tr th:first-child {
	    border-left: 0 none;
	}
	#cart-table th, #cart-table td {
	    font-size: 15px;
	    font-weight:400;
	}
	#cart-table h3 {
	    font-size: 14px;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	#cart-table th, #cart-table td {
	    padding: 23px;
	    position: relative;
	    vertical-align: middle;
	}
	#cart-table .media-left,
	#cart-table .media-right, 
 	#cart-table .media-body {
	    display: inline;
	}
	#cart-table .media img {
	    margin-top: 0;
	    width: 50px !important;
	}
	.meta {
		display: block;
		margin: 20px 0;
	}
	.shop-image img {
		width: 100%;
	}
	.shop-title h3 {
	    display: block;
	    font-size: 18px;
	    line-height: 1;
	    margin: 0;
	    padding: 20px 0 0;
	}
	.shop-box .meta {
	    font-size: 12px;
	    text-transform: uppercase;
	}
	.nav-tabs > li > a {
	    border: 1px solid #e6e6e6;
	    color: #121212;
	    font-size: 13px;
	    font-weight: 400;
	    line-height: 1;
	    margin-right: -1px;
	    padding: 15px 30px;
	    text-transform: uppercase;
	}
	.nav-tabs > li > a:hover, 
	.nav-tabs > li > a:focus,
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		color:#121212 !important;
		border-top-color: #121212 !important;
	}
	.owhidden {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.zoom {
		display:inline-block;
		position: relative;
	}
	.zoom img {
		width: 100%;
		display: block;
		cursor: url(images/cursor.png), auto;
	}
	.zoom img::selection { 
		background-color: transparent;
	}
	.addw,
	.rating {
		margin-bottom: 20px;
	}
	.shop-top {
		padding:20px 20px 0;
		background-color: #f9f9f9 !important;
		width: 100%;
		display: block;
		box-shadow: none !important;
		border:0 solid #d7d7d7 !important;
		position: relative;
	}
	.dropdown-menu .table img {
		width: 50px !important;
	}
	.searchmenu .form-control {
		padding-left: 20px;
		background-color: #fff !important;
		border:3px solid #121212 !important;
		font-size: 12px;
	}
	.dropdown-menu > li.shopcart{
		box-shadow: none !important;
		border:0 solid #efefef !important;
		background-color: #121212 !important;
	}
	.dropdown-menu .table small {
		display: block;
		font-size: 12px;
		line-height: 1.5;
		color:#afb0b4;
		font-weight: 400
	}
	.shopcart .text-center .btn {
		padding:10px !important;
		text-transform: none;
		font-size: 13px;
		box-shadow: none !important;
		border:0 solid #d7d7d7 !important;
		width: 100%;
	}
	.dropdown-menu .table h4 a,
	.shopcart .text-center h4,
	.dropdown-menu .table h4 {
		color:#fff;
		font-size:13px;
		font-weight: bold;
		line-height: 1;
		margin:0;
		padding: 0px 0 5px !important;
	}
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		vertical-align: middle;
		border-top: 0;
	}
	.table {
	    margin-bottom: 0;
	    max-width: 100%;
	    width: 100%;
	}
	.table tr {
		padding:20px 0 !important;
		border-bottom: 1px solid #313131;
	}
	.shopcart .text-center {
		padding:0 0;
	}
	.shopcart .text-center h4 {
		font-size: 15px;
		text-transform: uppercase;
	}
	.closeme .fa-close {
	    border-radius: 0;
	    color: #fff !important;
	    display: inline-block;
	    font-size: 11px !important;
	    line-height: 19px;
	    right: 0 !important;
	    text-align: center;
	    position: relative !important;
	    top: -20px !important;
	    width: 20px;
	}
	.shopcartmenu li h3 {
		padding:15px 0 10px;
		font-weight: bold;
		color:#fff;
		font-size: 14px;
	}

/* ----------------------------------------------------
	PRICING
------------------------------------------------------- */ 
	
	.panel-default {
		background-color: #fff;
		border:0 solid #ddd;
	}
	.pricing-box {
		background-color: #fff;
		border:1px solid #fff;
	}
	.pricing-box sub {
	    font-size: 16px;
	    vertical-align: super;
	}
	.pricing-box h3 {
	    font-size: 16px;
	    line-height: 4;
	    text-transform: uppercase;
	    padding: 0;
	}
	.pricing-box i {
	    padding:0 10px 0 0;
	    vertical-align: middle;
	}
	.pricing-price p {
	    display: block;
	    font-size: 38px;
	    padding: 20px 0 0;
	    font-weight: 400;
	}
	.pricing-desc p {
	    display: block;
	    font-size: 13px;
	    padding: 15px 30px 15px;
	}
	.panel-body p {
		padding:0;
	}
	.pricing-footer {
		padding:15px 0;
		margin-top: 20px;
	}
	.pricing-footer .btn {
		border:0 !important;
		font-weight: bold;
		font-size: 14px;
		padding:0;
		background-color: transparent !important;
	}
	.panel-group .panel-heading + .panel-collapse > .panel-body, 
	.panel-group .panel-heading + .panel-collapse > .list-group,
	.panel-group .panel {
	    border: 0 none;
	    margin-bottom: 0;
	}
	.panel-group .panel-heading h4 {
		border-bottom:1px solid #eee;
		font-size: 13px;
		text-transform: uppercase;
		padding:10px 0;
	}
	.panel-default > .panel-heading {
	    background-color: #fff;
	    border:0 !important;
	    color: #212121;
	    line-height: 1;
	    padding: 0;
	    text-align: center;
	}
	.panel-default h4 {
		padding:0;
	}

/* ----------------------------------------------------
	HOVER EFFECTS	
------------------------------------------------------- */ 

	.entry {
		position:relative;
		padding:0 !important;
		margin-bottom:0;
	}
	.entry img {
		width:100%;
	}
	.magnifier {
		position:absolute;
		top:0;
		background-color:#000 !important;
		left:0;
		bottom:0;
		right:0;
		z-index: 1;
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	.teammembers:hover {
		cursor: pointer;
	}
	.teammembers:hover .magnifier,
	.entry:hover .magnifier {
		zoom: 1;
		filter: alpha(opacity=100);
		opacity:0.9;
	}
	.shop-buttons,
	.visible-buttons{
		visibility: hidden;
		margin: 0 auto;
		opacity: 0;
		position: absolute;
		text-align: center;
		-webkit-transition: all 0.7s ease 0s;
		-moz-transition: all 0.7s ease 0s;
		-ms-transition: all 0.7s ease 0s;
		-o-transition: all 0.7s ease 0s;
		transition: all 0.7s ease 0s;
		bottom:0;
		left:0;
		right: 0;
		position: absolute;
		text-align: center;
	}
	.visible-buttons p {
		font-style: italic;
	}
	.visible-buttons h4 {
		padding:0;
		margin:0;
		font-size: 18px;
	}
	.visible-buttons h4 a {
		color:#121212;
	}
	.entry:hover .shop-buttons,
	.teammembers:hover .visible-buttons,
	.entry:hover .visible-buttons {
		margin-bottom: -20px;
		opacity: 1;
		bottom:50%;
		visibility: visible;
	}
	.entry:hover .border-radius .visible-buttons {
		bottom: 50%;
	}
	.entry:hover .border-radius .visible-buttons h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.entry:hover .border-radius .visible-buttons  .social a {
		margin: 0 !important;
	}
	.teambuttons p {
		padding:0 30px 20px;
		color:#030303 !important;
	}
	.teambuttons a {
		margin: 0;
		width: 35px;
		height: 35px;
		line-height: 33px;
		text-align: center;
		border:1px solid #ffcc00;
		display: inline-block;
		background-color: #ffcc00;
		color:#000 !important;
	}
	.portfoliodesc {
		padding:20px 0 0;
	}

	.teamdesc {
		padding:15px 0;
	}
	.portfoliodesc h4,
	.teamdesc h4 {
		padding:0;
		margin: 0;
		font-size: 16px;
	}
	.portfoliodesc p {
		line-height: 1.4;
	}
	.portfoliodesc p,
	.teamdesc p {
		text-transform: uppercase;
		line-height: 1.2;
		font-size: 12px;
		font-weight: 300;
		padding-bottom: 0;
	}
	.contact-details {
	    margin: 0 auto;
	    padding:0;
	}
	.contact-details h1,
	.contact-details h2 {
		color:#121212;
		padding-bottom: 0;
		line-height: 1.6 !important;
		font-size: 15px;
		font-weight: 400;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}
	.contact-details h1 {
	    background:#121212;
	    color: #fff;
	    padding:10px 0;
	    font-weight: bold;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    max-width: 500px;
	    line-height: 1;
	    font-size: 38px;
	    margin:25px auto;
	}
	.contact-details h2 {
		padding-top: 10px;
	}
	.input-title .form-control {
	    font-size: 11px !important;
	    height: 35px !important;
	    margin-top: -7px;
	}
	.widget.shop-widget {
		margin-bottom:1px !important;
	}
	.widget.shop-widget h4 {
		font-size: 13px;
	}

/* ----------------------------------------------------
	BUTTONS	
------------------------------------------------------- */ 

	.text-widget .btn {
		margin-top: 10px;
	}
	.btn-home{
		background-color: rgba(30, 30, 30, 0.94);
	    border: 2px solid transparent;
	    border-radius: 0;
	    box-shadow: none;
	    color: #fff;
	    font-size: 11px;
	    font-weight: 400;
	    padding: 14px 30px;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.btn-default {
		background-color: rgba(30, 30, 30, 0.94);
	    border: 2px solid transparent;
	}
	.btn-default:hover,
	.btn-default:focus {
		background-color: rgba(255, 255, 255, 0);
	    border: 1px solid #565656;
	    border-radius: 0;
	    box-shadow: none;
	    color: #121212;
	}
	.btn-white{
		background-color: rgba(255, 255, 255, 0);
	    border: 1px solid #eee;
	    border-radius: 0;
	    box-shadow: none;
	    color: #fff;
	    font-size: 11px;
	    font-weight: 400;
	    padding: 14px 30px;
	    text-decoration: none;
	    text-transform: uppercase;
	}

/* ----------------------------------------------------
	PORTFOLIO	
------------------------------------------------------- */ 

	.single-work {
	    padding:0 !important;
	}
	.portfolio-filter {
		margin-bottom: 50px;
	}
	.portfolio-filter ul li{
		display: inline-block;
	    border-radius: 0;
	    font-size: 14px;
	    font-weight: 700;
	    margin:0 10px 0 0;
	    color:#121212;
	    font-family: Lato;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.portfolio-filter ul li:after {
		content: "/";
		padding-left: 10px;
	}
	.portfolio-filter ul li:last-child:after {
		content: "";
	}
	.portfolio-filter ul li a {
		color:#121212 ;
	}
	#fourcol .box img {
		width: 100%;
	}
	.item-h2,
	.item-h1 {
		height: 100% !important;
		height: auto !important;
	}
	.isotope-item {
	  z-index: 2;
	  padding:0;
	}
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}
	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	          transition-property: height, width;
	}
	.isotope .isotope-item { 
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	          transition-property:         transform, opacity;
	}
	#entry-listing {
		position: relative;
		display: block;
		margin:0;
		overflow: visible;	
	}
	.portfolio {
		position: relative;
		margin: 0 auto;
		padding-bottom: 0;
		list-style: none;
		text-align: center;
	}
	.portfoliodesc {
		background-color: #2d3032;
		padding:5px 15px 5px 15px;
	}
	.portfoliodesc a { color:#fff;}
	.portfoliodesc:hover a { color:#000 !important;}
	.portfoliodesc h4 {
		font-size: 16px;
	}
	.overflowhidden {
		overflow: hidden;
	}
	.blog-desc-small p {
		padding-bottom: 0;
	}

/* ----------------------------------------------------
	SLIDESHOW
------------------------------------------------------- */

	#slides .message {
	    left: 0;
	    overflow: hidden;
	    margin: -20px auto;
	    max-width: 1170px;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: 40%;
	    z-index: 100 !important;
	}
	#slides {
		position:relative;
	}
	#slides .slides-container {
		list-style:none;
		display:none;
		margin:0;
		z-index: 0;
		padding:0;
	}
	#slides .slides-container .message {
	  z-index: 100;
	}
	#slides .scrollable {
		zoom:1;
		position:relative;
		top:0;
		left:0;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		height:100%;
	}
	#slides .scrollable:after {
		content:"";
		display:table;
		clear:both;
	}
	.slides-navigation a:hover {
		opacity:0.5;
		-moz-opacity:0.5;
		filter:alpha(opacity=50);
	}
	.slides-navigation {
		position:absolute;
		z-index:11;
		top:46%;
		width:100%;
		margin:0 auto;
	}
	.slides-navigation a {
		text-decoration:none;
		color:#121212;
		font-size:24px;
		text-align:center;
		height:60px;
		width:60px;
		line-height:60px;
		top:0;
		border:1px solid #121212;
		-webkit-border-radius:0;
		border-radius:0;
		position:absolute;
		display:block;
		margin:0 25px;
		padding:0;
	}
	.slides-navigation a.prev {
		left:0;
	}
	.slides-navigation a.next {
		right:0;
	}
	.slides-pagination a.current {
		background:#121212;
	}

	.mini_title2,
	.slider_01,
	.tp-caption.slider_01 {
		color:#121212;
		text-shadow:none;
		font-weight:600;
		font-size:16px;
		line-height:22px;
		text-transform: uppercase;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:0px;
	}
	.mini_title2 {
		color: #ffffff;
	}
	.slider_02,
	.tp-caption.slider_02 {
		color:#ffffff;
		background-color: transparent;
		text-shadow:none;
		font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:64px;
		font-weight: 900;
		text-transform: uppercase;
		line-height:64px;
	}
	.tp-caption.slider_btn .btn,
	.slider_btn .btn {
		color:#ffffff !important;
	}
	.tparrows.preview3,
	.tparrows.preview3:after {
		width: 50px !important;
		font-size: 21px;
		background-color:rgba(255,255,255,0.4) !important;
	}
	.tp-rightarrow.preview3 .tp-arr-iwrapper,
	.tp-leftarrow.preview3 .tp-arr-iwrapper {
		display: none !important;
	}
	.tp-caption .btn-primary {
		color:#ffffff !important;
	}
	.boxedcontainer {
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}
	.tp-banner-container{
		width:100%;
		position:relative;
		padding:0;
		z-index: 999;
	}
	.tp-banner{
		width:100%;
		position:relative;
	}
	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}
	.tp-bannertimer {
		display: none;
	}

/* ----------------------------------------------------
	PAGE STYLES
------------------------------------------------------- */ 
	
	.error-template {padding: 40px 15px;text-align: center;}
	.error-actions {margin-top:15px;margin-bottom:15px;}
	.error-details p {
		font-size: 14px;
	}
	.error-template h1 {
		font-size: 80px;
		margin: 0;
		padding:0 0 30px;
		line-height: 1;
	}
	.page-section {
		position: relative;
		display: block;
		padding: 80px 0;
	}
	.page-section .btn {
		margin-top: 25px;
	}
	.topheader h1 {
	    font-size: 21px;
	    font-weight: 900;
	    color:#121212;
	    padding:0 0 5px;
	    margin-bottom: 0;
	    line-height: 34px;
	    text-transform: uppercase;
	}
	.topheader p {
		color:#444444;
	    font-size: 14px;
	    font-weight: 400;
	    margin-top: 0;
	    padding-bottom: 0;
	    position: relative;
	    text-transform: uppercase;
	}
	#content {
		padding: 0 40px 0 0;
	}
	#content .blog-title h3,
	#content .blog-title h3 a {
		font-size: 24px;
	    font-weight: 800;
	    margin: 0 0 0em;
	    padding-bottom: 0;
	    text-transform: uppercase;
	}
	#content .meta {
		margin-bottom: 30px;
		display: block;
	}
	#content .blog-desc-small p {
		margin: 20px 0 20px;
		display: block;
	}
	#content .shop-box {
		display: block;
		margin-bottom: 60px;
	}
	blockquote{
		background-color: #121212 !important;
		color:#fff;
		padding:40px;
	}
	.pagination li span, .pagination li a {
	    border-color: #121212;
	    border-radius: 0 !important;
	    color: #121212;
	    height: 40px;
	    line-height: 40px;
	    margin-right: 10px;
	    padding: 0;
	    font-weight: 400;
	    text-align: center;
	    width: 40px;
	}
	.page-content {
		border-bottom: 1px solid #eee;
	}
	input.search-query {
	    padding-left:26px;
	}
	form.form-search {
	    position: relative;
	}
	.widget .form-control {
		font-size: 12px;
		width: 100%;
		border-color: #dedede;
		height: 50px;
	}
	.widget {
		position: relative;
		display: block;
		margin-bottom: 60px;
	}
	.input-title {
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	.twitter-posts,
	.recent-posts {
		padding:0;
		margin:0;
	}
	.twitter-posts li,
	.recent-posts li {
		list-style: none;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.twitter-posts li small,
	.recent-posts li small {
		font-weight: 400;
		display: block;
		margin-top: 10px;
	}
	.twitter-posts li a,
	.recent-posts li a {
		font-size:14px !important;
		color:#121212 !important;
	}
	.twitter-posts li:before {
		content: "\f099";
		font-family: "FontAwesome";
		font-size: 14px;
		left: 0;
		padding-right:10px;
		color:#121212;
		position: relative;
		top: 0;
	}
	.widget .carousel-control .fa {
		padding:10px;
	}
	.tab-content .comments {
		margin:0 !important;
		padding:0 !important;
	}
	.tab-content .contact_form .form-control,
	.widget .contact_form .form-control {
		height: 40px;
		margin-bottom: 4px;
		border-color: #dedede;
	}
	.tab-content .contact_form .btn,
	.widget .contact_form .btn {
		border-color:#dedede;
	}
	.comments{ margin-top: 50px;}
	.media {
		border-radius: 0;
		padding:10px;
	}
	.media img {
		width: 65px;
		margin-right: 10px;
	}
	.media .rating {
		margin-bottom: 5px;
	}
	.media-heading {
		position: relative;
		font-size: 16px;
		padding-bottom: 0;
		font-weight: 600;
	}
	.media-heading .time-comment {
		padding-left: 6px;
	}
	.reply-comment {
		background-color: #fcfcfc;
		margin-left: 80px;
	}
	.comment-reply {
		color:#ffffff !important;
		top: 0;
		padding:7px 10px;
		position: absolute;
		right: 0;
	}
	.comment-wrapper .well {
		background-color: #ffffff !important;
	}
	.comment-wrapper h3 {
		padding:0;
		margin:0;
	}

/* ----------------------------------------------------
	CONTACT FORM
------------------------------------------------------- */ 
	
	.loader {
	    border: 0 none;
	    padding-left: 15px;
	    vertical-align: middle;
	}
	.contact_form .form-control {
		border-color: #eee;
		margin-bottom:15px;
		padding-left: 20px;
		height:35px;
		font-size: 12px;
	}
	.contact_form textarea {
		height: 135px !important;
	}
	.form-control::-moz-placeholder {
		color: #121212;
	}
	.form-control:-ms-input-placeholder {
		color: #121212;
	}
	.form-control::-webkit-input-placeholder {
		color: #121212;
	}
	.contact-informations .fun-facts h3 {
		color:#121212;
		font-weight: 400;
	}
	.contact-informations .fun-facts p {
	    color: #555;
	    font-size: 14px;
		padding-bottom: 0;
	}
	.contact-informations .fun-facts .fun-icon {
		background-color: #f0f0f0;
		color:#121212;
	}
	.invis {
		margin: 30px 0;
		border:0;
	}
	#message {
		display: none; 
		position:relative; 
		text-align:left; 
		padding:20px;
	}
	#map{
		height:300px;
		width:100%;
		position: relative;
		z-index: 10;
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}

	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
		color:#121212 !important;
	}
	.typed-cursor{
	    opacity: 1;
	    display: none;
	    -webkit-animation: blink 0.7s infinite;
	    -moz-animation: blink 0.7s infinite;
	    animation: blink 0.7s infinite;
	}
	@keyframes blink{
	    0% { opacity:1; }
	    50% { opacity:0; }
	    100% { opacity:1; }
	}
	@-webkit-keyframes blink{
	    0% { opacity:1; }
	    50% { opacity:0; }
	    100% { opacity:1; }
	}
	@-moz-keyframes blink{
	    0% { opacity:1; }
	    50% { opacity:0; }
	    100% { opacity:1; }
	}

/* ----------------------------------------------------
	CLIENTS
------------------------------------------------------- */ 

	.client-logo img {
		margin: 0 auto;
		width: auto;
		display: block;
		text-align: center;
	    opacity: 0.4;
	    filter: alpha(opacity=40); /* For IE8 and earlier */
	}
	.client-logo img:hover {
	    opacity: 1.0;
	    filter: alpha(opacity=100); /* For IE8 and earlier */
	} 
	.testi-item .lead {
		margin:20px auto 0 !important;
		line-height: 1.8;
		max-width: 800px !important;
		padding:0 !important;
		text-transform: none;
	}
	.testi-item img {
		width: 100px;
		margin-bottom: 0;
	}
	.testi-item h4 {
		font-size: 18px;
		margin: 20px 0 0;
		padding:0;
		color:#121212;
		text-transform: uppercase;
	}
	.testi-item small {
		text-transform: uppercase;
	}

/* ----------------------------------------------------
	COPYRIGHTS
------------------------------------------------------- */ 

	.copyrights {
		background-color: #121212;
	    display: block;
	    padding: 40px 0;
	    position: relative;
	    z-index: 1;
	}    
	.copyrights a {
		color:#959595;
	}
	.copyrights p {
		color:#959595;
		padding:15px 0 20px;
	}
	.copyrights-social a{
	    color:#FC0;
	    font-size: 21px;
	    height: 25px;
	    line-height: 25px;
	    text-align: center;
	    margin-right: 10px;
	}
	.social a:hover {
	    color:#fff;
	}
	a.topbutton {
	    color: #121212 !important;
	    display: block;
	    left: 0;
	    line-height: 40px;
	    margin: auto;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    top: -60px;
	    width: 40px;
	}

/* ----------------------------------------------------
	COLOR SCHEME	
------------------------------------------------------- */ 

	.tparrows.preview3,
	.tparrows.preview3:after,
	.btn-primary,
	.pagination li span:hover,
	.pagination li a:hover,
	.shopcart .text-center .btn,
	.topbutton,
	.yellowbg,
	.pricing-footer,
	.contact-informations .fun-icon,
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
	blockquote cite,
	.progress-bar span,
	.pitem:hover .portfoliodesc,
	#owl-shop .owl-nav [class*="owl-"]:hover,
	.teamdesc,
	.pricing-box h3,
	.btn-white:hover,
	.btn-white:focus,
	.btn-white.active {
		color:#121212 !important;
		background-color: #63819d !important;
		border-color: #63819d !important;
	}

	.slider_02 span,
	.portfolio-filter ul li:hover a,
	.service-box:hover i,
	.service-box .icon-container.active i,
	.copyright-text a,
	.navbar-default .nav > li > a.active,
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus {
		color:#63819d !important;
	}
	.service-box hr,
	.owl-theme .owl-dots .owl-dot span,
	blockquote,
	.form-control:not([readonly]):focus {
	  border-color: #fcc71f;
	}

	.white-shape.rightbottomalign {
	  border-bottom-color: #fcc71f;
	}
	.tooltip-inner {
		background-color: #fcc71f !important;
	}
	.white-shape.righttopalignyellow,
	.tooltip.top .tooltip-arrow {
	  border-top-color: #fcc71f;
	}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-white:hover,
	.btn-white:focus,
	.btn-white.active {
		color:#121212 !important;
		background-color: #f2bc10 !important;
		border-color: #f2bc10 !important;
	}

/* ----------------------------------------------------
	RESPONSIVENESS	
------------------------------------------------------- */  

	@media (max-width: 1520px) {
		.image-box-left {
			left: -10%;
		}
	}

	@media (max-width: 1380px) {
		.image-box-left {
			left: -15%;
		}
	}

	@media (max-width: 1280px) {
		.image-box-left {
			left: -24%;
		}
	}

	@media (max-width: 1080px) {
		.image-box-left {
			left: -35%;
		}
	}

	@media (max-width: 968px) {
		.navbar-default .nav > li > a {
			display: block !important;
		}
		#content {
			padding: 0 15px;
		}
	}
	@media (max-width: 768px) {
		.portfolio-filter ul li::after {
			padding:0;
			content: "";
		}
		.fun-facts,
		.blog-desc-small{
			margin-bottom: 30px !important;
			display: block;
		}
		.image-center img,
		.image-center2 img {
			margin: auto;
		}
		.contact-details h1 {
			font-size: 21px;
		}
		.welcome-text h1 {
			font-size: 13px;
		}
		.welcome-text h2 {
			padding-top: 20px;
		    font-size: 21px;
		}
		.portfoliodesc, .teamdesc {
		    padding: 20px 0 20px;
		}
	}
	@media (max-width: 468px) {
		#content .btn-home {
			padding: 8px 13px;
		}
		#content .blog-title h3, #content .blog-title h3 a {
			font-size: 13px;
		}
		.shop-box .meta {
			font-size: 11px;
		}
	}

/* ----------------------------------------------------
	OTHERS	
------------------------------------------------------- */  

	#loader {
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background-color: #000;
		position:fixed;
		display: table;
		width: 100%;
		top:0;
		height: 100%;
		min-height: 100%;
		z-index:99999;
	}
	.loader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 12;
		text-align:center;
	}
	.loader {
	    margin-top: 20px;
	    vertical-align: top;
	}

	.slider_btn,
	.tp-caption.slider_btn .btn-primary {
		color:#121212 !important;
	}
	#owl-shop .portfoliodesc h4 a{ font-size: 14px;letter-spacing: 1px; }