@charset "UTF-8";
/* CSS Document */
/*
Template Name: INKIEST - Tattoo Studio Responsive Template
Author: Genius-Theme

// STYLESHEET INDEX
 *----------------------------------------------------------------------------------------------------------
 *1.0 - General
 *2.0 - Header
 *3.0 - Home page
 	*3.1 - Slider
 	*3.2 - Services
 	*3.3 - Process
 	*3.4 - Meet Our Artists
 	*3.5 - Testimonials
 	*3.6 - Appointment
 	*3.7 - Counter
 *4.0 - Home 2 page
 	*4.1 - Latest Work
 	*4.2 - Latest News 
 *5.0 - About Us
 *6.0 - Artists
 *7.0 - Artist Detail 
 *8.0 - Services
 *9.0 - Service Detail
 *10.0 - Portfolio
 *12.0 - Blog 
 *13.0 - Blog Detail
 *14.0 - FAQs Page
 *15.0 - 404 Error
 *16.0 - Appointment 
 *17.0 - Contact Us
 *18.0 - ShortCode
 *19.0 - Footer
*/


/*
 *1.0 - General
 *----------------------------------------------------------------------------------------------------------
*/


@import url(http://fonts.googleapis.com/css?family=Dosis:400,500,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700);

/*
Page Loadinge CSS file
*/
@import url('../css/loader.css');
body {
	background-color: #c3c7c9;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Open Sans', sans-serif;
}
/* heading title of template */

h1, h2, h3, h4, h5, h6 {
	color: #191919;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0px;
	text-rendering: optimizeSpeed;
}
h1 {
	font-size: 42px;
	margin-bottom: 30px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 17px;
}
p {
	font-size: 16px;
	font-weight: 300;
	color: #333333;
	line-height: 26px;
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}
a {
	color: #191919;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
}
a:hover, a:focus {
	color: #6C9930;
	text-decoration: none;
	outline: 0;
}
ul, ol {
	padding: 0px;
	margin-bottom: 20px;
}
ul li, ol li {
	color: #191919;
	line-height: 32px;
	list-style: none;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
}
ol li {
	color: #191919;
	line-height: 32px;
	list-style: unset;
	font-family: 'Open Sans', sans-serif;
	list-style-position: inside;
}
ul.list-style li {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
ul.list-style li i {
	margin-right: 10px;
	color: #333;
}
ul.list-style {
	margin-bottom: 30px;
}
img {
}
hr {
	border-style: none;
	border-width: none;
	border-bottom: 1px solid #999;
}
/*
 * Button
*/

.btn-black {
	background: #555555;
	border: none;
	border-radius: 2px;
	color: #f5f5f5;
	padding: 8px 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}
.btn-black:hover, .btn-black:focus {
	background: #6c9930;
	color: #f5f5f5;
}
.btn-black.btn-lg {
	padding: 10px 16px;
	height: auto;
	font-size: 16px;
}
a.btn-green {
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	transition: top 0.4s ease 0s;
	font-size: 16px;
	text-transform: uppercase;
	border: 2px solid #6C9930;
	color: #6C9930;
	background: none;
}
a.btn-green:hover, a.btn-green:focus {
	background: #6C9930;
	border: 2px solid #6C9930;
	color: #f5f5f5;
}
.btn-reg-green {
	background: #6c9930;
	border: none;
	border-radius: 2px;
	color: #f5f5f5;
	padding: 8px 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}
.btn-reg-green:hover, .btn-reg-green:focus {
	color: #f5f5f5;
}
/*
 *Title Icon
*/

.icon-main-line {
	text-align: center;
	color: #cccccc;
	margin-bottom: 10px;
}
.icon-main-line.white-box {
	color: #191919;
}
/*
 *Image Hover grayscale
*/

.destaurate {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.2s ease 0s;
}
.destaurate:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 0.5s ease 0s;
}
.re-destaurate {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 0.5s ease 0s;
}
.re-destaurate:hover {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.2s ease 0s;
}
.row.row-spacing {
	padding: 0 15px;
}
/* Simple Parallax Effect */
.simple-parallax {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: auto;
}
/*
 *2.0 - Header
 *----------------------------------------------------------------------------------------------------------
*/

.search-open {
	background-color: #333333;
	display: none;
	height: 100px;
	padding: 30px 20px 20px;
	position: relative;
	width: 100%;
}
.search-open .form-control {
	background-color: #C3C7C9;
	border: 1px solid #6C9930;
	height: 40px;
}
.search-open .btn-search {
	background-color: #6c9930;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	height: 40px;
}
/********* Navbar *********/
.tp-header {
}
.tp-header .navbar-brand {
	padding: 1px;
	margin-left: 10px;
}
.tp-header .navbar {
	border: none;
	border-radius: 0px;
	margin-bottom: 0px;
	padding: 15px 0;
}
.tp-header .navbar-default {
	background-color: #2E2D2A;
	border-bottom: 1px solid #2E2D2A;
}
.tp-header .nav>li>a {
	padding-left: 18px;
	padding-right: 18px;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: -1px;
	color: #cccccc;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
}
.tp-header .navbar-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.tp-header .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #6c9930;
	background-color: transparent;
}
.tp-header .navbar-nav>li>a i {
	padding-left: 10px;
}
.tp-header .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px;
	margin: 2px -1px 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #333333;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: #6c9930;
}
.tp-header .dropdown-menu>li>a {
	display: block;
	padding: 10px 60px 10px 20px;
	clear: both;
	line-height: 18px;
	color: #cccccc;
	white-space: nowrap;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
}
.tp-header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #cccccc;
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	outline: 0;
}
.tp-header .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #f5f5f5;
	text-decoration: none;
	background-color: #6c9930;
}
.tp-header .dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	margin-top: -1px;
}
.tp-header .dropdown-menu li:hover .sub-menu {
	display: block;
}
.tp-header .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #666;
	background-image: none;
	border: 1px solid #666;
	border-radius: 4px;
}
.tp-header .navbar-default .navbar-toggle .icon-bar {
	background-color: #2E2D2A;
}
.tp-header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	border: 1px solid #6c9930;
	background-color: #6c9930;
}
.tp-header .navbar-nav > li > a.search {
	padding: 20px 5px;
}
.header-body {
	height: 230px;
	background: url(../images/header/header1.jpg) #2E2D2A;
	transition: all 0.2s ease 0s;
	background-position: 75%;
	position: relative;
}
.header-body:hover {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.5s ease 0s;
}
.header-body h1 {
	color: #f5f5f5;
	margin-top: 70px;
	text-shadow: 1px 1px 0 #333;
	font-weight: 600;
	position: inherit;
	z-index: 1;
}
.header-body.bg-bottom {
	background-position: bottom;
}
svg.header-triangle {
	background: none;
	float: left;
	pointer-events: none;
	margin-top: -99px;
	position: absolute;
	z-index: 9;
}
.header-triangle path {
	fill: #c3c7c9;
	stroke: #c3c7c9;
	stroke-width: 3;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.1 - Slider
*/
.bg-overlay::after {
	background-image: url("../images/overlay-pattern.png");
	background-repeat: repeat;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.carousel-caption {
	left: 0;
	bottom: 5%;
	z-index: 5;
}
.carousel-caption h1 {
	color: #cccccc;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.carousel-caption p {
	color: #f5f5f5;
}
.carousel-control.left, .carousel-control.right {
	z-index: 9;
}
.over-design-logo {
	position: absolute;
	text-align: center;
	top: 14%;
	z-index: 2;
	width: 100%;
	margin: 0 auto;
}
.over-design-logo .design_logo {
	width: 300px;
	height: 300px;
	text-align: center;
	display: inline-block;
}
.carousel-inner .item > img {
	width: 100%;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.2 - Services
*/

.tp-services-home {
	padding: 60px 0;
}
.tp-services-home.tp-services-home2 {
	padding: 50px 0 110px 0;
}
.services-item {
	margin: 0 10px;
}
.tp-services-home .services-box {
	margin: 0 !important;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.3 - Process
*/

.tp-how-it {
	padding: 50px 0 110px 0;
	background-image: url('../images/bg1.jpg');
}
.tp-how-it .step-icon {
	text-align: center;
	margin-bottom: 30px;
	display: block;
}
.tp-how-it h2 {
	text-align: center;
	margin-bottom: 20px;
	color: #cccccc;
}
.tp-how-it p, .tp-how-it h1, .tp-how-it p.lead {
	color: #cccccc;
	text-align: center;
}
.tp-how-it .lead {
	margin-bottom: 60px;
}
.tp-how-it .step-icon img {
	text-align: center;
	display: inline;
	width: 75px;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.4 - Meet Our Artists
*/

.tp-team {
	padding: 60px 0;
	background: #191919;
}
.tp-team p, .tp-team h1 {
	color: #cccccc;
}
.tp-team .team-info-back h3 {
}
.team-socail-box {
	margin-top: 50px;
}
.team-socail-box > a {
	padding: 4px;
	background: #f5f5f5;
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #191919;
	margin: 5px;
	border-radius: 2px;
}
.team-socail-box > a:hover {
	background: #333333;
	color: #f5f5f5;
}
/* Start Team Hover CSS Document */
.team-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.team-grid:after, .team-item:before {
	content: '';
	display: table;
}
.team-grid:after {
	clear: both;
}
.team-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.team-grid:after, .team-item:before {
	content: '';
	display: table;
}
.team-grid:after {
	clear: both;
}
.team-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
	height: 340px;
	margin-bottom: 30px;
}
.team-info {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.team-info .team-info-front {
	box-shadow: inset 0 0 0 10px rgba(0,0,0,0.6);
	background-size: cover;
}
.team-info .team-info-back {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	background: #6C9930;
	opacity: 0;
}
.team-img-1 {
	background-image: url(../images/tattoo-artist-1.jpg);
	background-position: right center !important;
}
.team-img-2 {
	background-image: url(../images/tattoo-artist-2.jpg);
}
.team-img-3 {
	background-image: url(../images/tattoo-artist-3.jpg);
}
.team-info h3 {
	color: #f5f5f5;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 90px;
}
.team-info p {
	color: #f5f5f5;
	padding: 10px 5px;
	margin: 0 30px;
	border-top: 1px solid #f5f5f5;
}
.team-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.team-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}
.team-item:hover .team-info-front {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	opacity: 0;
}
.team-item:hover .team-info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
	opacity: 1;
}
.team-info-back .btn-white {
	background: #f5f5f5;
	border: none;
	border-radius: 2px;
	color: #191919;
	padding: 5px 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 5px;
	display: inline-block;
}
.team-info-back .btn-white:hover {
	background: #333333;
	color: #f5f5f5;
}
svg.teamtrianglecolor {
	background: #c3c7c9;
	float: left;
	pointer-events: none;
}
.teamtrianglecolor path {
	fill: #191919;
	stroke: #191919;
	stroke-width: 4;
}
svg.teamtrianglecolor-relative {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	float: left;
	pointer-events: none;
	position: absolute;
	margin-bottom: -100px;
	z-index: 9;
}
.teamtrianglecolor-relative path {
	fill: #191919;
	stroke: #191919;
	stroke-width: 4;
}
.team-svg-bottom {
	position: relative;
}
svg.teamtrianglecolortop-relative {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	float: left;
	pointer-events: none;
	position: absolute;
	margin-top: -100px;
}
.teamtrianglecolortop-relative path {
	fill: #191919;
	stroke: #191919;
	stroke-width: 4;
}
.team-svg-top {
	position: relative;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.5 - Testimonials
*/

.tp-testimonials {
	padding: 100px 0 120px 0;
	background-image: url('../images/bg2.jpg');
}
.tp-testimonials.testimonals2 {
	padding-top: 80px;
}
.tp-testimonials h1 {
	color: #cccccc;
}
.tp-testimonials .testimonals-box p {
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	color: #cccccc;
	font-style: italic;
	font-weight: 500;
}
.tp-testimonials .testimonals-name {
	text-align: center;
	display: block;
	color: #6C9930;
	font-size: 18px;
}
.tp-testimonials .owl-pagination {
	margin-top: 20px;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.6 - Appointment
*/

.tp-make-appointment {
	background: url(../images/bg-img-pattern.png) no-repeat center center #191919;
	padding: 50px 0;
}
.tp-make-appointment h1 {
	color: #cccccc;
}
.tp-make-appointment p {
	color: #cccccc;
}
.tp-make-appointment a.appointment-request {
	padding: 10px 25px;
	border: 2px solid #6C9930;
	text-align: center;
	border-radius: 2px;
	transition: top 0.4s ease 0s;
	color: #6C9930;
	font-size: 16px;
	text-transform: uppercase;
}
.tp-make-appointment a.appointment-request:hover {
	background: #6C9930;
	border: 2px solid #6C9930;
	color: #f5f5f5;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *3.0 - Home page
 	*3.7 - Counter
*/

.tp-counter {
	background: #191919;
	padding: 30px 0;
}
.tp-counter h2 {
	text-align: center;
	color: #ababab;
	margin-bottom: 60px;
}
.tp-counter h3 {
	text-align: center;
	color: #ababab;
	font-weight: bold;
}
.tp-counter .icon-main-line {
	margin-top: 40px;
	margin-bottom: 20px;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *4.0 - Home 2 page
 	*4.1 - Latest Work
*/
.tp-latest-work {
	padding: 40px 0;
}
.tp-latest-work.tp-latest-work2 {
	padding: 60px 0;
	background: #191919;
}
.tp-latest-work.tp-latest-work2 h1 {
	color: #ccc;
}
/*
 *----------------------------------------------------------------------------------------------------------
 *4.0 - Home 2 page
 	*4.2 - Latest News
*/
.tp-latest-news {
	padding: 100px 0 50px 0;
	width: 100%;
}
.tp-latest-news img {
	margin: 0;
}
.new-box {
	background: #2e2d2a;
	padding: 15px;
	margin-bottom: 30px;
}
.new-box h3 a {
	color: #cccccc;
}
.new-box .meta i, .new-box .meta span, .new-box .meta span a, .new-box p {
	color: #cccccc;
}
/*
 *5.0 - About Us
 *----------------------------------------------------------------------------------------------------------
*/

.tp-main-container {
	margin: 60px 0;
	background: #c3c7c9;
}
.tp-about-us .pe-icon {
	background: #2E2D2A;
	color: #ccc;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.tp-about-us .pe-icon:hover {
	background: #2E2D2A;
	color: #6C9930;
	transition: all 0.5s ease 0s;
}
.tp-about-us .icon-boxes {
	text-align: center;
	background: #2E2D2A;
	min-height: 330px;
	color: #f5f5f5;
	padding: 15px;
	margin-bottom: 20px;
}
.tp-about-us .icon-boxes h2, .tp-about-us .icon-boxes p {
	color: #ccc;
}
.about-img {
	margin-bottom: 30px;
}
.about-details {
	margin-bottom: 30px;
}
/*
 *6.0 - Artists
 *----------------------------------------------------------------------------------------------------------
*/

.artist-box {
	background: #2e2d2a;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.artist-box h2 {
	text-align: center;
	color: #eee;
}
.artist-box p {
	text-align: center;
	color: #eee;
	margin-bottom: 20px;
}
.artist-box-detail {
	margin: 10px;
}
.artist-box hr {
	width: 70%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.artist-box-img {
	position: relative;
}
.artist-social-box {
	bottom: 0;
	float: left;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	display: none;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(30, 30, 30, 0) 0px, #2e2d2a 100%) repeat scroll 0 0;
	transition: all 0.3s ease 0s;
	padding-top: 5%;
}
.artist-social-box > a {
	background: #f5f5f5;
	border-radius: 2px;
	color: #2e2d2a;
	display: inline-block;
	height: 35px;
	margin: 5px;
	padding: 4px 0;
	text-align: center;
	width: 35px;
}
.artist-social-box > a:hover {
	background: #6C9930;
	color: #eee;
}
.artist-box .artist-box-img:hover .artist-social-box {
	display: block;
	transition: all 0.3s ease 0s;
}
/*
 *7.0 - Artist Details
 *----------------------------------------------------------------------------------------------------------
*/

.artist-detail-social-box {
}
.artist-detail-social-box > a {
	background: #666;
	border-radius: 2px;
	color: #f5f5f5;
	display: inline-block;
	height: 35px;
	margin: 5px;
	padding: 3px 0;
	text-align: center;
	width: 35px;
}
.artist-detail-social-box > a:hover {
	background: #2e2d2a;
	color: #eee;
}
.artist-detail-icon-box .pe-icon-box {
	color: #2e2d2a;
	margin-right: 15px;
	float: left;
	font-size: 38px;
}
.artist-book-link {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.artist-details ol li {
	margin-left: 30px;
}
.my-portfolio {
	margin-bottom: 30px;
}
/*
 *8.0 - Services
 *----------------------------------------------------------------------------------------------------------
*/

.tp-services {
	color: #f5f5f5;
	margin: 30px 0;
}
.service-box {
	background: #2e2d2a;
	color: #f5f5f5;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.service-box a {
	color: #f5f5f5;
	text-align: center;
	font-size: 18px;
	padding: 15px 0;
	float: left;
	width: 100%;
}
.service-box .roll a {
	padding: 0;
	height: 100%;
}
.roll {
	position: absolute;
	width: 100%;
	background: #666;
	z-index: 9;
	height: 100%;
	opacity: 0;
}
.roll:hover {
	opacity: .7;
	transition: all 1.0s ease 0s;
}
.roll:hover img {
	opacity: 1;
}
.service-line {
	position: relative;
}
.service-line:hover img {
	position: relative;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 0.5s ease 0s;
}
.tp-services .service-style-box {
	margin-top: 20px;
	margin-bottom: 30px;
}
.tp-services .services-more-black {
	padding: 30px;
	background: #2e2d2a;
	display: table;
}
.tp-services .services-more-black h1 {
	color: #f5f5f5;
}
.tp-services .services-more-black p {
	color: #f5f5f5;
}
.tp-services .services-more-black a.offer {
	padding: 10px 20px;
	background: #d7243e;
	border-radius: 2px;
	float: left;
	color: #f5f5f5;
}
/*
 *9.0 - Service Detail
 *----------------------------------------------------------------------------------------------------------
*/


/*
 *10.0 - Portfolio
 *----------------------------------------------------------------------------------------------------------
*/
	
.tp-portfolio {
	overflow: hidden;
}
.tp-portfolio h1 {
	text-align: center;
	text-transform: uppercase;
	color: #f5f5f5;
}
.tp-portfolio .lead {
	text-align: center;
	color: #f5f5f5;
	margin-bottom: 50px;
}
.latest-work-img img {
	transition: all 0.5s ease 0s;
	opacity: 0.95;
}
.latest-work-img img:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
.portfolio-work {
	padding: 10px !important;
	overflow: hidden;
}
.filter-box {
	overflow: hidden;
	padding: 0;
	border: none;
	margin: 0;
	position: relative;
}
.filter-box:hover img {
	padding: 0;
	border: none;
	margin: 0;
}
.filter-box:hover img {
	position: relative;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 0.5s ease 0s;
}
.tp-portfolio .filter-box img {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.tp-portfolio .isotope-item {
	z-index: 2;
}
.tp-portfolio .isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.tp-portfolio .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;
}
.tp-portfolio .isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.tp-portfolio .isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
	padding: 0;
}
.tp-portfolio .portfolioFilter {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
.tp-portfolio .portfolioFilter a {
	font-weight: bold;
	color: #191919;
	display: inline-block;
	font-size: 16px;
	margin-right: 10px;
	padding: 3px 15px;
	text-decoration: none;
	border-radius: 2px;
	outline: 0;
}
.tp-portfolio .portfolioFilter a.current {
	font-weight: bold;
	color: #6C9930;
}
.tp-portfolio .portfolioFilter ul li::before {
	color: #777;
	content: "/";
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0px, -50%);
	font-size: 1em;
}
.tp-portfolio .portfolioFilter ul li {
	display: inline-block !important;
	position: relative;
}
.tp-portfolio .portfolioFilter ul li:last-child::before {
	display: none;
}
.tp-portfolio .btn-outline {
	border-radius: 0;
	color: #f5f5f5;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px 20px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.tp-portfolio .popup-gallery .destaurate:hover {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	filter: grayscale(0%);
}
.filter-box .roll-portfolio {
	background: #666;
	float: left;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9;
	opacity: .5;
	transition: all 1.0s ease 0s;
	opacity: 0;
}
.filter-box:hover img {
	-moz-transform: scale(1.0);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	filter: grayscale(0%);
}
.roll-portfolio:hover {
	opacity: .5;
	transition: all 1.0s ease 0s;
}
.roll-portfolio:hover img {
	opacity: 1;
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
.roll-portfolio span {
	background: #000;
	color: #f5f5f5;
	margin: 0 auto;
	opacity: 1;
	padding: 10px;
	text-align: center;
	width: 80%;
	display: block;
	font-size: 26px;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
}
.filter-box a {
	color: #f5f5f5;
	text-align: center;
	font-size: 24px;
	padding: 0;
	float: left;
	width: 100%;
}
.filter-box .roll-portfolio a {
	padding: 0;
	height: 100%;
}
/*
 *11.0 - Price List
 *----------------------------------------------------------------------------------------------------------
*/
	
.tp-price-list {
}
.tp-price-list h1 {
	color: #191919;
}
.tp-price-list .price-table {
	background-color: #333333;
	border: 1px solid #cccccc;
	margin-bottom: 30px;
}
.tp-price-list .price-table table {
	margin-bottom: 0;
}
.tp-price-list .price-table tr td.price, .tp-price-list .price-table tr th.price {
	text-align: right;
	color: #f5f5f5;
}
.tp-price-list h2.above-price-list {
	margin-bottom: 40px;
	margin-top: 40px;
	color: #191919 !important;
	text-align: center;
}
.tp-price-list a.more-design:hover {
	background: #6C9930;
	border: 2px solid #6C9930;
	color: #f5f5f5;
}
.tp-price-list .table > thead > tr > th, .tp-price-list .table tr td {
	color: #f5f5f5;
}
/*
 *12.0 - Blog
 *----------------------------------------------------------------------------------------------------------
*/
.blog-box {
	padding-bottom: 40px;
	border-bottom: 1px solid #999;
	margin-bottom: 40px;
}
.blog-post {
	margin-bottom: 20px;
}
.meta {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 14px;
}
.meta span {
	margin-right: 10px;
	font-family: 'Dosis', sans-serif;
}
meta span i {
	margin-right: 5px;
}
.meta span a {
	margin-right: 5px;
	font-family: 'Dosis', sans-serif;
}
.meta i {
	margin-right: 3px;
}
.blog-box .video-wrapper {
	padding-bottom: 61%;
	position: relative;
	width: 100%;
}
.blog-box .video iframe {
	border: 0 none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
blockquote {
	background: #787878;
	border-left: 5px solid #6C9930;
	color: #f5f5f5;
	padding: 30px 20px;
}
blockquote h3, blockquote p {
	color: #EEEEEE;
	text-align: center;
}
.search-widget .btn-black {
	margin: 0;
	padding: 14px;
	outline: 0;
}
.tp-blog-page .pagination li {
	margin-right: 10px;
}
.tp-blog-page .pagination a {
	background-color: #555555;
	color: #f5f5f5;
	margin-right: 10px;
	border: none;
	border-radius: 2px;
}
.tp-blog-page .pagination a:hover {
	background-color: #6c9930;
	color: #f5f5f5;
}
.tp-blog-page .pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
}
.tp-blog-page .right-sidebar h2.widget_heading {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
}
.tp-blog-page .search-widget .input-group .form-control {
	background-color: #C3C7C9;
	border-radius: 0;
	border: 1px solid #333;
	height: 48px;
	color: #333;
}
.widget.search-widget {
	padding-bottom: 40px;
}
.widget {
	padding-bottom: 10px;
}
.recent-post h3 a {
	font-family: 'Dosis', sans-serif;
	outline: 0;
}
.tags a {
	padding: 5px 15px;
	background-color: #555555;
	color: #f5f5f5;
	margin-top: 5px;
	display: inline-block;
	border-radius: 2px;
	font-size: 14px;
	text-transform: uppercase;
}
.tags a:hover {
	background-color: #6C9930;
	color: #f5f5f5;
}
.blog-tags {
	margin: 20px 0;
	font-size: 14px;
}
.blog-tags a {
	text-transform: uppercase;
}
/*
 *13.0 - Blog Detail
 *----------------------------------------------------------------------------------------------------------
*/

.blog-box-detail .img-box {
	margin-bottom: 20px;
}
.about-author {
	display: inline-block;
	padding-left: 0px;
	padding-right: 20px;
	margin-bottom: 40px;
}
.comments .media .media-left, .media > .pull-left {
	padding-right: 30px;
}
.comments .media-body span {
	font-size: 14px;
	padding-right: 10px;
}
.comments .cmt-box {
	margin-bottom: 15px;
}
.comments .media {
	border-bottom: 1px solid #999999;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.comments i.fa-mail-forward {
	margin-left: 5px;
}
.comments .media .nested-media {
	border: medium none;
	margin: 40px 0 0;
	padding: 0;
}
.comments .media:last-child {
	border: none;
}
.comments-form {
}
.comments-form .form-group {
	margin-bottom: 15px;
}
.comments-form .form-group label {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}
.comments-form .form-group input.form-control, select.form-control {
	height: 50px;
	border: 1px solid #555;
	border-radius: 0px;
	background-color: #999;
	color: #333;
}
.comments-form .form-group textarea.form-control {
	border: 1px solid #555;
	border-radius: 0px;
	background-color: #999;
	color: #333;
}
.tp-blog-page .author-box {
	margin-top: 20px;
}
.tp-blog-page .about-author img {
	margin-bottom: 20px;
}
.tp-blog-page .about-author {
	padding: 30px 20px;
	border: 1px solid #999;
}
.comments-form .reply-form {
	margin-bottom: 40px;
}
/*
 *14.0 - FAQs Page
 *----------------------------------------------------------------------------------------------------------
*/


.tp-faqs-page {
}
/* FAQ Simple Style */


.tp-faqs-page .faq-simple-style .panel-heading [data-toggle="collapse"]:after {
	font-family: 'FontAwesome';
	content: "\f146"; /* "play" icon */
	color: #333;
	font-size: 16px;
	margin-right: 10px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.tp-faqs-page .faq-simple-style .panel-heading [data-toggle="collapse"].collapsed:after {
	font-family: 'FontAwesome';
	content: "\f0fe"; /* "play" icon */
	color: #333;
}
.tp-faqs-page .faq-simple-style .panel.panel-default {
	border-color: #C3C7C9;
	border-radius: 0;
	box-shadow: none;
}
.tp-faqs-page .faq-simple-style .panel-default .panel-heading {
	background: #C3C7C9;
	border-radius: 0;
	color: #333;
	position: relative;
}
.tp-faqs-page .faq-simple-style .panel-default .panel-heading a:hover, .tp-faqs-page .faq-simple-style .panel-default .panel-heading a:focus {
	color: #333;
	outline: 0;
}
.tp-faqs-page .faq-simple-style .panel-body {
	background: #C3C7C9;
}
.tp-faqs-page .panel-heading [data-toggle="collapse"]:after {
	font-size: 16px;
	margin-right: 10px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.tp-faqs-page .panel-title {
	margin-left: 15px;
}
.tp-faqs-page .panel-default .panel-heading {
	background: #f5f5f5;
	border-radius: 0;
	color: #333;
	position: relative;
}
.tp-faqs-page .faq-simple-style .panel-default .panel-collapse .panel-body {
	border-top-color: #999999;
}
/* FAQ Box Style */

.tp-faqs-page .faq-box-style .panel-heading [data-toggle="collapse"]:after {
	font-family: 'FontAwesome';
	content: "\f146"; /* "play" icon */
	color: #f5f5f5;
	font-size: 18px;
	margin-right: 10px;
}
.tp-faqs-page .faq-box-style .panel-heading [data-toggle="collapse"].collapsed:after {
	font-family: 'FontAwesome';
	content: "\f0fe"; /* "play" icon */
	color: #f5f5f5;
}
.tp-faqs-page .faq-box-style .panel-default {
	border-color: #333;
	border-radius: 0;
}
.tp-faqs-page .faq-box-style .panel-body {
	background: #C3C7C9;
}
.tp-faqs-page .faq-box-style .panel-default .panel-heading {
	background: #333333;
	border-radius: 0;
	color: #f5f5f5;
}
.tp-faqs-page .faq-box-style .panel-default .panel-heading a:hover, .tp-faqs-page .faq-box-style .panel-default .panel-heading a:focus {
	color: #eee;
	outline: 0;
}
.tp-faqs-page .faq-box-style .panel-default .panel-collapse .panel-body {
	border-top-color: #333333;
}
.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #191919;
	overflow: hidden;
	z-index: 9999;
}
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -80px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
}
/*
 *15.0 - 404 Error 
 *----------------------------------------------------------------------------------------------------------
*/

.tp-error-page .error-title {
	font-size: 10em;
	margin-bottom: 0px;
	line-height: normal;
}
.tp-error-page h1 {
	text-align: center;
}
.tp-error-page .fa {
	font-size: 21em;
}
/*
 *16.0 - Appointment
 *----------------------------------------------------------------------------------------------------------
*/
.appointment-box {
	margin-bottom: 15px;
}
.appointment-box .form-control.input-md.input-clsss {
	background: #c3c7c9;
	border: 1px solid #555;
	border-radius: 0;
	height: 40px;
}
.appointment-box select.input-md.input-clsss {
	background: #c3c7c9;
	border: 1px solid #555;
	border-radius: 0;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	outline: 0;
}
.appointment-form {
	margin-bottom: 30px;
}
.appointment-box textarea.form-control.input-md.input-clsss {
	height: 140px;
}
/* Validation css*/
.input-clsss.error {
	border: 1px solid #f00 !important;
}
form label.error {
	display: none !important;
}
/*
 *17.0 - Contact Us
 *----------------------------------------------------------------------------------------------------------
*/

#map-canvas {
	height: 400px;
}
.tp-contact-us {
	overflow: hidden;
}
.tp-contact-us .form-control.input-md.input-clsss {
	background: #c3c7c9;
	border: 1px solid #555;
	border-radius: 0;
	height: 40px;
}
.tp-contact-us textarea.form-control.input-md.input-clsss {
	background: #c3c7c9;
	border: 1px solid #555;
	border-radius: 0;
	height: 140px;
}
.tp-contact-us .contact-box {
	margin-bottom: 15px;
}
/*
 *18.0 - ShortCode
 *----------------------------------------------------------------------------------------------------------
*/
.tp-shortcode .ui-columns .panel-body {
	background-color: #dddddd;
	color: #191919;
	display: inline-block;
	height: auto;
	margin-bottom: 30px;
	padding: 15px;
	width: 100%;
}
.long-arrow-right li:before {
	content: "\f178";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}
.arrow-right li:before {
	content: "\f061";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}
.chevron-right li:before {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}
.right li:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}
.circle li:before {
	content: "\f111";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333;
	font-size: 16px;
	margin-right: 10px;
}
.tabs-style-one .nav-tabs > li > a {
	border: 1px solid #999999;
	border-radius: 0;
	color: #333333;
	font-weight: 600;
	line-height: 1.42857;
	margin-right: -1px;
	padding: 16px 30px;
}
.tabs-style-one .tab-content {
	border: 1px solid #999999;
	margin-top: -1px;
	padding: 30px;
}
.tabs-style-one .nav-tabs > li.active > a, .tabs-style-one .nav-tabs > li.active > a:focus, .tabs-style-one .nav-tabs > li.active > a:hover {
	background-color: #C3C7C9;
	border-color: #999999 #999999 transparent;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #6C9930;
	cursor: default;
	font-weight: 600;
}
.tabs-style-one .nav > li > a:focus, .tabs-style-one .nav > li > a:hover {
	background-color: #C3C7C9;
}
.accordion-one .panel-default .panel-heading {
	background: #c3c7c9;
	border-radius: 0;
	color: #333;
	position: relative;
}
.accordion-one .panel-heading [data-toggle="collapse"]:after {
	font-family: 'FontAwesome';
	content: "\f146"; /* "play" icon */
	color: #333;
	font-size: 16px;
	margin-right: 10px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.accordion-one .panel-heading [data-toggle="collapse"].collapsed:after {
	font-family: 'FontAwesome';
	content: "\f0fe"; /* "play" icon */
	color: #333;
}
.accordion-one .panel.panel-default {
	border-color: #C3C7C9;
	border-radius: 0;
	box-shadow: none;
}
.accordion-one .panel-default .panel-heading {
	background: #C3C7C9;
	border-radius: 0;
	color: #333;
	position: relative;
}
.accordion-one .panel-default .panel-heading a:hover, .accordion-one .panel-default .panel-heading a:focus {
	color: #333;
	outline: 0;
}
.accordion-one .panel-body {
	background: #C3C7C9;
}
.accordion-one .panel-heading [data-toggle="collapse"]:after {
	font-size: 16px;
	margin-right: 10px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.accordion-one .panel-title {
	margin-left: 15px;
}
.accordion-one .panel-default .panel-collapse .panel-body {
	border-top-color: #999999;
}
/*
 *19.0 - Footer
 *----------------------------------------------------------------------------------------------------------
*/

svg.footer-triangle-home {
	background: #2e2d2a;
	float: left;
	pointer-events: none;
}
.footer-triangle-home path {
	fill: #191919;
	stroke: #191919;
	stroke-width: 3;
}
svg.footer-triangle {
	background: #2e2d2a;
	float: left;
	pointer-events: none;
}
.footer-triangle path {
	fill: #c3c7c9;
	stroke: #c3c7c9;
	stroke-width: 3;
}
.tp-footer {
	padding: 20px 0 40px 0;
	float: left;
	width: 100%;
	background-color: #2e2d2a;
}
.tp-footer h3 {
	text-align: center;
	color: #f5f5f5;
}
.tp-footer p {
	color: #ababab;
}
.tp-footer .newsletter p {
	margin-bottom: 5px;
}
#newsletter-msg {
	margin-top : 15px;
}
#newsletter-msg .loading-ajax {
	color: #ccc;
}
.tp-footer h2 {
	color: #eee;
	text-align: left;
}
.tp-footer .footer-box {
	margin-bottom: 30px;
}
.tp-footer .fa {
	font-size: 22px;
}
.tp-footer a.mail-send {
	color: #ababab;
	margin-left: 10px;
}
.tp-footer a.mail-send:hover {
	color: #6c9930;
	margin-left: 10px;
}
.tp-footer ul li a {
	color: #ababab;
}
.tp-footer ul li a:hover {
	color: #6c9930;
}
.tp-footer .fa.fa-arrow-right {
	color: #ababab;
	margin-left: 0px;
	margin-right: 15px;
	font-size: 16px;
}
.tp-footer .btn-open-map {
	background: #6c9930;
	border: 1px solid #6c9930;
	border-radius: 0;
	color: #fff;
	font-size: 14px;
	padding: 8px 14px;
	text-shadow: none;
	border-radius: 2px;
	text-transform: uppercase;
}
.tp-footer .our-timing .table {
	color: #ababab;
	margin-bottom: 10px;
}
.tp-footer .our-timing .table > tbody > tr > td {
	border-top: none;
	padding: 2px;
}
.tp-footer .our-timing p.contact-box {
	margin-bottom: 2px;
	margin-top: 14px;
}
.tp-footer .our-timing a.btn-black {
	letter-spacing: 2px;
}
.our-timing .btn-black {
	margin-top: 0;
}
.tp-footer .arrow-right li::before {
	color: #ababab;
}
.tp-footer .btn-newsletter {
	border: 1px solid #6c9930;
	text-shadow: none;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	float: left;
	margin-left: 10px;
	border-radius: 0;
	background: #6c9930;
	padding: 12px;
}
.tp-footer .newsletter-text {
	padding: 9px;
	background: transparent;
	border: 1px solid #ccc;
	text-shadow: none;
	color: #ababab;
	font-size: 14px;
	margin-top: 20px;
	float: left;
}
.tiny-footer {
	padding: 30px 0 10px 0;
	background: #21201E;
	width: 100%;
	float: left;
}
.tiny-footer .social-icon-links {
	margin: 0;
	padding: 0;
	float: right;
}
.tiny-footer .social-icon-links a {
	background-color: #999;
	border-radius: 2px;
	color: #191919;
	display: inline-block;
	font-size: 15px;
	height: 30px;
	margin: 0 5px;
	text-align: center;
	width: 30px;
}
.tiny-footer .social-icon-links a i.fa {
	margin-top: 8px;
}
.tiny-footer .social-icon-links a:hover {
	background-color: #6C9930;
	color: #eee;
}
.tiny-footer p {
	color: #ababab;
	font-size: 14px;
}
/* Margin CSS Stucture
 *----------------------------------------------------------------------------------------------------------
*/
.m20 {
	margin-bottom: 20px;
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mt20 {
	margin-top: 20px;
}
.m30 {
	margin-bottom: 30px;
	margin-top: 30px;
}
.mt30 {
	margin-top: 30px;
}




/* Horizontal Moving Effect on Button Hover CSS
 *----------------------------------------------------------------------------------------------------------
*/
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
 16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px);
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px);
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes hvr-wobble-horizontal {
 16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px);
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px);
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.hvr-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-horizontal:hover, .hvr-horizontal:focus, .hvr-horizontal:active {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/*
 *
 * Mobile Css
 *
 */
@media(max-width:768px) {
.over-design-logo .design_logo {
	width: 200px;
	height: 200px;
}
.navbar-nav .dropdown.open ul.dropdown-menu {
	display: block;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.tp-header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	padding-left: 40px;
}
.tp-header .navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.banner .carousel-caption h1 {
	display: none !important;
}
}
 @media(max-width:320px) {
.banner .carousel-caption h1 {
	display: none !important;
}
.over-design-logo .design_logo {
	width: 100px;
	height: 100px;
}
.team-grid li {
	width: 290px;
	height: 350px;
	display: inline-block;
	margin: 5px 5px 20px 5px;
}
}
@media(max-width:480px) {
.banner .carousel-caption h1 {
	display: none !important;
}
.over-design-logo .design_logo {
	width: 120px;
	height: 120px;
}
}