/*Template Name: StarDazzle*/



@font-face {
	font-family: 'Conv_FuturaLT';
	src: url('../fonts/FuturaLT.eot');
	src: local('☺'), url('../fonts/FuturaLT.woff') format('woff'), url('../fonts/FuturaLT.ttf') format('truetype'), url('../fonts/FuturaLT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FuturaLT-Bold';
	src: url('../fonts/FuturaLT-Bold.eot');
	src: local('☺'), url('../fonts/FuturaLT-Bold.woff') format('woff'), url('../fonts/FuturaLT-Bold.ttf') format('truetype'), url('../fonts/FuturaLT-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ==========================================================================

   01. GENERAL & BASIC STYLES

   ========================================================================== */



#content_wrapper {
	overflow: hidden;
}
.animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
/*------------------------------------------*/

/*	 Preload Animation 

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



.animationload {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #262626;
	z-index: 999999;
}
.loader {
}
/*------------------------------------------*/

/*	 Headers

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



h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
}
/*------------------------------------------*/

/*	 Lists

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



ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*------------------------------------------*/

/*	 Link Setting

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



a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
a:hover {
	color: #444;
	text-decoration: none;
}
a:focus {
	color: #666;
	outline: none;
	border: none;
	text-decoration: none;
}
/*------------------------------------------*/

/*	 Theme Button

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



.btn-theme {
	background-color: #148834;
	color: #333;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.btn-theme:hover {
	background-color: #bd161d;
	color: #fff;
}
/*------------------------------------------*/

/*	 Button Hover/Focus

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



.btn:focus {
	outline: none;
}
.btn:focus {
	color: #f8f8f8;
	text-decoration: none;
}
/*------------------------------------------*/

/*	 Section Titlebar

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



.titlebar {
	margin-bottom: 20px;
	text-align: center;
}
.titlebar h3 {
	color: #222;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.titlebar h2 {
	color: #222;
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
}
.titlebar h2:after {
	display: block;
	content: "";
	height: 2px;
	width: 200px;
	background: #ffc400;
	margin: 15px auto;
	position: relative;
}
/* ==========================================================================

   02. HEADER & NAVIGATION

   ========================================================================== */



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

/*	 Logo Image    

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



.navbar-brand {
	padding: 0px;
}
.scroll-fixed-navbar .navbar-brand img {
	width: 100%;
	height: auto;
	max-width: 200px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
/*------------------------------------------*/

/*	 Navigation Menu    

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



.navbar {
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 2px 0px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.navbar-fixed-top {
	background-color: #ffffff;
	border-bottom: none;
}
.navbar-nav > li > a {
	color: #333;
	font-size: 15px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	padding: 0 20px;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
/*------------------------------------------*/

/*	 Navbar Scroll   

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



.scroll-fixed-navbar {
	padding: 0;
}
.scroll-fixed-navbar.navbar-fixed-top {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
/*------------------------------------------*/

/*	 Menu Hover

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



.navbar-nav > li > a:hover,  .navbar-nav > li > a.selected-nav {
	color: #fff;
	background-color: #bd161d;
	border-radius: 6px;
}
.navbar-nav > li:hover > a {
      color: #fff;
	background-color: #bd161d;
	border-radius: 6px;
}


.navbar-nav > li.current-menu-item > a {
color: #fff;
	background-color: #bd161d;
	border-radius: 6px;

}

.navbar-nav > li.current-menu-parent > a {

	color: #fff;
	background-color: #bd161d;
	border-radius: 6px;

}



.navbar-nav li ul.sub-menu li.current-menu-item > a {

	color: #fff;
	background-color: #000;

}


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

/*	 Responsive Menu    

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



.navbar-toggle {
	position: relative;
	float: right;
	background-color: transparent;
	padding: 10px;
	margin: 13px 30px 13px 0;
	border: none;
	color: #fff;
	border: 2px solid #ddd;
}
.navbar-toggle .icon-bar {
	background-color: #ddd;
}
/* ==========================================================================

   03. INTRO

   ========================================================================== */



#intro {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	z-index: 1;
	display: block;
	overflow: hidden;
	padding: 100px 0 0;
}
/*------------------------------------------*/

/*	 Intro Page Content   

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



.intro-content {
	width: 85%;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	display: inline-block;
	padding: 50px 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.intro-content h2 {
	font-size: 35px;
	font-weight: normal;
	line-height: 45px;
	text-transform: uppercase;
	margin-bottom: 15px;
	letter-spacing: 0;
	font-family: 'Conv_FuturaLT-Bold';
}
.intro-content h3 {
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 15px;
	letter-spacing: 0;
	font-family: 'Conv_FuturaLT';
}
/*------------------------------------------*/

/*	 SCROLL DOWN MOUSE  

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



.scroll-down {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 99;
	left: 0px;
	bottom: 10%;
	text-transform: uppercase;
	color: #ddd;
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	-webkit-animation-name: Floatingx;
	-webkit-animation-duration: 1.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: Floating;
	-moz-animation-duration: 1.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}
 @-webkit-keyframes Floatingx {
 from {
-webkit-transform:translate(0, 0px);
}
 65% {
-webkit-transform:translate(0, 10px);
}
 to {
-webkit-transform: translate(0, -0px);
}
}
 @-moz-keyframes Floating {
 from {
-moz-transform:translate(0, 0px);
}
 65% {
-moz-transform:translate(0, 10px);
}
 to {
-moz-transform: translate(0, -0px);
}
}
.mouse {
	width: 18px;
	height: 28px;
	color: #ddd;
	border: 2px solid #ddd;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	display: block;
	text-align: center;
	margin: 0px auto 10px;
}
/* ==========================================================================

   04. ABOUT

   ========================================================================== */

#about {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #1a1516;
	border-top: 6px solid #138834;
	border-bottom: 6px solid #138834;
	background-image: url(../img/vdbg.png);
	background-repeat: repeat-x;
	background-size: cover;
}
/*------------------------------------------*/

/*	TABS HOLDER IMAGE

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



#tabs-holder .img-responsive {
	display: inline-block;
}
/*------------------------------------------*/

/*	TABS

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



.nav-tabs {
	border: none;
}
.nav-tabs > li > a {
	color: #222;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0;
	border: none;
}
.nav-tabs > li:first-child {
	border-right: 1px solid #999;
	padding-right: 20px;
}
.nav-tabs > li:last-child {
	padding-left: 20px;
}
.nav-tabs > li.active > a,  .nav-tabs > li.active > a:hover,  .nav-tabs > li.active > a:focus {
	color: #ffc400;
	border: none;
	padding: 0;
}
.nav-tabs > li > a:hover {
	color: #ffc400;
	border: none;
}
/*------------------------------------------*/

/*	Tab Description

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



.tab-content > .tab-pane {
	padding: 25px 0;
	border: none;
	border: none;
}
.tab-content > .tab-pane p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}
.tab-content a {
	margin-top: 20px;
	margin-right: 10px;
}
/*------------------------------------------*/

/*	ACCORDION HOLDER IMAGE

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



#accordion-holder .img-responsive {
	display: inline-block;
}
/*------------------------------------------*/

/*	ACCORDION

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



.panel-group .panel {
	margin-bottom: 10px;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*------------------------------------------*/

/*	Panel Title

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



.panel-heading {
	padding: 0;
	background: none !important;
	border: 0 !important;
}
.panel-title {
	color: #222;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}
.panel-title > a {
	display: block;
	color: #222;
	padding: 12px 0;
}
.panel-title > a:hover {
	color: #ffc400;
}
/*------------------------------------------*/

/*	Panel Title Icon

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



.panel-title i {
	color: #ffc400;
	font-size: 28px;
	margin-right: 10px;
}
/*------------------------------------------*/

/*	Panel Content 

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



.panel-body {
	color: #444;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border: 0
}
.panel-default > .panel-heading + .panel-collapse {
	border: none;
	border-top: none;
}
/* ==========================================================================

   08. FEATURES

   ========================================================================== */

 

#features {
	padding-top: 50px;
	padding-bottom: 50px;
}
.features-box {
	border: 1px solid #138834;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
}
/*------------------------------------------*/

/*	  Feature Text

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



.features-text {
	position: relative;
}
.features-text h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #138834;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.features-text h2 span {
	clear: both;
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
}
.features-text p {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 0 10px;
}
.morbtn a {
	background-color: #138834;
	color: #fff;
	padding: 6px 20px;
	display: inline-block;
	margin: 5px 0;
	border: 0;
}
.morbtn a:hover {
	background-color: #ce0507;
	color: #fff;
	padding: 6px 20px;
	display: inline-block;
	margin: 5px 0;
	border: 0;
}
/* ==========================================================================

   11. LATEST WORKS

   ========================================================================== */



#portfolio {
	padding-top: 80px;
}
/*------------------------------------------*/

/*	   PORTFOLIO TITLEBAR

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



#portfolio .titlebar {
	margin-bottom: 40px;
}
/*------------------------------------------*/

/*	  FILTER BUTTONS

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



#gallery-filter {
	margin-bottom: 50px;
}
.btn-toolbar .btn-group {
	float: none;
}
/*------------------------------------------*/

/*	   Button Settings

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



#gallery-filter .btn-group > .btn {
	background: #f4f4f4;
	color: #333;
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 3px;
	padding: 8px 16px;
	text-shadow: none;
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.btn-group > .btn:first-child:not(:last-child),  .btn-group > .btn:last-child:not(:first-child) {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*------------------------------------------*/

/*	   Filter Button Hover

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



#gallery-filter .btn-group > .btn:hover {
	color: #fff;
	background-color: #ffc400;
}
/*------------------------------------------*/

/*	  Filter Button Active

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



#gallery-filter .btn-group > .btn.active,  #gallery-filter .btn-group > .btn.focus {
	color: #222;
	background-color: #ffc400;
	box-shadow: 0 0 0 0;
	cursor: default;
}
/*------------------------------------------*/

/*	  PORTFOLIO IMAGES HOLDER

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



.portfolio-items-list {
	margin: 0;
}
/*------------------------------------------*/

/*	  Portfolio Item

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



.portfolio-item {
	position: relative;
	display: none;
	opacity: 0;
	-moz-opacity: 0;
	padding: 0;
	text-align: center;
}
.portfolio-item a {
	cursor: pointer;
}
.hover-overlay {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.hover-overlay img {
	-webkit-transition: all 600ms;
	-moz-transition: all 600ms;
	-o-transition: all 600ms;
	transition: all 600ms;
}
/*------------------------------------------*/

/*	  Overlay Content 

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



.overlay-content {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	text-align: center;
	zoom: 1;
	opacity: 0;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.overlay-content h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
}
.overlay-content h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}
/*------------------------------------------*/

/*	  Overlay Background 

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



.item-overlay {
	opacity: 0;
	-moz-opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(225, 196, 0, 0.75);
	-moz-transition: opacity 400ms ease-out;
	-webkit-transition: opacity 400ms ease-out;
	-o-transition: opacity 400ms ease-out;
	transition: opacity 400ms ease-out;
}
/*------------------------------------------*/

/*	  Image Hover Effect 

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



.hover-overlay:hover > img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.hover-overlay:hover .item-overlay {
	opacity: 1;
	-moz-opacity: 1;
}
.portfolio-item:hover .overlay-content {
	bottom: 40%;
	opacity: 1;
	-moz-opacity: 1;
}
/* ==========================================================================

   14. CLIENTS

   ========================================================================== */

 

#clients {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	border-top: 5px solid #bd161d;
	border-bottom: 5px solid #bd161d;
	background-color: #000;
}
/*------------------------------------------*/

/*	 CLIENTS CAROUSEL NAVIGATION

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



.customNavigation {
	display: inline-block;
	position: absolute;
	top: 40%;
	right: 0;
	width: 100%;
}
.customNavigation .prev1 {
	float: left;
}
.customNavigation .next1 {
	float: right;
}
.customNavigation .btn {
	padding: 4px 10px;
}
.customNavigation i {
	font-size: 20px;
	color: #fff;
}
#our-gallery img {
	border-right: 1px solid #5A5A5A;
}
/* ==========================================================================

   15 TESTIMONIALS 

   ========================================================================== */



#testimonials {
	background-color: #f5f5f5;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 30px;
	padding-bottom: 25px;
	background-attachment: fixed;
	background-size: cover;
}
/* ==========================================================================

   21. FOOTER

   ========================================================================== */ 

 

#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #148834;
}
#footer_copyright p {
	color: #ddd;
	line-height: 40px;
	margin-bottom: 0;
}
/*------------------------------------------*/

/*	 Footer Social Icons  

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



.contact-socials {
	display: inline-block;
	padding-left: 0;
}
.contact-socials li {
	float: left;
	width: auto !important;
	display: inline-block !important;
	vertical-align: top;
	clear: none !important;
	padding: 0;
}
/*------------------------------------------*/

/*	 Footer Social Icon Setting 

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



.foo_social {
	background-color: #4F6DAC;
	text-align: center;
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	margin: 0 5px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
/*------------------------------------------*/

/*	 Footer Social Icons Hover 

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



.foo_social.ico-facebook:hover {
	background-color: #3b5998;
	color: #fff;
}
.foo_social.ico-twitter:hover {
	background-color: #00a9ed;
	color: #fff;
}
.foo_social.ico-google-plus:hover {
	background-color: #cd1111;
	color: #fff;
}
.foo_social.ico-linkedin:hover {
	background-color: #015886;
	color: #fff;
}
.foo_social.ico-instagram:hover {
	background-color: #beb3a8;
	color: #fff;
}
.foo_social.ico-pinterest:hover {
	background-color: #ac281a;
	color: #fff;
}
.foo_social.ico-youtube:hover {
	background-color: #cd1b20;
	color: #fff;
}
.foo_social.ico-tumblr:hover {
	background-color: #3a5976;
	color: #fff;
}
/* ==========================================================================

   22. SCROLL TO TOP

   ========================================================================== */



#scrollUp {
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-image: url(../img/icons/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: rgba(189, 22, 29, 0.85);
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;
}
#scrollUp:hover {
	background-color: rgba(189, 22, 29, 1);
}
nav a#pull {
	display: none;
}