/* TABLE OF CONTENT

	1. HEADINGS
	2. GENERAL SETTINGS
	3. PRE LOADER
	4. FULL BG
	5. LOGO
	6. SEARCH BOX
	7. SOCIAL MEDIA
	8. COPYRIGHT
	9. PAGE TITLE BAR
	10. IMAGE BOX
	11. ITEM BUTTON
	12. TESTIMONIAL
	13. TEAM
	14. TOOLTIPS
	15. TABS
	16. PORTFOLIO
	17. ASIDE
	18. CONTACT FORM
	19. CONTACT INFO
	20. PORTFOLIO BUTTONS
----------------------------------------------------------------------------------------------------*/
body {
	color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
* {
	margin:0;
	padding:0;
}
p, ul, ol, dl, table, fieldset, blockquote, pre, code {
}


/* 1. HEADINGS
------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	color: #000000;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 300;
	line-height: 100%;
	margin-bottom: 10px;
}
dd, dt {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:300;
	font-size:14px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
h5 {
	font-size: 0.83em;
}
h6 {
	font-size: 0.75em;
}
h3 span {
	color:#C50423;
}
p {
	color: #787878;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
	padding-bottom: 10px;
}


/* 2. GENERAL SETTINGS
------------------------------------------------------*/
a {
	font-family: 'Open Sans', sans-serif;
	outline: medium none;
}
a img {
	border:none;
}
 *|*:focus {
 outline: none;
}
a, a:hover, a:visited, a:active {
	border:none;
	outline:none;
}
a:link, a {
	text-decoration:none;
}
a:hover {
	color:#d05056;
}
iframe {
	width:100%;
	border:none;
}
#container img {
	max-width:100%;
	height:auto;
}
.clear {
	clear:both;
}
.vspace {
	display: table;
	height:70px;
	width: 100%;
}
.read-more {
	margin-top:10px;
}
.read-more a {
	background: none repeat scroll 0 0 #C50423;
	border: medium none;
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	padding:10px 20px;
	white-space: nowrap;
	transition: all 0.3s ease-out 0s;
}
.read-more a:hover {
	background-color:#000;
}
.title-left {
	display:block;
	float:left;
	width:100%;
	margin-bottom:15px;
}
.title-left h3 {
	float:left;
}
.title-left > h3:before {
	background-color:#C50423;
	content: "";
	float: left;
	height: 20px;
	margin-right: 10px;
	width:2px;
}
.title-left > h3:after {
	background-color: #C50423;
	content: "";
	float:right;
	height: 20px;
	margin-left: 10px;
	width:2px;
}
.thumb-img {
	float: left;
	margin: 0px 20px 0px 0px;
}
.description {
	display:table;
}
.alignright {
	float: right;
	margin: 3px 0 0px 10px;
	width:auto;
}
.alignleft {
	float: left;
	margin:0px 20px 0px 0px;
	width:auto;
}

dt {
	background-image: url(images/detail-bg.png);
	background-repeat:repeat;
	background-color: #C50423;
	float: left;
	margin-bottom: 1px;
	padding: 5px 15px;
	width: 31%;
}
dd {
	background-color: #C50423;
	float: left;
	padding: 5px 15px;
	margin-bottom:1px;
}


/* 3. PRE LOADER
------------------------------------------------------*/
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/ajax-loader_dark.gif) 50% 50% no-repeat rgb(249,249,249);
}


/* 4. FULL BG
------------------------------------------------------*/
.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:-1;
}

/* 5. LOGO
------------------------------------------------------*/
.logo img {
	display:block;
}


/* 6. SEARCH BOX
------------------------------------------------------*/
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}
.search-wrapper input {
	height: 20px;
	padding: 10px 5px;
	float: left;
	border: 0;
	background: #373b46;
	width:77%;
	color:#fff;
	box-shadow: none;
}
.search-wrapper input:focus {
	outline: 0;
	background: #373b46;
}
 .search-wrapper input::-webkit-input-placeholder {
 color: #fff;
 font-weight: normal;
 font-style: italic;
}
 .search-wrapper input:-moz-placeholder {
 color: #999;
 font-weight: normal;
 font-style: italic;
}
 .search-wrapper input:-ms-input-placeholder {
 color: #999;
 font-weight: normal;
 font-style: italic;
}
.search-wrapper button {
	overflow: visible;
	position: relative;
	float: right;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 40px;
	width:45px;
	color: white;
	text-transform: uppercase;
	background: #4c4f56;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.search-wrapper button:hover {
	background: #C50423;
}
.search-wrapper button:active, .search-wrapper button:focus {
	background: #C50423;
	outline: 0;
}
.search-wrapper button:hover:before {
	border-right-color: #C50423;
}
.search-wrapper button:focus:before, .search-wrapper button:active:before {
	border-right-color: #C50423;
}
 .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
 border: 0;
 padding: 0;
}


/* 7. SOCIAL MEDIA
------------------------------------------------------*/
.social-media ul {
	list-style:none;
	text-align:center;
	margin:40px 0 30px;
}
.social-media ul li {
	display: inline-block;
	margin: 0 1px;
}
#container .social-media ul {
	text-align:inherit;
}
.social-media li {
	position: relative;
	text-align: center;
}
.social-media li em {
	background: none repeat scroll 0 0 #C50423;
	border-radius: 5px;
	display: none;
	font-style: normal;
	height: 20px;
	left: -25px;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: -35px;
	width: 75px;
	z-index: 2;
}
.social-media li em:before {
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid #C50423;
	bottom: -5px;
	content: "";
	height: 0;
	left:42%;
	position: absolute;
	width: 0;
}


/* 8. COPYRIGHT
------------------------------------------------------*/
.copy-right h4 {
	text-align:center;
	color:#60646E;
	margin-bottom:30px;
}


/* 9. PAGE TITLE BAR
------------------------------------------------------*/
.page-title-bar {
	position:relative;
}
.page-title-bar-color {
	background-color: #C50423;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	opacity:0.8;
}
.page-title-bar-text {
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	margin-top:75px;
}
.page-title-bar-text h2 {
	color:#fff;
	font-size:85px;
}
.svg-path {
	bottom:-6px;
	position: absolute;
	fill: #FFFFFF;
	width:100.1%;
}
.icon {
	bottom:10px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	width: 100%;
}
.icon i {
	color: #000000;
	border-radius:100%;
	background-color: #F8F8F8;
	border: 5px solid #EEEEEE;
	font-size: 20px;
	width:40px;
	height:40px;
	line-height:40px;
}


/* 10. IMAGE BOX
------------------------------------------------------*/
.image-box {
	background-color:#f2f2f2;
}
.image-box h3 {
	margin-bottom: 0;
	padding:25px 30px;
}
.image-box span {
	display:block;
	padding-top:10px;
}
.image-box article {
	padding:30px;
}


/* 11. ITEM BUTTON
------------------------------------------------------*/
.item-button {
	background-color: #C50423;
	display:table;
	margin-bottom: -30%;
	margin-left: 30%;
	margin-right: auto;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top:50%;
	margin-top:-38px;
	z-index: 999;
	left:0;
	right:0;
}
a.item-button {
	color: #FFFFFF;
	padding: 10px 20px;
}


/* 12. TESTIMONIAL
------------------------------------------------------*/
.testimonial {
	text-align:center;
}
span.quote {
	color: #000000;
	display: block;
	text-align: center;
	position: relative;
	z-index:999;
}
.quote i {
	background-color: #DDDDDD;
	border: 5px solid #EEEEEE;
	border-radius: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 40px;
}
.quote:before {
	background-color: #e2e2e2;
	content: "";
	display: table;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top:25px;
	width: 100%;
	z-index:-1;
}
.testimonial p {
	font-style: italic;
	text-align: center;
	color: #595959;
	font-size:14px;
	margin:20px 0px !important;
}
span.testimonial-image {
	display: block;
	text-align: center;
	position:relative;
	z-index:999;
}
span.testimonial-image:before {
	background-color: #e2e2e2;
	content: "";
	display: table;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top:35px;
	width: 100%;
	z-index:-1;
}
.testimonial h3 {
	padding:20px 0px 5px 0px;
}
.testimonial h4 {
	margin-bottom:0px !important;
}
.circle-thumb {
	border-radius: 100%;
	-moz-border-radius: 100%;
}


/* 13. TEAM
------------------------------------------------------*/
.team-content {
	text-align:center;
}
.team figure {
	background-color:#000;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
}
.team figure img {
	float:left;
}
.team {
	display: block;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
.team-desc {
	background-color:#f2f2f2;
	text-align:center;
	width:100%;
	display:table;
	position:relative;
	padding:20px 0px;
}
.team-img {
	position:relative;
	background-color:#000000;
}
.team-social {
	display: block;
	position: absolute;
	top:20%;
	width: 100%;
	text-align:center;
	display:none;
}
.team-social h4 {
	color: #FFFFFF;
	font-weight: 300;
	background-color: #C50423;
	display: table;
	margin: 0 auto;
	padding: 10px 25px;
}


/* 14. TOOLTIPS
------------------------------------------------------*/
a.tooltips {
	position: relative;
	display: inline;
}
a.tooltips span {
	position: absolute;
	width:100px;
	color: #FFFFFF;
	background: #000000;
	height: 30px;
	line-height: 30px;
	text-align: center;
	visibility: hidden;
	border-radius:10%;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	top: 30px;
	left:30%;
	margin-left: -48px;
	z-index: 999;
}


/* 15. TABS
------------------------------------------------------*/
.tab {
	float:left;
	padding:0px;
	margin:0px;
}
.tab li {
	list-style:none;
	display:inline-block;
	float:left;
}
.tab li a {
	padding:10px 20px;
	float:left;
	color: #fff;
}
.tab li.active a {
	background: #fff;
	color:#C50423 !important;
	border-top:3px solid #000;
}
.tab-content {
	background: none repeat scroll 0 0 #fff;
	float: left;
	min-height: 200px;
	padding: 3%;
	width:94%;
}
.tab-content span {
	margin-top:20px;
	display:block;
}


/* 16. PORTFOLIO
------------------------------------------------------*/
.item-img {
	position:relative;
	background-color:#000000;
}
.owl-curve {
	bottom: -6px;
	display: block;
	fill: #F2F2F2;
	position: absolute;
	width: 100.2%;
}
.item-content {
	padding:10px 30px 20px 30px;
	background-color:#f2f2f2;
	text-align:center;
}


/* 17. ASIDE
------------------------------------------------------*/
aside {
	border-left:1px solid #ccc;
	padding-left:35px;
	position:relative;
	display:table;
}
aside:before {
	background-color: #C50423;
	content: "";
	height:10px;
	left:0px;
	position: absolute;
	top: 0;
	width: 1px;
}
aside:after {
	background-color: #C50423;
	content: "";
	height:10px;
	left: -1px;
	position: absolute;
	bottom: 0;
	width: 1px;
}


/* 18. CONTACT FORM
------------------------------------------------------*/
#contact-form input, #contact-form textarea {
	padding: 5px;
	font-family: Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	border:none;
	background-color:rgba(000, 000, 000, 0.2);
	color:#fff;
}
#contact-form input {
	width:95%;
	height:22px;
}
#captcha {
	width:10% !important;
	margin-left:15px !important;
}
#contact-form textarea {
	height:88px;
	width:95%
}
#contact-form textarea:focus, #contact-form input:focus {
	border: 1px solid #E1E1E1;
}
#contact-form p input#submit {
	box-shadow: none;
	border:none;
	float:left;
	background-color:#000 !important;
	padding:7px 15px 7px 15px;
	color:#fff;
	font-size:13px;
	-moz-transition: all 0.2s ease 0s;
	font-family: 'Open Sans', sans-serif;
	width:100px;
	height: auto;
}
#contact-form p {
	padding-bottom:0px !important;
}
#contact-form p input#submit:hover {
	background-color:#fff !important;
	-webkit-transition-property: background;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: background;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease-out;
	-ms-transition-property: background;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease-out;
	transition-property: background;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	color:#000 !important;
	cursor:pointer;
}
#contact-form label {
	float: left;
	width:70px;
	padding-top: 5px;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}
.vaidate_error {
	border:1px solid #F96E5B!important;
}
#response {
	color: #FFFFFF;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.contact_details div {
	display: block;
	margin-bottom: 35px;
}


/* 19. CONTACT INFO
------------------------------------------------------*/
.contact-info p {
	padding-bottom:0px;
}
.contact-info > div {
	display: block;
	padding-bottom: 20px;
}


.loader {
    background: url("images/ajax-loader_dark.gif") no-repeat scroll 50% 50% #F9F9F9;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/* 20. PORTFOLIO BUTTONS
------------------------------------------------------*/
.portfolio-btn{
float:right;
margin-bottom:30px;
}

.portfolio-btn a {
    background: none repeat scroll 0 0 #333333;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    height: 30px;
    margin-left: 1px;
    text-align: center;
    width: 30px;
}

.portfolio-btn > a i {
    color: #FFFFFF;
    line-height: 30px;
}

.portfolio-btn a:hover {
    background:#C50423;
}

.drawer {
	bottom: 0px;
	height:210px;
	overflow: hidden;
	position:fixed;
	width: 100%;
	z-index: 5; /* make this what you need to */
}


.drawer > header {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 44px;
    margin: auto;
    overflow: hidden;
    padding: 5px;
    position: relative;   
    width: 42px;
    z-index: 999;
}

.drawer > header:before {
    border-bottom: 19px solid #C50423;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position:absolute;
    bottom:0px;
    width: 0;
}

.drawer i {
    margin: 0 auto;
    padding-left:14px;
    position: relative;
    text-align: center;
    z-index: 999;
}

.drawer-content {
	border-collapse: collapse;
	border-top: 5px solid #C50423;
	height:180px;
	width: 100%;
}

.clickme {
  cursor: pointer;
}

.drawer-items {
	margin: auto;
}

.img-pattern{
position:fixed;
top:0px;
background-image:url(images/pattern-overlay.png);
background-repeat:repeat;
height:100%;
width:100%;
}

.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}