/*	################################################################



	File Name: style.css

	Template Name: ONSET

	Created By: Arioxa

	http://themeforest.net/user/Arioxa

	

	1) IMPORT FILES

	2) SKELETON

	3) HEADER SECTIONS

	4) FOOTER SECTIONS

	5) SIDEBARS AND WIDGETS

	6) SLIDESHOW STYLES

	7) SHOP STYLES

	8) PORTFOLIO STYLES

	9) BLOG / PAGE STYLES

	10) SERVICES STYLES

	11) CSS3 EFFECTS

	12) BUTTONS MODULES

	13) RESPONSIVENESS

	

################################################################# */





/*	################################################################

	1. IMPORT FILES

################################################################# */



@import url(css/fhmm.css) screen;

@import url(css/bbpress.css) screen;

@import url(css/simister.css) screen;

@import url(css/flexslider.css) screen;

@import url(css/prettyPhoto.css) screen;

@import url(https://fonts.googleapis.com/css?family=Dosis|Playball);

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

@font-face {

	font-family: 'GothamBook';

	src: url('fonts/GothamBook.eot');

	src: local('GothamBook'), url('fonts/GothamBook.woff') format('woff'), url('fonts/GothamBook.ttf') format('truetype');

}

@font-face {

	font-family: 'MuseoSans_Fat';

	src: url('fonts/museosans_700-webfont.eot');

	src: url('fonts/museosans_700-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_700-webfont.woff') format('woff'), url('fonts/museosans_700-webfont.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}



/*	################################################################

	2. SKELETON

################################################################# */



body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	font-weight: 400;
	position: relative;
	color: #000000;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background: #fff;

}

body,

html {

	height: 100%;

	width: 100%

}

img {

	height: auto;

	max-width: 100%

}

.hidden {

	display: none

}

.alignleft {

	float: left

}

.alignright {

	float: right

}

.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both

}

.gap-right {

  margin: 10px 0 10px 10px; 

}

.clear {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width: 100%

}

::-moz-selection {

	color: #fff;

	text-shadow: none;

	background: #2B2E31

}

::selection {

	color: #fff;

	text-shadow: none;

	background: #2B2E31

}

*,

:after,

:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0

}

a.readmore {

	text-transform: none;

	display: block;

	font-family: MuseoSans_Fat, "Times New Roman", serif;

	line-height: 24px;

	font-size: 12px;

}

a.remove {

	display: block;

	height: 18px;

	width: 18px;

	margin: 8px;

	padding-left: 0;

	text-indent: -9999px;

	background: url(images/remove.png) #bbb;

	border: 1px solid #ccc;

	border-radius: 3px;

}

.social li a,

a {

	padding: 0;

	margin: 0;

	text-decoration: none;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear

}

a:focus,

a:hover {

	text-decoration: none;

	color: #01090C

}

a img {

	vertical-align: bottom

}

p {
	color: #000000;

}

.btn {
	font-family: fontawesome, GothamBook, Arial, Helvetica, sans-serif;
	margin: 2px;
	font-weight: bold;

}

.btn i {

	padding-right: 5px

}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #a73122;
	margin-bottom: 15px;
	text-rendering: optimizeLegibility
}
h1 {
	font-size: 20px;
	margin-top: 0
}
h2 {
	font-size: 18px;
	margin-top: 0
}
h3 {
	font-size: 20px;
	margin-top: 0
}
h4 {
	font-size: 18px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 14px
}

address,

blockquote,

dd,

dl,

fieldset,

form,

ol,

p,

pre,

table,

ul {

	margin-bottom: 20px

}

a img {

	border: none

}

dl,

ol,

ul {

	margin-left: 30px;

	margin-bottom: 1.25em;

	font-family: inherit

}

ol,

ol.no-bullet,

ul,

ul.no-bullet {

	margin-left: 0

}

ol li ol,

ol li ul,

ul li ol,

ul li ul {

	margin-left: 1.25em;

	margin-bottom: 0

}

dl dt {

	margin-bottom: .3em;

	font-weight: 700

}

dl dd {

	margin-bottom: .75em

}

.lead {

	font-size: 15px;

	font-weight: 400;

	line-height: 1;

	color: #333;

	padding: 15px 0

}

section::after,

section::before {

	position: absolute;

	content: '';

	pointer-post-wraps: none

}

.first {

	clear: both

}

.last {

	margin-right: 0

}

audio,

video {

	max-width: 100%;

	height: auto

}

#soundcloud {

	margin-bottom: -5px

}

embed,

iframe,

object {

	max-width: 100%

}

mark {

	margin: 0 2px

}

.whitewrapper.graybg {

	background: #fff url(images/bg.jpg) repeat;

}

.darkbg {

	background-color: #000000

}

.melodarkbg {

	background-color: #222;

	padding: 25px 0

}

.melodarkbg h1{

	color: #fff;

}

.whitewrapper {

	background: #ffffff;

	padding: 30px 0

}

.darkwrapper {

	background-color: #030407;

	padding: 60px 0

}

.bordertop {

	border-top: 1px solid #e6e9ea

}

.parallax {

	background-attachment: fixed;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover

}

.overlay {

	background: url(images/gridtile.png) repeat rgba(0, 0, 0, .7);

	padding: 60px 0

}

.nopadding {

	padding: 50px 0 0

}

.paddingtop {

	padding: 60px 0

}

.portfoliopadding {

	padding: 50px 0

}

.title h1 {

	font-size: 30px

}

.title h2 {
	color: #a73122

}

.title1 span,

.title span {

	color: #bc4e26;

	font-weight: 700

}

.panel-title a.accordion-toggle {

	width: 100%;

	display: block;

	position: relative

}

.darkwrapper h1,

.darkwrapper h2,

.darkwrapper h3,

.footer1 h1,

.footer1 h2,

.footer1 h3,

.footer1 i,

.overlay .servicesbox .title h3,

.overlay h1,

.overlay h3,

.pager li>a,

.pager li>span,

.service-icon .serviceicon:hover i,

mark {

	color: #fff

}

.darkwrapper .servicesbox .title h3 {

	line-height: 50px;

	font-size: 20px;

	font-weight: 500;

}

.darkwrapper .servicesbox p {

	color: #eeeeee;

	font-size: 14px;

}

.whitewrapper .center-title h1 {

	color: #232629

}

.center-title h1 {

	font-size: 36px;

	line-height: 36px;

	font-weight: 400;

	font-family: Playball, cursive;

	color: #fff;

	text-decoration: none;

	padding: 10px;

	border-width: 0;

	border-style: none

}

.title1 hr {

	border-top: 1px solid #d4d4d4;

	position: relative;

	margin: 0;

	max-width: 280px

}

.title1 hr:after {

	position: absolute;

	left: 0;

	right: 80%;

	top: -1px;

	border-top: 1px solid #f2f2f2;

	content: ''

}

.bigtitle {

	padding: 20px 0;

	overflow: hidden

}

.bigtitle h1 {

	border-bottom: 1px solid #D4D4D4;

	font-family: Dosis, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 46px;

	font-weight: 400;

	padding-bottom: 30px;

	position: relative

}

.bigtitle h1 span {

	color: #bc4e26

}

.bigtitle p {

	color: #232629;

	font-size: 21px;

	font-weight: 300;

	line-height: 1.6;

	overflow: hidden;

	padding: 0 0 0 50px;

	position: relative

}

.bigtitle h1 {

	float: left;

	margin-right: 3%;

	width: 35%

}

.bigtitle h1:after {

	border-bottom: 1px solid #F0454D;

	bottom: -1px;

	content: "";

	height: 0;

	left: 0;

	position: absolute;

	width: 25%

}

.title hr {

	border-top: 1px solid #d4d4d4;

	position: relative;

	max-width: 235px;

	margin: 0 auto

}

.title hr:after {

	position: absolute;

	left: 30%;

	right: 30%;

	top: -1px;

	border-top: 1px solid #f2f2f2;

	content: ''

}

.whitewrapper .title hr {

	border-color: #c6c6c6

}

.image-wrap {

	padding: 20px 0 60px 0

}

.firstcol,

.secondcol {

	padding: 20px 0;

	overflow: hidden;

	position: relative;

	display: block

}



/*	################################################################

	3. HEADER SECTIONS 

################################################################# */



.topbar {

	min-height: 40px;

	font-size: 13px;

	font-weight: 400;

	font-family: 'MuseoSans_Fat', Helvetica, sans-serif;

	padding: 0

}

.topbar ul {

	margin-bottom: 0

}

.callus {

	float: right

}

.social {

	float: left;

	width: 100%

}

.callus,

.social {

	line-height: 40px

}

.callus p {

	margin: 0;

	padding: 0

}

.callus i {

	padding-right: 6px;

}

.social li {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 43px;
	text-align: center;
	list-style: none;
	display: inline-block;
	margin: 0;
	position: relative;
	padding: 0;
	border-left-style: none;

}

.callus li:last-child,

.social li:last-child {
	border-right-style: none;

}

.social li a {

	font-size: 16px;

}

.callus li {

	border-left: 1px solid #f2f2f2;

	float: left;

	padding: 0 10px;

	height: 40px;

	line-height: 43px;

	text-align: center;

	list-style: none;

	display: inline-block;

	margin: 0;

	position: relative;

	transition: all 0.20s ease-in-out;

	-moz-transition: all 0.20s ease-in-out;

	-webkit-transition: all 0.20s ease-in-out;

	-o-transition: all 0.20s ease-in-out;

}

.social li:hover {

	background: #0e96a2;

}

.social li:hover a {

	color: #fff

}

.social.home2 li:hover a {

	color: #333

}

.header {

	background: rgba(255, 255, 255, 1);

	position: relative;

	display: block;

	min-height: 80px;

	border-top: 5px solid #bc4e26;

}

.logo {

	float: left;

	position: relative;

	z-index: 8888;

	line-height: 30px;

	margin: 0;

	padding: 0;

	text-shadow: none

}

.searchicon {

	color: #237DAC;

	float: right

}

.minisearch {

	border-left: none;

	margin-right: 8px;

}

.minisearch .searchicon:before {

	content: "\f002";

	border-left: 0px;

	background: none repeat scroll 0 0 rgba(255, 255, 255, .5);

	border-radius: 3px;

	display: block;

	font-family: FontAwesome;

	font-size: 14px;

	font-style: normal;

	font-variant: normal;

	font-weight: 400;

	height: 27px;

	line-height: 27px;

	padding: 8px auto;

}

.minisearch input[type=text].dmsearch-input {

	background: none repeat scroll 0 0 rgba(255, 255, 255, .9);

	border: 1px solid #18b4e8;

	border-radius: 3px;

	margin: 0;

	width: 210px;

	height: 27px;

}

#dmsearch {

	float: right;

	height: 27px;

	right: 0;

	position: absolute;

	margin: 27px 0 0;

	padding: 0

}

.searchicon:before {

	content: "\f002";

	border-left: 1px solid rgba(255, 255, 255, .2);

	background: none repeat scroll 0 0 rgba(255, 255, 255, .3);

	display: block;

	font-family: FontAwesome;

	font-size: 13px;

	font-style: normal;

	font-variant: normal;

	font-weight: 400;

	height: 27px;

	line-height: 27px;

	text-transform: none;

	width: 27px

}

input[type=text].dmsearch-input {

	outline: 0;

	opacity: 0;

	background: #f2f2f2;

	border: 1px solid #ddd;

	width: 210px;

	height: 27px;

	margin: 0;

	padding: 2px 7px width: 27px;

	z-index: 10

}

.dm-search-container {

	position: absolute;

	right: 0;

	height: 27px;

	width: 0;

	overflow: hidden;

	-webkit-transition: width 200ms;

	-moz-transition: width 200ms;

	transition: width 200ms

}

.dmsearch.dmsearch-open .dm-search-container {

	width: 210px

}

.searchicon,

input[type=submit].dmsearch-submit {

	width: 27px;

	height: 27px;

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	line-height: 27px;

	text-align: center;

	cursor: pointer

}

.searchicon {

	z-index: 90

}

.dmsearch.dmsearch-open .searchicon {

	z-index: 1;

	pointer-events: none

}

input[type=submit].dmsearch-submit {

	background: 0 0;

	color: transparent;

	box-shadow: none;

	border: none;

	padding: 0;

	border-radius: 0;

	outline: 0;

	z-index: -1

}

.dmsearch.dmsearch-open input[type=submit].dmsearch-submit {

	z-index: 90

}

input[type=text].dmsearch-input {

	outline: 0;

	opacity: 0;

	background: #f2f2f2;

	border: 1px solid #eee;

	color: #666;

	font-size: 12px;

	width: 230px;

	height: 27px;

	margin: 0;

	padding: 4px 8px

}

.dmsearch.dmsearch-open input[type=text].dmsearch-input {

	opacity: 1

}

::-webkit-input-placeholder {

	color: #aaa

}

:-moz-placeholder {

	color: #aaa

}

::-moz-placeholder {

	color: #aaa

}

:-ms-input-placeholder {

	color: #aaa

}

.callusv1 {

	font-family: GothamBook, 'Helvetica Neue', Helvetica, sans-serif;

	color: #333;

	padding: 10px 0 10px 10px

}

.callusv1 i {

	padding-right: 4px;

}

.tp-caption.roundedimage img {

	-webkit-border-radius: 300px;

    -moz-border-radius: 300px;

    border-radius: 300px;

}

.mediumwhitebg , .largegreenbg , .large_bg_black , .medium_bg_asbestos , .medium_bg_darkblue , .medium_bg_red , .medium_bg_asbestos , .medium_bg_orange {

	border-radius: 6px !important;

	font-weight: 400 !important;

}

.slide-title-1 {

	text-shadow: 1px 1px 12px rgba(45, 45, 45, .6);

	color: #ffffff;

	font-size: 60px;

	font-weight: 700;

	line-height: 1px;

}

.slide-title-2 {

	color: #000000;

	font-size: 60px;

	font-weight: 700;

	line-height: 1px;

}

.slide-title-3 p {

	color: #114114;

	font-size: 18px;

	font-weight: 400;

}

.slide-title-shop p {

	color: #114114;

	font-size: 16px;

	font-weight: 400;

	line-height: 20px;

	text-align: right

}

.slide-title-shop {

	color: #333333;

	font-family: Playball, 'Helvetica Neue', Helvetica, sans-serif;

	font-size: 38px;

	font-weight: 700;

}

.slide-btn-1 a.btn {

	padding: 11px 45px;

	background: rgba(255, 255, 255, 0);

	border: 2px solid #fff;

	border-radius: 5px;

	font-size: 15px;

	color: #fff;

	transition: all 0.20s ease-in-out;

	-moz-transition: all 0.20s ease-in-out;

	-webkit-transition: all 0.20s ease-in-out;

	-o-transition: all 0.20s ease-in-out;

}

.slide-btn-1 a.btn:hover {

	color: #000 !important;

	background: rgba(255, 255, 255, 1);

}

.bgdark p {

	background: rgba(0, 0, 0, .7);

	padding: 20px 50px;

	border-radius: 5px

}

.bglight p {

	background: rgba(255, 255, 255, .5);

	padding: 20px 40px;

	border-radius: 5px

}

.tp-caption a.btn,

.tp-caption a.jtbtn {
	color: #A1261F;

}

.tp-caption a.btn:hover {

	color: #fff;

}

.tp-caption a.jtbtn:hover {

	color: #114;

	background: #fff;

}

.tp-caption a.jtbtn.jbtndark {

	color: #114;

	border: 1px solid #666;

}

.tp-caption a.jtbtn.jbtndark:hover {

	color: #fff;

	background: #333;

}

.new_title {

	font-family: MuseoSans_Fat, tahoma;

	font-size: 24px;

	color: #fff;

}

.minidesc p,

.minidesc2 p,

.minidesc3 {

	font-family: GothamBook, tahoma;

	font-size: 16px;

	text-align: left;

}

.minidesc p {

	color: #fff;

}

.minidesc2 p {

	color: #114;

}

.very_large_text {

	font-family: MuseoSans_Fat, tahoma !important;

}

.small_light_white {

	font-family: MuseoSans_Fat, tahoma;

	text-align: center

}

.small_light_white p{

	text-align: left;

	color: #fff

}

.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

	border-top-color: #e6e6e6

}

.portfolio-filter a,

.post_meta a,

.social a,

.topbar p,

.twitter-widget ul li a:hover {

	color: #555

}

.topbar-dark {

	background: #292723;

}

.topbar-dark a:hover,

.topbar-dark a:focus,

.topbar-dark a,

.topbar-dark .callus span,

.topbar-dark p {

	color: #ffffff;

}

.topbar-dark .social li,

.topbar-dark .callus li {

	border-color: #383838;

}

.menu-hover .navbar-nav > li > a:focus,

.menu-hover .navbar-nav > li > a:active,

.menu-hover .navbar-nav > li > a:hover {

	color: #21c2f8;

}

.topbar-blue {

	background: #25b5c2;

}

.topbar-blue a:hover,

.topbar-blue a:focus,

.topbar-blue a,

.topbar-blue .callus span,

.topbar-blue p {

	color: #ffffff;

}

.topbar-blue .social li,

.topbar-blue .callus li {

	border-color: #bc4e26;

}

.affix {

	position: static;

}

.version-center {

	padding: 20px 0 0;

	border-bottom: 3px solid #bc4e26;

}

.version-center .dropdown-menu3 > li {

	text-align: left;

}

.version-center .navbar-collapse.collapse {

	text-align: center;

	/* Set this */

	height: auto;

	padding-bottom: 0;

	overflow: visible;

}

.version-center .navbar-nav {

	display: inline-block;

	float: none;

	margin: 0;

}

.version-center .navbar {

	padding-top: 0;

	margin-top: 0;

}

.version-center .navbar-nav > li > a {

	padding: 10px 15px;

	margin: 0 0 -7px 0;

}

.version-center .navbar-nav > li > .dropdown-menu3 {

	margin-top: 0;

}

.version-center .logo-wrapper {

	width: 359px;

	margin: 0 auto 30px;

	overflow: hidden;

}

.version-center .logo-wrapper a img {

	display: block;

	margin: auto;

}

.fhmm .navbar-nav > li > .dropdown-menu {

	margin-top: 3px;

}

.topbar .social.home2 li:hover {

	background: #f9f9f9;

}

#search_form:after {

	color: #21c2f8;

	border-left: 1px solid #efefef;

	padding-right: 0;

	right: 10px;

	text-align: center;

	width: 45px;

}

#search_form:after,

.header_search,

.callusv1 {

	margin-top: 30px;

}

.topbar-color {

	background: #25b5c2;

}

.topbar-color a:hover,

.topbar-color a:focus,

.topbar-color a,

.topbar-color .callus span,

.topbar-color p {

	color: #ffffff;

}

.topbar-color .social li,

.topbar-color .callus li {

	border-color: #bc4e26;

}



/*	################################################################

	4. FOOTER SECTIONS 

################################################################# */



.footer1 {

	background-color: #0f0f0f;

	border-top: 4px solid #bc4e26;

	padding: 40px 0 0 0;

	color: #ddd;

}

.footer-center {

	text-align: center;

	padding-bottom: 40px;

	margin: 0 auto

}

.footer-center span {

	color: #bc4e26

}

.footer1 .form-control {

	color:#bc4e26;

	background-color: #FFFFFF;

	border: 1px solid #b7b7b7;

}

.footer1 .form-control:focus{

	border: 1px solid #000

}

.footer1 .title h3 {

	font-weight: 700;

	padding: 10px 0;

	font-size: 20px;

	text-transform: uppercase

}

.footer1 .recent_posts_widget li a {

	color: #ccc;

}

.footer1 .recent_posts_widget li a.readmore {

	color: #23a9b8;

}

.footer1 .social li:hover {

	background: transparent

}

.footer1 p {

	color: #ddd;

}

.copyright1 {
	background-color: #114;
	min-height: 40px;
	color: #444;
	font-weight: 400;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;

}

.footer-social li {

	-webkit-border-radius: 500px;

	-moz-border-radius: 500px;

	border-radius: 500px;

	color: #232629;

	border: 1px solid #888;

	display: inline-block;

	font-size: 15px;

	height: 40px;

	line-height: 40px;

	margin: 30px 5px 5px;

	position: relative;

	text-align: center;

	width: 40px;

	z-index: 5

}

.footer-social li:hover a,

.footer-social li:hover i {

	color: #fff

}

.blog_wrap .title h3 a,

.miniboxes strong,

.portfolio-wrap .title1 a {

	color: #232629;

	font-weight: 700

}

.darkwrapper .product_title a {

	color: #eee;

}

.footerlogo {

	padding: 10px 0

}

.footer-menu ul {

	list-style: none;

	list-style-position: outside;

	float: right;

	display: inline;

	margin: 5px

}

.footer-menu li {

	line-height: 12px;

	float: left;

	padding: 0 7px

}

.footer-menu li a {

	color: #555

}



/*	################################################################

	5. SIDEBARS AND WIDGETS

################################################################# */



.tabbable .title {

	margin: 0 0 5px 

}

.about_widget img {

	padding-right: 15px

}

.tabbable .about_skills {

	margin: 0

}

.about_skills,

.about_tabbed {

	margin: 40px 0

}

.tab-content {

	border-left: 1px solid #ddd;

	border-bottom: 3px solid #ddd;

	border-right: 1px solid #ddd;

	padding-bottom: 0;

}

.nav-tabs li {

	border: 0 !important

}

.nav-tabs>li>a {

	border-radius: 5px 5px 0 0;

	background: #eee;

	font-size: 13px;

	line-height: 1.42857;

	margin: 0 3px 0 0;

	padding:10px;

	padding-left: 46px;

}

.nav-tabs>li>a > span{

	vertical-align: middle;

	display:inline-block;

	width:32px;

	height:32px;

	margin-right:6px;

	margin-left:-38px;

}

.tabbable .nav-tabs>li>a {

	border-radius: 5px 5px 0 0 !important;

}

.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

	border: 1px solid #e2e2e2;

	border-bottom-color: transparent;

}

.nav-stacked li:last-child {

	border-bottom: 0 solid #efefef

}

.nav-stacked>li>a {

	color: #333333;

	border: 0 solid #efefef

}

.nav-stacked li {

	border-top: 0 solid #efefef;

	border-left: 0 solid #efefef;

	border-bottom: 1px solid #efefef;

	border-right: 0 solid #efefef

}

.media {

	background: #f6f6f6;

	border-radius: 5px;

	padding: 15px;

}

.media img {

	border-radius: 5px;

}

.panel-title:after {

	content: "\f078";

	color: #232629;

	float: right;

	display: block;

	font-family: FontAwesome;

	font-size: 13px;

	margin-top: -20px;

	pointer-events: none;

	position: relative;

	line-height: 20px;

	text-transform: none

}

.panel-body .title h3 {

	font-size: 16px;

	margin: 10px 0 20px

}

.panel-body .form-control {

	margin-bottom: 0

}

.panel-default {

	background: transparent;

	border: 0 solid #ccc;

}

.panel-collapse .panel-body {

	border: 1px solid #ddd;

	background: #fff;

	margin-top: 5px;

	border-radius: 4px;

	border-bottom: 3px solid #ddd;

}

.panel-default>.panel-heading {

	background-color: #f9f9f9;

	padding: 13px;

	border: 1px solid #ccc;

	border-bottom: 3px solid #ccc;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	transition: all 0.20s ease-in-out;

	-moz-transition: all 0.20s ease-in-out;

	-webkit-transition: all 0.20s ease-in-out;

	-o-transition: all 0.20s ease-in-out;

}

.panel-default>.panel-heading a {

	font-size: 18px;

	color: #232629

}

.about_skills .progress {

	height: 15px;

	border-bottom: 2px solid #128e99;

	background-color: #dfe5e9

}

.about_skills h4 {

	font-size: 16px;

	font-weight: 500;

	color: #333333

}

.newsletter_widget {

	background: #fff;

	border: 1px solid #efefef;

	padding: 30px;

	margin-top: 30px

}

.newsletter_widget h2 {

	text-transform: uppercase;

	font-size: 24px

}

.shopstyle1 img {

	width: 100%

}

.table,

.ContentWrapperZn,

.ContentWrapperLi {

	background: #ffffff;

}

.ContentWrapperHe .ContentHe .Content {

	padding: 0;

	position: absolute;

	top: 12%;

	display: block;

	margin: 0 auto;

	text-align: Center;

	right: 0;

	left: 0

}

.ContentWrapperHe .ContentHe {

	background: #000000;

}

.ContentWrapperHe:hover .ContentHe {

	opacity: .7;

}

.table {

	font-size: 15px;

	font-family: GothamBook;

	border-bottom: 3px solid #ccc;

}

.popular_items img {

	width: 105px;

	padding-right: 10px;

	float: left

}

.popular_items {

	margin: 20px 0

}

.popular_items .popular_items_div {

	display: block;

	margin-top: 20px;

	overflow: hidden;

	position: relative

}

.popular_items .popular_items_div h4 {

	margin-bottom: 5px

}

#contact1 .form-control {

	margin-bottom: 25px

}

#contact1 .form-control {

	color:#bc4e26;

	background-color: #FFFFFF;

	border: 1px solid #b7b7b7;

}

#contact1 .form-control:focus{

	border: 1px solid #000

}

.cart_list li {

	background: #eee;

	border-radius: 4px;

	height: 60px;

	line-height: 60px;

	padding-left: 10px;

}

.cart_list li img {

	height: 60px;

	width: auto;

	padding: 2px;

	border: 1px solid #ddd;

}

.cart_list li,

.contact-widget ul li {

	color:#000000;

	list-style: none;

	padding-bottom: 10px;

	margin-bottom: 10px

}

.contact-widget ul li i{

	color:#bc4e26;

}

.contact-widget .social {

	padding-top: 10px;

	border-top: 1px solid #3a3a3a

}

.contact-widget .social li:last-child {

	border-right: 0 solid #fff

}

.contact-widget .social li {

	border-left: 0 solid #F2F2F2;

	height: 35px;

	line-height: 35px;

	width: 35px

}

.contact-widget i {

	font-size: 15px;

	padding-right: 5px

}

.twitter-widget ul li {

	display: inline-block;

	list-style: none;

	font-size: 12px

}

.twitter-widget ul li:before {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	color: #bc4e26;

	border: 1px solid #888;

	float: left;

	font-size: 14px;

	height: 35px;

	line-height: 35px;

	margin: 5px 10px 5px 0;

	position: relative;

	text-align: center;

	width: 35px;

	z-index: 5;

	font-family: FontAwesome;

	speak: none;

	content: "\f099";

	-webkit-font-smoothing: antialiased

}

.twitter-widget ul li:hover:before {

	color: #fff;

}

.tagcloud a {

	float: left;

	display: block;

	margin-bottom: 8px;

	margin-right: 8px;

	padding: 3px 10px;

	font-size: 12px;

	color: #83939C;

	text-decoration: none;

	border: 1px solid #bc4e26;

	border-radius: 3px;

	box-shadow: none

}

.tagcloud a:hover {

	background: #bc4e26;

	border: 1px solid inherit;

	color: #fff;

	text-decoration: none

}

.widget {

	padding-bottom: 20px;

	margin-bottom: 20px

}

.widget .title h3 {

	font-size: 18px

}

.widget .nav-tabs li a {

	border-radius: 5px

}

.search_form {

	margin: 18px 0 5px 0;

}

.home2 .navbar-nav {

	padding: 8px 0

}

.navbar-nav #search_form:after {

	color: #bc4e26;

	font-size: 13px;

	height: 30px;

	line-height: 30px;

	position: absolute;

	width: 30px;

	right: 3px;

	top: -9px;

	font-family: FontAwesome;

	content: "\f002"

}

#search_form:after {

	color: #d9d9d9;

	font-size: 13px;

	height: 30px;

	line-height: 30px;

	position: absolute;

	width: 30px;

	right: 17px;

	top: 2px;

	font-family: FontAwesome;

	content: "\f002"

}

#sidebar .tabbable {

	margin-top: 20px

}

.recent_posts li {

	margin-bottom: 20px

}

.recent_posts li:last-child {

	margin-bottom: 0

}

.recent_posts>li img {

	width: 50px;

}

.recent_posts img {

	margin: 0 10px 0 0

}

.tabbable .valign h4 {

	color: #83939C;

	font-size: 14px;

	padding-left: 10px;

	margin-bottom: 0;

	padding-bottom: 0

}

.tabbable .valign a.readmore {

	padding-left: 10px;

	font-weight: 300

}

.tabbable .valign .recent_post_img {

	width: 50px;

}

#sidebar .valign>div {

	display: table-cell;

	vertical-align: top

}

#sidebar,

.darkbg a,

.darkbg p,

.portfolio-wrap .portfolio_cat a {

	color: #bc4e26

}

.recent_posts_widget>li {

	display: table;

	height: 50px;

	margin-top: 10px;

	line-height: 20px;

	width: 100%

}

.recent_posts_widget>li:last-child {

	border-bottom: 0 solid #fff

}

.recent_posts li {

	list-style: none

}

.recent_posts_widget a {

	color: #444444;

	font-size: 13px;

}

.recent_posts_widget>li img {

	max-width: 65px;

}

.recent_posts_widget img {

	float: left;

	margin: 5px 15px 0 0;

	border-radius: 5px;

}

.flickr-gallery {

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden

}

.footer1 .flickr-gallery li {

	border-color: #333

}

.flickr-gallery li {

	margin: 2px;

	width: 61px;

	border: 3px solid #fff;

	float: left

}

.flickr-gallery li:hover {

	border: 3px solid #fff

}

.client {

	margin: 30px 0 0

}

.testimonial_wrap {

	margin: 20px 0

}

.testimonial_wrap img {

	background: #ffffff;

	width: 35%;

	margin: 0 auto -20px auto;

	padding: 4px;

	border: 1px solid #d3d3d3;

	position: relative;

	z-index: 1141;

}

.testimonial_wrap img.indiv {

	border-radius: 8px;

	margin-right: 15px

}

.testimonial_details {

	border: 1px solid #d3d3d3;

	border-top: 3px solid #d3d3d3;

	border-bottom: 3px solid #d3d3d3;

	background-color: rgba(255, 255, 255, .95);

	border-radius: 5px;

	color: #444;

	padding: 20px 20px 0;

	position: relative;

	cursor: pointer;

	z-index: 2;

	transition: all 0.20s ease-in-out;

	-moz-transition: all 0.20s ease-in-out;

	-webkit-transition: all 0.20s ease-in-out;

	-o-transition: all 0.20s ease-in-out;

}

.testimonial_details p {

	color: #333333

}

.testimonial_details img.alignleft {

	margin-right: 10px

}

.testimonial_details:hover {

	border: 1px solid #d3d3d3;

	border-top: 3px solid #bc4e26;

	border-bottom: 3px solid #bc4e26;

}

.testimonial_widget .details,

.twitter_widget .details {

	font-size: 18px;

	padding: 15px 0

}

.testimonial_widget,

.twitter_widget {

	padding: 0 50px

}

.testimonial_widget .lead,

.twitter_widget .lead {

	font-weight: 100;

	font-size: 16px;

	line-height: 25px;

	color: #fff;

	font-style: normal

}

.twitter_widget .lead:before {

	content: "\f099";

	font-family: FontAwesome;

	font-size: 23px;

	padding: 5px 10px

}

.testimonial_widget .lead:after {

	content: "\f10e";

	font-family: FontAwesome;

	font-size: 13px;

	padding: 5px

}

.testimonial_widget .lead:before {

	content: "\f10d";

	font-family: FontAwesome;

	font-size: 13px;

	padding: 5px 10px

}

.twitter_widget .details span {

	font-size: 18px;

	line-height: 18px;

	font-weight: 400;

	color: #fff;

	text-decoration: none;

	padding: 10px;

	border-width: 0;

	border-style: none

}

.messagebox1 .lead {

	color: #fff;

	font-style: normal;

	padding: 10px 0 30px

}

.messagebox1 h1,

.testimonial_widget .details span {

	border-style: none;

	border-width: 0;

	color: #FFF;

	font-family: Playball, cursive;

	font-size: 38px;

	font-weight: 400;

	line-height: 1.6;

	padding: 0;

	text-decoration: none

}

.darkwrapper .testimonial_details {

	border-color: transparent

}

.skills_boxes,

.teambox {

	font-family: MuseoSans_Fat;

	margin: 30px 0;

}

.skills_boxes p {

	font-family: Open Sans;

	font-size: 13px;

	color: #cccccc

}

.teambox ul li {

	list-style: none;

}

.teambox ul li:hover i.fa-rss-square {

	color: darkorange

}

.teambox ul li:hover i.fa-facebook-square {

	color: darkblue

}

.teambox ul li:hover i.fa-instagram {

	color: coral

}

.teambox ul li:hover i.fa-twitter-square {

	color: cornflowerblue

}

.teambox ul li:hover i.fa-linkedin-square {

	color: deeppink

}

.teambox img {

	width: 100%;

}

.teambox .title h3 {

	padding: 25px 0 5px;

	margin-bottom: 0;

}

.teambox .title p.lead {

	margin: 5px 0;

	color: #aaa;

	font-weight: 300 

}



/*	################################################################

	6. SLIDESHOW STYLES

################################################################# */



#aboutslider {

	margin-bottom: 50px

}

#aboutslider:after {

	background: url(images/flexslider_shadow.png) no-repeat center bottom;

	position: absolute;

	bottom: 0

}

.aboutslider-shadow {

	width: 100%;

	position: relative;

	z-index: 1

}

.aboutslider-shadow .s1 {

	background: url(images/shadow3.png) center no-repeat;

	height: 29px;

	margin: 0 auto;

	bottom: -28.5px;

	overflow: hidden;

	width: 100%;

	position: absolute;

	left: 0

}

#slider4container .tparrows,

#slider4container .tparrows:before,

#slider4container .tparrows:hover {

	color: #000

}

#slider4container .tparrows {

	background: #fff;

	background: rgba(255, 255, 255, .5)

}

#slider4container .tparrows:hover {

	background: #fff

}

.boxedcontainer {

	max-width: 1170px;

	margin: auto;

	padding: 0 30px

}

.portfolio-wrap img,

.portfolio-wrap-sidebar img,

.tp-banner-container {

	width: 100%;

	position: relative;

	padding: 0

}

.tp-banner {

	width: 100%;

	position: relative

}

.tp-banner-fullscreen-container {

	width: 100%;

	position: relative;

	padding: 0

}

.tp-banner {

	width: 100%;

	position: relative

}

.tp-bullets.simplebullets.navbar {

	height: 35px;

	padding: 0

}

.tp-bullets.simplebullets .bullet {

	cursor: pointer;

	position: relative!important;

	background: rgba(255, 255, 255, .5)!important;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	width: 6px!important;

	height: 6px!important;

	border: 5px solid rgba(0, 0, 0, 0);

	display: inline-block;

	margin-right: 2px!important;

	margin-bottom: 14px!important;

	-webkit-transition: background-color .2s, border-color .2s;

	-moz-transition: background-color .2s, border-color .2s;

	-o-transition: background-color .2s, border-color .2s;

	-ms-transition: background-color .2s, border-color .2s;

	transition: background-color .2s, border-color .2s;

	float: none!important

}

.tp-bullets.simplebullets .bullet.last {

	margin-right: 0

}

.tp-bullets.simplebullets .bullet.selected,

.tp-bullets.simplebullets .bullet:hover {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	background: rgba(255, 255, 255, 1)!important;

	width: 6px!important;

	height: 6px!important;

	border: 5px solid #fff

}

.tparrows:before {

	font-family: revicons;

	color: #fff;

	font-style: normal;

	font-weight: 400;

	speak: none;

	display: inline-block;

	text-decoration: inherit;

	margin-right: 0;

	margin-top: 8px;

	text-align: center;

	width: 50px;

	font-size: 20px

}

.tparrows {

	cursor: pointer;

	background: rgba(0, 0, 0, .5)!important;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	width: 50px!important;

	height: 50px!important

}

.tparrows:hover {

	color: #fff

}

.tp-leftarrow:before {

	content: '\e824'

}

.tp-rightarrow:before {

	content: '\e825'

}

.tparrows.tp-rightarrow:before {

	margin-left: 1px

}

.tparrows:hover {

	background: rgba(0, 0, 0, 1)

}

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

.owl-carousel {

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y

}

.owl-carousel .owl-wrapper {

	display: none;

	position: relative

}

.owl-carousel .owl-wrapper-outer {

	overflow: hidden;

	position: relative;

	width: 100%

}

.owl-carousel .owl-wrapper-outer.autoHeight {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out

}

.owl-carousel .owl-item {

	float: left

}

.owl-controls .owl-buttons div,

.owl-controls .owl-page {

	cursor: pointer

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}

.grabbing {

	cursor: url(images/grabbing.png) 8 8, move

}

.owl-carousel .owl-item,

.owl-carousel .owl-wrapper {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0)

}

.owl-theme .owl-controls {

	margin-top: 10px;

	text-align: center

}

.owl-theme .owl-controls .owl-buttons div {

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;

	margin: 5px;

	padding: 3px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	background: #869791;

	filter: Alpha(Opacity=50);

	opacity: .5

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {

	filter: Alpha(Opacity=100);

	opacity: 1;

	text-decoration: none

}

.owl-theme .owl-controls .owl-page {

	display: inline-block;

	zoom: 1;

	*display: inline

}

.owl-theme .owl-controls .owl-page span {

	border: 1px solid #aaa;

	border-radius: 50%;

	display: block;

	margin: 3px;

	width: 11px;

	height: 11px;

	background: #fff

}

.owl-theme .owl-controls .owl-page span.owl-numbers {

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px

}

.owl-item.loading {

	min-height: 150px;

	background: url(images/AjaxLoader.gif) no-repeat center center

}



/*	################################################################

	7. SHOP STYLES

################################################################# */



.grid {

	margin-bottom: 30px;

	overflow: hidden

}

.grid figure {

	margin: 0;

	position: relative

}

.grid figure img {

	max-width: 100%;

	display: block;

	position: relative

}

.grid figcaption {

	position: absolute;

	top: 0;

	left: 0;

	background: #EC644B;

	color: #EAEAEA

}

.grid figcaption h3 {

	text-align: left;

	padding: 0;

	margin: 0;

	font-size: 14px;

	color: #fff

}

.grid figcaption h3 i {

	margin-right: 10px

}

.grid figcaption a {

	text-align: center;

	display: inline-block;

	cursor: pointer;

	font-size: 11px;

	color: #fff;

	line-height: 33px

}

.grid figcaption a:hover {

	opacity: 1;

	text-decoration: none

}

.cs-style-3 figure {

	overflow: hidden

}

.cs-style-3 figcaption {

	height: 30px;

	width: 100%;

	top: auto;

	bottom: 0;

	opacity: 0;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: -webkit-transform .4s, opacity .1s .3s;

	-moz-transition: -moz-transform .4s, opacity .1s .3s;

	transition: transform .4s, opacity .1s .3s

}

.cs-style-3 figure.cs-hover figcaption,

.no-touch .cs-style-3 figure:hover figcaption {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition: -webkit-transform .4s, opacity .1s;

	-moz-transition: -moz-transform .4s, opacity .1s;

	transition: transform .4s, opacity .1s

}

.cs-style-3 figcaption a.external {

	bottom: 0;

	color: #FFF;

	display: block;

	height: 30px;

	position: absolute;

	left: 0;

	border-left: 1px solid #32D3FF;

	text-align: center;

	width: 33.3%

}

.cs-style-3 figcaption a.zoom {

	bottom: 0;

	color: #FFF;

	display: block;

	height: 30px;

	position: absolute;

	left: 33.3%;

	border-left: 1px solid #32D3FF;

	text-align: center;

	width: 33.4%

}

.cs-style-3 figcaption a.addtocart {

	bottom: 0;

	color: #FFF;

	display: block;

	height: 30px;

	position: absolute;

	right: 0;

	border-left: 1px solid #32D3FF;

	text-align: center;

	width: 33.3%

}

.cs-style-3 i {

	font-size: 14px;

	padding-right: 5px;

}

.cs-style-3 figcaption a.addtocart:hover,

.cs-style-3 figcaption a.external:hover,

.cs-style-3 figcaption a.zoom:hover {

	background: #0a8186

}

.onsale {

	bottom: auto;

	color: #ffffff !important;

	font-size: 12px;

	height: 40px;

	left: 10px;

	margin: 0;

	padding: 0;

	position: absolute;

	right: auto;

	top: 10px;

	width: 60px;

	z-index: 1;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	line-height: 43px;

	text-align: center

}

.price-detail {

	font-family: MuseoSans_Fat;

	font-size: 16px;

	padding-bottom: 5px

}

.product_title h3 {

	font-size: 18px;

	padding: 15px 0 0;

	margin-bottom: 8px

}

#calculate input {

	margin-top: 10px

}

.product-content .price1 {

	overflow: auto;

	padding: 5px;

	margin-bottom: 0;

	font-family: MuseoSans_Fat;

	font-size: 32px;

	font-weight: 400

}

.product-content .price1-old {

	font-size: 20px;

	text-decoration: line-through

}

.product-content .price1-new {

	font-weight: 600;

	font-size: 25px

}

.product-content .price1-tax {

	font-size: 12px;

	font-weight: 400

}

.product-content .price1 .reward {

	font-size: 12px;

	margin: 10px 0;

	font-weight: 400;

	display: block

}

.product-content .price1 .discount {

	font-weight: 400;

	font-size: 12px

}

.product-content select {

	width: 100%

}

.product-content .general {

	padding-top: 15px

}

.form-verif {

	background-color: #FFF;

	background-image: none;

	border: 1px solid #E9E9E9;

	border-radius: 0;

	box-shadow: 0 1px 1px rgba(0, 0, 0, .075)inset;

	color: #555;

	display: block;

	font-size: 14px;

	height: 30px;

	line-height: 1.42857;

	margin: -4px;

	padding: 6px 12px;

	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;

	vertical-align: middle;

	width: 35px

}

div.thumbnails {

	padding-top: 10px;

	zoom: 1

}

div.thumbnails a {

	float: left;

	width: 30%;

	margin-right: 4.9%

}

div.thumbnails a img {

	width: 100%;

	height: auto

}

div.thumbnails a.last {

	margin-right: 0

}

div.thumbnails a.first {

	clear: both

}



/*	################################################################

	8. PORTFOLIO STYLES

################################################################# */



#centered_grid {

	padding: 0;

	margin: 0 auto

}

.portfolio {

	text-align: none;

	overflow: visible;

	margin: auto;

	margin-top: 0

}

.portfolio-columns,

.portfolio_classic {

	overflow: hidden;

	padding: 0px 0 30px;

	width: 100%;

}

#related_items {

	overflow: hidden;

	padding: 5px 0;

	margin: 0;

	width: 100%

}

#related_items .item {

	padding: 10px

}

.portfolio-wrap {

	overflow: hidden;

	padding: 0;

	margin: 0;

	width: 100%

}

.portfolio-wrap.portfoliopadding {

	margin: 25px 0

}

.portfolio-wrap .title1 {

	margin-top: 20px;

	display: block

}

.portfolio-wrap .portfolio_cat {

	display: block;

	margin: 13px 0 0

}

.portfolio_desc .title1 h3 {

	font-size: 16px

}

.portfolio_desc.mini .title1 h3 {

	font-size: 15px

}

.paddingtop .item {

	border: 0 solid #fff

}

.portfolio_wrapper .item .ImageWrapper {

	padding: 0;

}

.portfolio_wrapper .item img {

	width: 100%

}

.portfolio-filter ul {

	list-style: none;

	padding-left: 10px

}

.portfolio-filter {

	text-align: center;

	margin: 5px 0;

	padding: 20px 0

}

.portfolio-filter li {

	display: inline;

	margin-right: 15px;

	padding: 0

}

.portfolio-filter li a {

	font-size: 15px;

	font-weight: 600

}

.portfolio_image {

	position: relative;

	overflow: hidden;

	width: 100%

}

.hovereffect {

	position: relative;

	cursor: pointer;

	padding: 0;

	width: auto;

	height: auto

}

.portfolio_cat i {

	padding-right: 5px

}

.ImageWrapper {

	text-align: center

}

.masonry_wrapper .ImageWrapper {

	padding: 0;

}

.masonry_wrapper .item {

	float: right;

	width: 25%;

	height: 157px;

	margin: 0 2px 4px;

}

.masonry_wrapper .item img {

	height: auto;

	width: 100%;

	position: relative;

	z-index: -2

}

.masonry_wrapper .item-w2 {

	width: 30%;

}

.masonry_wrapper .item-h2 {

	height: 322px;

}

.masonry_wrapper .item-h3 {

	height: 485px;

}

.isotope-item {

	z-index: 2

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1

}

.isotope,

.isotope .isotope-item {

	-webkit-transition-duration: .9s;

	-moz-transition-duration: .9s;

	-ms-transition-duration: .9s;

	-o-transition-duration: .9s;

	transition-duration: .9s

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity

}

.isotope .isotope-item.no-transition,

.isotope.no-transition,

.isotope.no-transition .isotope-item {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s

}



/*	################################################################

	9. BLOG STYLES

################################################################# */



.blog_button {

	-moz-user-select: none;

	background: #232629;

	border: 1px solid #efefef;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 13px;

	font-weight: 400;

	line-height: 1.42857;

	margin-bottom: 30px;

	padding: 10px 23px;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap

}

#timeline {

	list-style-type: none;

	margin: 0;

	padding: 0;

	position: relative;

	overflow: hidden;

	background: url(images/timeline.png) repeat-y top center

}

#timeline .timeline-item {

	clear: both;

	margin: 0 10px;

	width: 50%;

	float: left

}

#timeline .blog-columns {

	padding: 0;

	margin: 0 60px 0 0;

	position: relative

}

#timeline .timeline-item:nth-child(2n) {

	float: right

}

#timeline .timeline-item:nth-child(2n) .blog-columns {

	margin-left: 60px;

	margin-right: 0

}

#timeline .timeline-item {

	background: url(images/timeline1.png) no-repeat right center

}

#timeline .timeline-item:nth-child(2n) {

	background: url(images/timeline2.png) no-repeat left center

}

.blog-columns {

	background: #fff;

	border: 1px solid #efefef;

	margin-bottom: 30px

}

.blog-columns img {

	width: 100%

}

.blog-content {

	padding: 20px

}

.blog-columns .title h3 {

	border-bottom: 1px solid #DADADA;

	font-size: 16px;

	padding-bottom: 15px

}

.blog-columns .title h3 a {

	color: #232629;

	font-weight: 700

}

.blog-columns .post_meta span,

.blog-columns .post_meta span i {

	padding-right: 5px

}

.blog-columns .post_meta {

	padding: 0 0 15px

}

.quote-post {

	background: #f2f2f2;

	position: relative;

	padding: 20px 10px

}

.quote-post:after {

	font-family: FontAwesome;

	content: "\f10e";

	padding-right: 20px;

	right: 0;

	position: absolute;

	top: 50px;

	color: #000;

	font-size: 600%;

	opacity: .2;

	-moz-opacity: .2;

	filter: alpha(opacity=20)

}

.quote-post blockquote {

	border-left: 0 solid #fff

}

.postwrapper {

	background-color: #FFF;

	padding: 60px 0;

}

.post-wrapper-top {

	background: url(images/topbg.png) repeat rgba(0, 0, 0, .5);

	bottom: 0;

	left: 0;

	right: 0;

	top: 0;

	z-index: 0;

	border-bottom: 3px solid #333;

	margin-bottom: 0;

	padding: 0;

	position: relative;

	text-align: center

}

.breadcrumb>li+li:before {

	font-size: 13px

}

.post-wrapper-top h2 {
	border-bottom: 3px solid #fff;
	display: inline-block;
	font-size: 24px;
	color: #fff;
	position: relative;
	margin-bottom: -3px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;

}

.breadcrumb {

	background-color: rgba(0, 0, 0, 0);

	border-left: 0 solid #63B76C;

	border-radius: 0;

	font-size: 18px;

	color: #fff;

	font-weight: 400;

	list-style: none outside none;

	padding: 40px 0 0

}

.breadcrumb>li+li:before {

	content: "";

	background: url(images/breadcrumb.png) no-repeat center top;

	margin: 0 5px;

	padding: 0 10px

}

.authorbox_wrapper {

	padding-top: 20px;

	background: #ffffff;

	border: 1px solid #ddd;

	border-bottom: 3px solid #dddddd;

	border-radius: 8px;

	margin-bottom: 50px

}

.authorbox_wrapper img {

	margin: 0 20px 20px 0;

	width: 100px

}

.authorbox_wrapper h4 {

	margin-bottom: 0;

	padding-bottom: 0

}

.authorbox_wrapper p {

	padding-top: 5px;

	margin-top: 5px

}

#comments_wrapper {

	margin: 60px 0

}

.reviews .comment-list {

	margin: 20px 0 40px

}

.comment-list {

	margin: 60px 0;

	list-style: none

}

.comment-list ol li,

.comment-list ul li {

	list-style: none

}

.comment-avatar {

	margin: 0 20px 0 0;

	float: left;

	border-radius: 5px;

	height: 70px;

	width: 70px

}

.comment-content {

	background: #f8f8f8;

	border: 1px solid #dddddd;

	border-bottom: 3px solid #dddddd;

	border-radius: 5px;

	margin-bottom: 20px;

	overflow: hidden;

	padding: 20px

}

.comment-author {

	margin-bottom: 10px

}

.comment-meta {

	font-size: 12px;

	color: #aaa;

	padding-left: 10px

}

.comment-reply {

	margin: -10px -5px 0 0;

	float: right;

	font-size: 12px;

	color: #fff

}

.leave-comment textarea {

	height: 150px

}

.pagination_wrapper {

	padding: 0 15px

}

.pagination>li>a,

.pagination>li>span {

	background-color: #272727;

	border-radius: 4px;

	color: #ffffff;

	float: left;

	line-height: 1.82857;

	margin-left: 5px;

	padding: 6px 15px;

	position: relative;

	text-decoration: none

}

.blog_wrap {

	margin: 50px 0 0

}

.single_wrap .title {

	margin: 30px 0 10px

}

.postwrapper .blog_wrap {

	margin: 0 0 30px

}

.blog_wrap img {

	width: 100%

}

.blog_wrap .title {

	margin-bottom: 30px

}

.blog_wrap .post_desc {

	padding: 20px 0

}

.blog_wrap .Content p {

	font-family: Open Sans, Helvetica !important;

	text-align: left;

	line-height: 26px !important;

	font-size: 13px !important

}

.blog_wrap .title h3 {

	border-bottom: 1px solid #bbbbbb;

	display: flex;

	font-size: 20px;

	padding-bottom: 10px;

	margin-bottom: 5px;

}

.blog_wrap .title:hover h3 a {

	color: #bc4e26

}

.post_meta i {

	padding-right: 4px

}

.post_meta span {

	padding-right: 10px;

	font-size: 11px;

	font-weight: 400;

	font-family: tahoma;

}



/*	################################################################

	10. SERVICES STYLES

################################################################# */



.custom-box {

	background: #fff;

	border: 1px solid #ddd;

	border-bottom: 3px solid #ddd;

	text-align: center;

	padding: 50px 20px 10px;

	margin: 60px 0 30px;

	-webkit-transition: border-color .4s linear, color .4s linear;

	-moz-transition: border-color .4s linear, color .4s linear;

	-o-transition: border-color .4s linear, color .4s linear;

	-ms-transition: border-color .4s linear, color .4s linear;

	transition: border-color .4s linear, color .4s linear

}

.custom-box:hover .diamondicon i,

.custom-box:hover .serviceicon i,

.service-box .serviceicon:hover i,

.service-square-icon i,

.serviceicon:hover i {

	color: #fff

}

.service-square-icon i {

	font-size: 26px;

}

.service-square {

	margin: 40px 0 20px

}

.service-square p {

	font-size: 13px;

	color: #666;

}

.service-square-icon {

	width: 65px;

	height: 65px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	line-height: 75px;

	background: #fff;

	text-align: center;

	margin: 3px 15px 15px 0

}

.custom-box .icn-main-container {

	top: 25px;

	position: absolute;

	left: 0;

	right: 0

}

.service-square .title h3 {

	font-size: 18px;

	margin-bottom: 7px

}

.service-box .title h3,

.service-icon .title h3 {

	font-size: 18px;

	font-weight: 400

}

.service-box .title {

	padding-top: 20px

}

.service-box .serviceicon {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	color: #bc4e26;

	border: 3px solid #bc4e26;

	height: 85px;

	margin: 0 auto;

	line-height: 95px;

	position: relative;

	text-align: center;

	width: 85px;

	z-index: 5;

	-moz-transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.service-box:hover .serviceicon {

	color: #fff;

	background: #bc4e26;

}

.service-box:hover .serviceicon i {

	color: #fff;

}

.custom-box .serviceicon {

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	border-radius: 40px;

	color: #232629;

	background: #fff;

	border: 1px solid #ccc;

	font-size: 28px;

	height: 65px;

	margin: 0 auto;

	line-height: 65px;

	position: relative;

	text-align: center;

	width: 65px;

	z-index: 5

}

.diamondicon {

	width: 60px;

	height: 60px;

	background: #fff;

	border: 1px solid #a9a9a9;

	line-height: 60px;

	margin: 17px 35% 0 auto;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: 0 100%;

	-moz-transform-origin: 0 100%;

	-ms-transform-origin: 0 100%;

	-o-transform-origin: 0 100%;

	transform-origin: 0 100%

}

.diamondicon .diamondicon-icon {

	color: #232629;

	font-size: 21px

}

.custom-box .serviceicon.smallradius,

.serviceicon.smallradius {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px

}

.servicesbox .title h3 {

	font-size: 18px;

	font-weight: 600;

	line-height: 52px

}

.servicesbox p {

	color: #555555;

	display: block

}

.servicesbox .title i,

.post_date i {

	font-size: 25px

}

.blog_wrap .post_date,

.servicesbox .serviceicon {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	color: #bc4e26;

	border: 2px solid #bc4e26;

	float: left;

	font-size: 15px;

	height: 54px;

	line-height: 60px;

	margin-right: 10px;

	position: relative;

	text-align: center;

	width: 54px;

	z-index: 5;

}

.servicesbox .serviceicon {

	-webkit-transition: 0.2s ease-in-out;

	-moz-transition: 0.2s ease-in-out;

	-ms-transition: 0.2s ease-in-out;

	transition: 0.2s ease-in-out;

}

.servicesbox:hover .serviceicon {

	background: #bc4e26;

	color: #fff;

}

#services .item {

	margin: 0;

	padding: 10px;

	display: block;

	width: 100%;

	height: auto;

}

.serviceslist {

	list-style-type: none;

	margin: 60px 0;

	padding: 0;

	position: relative;

	overflow: hidden

}

.serviceslist .service-icon .serviceicon {

	-webkit-border-radius: 500px;

	-moz-border-radius: 500px;

	border-radius: 500px;

	color: #fff;

	border: 2px solid #888;

	font-size: 22px;

	height: 65px;

	line-height: 62px;

	margin-right: 10px;

	position: relative;

	text-align: center;

	width: 65px;

	z-index: ;

	-webkit-transition: 0.2s ease-in-out;

	-moz-transition: 0.2s ease-in-out;

	-ms-transition: 0.2s ease-in-out;

	transition: 0.2s ease-in-out;

}

.service-icon:hover .serviceicon {

	background: #bc4e26;

}

.service-icon:hover .serviceicon i {

	color: #fff

}

.serviceslist .servicelistbox .serviceicon {

	margin: 4px 20px 0

}

.serviceslist .col-lg-6,

.serviceslist .col-md-6,

.serviceslist .col-sm-6,

.serviceslist .col-xs-6 {

	padding: 0

}

.servicelistbox {

	color: #555555;

	margin-top: 40px

}

.servicelistbox .service-icon .title h3 {

	font-size: 18px;

	font-weight: 600;

	color: #666666

}

.service-icon .title h3 {

	font-size: 16px;

	font-weight: 600

}

.service-icon p {

	font-family: tahoma;

	font-size: 14px

}

.miniboxes .title {

	padding: 8px 0

}

.miniboxes .title i {

	padding-right: 6px;

	font-size: 22px

}

.miniicon {

	background: #fff;

	height: 50px;

	line-height: 55px;

	margin: 35px auto;

	color: #fff;

	position: relative;

	width: 90px

}

.miniicon:before {

	border-bottom: 25px solid red;

	border-left: 45px solid rgba(0, 0, 0, 0);

	border-right: 45px solid rgba(0, 0, 0, 0);

	content: "";

	height: 0;

	left: 0;

	position: absolute;

	top: -25px;

	width: 0

}

.miniicon:after {

	border-left: 45px solid rgba(0, 0, 0, 0);

	border-right: 45px solid rgba(0, 0, 0, 0);

	border-top: 25px solid red;

	bottom: -25px;

	content: "";

	height: 0;

	left: 0;

	position: absolute;

	width: 0

}

.dm_featured_box_bg {

	background: url(images/02.png) no-repeat scroll center center rgba(0, 0, 0, 0);

	margin: 0 auto;

	width: 100%;

	padding-top: 0;

	min-height: 550px

}

.dm_featured_box {

	float: left;

	list-style: none outside none;

	margin: 0;

	padding: 30px 60px 0 0;

	position: relative;

	text-align: right;

	width: 43%

}

.dm_featured_box:nth-of-type(2n) {

	float: right;

	text-align: left;

	padding: 30px 0 0 60px

}

.dm_featured_box_bg .service-icon {

	background: none

}

.greybg .serviceslist .service-icon .serviceicon {

	background: #fff

}



/*	################################################################

	11. CSS3 EFFECTS

################################################################# */



.hovicon {

	display: inline-block;

	line-height: 75px;

	cursor: pointer;

	margin: 15px 0;

	width: 75px;

	height: 75px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	text-align: center;

	position: relative;

	text-decoration: none;

	z-index: 1;

	color: #fff

}

.hovicon:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}

.hovicon:before {

	speak: none;

	line-height: 80px;

	font-style: normal;

	font-weight: 400;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased

}

.hovicon.effect-1 {

	-webkit-transition: background .2s, color .2s;

	-moz-transition: background .2s, color .2s;

	transition: background .2s, color .2s

}

.hovicon.effect-1:after {

	top: -7px;

	left: -7px;

	padding: 7px;

	-webkit-transition: -webkit-transform .2s, opacity .2s;

	-webkit-transform: scale(.8);

	-moz-transition: -moz-transform .2s, opacity .2s;

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	transition: transform .2s, opacity .2s;

	transform: scale(.8);

	opacity: 0

}

.hovicon.effect-1.sub-a:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1

}

.authorbox_wrapper img,

.comment img,

.flickr-gallery li img,

.popular_items img,

.recent_posts img,

.recent_posts_widget img,

.shopping-cart-widget img,

.testimonial_wrap img,

div.thumbnails a img {

	-webkit-transition: opacity .2s ease-in-out;

	-moz-transition: opacity .2s ease-in-out;

	-ms-transition: opacity .2s ease-in-out;

	-o-transition: opacity .2s ease-in-out;

	transition: opacity .2s ease-in-out

}

.authorbox_wrapper img:hover,

.comment img:hover,

.flickr-gallery li img:hover,

.popular_items img:hover,

.recent_posts img:hover,

.recent_posts_widget img:hover,

.shopping-cart-widget img:hover,

div.thumbnails a img:hover {

	-ms-filter: "alpha(Opacity=60)";

	filter: alpha(opacity=60);

	-moz-opacity: .6;

	-khtml-opacity: .6;

	opacity: .6

}



/*	################################################################

	12. BUTTONS MODULES

################################################################# */



.imgWrap {

	position: relative

}

.imgWrap:after {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	border: 4px solid rgba(0, 0, 0, .2);

	pointer-events: none

}

.banner {

	padding: 0;

	position: relative

}

.banner .jtbtn {

	color: #fff;

	border-color: #fff

}

.hoverimage h3 {

	border-radius: 0;

	color: #fff;

	font-size: 22px;

	font-weight: 100;

	margin: 25px auto 10px;

	padding: 5px 10px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	font-family: GothamBook

}

.shadow {

	display: block;

	position: relative

}

.shadow img {

	display: block

}

.shadow::before {

	display: block;

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	-moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .2);

	-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .2);

	box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .2)

}

.f-container {

	overflow: hidden;

	padding: 20px 0 0

}

.highlight {

	font-size: 72px;

	font-family: 'GothamBook', cursive;

	font-weight: 700;

	line-height: 1.6

}

.milestone-details {

	font-size: 18px;

	font-family: 'GothamBook', cursive !important;

	color: #eee;

	padding: 0 0 20px;

	font-family: cursive;

	font-weight: 400

}

.f-element {

	color: #fff;

	margin-bottom: 20px;

	height: auto;

	text-align: center

}

.f-element i {

	margin-bottom: 10px;

	font-size: 36px

}

.darkwrapper .lead {

	color: #eeeeee

}

.messagebox{

	border:1px solid #dbd7ce;

	padding:10px;

}

.messagebox .lead {

	font-style: normal

}

.messagebox h1 {

	font-weight: 300;

}

.custommenu li a:before,

.product_details li:before {

	content: "\f105"

}

.featureslist li:before {

	content: "\f141";

	padding-right: 8px

}

.custommenu li a:before {

	font-family: FontAwesome;

	font-size: 13px;

	padding-right: 5px;

	top: 2px

}

.check li:before,

.featureslist li:before,

.product_details li:before {

	content: "\f00c";

	font-family: FontAwesome;

	font-size: 16px;

	left: 0;

	padding-right: 5px;

	position: relative;

	top: 2px

}

.featureslist li {

	list-style: none;

	margin: 0 0 10px;

	color: #eee;

	font-size: 13px

}

.check li,

.product_details li {

	list-style: none;

	margin: 0 0 5px

}

.product_details {

	margin-top: 20px;

	margin-left: 0;

	padding-left: 10px

}

.check {

	margin-left: 0;

	padding-left: 0

}

.check li a,

.product_details li a {

	color: #656565

}

.error404 h2 {

	font-size: 160px;

	font-weight: 900;

	line-height: 1.3;

	text-align: center;

	text-transform: uppercase;

	margin-bottom: 0;

	padding-bottom: 0

}

.error404 h3 {

	margin: 0 0 30px;

	padding: 0 5%;

	font-size: 26px;

	opacity: .3;

	text-align: center

}

.pricing-box {

	border: 1px solid #ddd;

	border-bottom: 3px solid #ddd;

	border-radius: 10px;

	text-align: center;

	font-family: GothamBook;

	padding: 20px;

	margin: 30px 0;

	background: rgba(255, 255, 255, 0.9);

	color: #555;

	-webkit-transition: background-color .2s linear, color .2s linear;

	-moz-transition: background-color .2s linear, color .2s linear;

	-o-transition: background-color .2s linear, color .2s linear;

	-ms-transition: background-color .2s linear, color .2s linear;

	transition: background-color .2s linear, color .2s linear

}

div.price {

	width: 100%;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	height: 130px;

	line-height: 130px;

	font-size: 26px;

	color: #fff;

	margin: 0 auto;

	text-align: center;

	font-weight: 400

}

div.price p {

	font-size: 22px;

	color: #fff;

	text-align: center;

	font-weight: 400

}

.pricing-box:hover div.price p {

	color: #bc4e26;

}

.pricing-box h3 {

	font-size: 20px;

}

.pricing-box:hover div.price,

.pricing-box:hover .jtbtn {

	background-color: #fff;

	border-color: #fff;

	color: #bc4e26;

}

.pricing-box .jtbtn {

	background-color: #bc4e26;

	border-color: #bc4e26;

	color: #ffffff;

}

.pricing-box:hover {

	border: 1px solid #1bb4e5;

	border-bottom: 3px solid #1bb4e5;

}

.pricing-box:hover,

.pricing-box:hover h3 {

	color: #fff

}

.pricing-box hr {

	margin: 20px -20px;

	border-style: dotted;

	border-color: #bbb

}

.pricing-box:hover hr {

	border-color: #fff

}

.pricing {

	list-style: none;

	padding: 0;

	margin: 0

}

.pricing li {

	font-size: 13px;

	line-height: 31px;

	margin: 0 auto;

	padding: 0;

	text-align: center

}

#map {

	display: block;

	position: relative;

	height: 450px;

	width: 100%

}

#map img {

	max-width: inherit

}

.map {

	position: relative

}

.map .searchmodule {

	padding: 18px 10px

}

.infobox {

	display: inline-block;

	padding: 10px 5px 5px;

	position: relative;

	width: 270px

}

.infobox img {

	margin-right: 10px;

	width: 95px

}

.infobox .title {

	font-size: 13px;

	font-weight: 700;

	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;

	margin-top: 0;

	margin-bottom: 0;

	text-transform: uppercase;

	padding-bottom: 5px

}

.infobox .title a {

	font-weight: 700

}

.percent {

	display: block;

	font-size: 30px;

	letter-spacing: -1px;

	line-height: 9.5;

	font-weight: 300;

	position: absolute;

	text-align: center;

	color: #fff;

	top: -3px;

	width: 90%;

	z-index: 10

}

.chart {

	margin-bottom: 20px;

}

.skills .title {

	padding: 25px 0 0

}

.skills .title h3 {

	font-family: MuseoSans_Fat;

	font-weight: 400;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 18px

}

.jtbtn-big.anim {

	text-transform: uppercase;

	display: inline-block;

	text-align: center;

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear;

	font-size: 14px;

	padding: 10px 20px 10px 30px

}

.jtbtn-big.anim i {

	float: right;

	-ms-filter: "alpha(Opacity=0)";

	opacity: 0;

	font-size: 12px;

	padding-top: 4px;

	-webkit-transition: all 200ms linear;

	transition: all 200ms linear

}

.jtbtn-big.anim:hover i {

	margin-left: 10px;

	-ms-filter: "alpha(Opacity=100)";

	opacity: 1

}

.jtbtn-big2 {

	display: inline-block;

	border: 1px solid #fff;

	padding: 9px 35px;

	margin-bottom: 0;

	font-size: 13px;

	font-weight: 400;

	line-height: 1.428571429;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	background: #fff

}

.jtbtn-big1 {

	display: inline-block;

	border: 1px solid #114;

	padding: 9px 35px;

	margin-bottom: 0;

	font-size: 13px;

	font-weight: 400;

	line-height: 1.428571429;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	background: 0 0;

	color: #fff!important

}

.jtbtn-big {

	display: inline-block;

	padding: 9px 27px;

	margin-bottom: 0;

	font-size: 13px;

	font-weight: 400;

	line-height: 1.428571429;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	background: 0 0;

	color: #fff!important

}

.jtbtn {

	display: inline-block;

	padding: 6px 23px;

	margin-bottom: 0;

	font-size: 13px;

	font-weight: 400;

	line-height: 1.428571429;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	white-space: nowrap;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	background: 0 0;

	color: #232629;

	border: 1px solid #ccc;

	border-radius: 4px

}

.animationload {

	background: #fff;

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 99999

}

#intro {
	width: 60px;
	height: 73px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(images/load.png);
	margin-top: -65px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -65px;

}

.dmtop {

	background-image: url(images/arrow.png);

	background-position: 50% 50%;

	background-repeat: no-repeat;

	border-radius: 5px;

	z-index: 999;

	width: 40px;

	height: 40px;

	text-indent: -999px;

	position: fixed;

	bottom: -100px;

	right: 25px;

	cursor: pointer;

	-webkit-transition: all .7s ease-in-out;

	-moz-transition: all .7s ease-in-out;

	-o-transition: all .7s ease-in-out;

	-ms-transition: all .7s ease-in-out;

	transition: all .7s ease-in-out;

	overflow: auto

}

.dmtop:hover {

	background-color: #114

}

#video-parallax {

	position: relative;

	display: block;

	overflow: hidden;

	width: 100%;

	height: 100%

}

#bgndVideo,

#mbYTP_bgndVideo {

	position: relative;

	width: 100%;

	height: 100%

}

#mbYTP_bgndVideo {

	margin: 0;

	padding: 0

}

.volume:hover {

	color: #fff

}

.volume {

	bottom: 0;

	position: absolute;

	z-index: 1;

	right: 0;

	width: 30px;

	height: 30px;

	background: #000;

	line-height: 30px;

	font-size: 20px;

	text-align: center;

	color: #fff;

	cursor: pointer

}

.tooltip {

	z-index: 9999;

	font-size: 13px;

}

#defaultmenu .navbar-nav li a:hover,

.bigtitle .last span,

.breadcrumb a,

.callus span,

.text-center span,

.center-title span,

.check li:before,

.copyright1 a:focus,

.copyright1 a:hover,

.custom-box .diamondicon i,

.custom-box .serviceicon i,

.darkwrapper h1 span,

.featureslist li:before,

.footer-social li i,

.footer1 i:hover,

.highlight,

.mmodebody .title h1 span,

.panel-default>.panel-heading:hover .panel-title:after,

.panel-default>.panel-heading:hover a,

.popular_items_div .price1,

.portfolio-filter a:focus,

.portfolio-filter a:hover,

.price-detail,

.pricing-box:hover div.price,

.product-content .price1-new,

.product_details li:before,

.rating i,

.searchicon:before,

.service-box .serviceicon i,

.servicesbox .serviceicon,

.serviceslist .service-icon a i,

.serviceslist .servicesbox .serviceicon i,

.social a:hover,

.testimonial_meta i,

.testimonial_meta span,

.testimonial_widget .details,

.testimonial_widget .lead:after,

.testimonial_widget .lead:before,

.tp-caption.big_title,

.tp-caption.Playball2 span,

.tp-caption.Playball3 span,

.tp-caption.small_thin_grey1 span,

.twitter_widget .details a,

.twitter_widget .lead:before,

a,

a.readmore {

	color: #bc4e26

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover,

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover,

.bs-glyphicons li:hover,

.btn-primary,

.cs-style-3 figcaption a.addtocart,

.cs-style-3 figcaption a.external,

.cs-style-3 figcaption a.zoom,

.custom-box:hover .diamondicon,

.custom-box:hover .serviceicon,

.flex-control-paging li a.flex-active,

.flex-direction-nav a,

.footer-social li:hover,

.greybg .serviceslist .service-icon .serviceicon:hover,

.hovicon.effect-1,

.hovicon.effect-1.sub-a:hover,

.hovicon.effect-1.sub-a:hover i,

.miniicon,

.nav-tabs>li>a:hover,

.onsale,

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span,

.pager li>a,

.pager li>span,

.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover,

.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover,

.portfolio-filter li a:before,

.pricing-box:hover,

.progress-bar,

.service-box .serviceicon:hover,

.service-icon .serviceicon:hover,

.service-square-icon,

.servicesbox .serviceicon:hover,

.tagcloud a:hover,

.twitter-widget ul li:hover:before,

.volume:hover,

div.bbp-template-notice,

div.bbp-template-notice.info,

div.indicator-hint,

div.price,

mark {

	background-color: #bc4e26

}

mark {

	padding: auto 8px;

	border-radius: 2px;

}

.bigtitle h1:after,

.btn-primary,

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover,

.custom-box:hover,

.custom-box:hover .serviceicon,

.flex-control-paging li a,

.flex-control-paging li a.flex-active,

.flickr-gallery li:hover,

.footer-social li,

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span,

.panel-default>.panel-heading:hover,

.post-wrapper-top h2,

.serviceicon:hover,

.serviceslist .service-icon .serviceicon,

.tagcloud a:hover,

.tp-bullets.simplebullets .bullet.selected,

.tp-bullets.simplebullets .bullet:hover,

.twitter-widget ul li:before,

div.bbp-template-notice,

div.bbp-template-notice.info,

div.indicator-hint {

	border-color: #bc4e26

}

.input-group-addon {

	border-radius: 5px 0 0 5px

}

.input-group .btn {

	margin-left: 0;

}

.form-control {

	border-radius: 4px;

	font-size: 13px;

	font-family: Open Sans, Arial, Helvetica, sans-serif;

}

.form-control:focus {

	border: 1px solid #bbb

}

textarea {

	font-size: 14px;

	font-family: Open Sans, Arial, Helvetica, sans-serif;

	padding: 6px 10px !important

}

.miniicon:after,

.nav .open>a:after,

.nav .open>a:focus:after,

.nav .open>a:hover:after,

.title hr:after,

.title1 hr:after {

	border-top-color: #bc4e26

}

.dmtop {

	background-color: #bc4e26

}

#onepage .tp-bannertimer {

	background: rgba(33, 194, 248, .8)

}

.jtbtn-big2 {

	color: #bc4e26

}

.miniicon:before {

	border-bottom-color: #bc4e26

}

.hovicon.effect-1:after {

	box-shadow: 0 0 0 4px #bc4e26

}

.jtbtn-big {

	border: 1px solid #bc4e26

}

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover {

	background-color: #11B2E8

}

.mmodebody {

	overflow: hidden;

	height: 100%;

	margin: 0;

	padding: 0

}

.mmodebody img {

	height: 100%;

	width: 100%;

	z-index: -1;

	position: absolute;

	display: block;

	background-size: cover;

	background-position: 50% 50%

}

#background {

	width: 100%;

	height: 100%

}

#slides {

	position: relative

}

#slides .slides-container {

	margin: 0;

	list-style: none

}

#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-pagination {

	position: absolute;

	z-index: 20;

	bottom: 30px;

	text-align: center;

	width: 100%

}

.slides-pagination a {

	color: #1a1a1a;

	background: #fff;

	opacity: .5;

	-moz-opacity: .5;

	filter: alpha(opacity=50);

	width: 30px;

	height: 4px;

	display: -moz-inline-stack;

	display: inline-block;

	vertical-align: middle;

	*vertical-align: auto;

	zoom: 1;

	*display: inline;

	margin: 2px;

	overflow: hidden;

	text-indent: -100%

}

.slides-pagination a.current,

.slides-pagination a:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100)

}

.home-content {

	position: absolute;

	text-align: center;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	display: inline-block;

	width: 700px;

	padding: 50px;

	border-radius: 4px

}

.home-content h1 {

	font-size: 500%;

	color: #fff;

	margin-bottom: 0;

	font-weight: 900;

	font-family: GothamBook, 'Helvetica Neue', Helvetica, sans-serif;

	text-transform: uppercase;

	line-height: 95%

}

.home-content h4 {

	font-size: 200%;

	color: #fff;

	font-weight: 400;

	margin-top: 20px;

	text-transform: uppercase

}

.hwrap {

	top: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden;

	padding: 0;

	position: relative

}

#contactform fieldset {

	padding: 20px;

	border: 1px solid #eee;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px

}

#contactform legend {

	padding: 7px 10px;

	font-weight: 700;

	color: #000;

	border: 1px solid #eee;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	margin-bottom: 0;

	margin-bottom: 20px

}

#contactform span.required {

	font-size: 13px;

	color: red

}

#message {

	margin: 10px 0;

	padding: 0

}

.error_message {

	display: block;

	height: 22px;

	line-height: 22px;

	background: #FBE3E4 url(images/error.html) no-repeat 10px center;

	padding: 3px 10px 3px 35px;

	color: #8a1f11;

	border: 1px solid #FBC2C4;

	-webkit-border-radius: 5px

}

.loader {

	padding: 0 10px

}

.elements .btn {

	margin: 5px 0;

}

#contactform #success_page h1 {

	background: url(images/success.html) left no-repeat;

	padding-left: 22px

}

acronym {

	border-bottom: 1px dotted #ccc

}

#home-boxes {

	background: url(images/topbg.png);

}

#home-boxes .jt-shadow {

	box-shadow: none;

}

#home-boxes .callus li:last-child,

#home-boxes .social li:last-child,

#home-boxes .callus li,

#home-boxes .social li {

	border: none;

}

#home-boxes .wrapper {

	background: #ffffff;

	padding: 0;

	webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .20);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .20);

	box-shadow: 0 0 10px rgba(0, 0, 0, .20);

}

#home-boxes .copyright1 {

	border-bottom: 0px solid #F2F2F2;

	padding: 25px 0 0px;

}

.boxes_img img {

	min-height: 150px;

}

.boxes_img_g2 img {

	height: auto;

	clear: both

}



/*	################################################################

	13. RESPONSIVENES

################################################################# */



@media (max-width:991px) {

	.dropdown-menu3 li h3.title {

		font-size: 12px;

	}

	.icn-main-container,

	.service-icon .icn-main-container {

		margin-top: -60px

	}

	.testimonial_details img {

		max-width: 120px

	}

	.blog_wrap h2 {

		font-size: 15px;

	}

	.hoverimage h3 {

		font-size: 15px;

		margin: 8px auto 10px;

	}

	.banner {

		margin-bottom: 6px;

	}

	.testimonial_widget,

	.twitter_widget {

		padding: 0 30px

	}

	.testimonial_widget .lead,

	.twitter_widget .lead {

		font-size: 18px;

	}

	.search_form {

		display: none

	}

}

@media (max-width:765px) {

	.navbar-nav li a {

		font-size: 10px;

		font-weight: 400;

		line-height: 30px;

		margin: 0 5px;

		float: left;

		padding: 5px;

	}

	.dropdown-menu3 li a {

		font-weight: 400;

		line-height: 1.42857;

		padding: 2px 5px;

		font-size: 13px;

		float: none;

	}

	.fhmm .collapse,

	.fhmm .dropdown,

	.fhmm .dropup,

	.fhmm .nav {

		width: 100%

	}

	.fhmm .dropdown-submenu>a:after {

		margin-top: -17px;

		margin-right: 0;

	}

	.icn-main-container,

	.service-icon .icn-main-container {

		margin-top: -60px

	}

	.dm_featured_box_bg {

		background: 0 0

	}

	.dm_featured_box {

		width: 100%

	}

	#search_form:after,

	.callusv1,

	.header_search {

		margin-top: 0

	}

	.testimonial_details img {

		max-width: 120px;

		margin-bottom: 5px

	}

	.darkwrapper .title1 {

		margin-top: 10px;

	}

	.bigtitle {

		padding: 0 10px

	}

	.bigtitle h1 {

		font-size: 28px;

	}

	.bigtitle p {

		font-size: 13px;

	}

	.messagebox {

		padding: 0 10px

	}

	.percent {

		line-height: 6.5

	}

	.slide-title-3 p {

		font-size: 11px;

	}

	.fhmm .dropdown-menu3 .withoutdesc {

		background: none;

	}

	.portfolio-filter li a {

		font-size: 13px;

	}

	.breadcrumb,

	.header.affix .logo-wrapper,

	.features,

	.footer-menu,

	.search_form {

		display: none;

	}

}



.white{ color: #FFFFFF !important; }



#content ul{

	list-style-position: inside;

}



#content ul li{

	padding-left: 10px;

}




.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 260px;}
.dropv li {float: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #993399; 
  padding: 0px 0px 0px 4px; width: 270px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; position:static} /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: yellow; background:#663399;}