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

	File Name: style.css
	Template Name: Vizerk
	Created By: Designing Media
	http://themeforest.net/user/designingmedia
	
	1) SKELETON
	2) HEADER SECTIONS
	3) HOME SLIDER SECTION
	4) ABOUT SECTION
	5) SERVICE SECTION
	6) SKILL SECTION
	7) TESTIMONIAL SECTION
	8) BLOG / PAGE STYLES
	9) PORTFOLIO SECTION
	10) PRICING SECTION
	11) TEAM SECTION
	12) STATS COUNT SECTION
	13) CONTACT AND MAP SECTION
	14) FOOTER SECTION
	15) VIDEO PARALLEX
	16) COLOR SCHEME
	17) BLOG SECTION
	18) SOCIAL MEDIA SECITON
	19) LINE SECTION FOR BUTTONS, TEXT, HEADS AND TITLES
	20) MOBILE RESPONSIVE SECTIONS
	21) CUSTOM CSS SECTION
	

/*	################################################################
	2. SKELETON
	################################################################# */
	
	body {
		background:#fff;
		color:#666666;
		font-size:18px;
		line-height:24px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:300;
	}
	
	p,i{
		font-weight:300;
	}

	h1, h2, h3, h4, h5, .navbar-default .navbar-nav > li > a{
		font-family:'Oswald'!important;
		text-transform:uppercase;
		font-weight:300;
	}
	.col-centered{
  	  	float: none;
   		margin: 0 auto;
	}
	.row.no-gutters {
  		margin-right: 0;
 	 	margin-left: 0;
	}
	.row.no-gutters > [class^="col-"],
	.row.no-gutters > [class*=" col-"] {
	  padding-right: 0;
	  padding-left: 0;
	}
	img.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		margin-top: 5px;
	}
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	img.alignleft {
		margin: 5px 20px 20px 0;
		float: left;
	}
	.alignleft {
		margin: 5px 10px 20px 0;
		float: left;
	}
	img.alignright {
		margin: 5px 0 20px 20px;
		float: right;
	}
	.alignright {
		margin: 5px 0 20px 20px;
		float: right;
	}
	.transparent {
		z-index:1;
		display:block;
		padding:100px 0;
		position:relative;
	}
	.white-wrapper {
		z-index:1;
		display:block;
		padding:100px 0;
		position:relative;
		background-color:#f7f7f7;
	}
	.dark-wrapper {
		display:block;
		padding:100px 0 0;
		position:relative;
		background-color:#fff;
	}

/*	############## ##################################################
	2. Header Sections
	################################################################# */
	
.header {
    top: 0;
    z-index: 0;
    width: 100%;
    z-index: 999;
    position: absolute;
    /*padding-top: 30px;*/
    z-index: 999;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheetarticle, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
Inherited from body
body {
    background: #fff;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Raleway', sans-serif;
}
body {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
Inherited from html.csstransforms.csstransforms3d.csstransitions
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Pseudo ::before element
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#myCarousel .item:after {
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    width: 100%;
    display: block;
    content: "";
    height: 30%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:0;
    opacity:.5;
}
.header .navbar-brand {
    height: 63px;
    padding: 0px;
}
	
	.header.affix {
    background: #000;
    width: 100%;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
	
	.navbar-default {
		background:none;
		border:none;
		margin-top:20px;
	}
	.navbar-nav{
		margin-top:8px;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;
	}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

	.navbar-default .navbar-nav > li > a {
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: 300;
	    font-size: 18px;
	    letter-spacing: 1px;
	}

	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a.active {
		color:#f5f5f5;
		border-bottom: 1px solid #fff;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background:none;
		border-bottom: 1px solid #fff;
		color: #FFFFFF;
	}
	
	.feature-img img {
		padding:100px 0;
		margin:auto;
	}
	.features-widget {
		margin-bottom:25px;
	}
	
	.features-widget h3 {
		color: #000;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 20px;
	}
	
	.features-widget p {
		color: #000;
		letter-spacing: 1px;
		font-weight: 400;
		font-size: 12px;
	}
	
	.borderright {
		padding:0 25px;
		border-right:1px solid #dddddd;
	}
	
	.borderleft {
		padding:0 25px;
		border-left:1px solid #dddddd;
	}
	
	.title hr {
		width:40%;
		border-color:#dddddd;
	}
	.title hr.yellowShort {
		width:20%;
		border-color:#e09c18;
	}
	.title hr.yellowShort:after {
		display:none;

	}
	
	
	.title h2 {
	    color: #4c4c4e;
	    text-transform: uppercase;
	    font-weight: 900;
	    font-size: 62px;
	    text-align: left;
	}
	 .title h2:after {
	    content: "";
	    margin: 25px 0px;
	    display: block;
	    height: 3px;
	    background: #dc931a;
	    width: 100px;
	}
	.colorHeader .title h2:after{
		background:white;
	}
	.colorHeader p{
		color:white;
	}
	.transparent .title h2 {
		border-bottom: 1px solid #111;
		display: inline-block;
		font-weight: 300;
		padding: 0 0 25px;
		text-transform: none;
	}

	
	.title p {
	    letter-spacing: 2px;
	    color: #999999;
	    text-transform: uppercase;
	    font-size: 16px;
	       padding: 5px;
	}
		
		
	
/*	################################################################
	3. Home Slider Section
	################################################################# */
		
	.homeoverlay {
		background-color: rgba(18, 78, 88, 0.56);
	}
	.rev-overlay {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background-color: rgba(0, 30, 35, 0.8);
	}
	.transparent {
		background:rgb(0,0,0);
		background: transparent\9;
		background:rgba(0,0,0,0);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
		zoom: 1;
	}
	.home-wrapper {
		background: url(demos/home-banner.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		width:100%;
	}
	
	#owl-intro h2 {
		font-size: 36px;
		font-weight: 300;
		text-transform: uppercase;
		color: #FFF;
		margin:220px auto;
		text-align:center;
		padding: 20px;
		
	}
	
	.sliderbigtitle {
		font-size: 36px;
		font-weight: 300;
		text-transform: uppercase;
		color: #FFF;
		margin:220px auto;
		text-align:center;
		padding: 20px;
		line-height: 35px;
		
	}
	
	.slidersmalltitle {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		color: #FFF;
		margin: -220px auto;
		text-align: center;
		padding: 20px;
		line-height: 1.5;
	}
	
	.sliderbigtitle hr {
		width: 40%;
		}

	.slidersmalltitle hr {
		width: 40%;
		}

	
	#owl-intro p {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		color: #FFF;
		margin: -220px auto;
		text-align: center;
		padding: 20px;
	}
	
	#owl-intro h2 hr {
		width:40%;
	}
	
		
	.intro-icon {
		margin: 0 auto;
		padding: 0 0 20px 0;
		width: 50px;
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
	}
	span.intro-icon a {
		font-size: 50px;
		color: #FFF;
	}
	
	.greywrapper {
		z-index: 1;
		display: block;
		padding: 0px 0 0px 0;
		position: relative;
		background-color: #f1f1f1;
		
	}

	.greywrapper .btn-primary:before,.greywrapper .jtbtn:before,.greywrapper .btn-primary:after,.greywrapper .jtbtn:after{
		background-color:#f1f1f1!important;
	}
	.darkwrapper {
		z-index: 1;
		display: block;
		padding: 0px 0 70px 0;
		position: relative;
		background-color: #58585a;
		color:white;
	}
	
	.feature-img {
		margin-bottom: -40px;
	}
	
	
	/*
	* 	Slider Revolutions 
	*	
	*/
	
	@keyframes animatedBackground {
		0% { background-position: 0 0; }
		100% { background-position: -31000px 0; }
	}
	@-moz-keyframes animatedBackground {
		0% { background-position: 0 0; }
		100% { background-position: -31000px 0; }
	}
	@-webkit-keyframes animatedBackground {
		0% { background-position: 0 0; }
		100% { background-position: -31000px 0; }
	}
	@-ms-keyframes animatedBackground {
		0% { background-position: 0 0; }
		100% { background-position: -31000px 0; }
	}
	@-o-keyframes animatedBackground {
		0% { background-position: 0 0; }
		100% { background-position:-31000px 0; }
	}
	 
	#animate-area img {
		width:100%;
		height:100%;
	}
	#animate-area {
		width: 100%;
		position:absolute;
		height:100%;
		top:0;
		bottom:0;
		left:0;
		z-index:-1;
		background-image: url(demos/parallaxbg_01.jpg);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		animation: animatedBackground 666s linear infinite;
		-moz-animation: animatedBackground 666s linear infinite;
		-webkit-animation: animatedBackground 666s linear infinite;
		-ms-animation: animatedBackground 666s linear infinite;
		-o-animation: animatedBackground 666s linear infinite;
	}
	#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: #ffffff;
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
		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-navigation a:hover {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.slides-navigation {
		top: 50%;
	}
	.slides-navigation a {
		display: block;
		text-decoration: none;
		color: white;
		font-size: 24px;
		margin: 0 25px;
		text-align: center;
		height: 60px;
		width: 60px;
		line-height:60px;
		top: 0;
		border:1px solid #ffffff;
		padding: 0;
		-webkit-border-radius: 500px;
		border-radius: 500px;
	}
	.slides-navigation {
		margin: 0 auto;
		position: absolute;
		z-index: 3;
		top: 46%;
		width: 100%;
	}
	.slides-navigation a {
		position: absolute;
		display: block;
	}
	.slides-navigation a.prev {
		left: 0;
	}
	.slides-navigation a.next {
		right: 0;
	}
	
	.boxedcontainer {	
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}
	.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-bullets.simplebullets.navbar {
		height: 35px;
		padding: 0px 0px;
	
	}
	.tp-bullets.simplebullets .bullet {
		cursor: pointer;
		position: relative !important;
		background: rgba(0, 0, 0, 0.5) !important;
		-webkit-border-radius: 0;
		border-radius: 0;
		-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) !important;
		display: inline-block;
		margin-right: 2px !important;
		margin-bottom: 14px !important;
		-webkit-transition: background-color 0.2s, border-color 0.2s;
		-moz-transition: background-color 0.2s, border-color 0.2s;
		-o-transition: background-color 0.2s, border-color 0.2s;
		-ms-transition: background-color 0.2s, border-color 0.2s;
		transition: background-color 0.2s, border-color 0.2s;
		float:none !important;
	}
	.tp-bullets.simplebullets .bullet.last {
		margin-right: 0px
	}
	.tp-bullets.simplebullets .bullet:hover,
	.tp-bullets.simplebullets .bullet.selected {
		-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 !important;
	}
	.tparrows:before {
		font-family: 'revicons';
		color: #fff;
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		margin-right: 0;
		margin-top: 17px;
		text-align: center;
		width: 55px;
		font-size: 14px;
	}
	.tparrows {
		border-radius:0 !important;
		opacity: 1 !important;
		}
	.slides-navigation a,
	.tp-leftarrow, 
	.tp-rightarrow{ 
		opacity:0.9 !important;
		filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	.slides-navigation a:hover,
	.tp-leftarrow:hover, 
	.tp-rightarrow:hover{
		filter:alpha(opacity=100); /* For IE8 and earlier */
		opacity:1 !important;
	}
	.tparrows {
		border:1px solid #aaaaaa;
		cursor: pointer;
		background: rgba(0, 0, 0, 0) !important;
		width: 60px !important;
		height: 60px !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, 0) !important;
	}
	
		
	/*
	* 	Owl Carousel 
	*	v1.3.3
	*/
	
	.owl-theme .owl-controls{
		margin-top: 10px;
		text-align: center;
	}
	
	/* Styling Next and Prev buttons */
	
	.owl-theme .owl-controls .owl-buttons div{
		color: #FFF;
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
		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);/*IE7 fix*/
		opacity: 0.5;
	}
	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action */
	.owl-theme .owl-controls.clickable .owl-buttons div:hover{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
		text-decoration: none;
	}
	
	/* Styling Pagination*/
	
	.owl-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.owl-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix*/
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
	}
	
	/* If PaginationNumbers is true */
	
	.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;
	}
	
	/* preloading images */
	.owl-item.loading{
		min-height: 150px;
		background: url(images/AjaxLoader.gif) no-repeat center center
	}
	
	
	.parallax {
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.home-wrapper {
	   height: 100vh;
		position:relative;
	}
	
	.customoverlay {
		padding: 60px 0;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background-color: rgba(0, 30, 35, 0.8);
	}
	
/*	################################################################
	4. ABOUT SECTION
	################################################################# */
	
	.about-wrapper {
		display: block;
		padding: 100px 0;
		position: relative;
		background-color: #FFF;
	}
	
	.about-box img {
		padding-bottom:15px;
		
		}
	.about-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.about-box h3 {
		margin:20px 0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight:500;
	}
	
	.how-box img {
		padding: 15px;
		}
	
	.how-box {
		margin:60px 40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box-head {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box h3 {
		margin:10px 0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight: 700;
	}
	
	.how-box-head h2 {
		margin: 0px 0;
		font-size: 22px;
		color: #000;
		font-weight: 600;
		
	}
	
	.how-box-head.makebg1 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox1.png) no-repeat left center;
	}
	
	.how-box-head.makebg2 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox2.png) no-repeat left center;
	}
	
	.how-box-head h3 {
		margin: 0px 0;
		font-size: 16px;
		font-weight: 500;
	}
	
/*	################################################################
	5. SERVICE SECTION
	################################################################# */	
	
	.service-box img {
		padding-right:15px;
		margin-right:5px;
	}
	.service-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.service-box p {
		padding-left: 80px;
		margin-top: -10px;
	}
	
	.service-box h3 {
		margin: 20px 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-weight: 500;
		padding-left: 80px !important;
	}
	
	#testimonials .item{
		background: #3fbf79;
		padding: 30px 0px;
		margin: 10px;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	.customNavigation{
		text-align: center;
	 }
	.customNavigation a{
		-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);
	}
		 
/*	################################################################
	6. SKILL SECTION
	################################################################# */
		
	.title {
		padding:30px 0px;
		}
	.overlay{
		background-color: #dc931a;
	}
	.wrapper{
		background:white;
	}

	.overlay .title h1,.overlay .title h2,.overlay .title h3,.overlay .title p,.darkwrapper .title h1,.darkwrapper .title h2,.darkwrapper .title h3,.darkwrapper .title p  {
    	color: white;
	}
		.title h1{
			font-weight: 400;
    		letter-spacing: 2px;
		}
		
		.overlay .title{
			padding:30px 0px;
		}
	.skill h3 {
		color:#ffffff;
		text-transform:uppercase;
		padding:20px 0 10px;
		position:relative;
		display:block;
		font-size:15px;
		}
		
	.skill p {
		color:#ffffff;
		}
		
	.skill {
		margin:0 auto;
		display:block;
		position:relative;
		text-align:center; 
		}
	.percent {
		top: 28%;
		color: #FFFFFF;
		display: block;
		font-size: 30px;
		left: 0;
		line-height: 20px;
		margin: 0 auto;
		position: absolute;
		right: 0;
		text-align: center;
		width: 170px;
		z-index: 10;
		}
	
/*	################################################################
	7. TESTIMONIAL SECITON
	################################################################# */
	.testimonial h2 {
		font-weight: 600;
		font-size: 26px;
		color: #000;
		border-bottom: 1px solid;
		display: inline-block;
		padding: 20px;
	}
	
	.testimonial p {
		font-weight: 600;
		font-size: 15px;
		color: #999;
		padding: 30px 0 2px 0px;
	}
	
	.testimonial h1 {
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
		padding-bottom: 30px;
	}
	
	.fa-2x {
		color: #ABABAB;
	}
	
/*	################################################################
	8. PORTFOLIO SECTION
    ################################################################# */
	
	.portfolio-filter {float:none; margin:auto !important; text-align:center;}

	.portfolio-filter ul {
		list-style: none outside none;
		padding: 0;
		position: relative;
		right: 20px;
		top: 10px;
	}
	
	.portfolio-filter li {
		margin-left: 15px;
		padding: 0;
		display:inline;
		list-style: none;
	}
	.portfolio-filter li a {
		font-weight: 700;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		padding-bottom: 10px;
		letter-spacing: 2px;
	}
	
	
	.portfolio-filter li.active {
		border-bottom: 1px solid;
		padding: 10px !important;
	}
	
	
	.portfolio-filter li a:hover {
		border-bottom: 1px solid;
		padding-bottom: 10px;
		text-decoration: none !important;
		}
	
	.masonry_wrapper {
		overflow:hidden;
		display:block;
		margin:50px 0;
	}
	
	
	.masonry_wrapper .item img {
		height: auto !important;
		height: 100% !important;
		width: 100%;
		position: relative;
		z-index: -2;
		background:#fff !important;
	}
	
.masonry_wrapper .item {
	margin: 0 2px 4px;
	padding:0;
}
.masonry_wrapper .item img {
	width: 100%;
	position: relative;
	z-index: -2;
}
		
	.isotope-item {
		z-index: 2;
	}
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	.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.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}

	
	
/*	################################################################
	10. PRICING SECTION
	################################################################# */
	
	.pricing-box:hover {
		border-top: 1px solid;
	
	}
	
	.bigstar {
		font-size:16px !important
	}
	
	.pricing-box .hideme {
		display:none !important;
	}
	.pricing-box:hover .hideme {
		background: none repeat scroll 0 0 #fff;
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		top: -12px;
		width: 50px;
		margin: auto;
	}
	.pricing-box {
		border-top: 1px solid #E6E6E6;
		text-align:center;
		margin:40px 0;
		padding:20px;
	}
	
	
	div.price {
		border-radius:500px;
		font-size:24px;
		color:#fff;
		text-align:center;
		font-weight:400;
	}
	
	.price-value {
		padding-top: 20px;
		font-size: 62px;
		color: #000;
		text-align: center;
		font-weight: 600;
	}
	
	.price-value sub {font-size:21px;vertical-align:top}
	
	.price-month {
		padding: 20px 0 30px 0;
		font-size: 12px;
		color: #999;
		text-align: center;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	.pricing-box h3 {
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.jtbtn {
		display: inline-block;
		padding: 6px 13px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.428571429;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		border: 1px solid;
		margin-top: 30px;
		text-transform: uppercase;
	}
	
	.jtbtn:hover {
		text-decoration:none;
	}
	
	.pricing {
		list-style:none;
		padding:0;
	}
	
	.pricing li {
		font-size: 13px;
		line-height: 41px;
		text-align: center;
		margin: 0 auto;
		padding: 7px;
		color: #999;
		font-weight: 600;
		border-bottom: 1px solid #DBDBDB;
		}
	ul.pricing {
		border: 1px solid #fff;
	}		
	ul.pricing:hover {
		border: 1px solid #DADADA;
	}
	.pricing-box:hover .pricing {
		background-color:#ededed;
	}
		
		
/*	################################################################
	11. TEAM SECTION
	################################################################# */
	
	.team-wrapper {
		z-index: 1;
		display: block;
		padding: 100px 0 50px 0;
		position: relative;
		background-color: #fff;
	}
		
	.team-box img {
		padding-bottom:15px;
		margin-bottom:30px;
		}
		
	.team-box {
		margin:40px 0;
		color:#999999;
		padding:0;
		}
	
	.team-box h3 {
		margin: 20px 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-weight: 600;
	}
	
	.team-box p {
		margin-top: -20px !important;
		font-weight: 500;
		font-size: 12px;
		text-transform: uppercase;
		border-bottom: 1px solid;
		padding-bottom: 20px;
	}
	
	.team-social-icons img {
		border: none;
		padding: 25px 0px 25px 5px;
	}
		
	.greatideas {
		text-align: center;
		margin: 70px 0 0 0;
	}	
	
	.featured-box img {
		width:100%;
		margin-bottom:-100px;
	}
	.featured-box {
		margin:0;
		color:#999999;
		padding:0;
	}
	
	.featured-box h3 {
		color: #FFF;
		font-weight: 600;
		font-size: 32px;
		text-align: center;
		padding: 25px;
	}
		
/*	################################################################
	12. STATS COUNT SECTION
	################################################################# */
	
	.stat {
	   margin:0px auto;
	   text-align:center;
	}
	
	.milestone-counter img {
		float: left;
		padding: 10px;
	}
	
	.highlight {
	   color:#fff;
	   padding:20px 0;
	   font-weight:400;
	   display:block;
	   overflow:hidden;
	   margin-bottom:0;
	   font-family: 'Oswald', sans-serif;
	   font-size:56px;
	}
	.stat i {
		color: #FFF;
		margin: 0 15px 0px 0px;
		font-size: 65px;
	}
	.milestone-details {
		font-weight: 500;
		font-size: 12px;
		color: #FFF;
		padding: 0 0 10px 20px;
		border-bottom: 1px solid;
	}
	   
/*	################################################################
	13. CONTACT AND MAP SECTION
	################################################################# */
	
	#success_page h1 {
		font-size:24px;
		font-weight:bold; 
		text-transform:uppercase;
	}
	
	.loader1 {
		vertical-align: super;
		padding-left: 20px;
	}
	
	.form-control {
		border-radius: 0 !important;
		box-shadow: none !important;
		border:1px solid #ffffff;
	}
	.form-control::-webkit-input-placeholder { color: #ffffff; font-weight:300;font-style:italic; }
	.form-control:-moz-placeholder { color: #ffffff; font-weight:300;font-style:italic;}
	.form-control::-moz-placeholder { color: #ffffff; font-weight:300;font-style:italic; }
	.form-control:-ms-input-placeholder { color: #ffffff; font-weight:300;font-style:italic; }
	.form-control:focus {

		border:1px solid #e09c18;
		background:white;
	
	}
	.contact-wrapper {
		display:block;
		padding:0px 0 0;
		position:relative;
		background-color:#fff;
	}
	
	#contactform {
		margin:0px 0px 50px -10px;
		}
	#contactform .form-control {
		margin: 0px 0px 25px 0px;
		height: 50px;
		font-weight: 500;
		font-size: 12px;
		background: transparent;
		color:white;
		}	
	#contactform .form-control:focus {
		background-color:#fff;
		color:#4c4c4e;
	}

	#contactform textarea {
		height:150px !important;
		}
	
	#contactform span.required{ 
		font-size: 13px; color: #ff0000; 
		} 
	
	.btn-primary {
		display: inline-block;
		padding: 6px 13px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.428571429;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		color: #292723!important;
		border: 1px solid;
		margin-top: 30px;
		text-transform: uppercase;
	}
	#contactform .btn-primary:hover {
		background: #e09c18!important;
		color: black;
	}
	.contact-box img {
		padding-bottom:15px;
		margin-bottom:0px;
	}
	.contact-box {
		margin:0;
		color:#999999;
		padding:0;
	}
	
	.contact-box h2 {
		font-size: 16px;
		margin: 0px 0px 15px 0px !important;
		text-transform: uppercase;
		color: white;
		font-weight: 300;
		/* letter-spacing: 1px; */
		line-height: 1.5em;
	}
	.contact-box h2 a {
    color: white;
    text-transform: none;
    margin-top: 10px;
    letter-spacing: 0px;
    font-size: 16px;
    display: block;
}
	
	.btn-contact:hover {
		background: #333 !important;
		color:orange;
		}
	
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		font-weight: 700 !important;
		font-size: 12px !important;
		border-bottom: 1px solid #FFF !important;
		text-transform: uppercase;
		padding: 10px;
		border-bottom: 1px solid!important;
		letter-spacing: 3px;
		
	}
	
	.nav-tabs > li > a {
		border: none !important;
		background: none !important;
		font-weight: 300 !important;
		font-size: 12px !important;
		border-bottom: 1px solid #FFF;
		text-transform: uppercase;
		padding: 10px !important;
		letter-spacing: 3px !important;
		color: #999 !important;
	}
	
	.nav-tabs {
		border-bottom: 0 !important;
		padding-bottom: 40px;
	}
	
.btn-contact {
    border-radius: 0 !important;
    background: #4c4c4e;
    color: white;
    font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 21px;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
			
	.btn-contact:hover {
		background:#333;
		}
			
	.nav-tabs > li {
		float:none;
		margin:20px 10px 0 !important;
		display:inline-block;
		}	
		
	#map{
		height:450px;
		width:100%
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row .col-lg-4{
		float:right;
		margin-top:-450px;
		z-index:9
	}
	.contact-icon {
		margin:20px 0;
		overflow:hidden;
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}
		
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #FFF !important;
	
	}
	
	.error_message {
	color: #F00!important;
	}
		
	
/*	################################################################
	14. FOOTER SECTION
	################################################################# */
	
	.footer-wrapper {
	display: block;
    padding: 50px 0;
    position: relative;
    background-color: #4c4c4e;
	}
	
	.footer-wrapper img {
		padding: 15px;
	}
	
	.footer-wrapper p {
	    font-weight: 300;
	    font-size: 12px;
	    color: #929292;
	    text-transform: none;
	    letter-spacing: 0px;
	}
	
	i.fa.fa-angle-up {
		color: #FFF;
		font-size: 30px;
		padding: 10px;
	}	
	
	.social-icons img {
		border: none;
		padding: 30px 0px 30px 5px;
	}
	
	.hovereffect .icon {
		font-size: 31px;
		font-weight: 300;
		height: 75px;
		left: 0;
		line-height: 75px;
		margin: -35px auto 0;
		position: absolute;
		right: 0;
		top:38%;
		text-align: center;
		width: 75px;
		}
		
	.hovereffect h4 {
		text-align:center;
		font-size:20px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect p {
		text-align:center;
		font-size:12px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		color:#FFF!important;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h4,
	.hovereffect .icon {
		color:#fff;
		font-size:18px;
	}
	.hovereffect:hover .buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.hovereffect .buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    height: auto;
    top: 50%;
    margin-top: -45px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
		.hovereffect:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		.entry:hover .hovereffect { 
		opacity: 1;
		visibility: visible;
		}
		.entry {
		display:block;
		position:relative;	
	}
	.hovereffect {
		background-color:rgba(224,156,24,0.75);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
	
	
/*	################################################################
	15. VIDEO PARALLEX
	################################################################# */
		
	#videobgfull {
		width:100% !important;
		min-height:500px !important;
		max-height:100% !important;
		position:relative !important;
	}
	
	.videooverlay {
		padding: 100px 0;
		background-color: rgba(224, 156, 24, 0.85);
	}
	
	.videooverlay .general-title h2 {
		color:#fff;
	}
	
	.video-js {width:100%; height:100%;}
	
	#revvideo {
		width:100% !important;
		height:100% !important;
	}
			
	#volume {
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		font-size: 17px;
		height: 30px;
		line-height: 28px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 30px;
		z-index: 10;
		background: #000;
		border: 1px solid #222;
	}
	
	.js-video {
		height: 0;
		padding-top: 25px;
		padding-bottom: 50.5%;
		border:1px solid #ffffff;
		position: relative;
		overflow: hidden;
	}
	.js-video.widescreen {
		padding-bottom: 57.25%;
		border:1px solid #ffffff;
	}
	.js-video.vimeo {
		padding-top: 0;
		border:1px solid #ffffff;
	}	
	
	.js-video embed, .js-video iframe, .js-video object, .js-video video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	.mb_YTVPlayer {z-index:-10;}
	.videobg {
		padding:0; 
		color:#ffffff !important;
	}
	
	.videobg-wrap .general-title hr {
		background-color:#ffffff;
	}
	.videobg-wrap { background-color: rgba(43, 46, 49, 0.8);padding:30px 0 0}
	
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#4c4c4e; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(images/loading.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	
	
/*	################################################################
	16. COLOR SCHEME
	################################################################# */
	
	.sliderbigtitle hr,
	.slidersmalltitle hr,
	#owl-intro h2 hr,
	.tparrows,
	.tp-bullets.simplebullets .bullet.selected,
	.portfolio-filter li.active,
	.portfolio-filter li a:hover,
	.pricing-box:hover,
	.testimonial h2,
	.logo-border,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .open > .dropdown-toggle.btn-primary,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a.active,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.transparent .title h2,
	span.commenthr,
	.comment-section h6 hr,
	.team-box p,
	.milestone-details,
	.category-list li:hover
	{
		border-color: #FFFFFF !important;
	}

	.portfolio-filter li a:hover ,
	.testimonial h1 ,
	.how-box-head h3,
	.pricing-box:hover,
	.jtbtn ,
	.post-meta a,
	.category-list li a:hover ,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus ,
	.pricing-box:hover .price-value,
	.pricing-box:hover .price-month,
	.hovereffect h5
	{
		color: #e09c18 !important;
	}

	.tparrows,
	.pricing-box:hover:after,
	.team-box p:after,
	.testimonial h2:after,
	.milestone-details:after,
	.navbar-nav > li.active > a:after,
	.navbar-nav > li > a:hover:after,
	.nav-tabs > li.active > a:after, 
	.nav-tabs > li.active > a:hover:after, 
	.nav-tabs > li.active > a:focus:after,	
	.portfolio-filter li.active:after,	
	.portfolio-filter li a:hover:after,
	.bottomline:after,
	.team-box p:before,
	.testimonial h2:before,
	.milestone-details:before,
	.navbar-nav > li.active > a:before,
	.navbar-nav > li > a:hover:before,
	.nav-tabs > li.active > a:before, 
	.nav-tabs > li.active > a:hover:before, 
	.nav-tabs > li.active > a:focus:before,
	.portfolio-filter li.active:before,
	.portfolio-filter li a:hover:before,
	.bottomline:before,
	.topline:before,
	.topline:after,
	.milestone-details:after,
	.milestone-details:before,
	.category-list li:hover:before, .category-list li:hover:after, .pricing-box:hover:before, .pricing-box:hover:after, .open > .dropdown-toggle.btn-primary 
	{
		background-color: #FFFFFF !important;
	}
	
	
/*	################################################################
	17. BLOG SECTION
	################################################################# */
	
	#whiteheader {background-color:#fff;border-bottom:1px solid #eaeaea;}
	
	#whiteheader .navbar-default .navbar-nav > li > a 
	{
		font-weight: 400;
		font-size: 12px;
		padding:10px;
		color:#58585a;

	}
	
	.blog-main #intro {
		padding: 75px 0px 42px;
		background: #000;
	}
	
	.main-content {
		position: relative;
		background: #FFF;
		padding: 60px 0 105px;
	}
	
	
	.sidebar-widget {
		margin-bottom: 60px;
	}
	
	.sidebar-widget h5 {
		font-weight: 500;
		font-size: 16px;
		color: #000;
	}
	
	
	.search {
		position: relative;
	}
	
	.search input {
		height: 45px;
		border: 1px solid #ddd;
		width: 100%;
		padding: 15px;
		font-size: 14px;
		position: relative;
	}
	
	.search:before {
		content: "\f002";
		font-family: FontAwesome;
		position: absolute;
		right: 12px;
		top: 10px;
		font-size: 20px;
		color: #888888;
		z-index: 999;
	}
	
	
	.recentpost-list {
		padding: 0;
	}
	
	.recentpost-list li {
		list-style: none;
		font-size: 16px;
		color: #999;
		margin-bottom: 45px;
		padding-left: 0;
		position: relative;
	}
	
	.recentpost-list li img {
		float: left;
	}
	
	.recentpost-list li h4 {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 2px;
		margin-left: 80px;
		color: #999;
	}
	
	.recentpost-list li h4 a {
		color: #999;
	}
	
	.recentpost-list li h4 a:hover {
		color: #21c2f8;
	}
	
	.recentpost-list li span {
		font-size: 12px;
		color: #aaaaaa;
		margin-left: 13px;
		font-style: italic;
	}
	
	
	.category-list {
		padding: 0;
	}
	
	.category-list li {
		list-style: none;
		font-size: 14px;
		color: #858585;
		margin-bottom: 15px;
		padding-left: 22px;
		position: relative;
		border-left: 1px solid #DDD;
		padding: 2px 0px 0px 20px;
	}
	
	
	.category-list li a {
		color: #999;
	}
	
	.category-list li a:hover {
		text-decoration:none !important;
	}
	
	.category-list li:hover {
		border-left: 1px solid;
		
	}
	
	.tags-list {
		padding: 0;
	}
	
	.tags-list li {
		float: left;
		margin-right: 4px;
		margin-bottom: 7px;
		list-style: none;
	}
	
	.tags-list li a {
		background: #fff;
		border: 1px solid #ddd;
		color: #858585;
		padding: 6px 13px;
		display: table;
		font-size: 14px;
	}
	
	.tags-list li a:hover {
		background: #21c2f8;
		border: 1px solid #21c2f8;
		color: #fff;
	}
	
	.blog-ico {
		width: 70px;
		height: 90px;
		float: left;
	}
	
	.blog-ico i {
		width: 70px;
		height: 70px;
		color: #21c2f8;
		font-size: 40px;
		line-height: 70px;
	}
	
	.blog-content img {
		padding-right: 15px;
		margin-right: 30px;
		display: block;
	}
	
	article p {
		font-size: 13px;
		color: #999;
		line-height: 23px;
		margin-top: 20px;
		font-weight: 500;
	}
	
	article {
		padding-bottom: 50px;
		margin-bottom: 40px;
		border-bottom: 1px solid #D3D1D1;
	}
	
	.post-head {
		margin-top: 30px;
		display:block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	article h4 {
		font-size: 22px;
		color: #000;
		font-weight: 400;
	}
	
	article h4 a {
		color: #000;
	}
	
	article h4 a:hover {
		color: #21c2f8;
	}
	
	
	.post-date a {
		font-size: 12px;
		color: #999;
		font-weight: 500;
		display: block;
	}
	
	.post-meta a {
		font-size: 12px;
		font-weight: 500;
	}
	
	
	.blogvideo , .iaudio {
		position: relative;
		overflow: hidden;
		border: 0;
		padding-right: 15px;
		margin-right: 30px;
		display: block;
	}
	
	.iaudio {
		padding-bottom: 22.25%;
		margin-top: 30px;
		
	}
	
	.video iframe,.video object,.video embed ,
	.iaudio iframe,.iaudio object,.iaudio embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
	
	.blockquote {
		font-size: 13px;
		color: #000;
		margin: 25px auto 25px;
		display: table;
		width: 100%;
		position: relative;
		width: 79%;
		left: 40.5px;
		font-weight: 500;
	}
	
	.social-list {
		display: flex;
	}
	
	.social-list img {
		padding: 5px !important;
		margin: 5px !important;
	}
	
	/* Comments */
	
	span.commenthr {
		padding-bottom: 20px;
		border: 0;
		border-bottom: 1px solid;
	}
	
	.comment-section h6 {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 600;
		color: #000;
		margin: 0;
		text-align: center;
	}
	
	.comment-section h6 hr {
		width: 30%;
	}
	
	.comments {
		padding: 0;
	}
	
	.comments li {
		border-top: 1px solid #ddd;
		padding: 40px 0;
		list-style: none;
	}
	
	.comments li:first-child {
		border-top: 1px solid transparent;
	}
	
	#commentform {
		margin:30px 0;
		}
	#commentform .form-control {
		margin: 10px 0;
		height: 50px;
		font-weight: 500;
		font-size: 12px;
		}	
		
	#comment textarea {
		height:150px !important;
		}
	
	#comment span.required{ 
		font-size: 13px; color: #ff0000; 
		} 
	.c-author {
		width: 120px;
		float: left;
	}
	
	.c-info {
		margin-left: 20px;
		position: relative;
	}
	
	.c-info h4 {
		margin: 0 0 6px;
		color: #424242;
		font-size: 14px;
		font-weight: 600;
		display: inline-block;
	}
	
	.c-time {
		color: #999;
		font-size: 12px;
		font-weight: 500;
		margin-left: 10px;
		letter-spacing: 0.1em;
	}
	
	.c-info p {
		font-size: 14px;
		color: #858585;
		padding: 15px 0;
	}
	
	.reply {
		font-size: 12px;
		color: #21C2F8;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		padding: 5px 0px 5px 20px;
		display: table;
		position: relative;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.reply:hover {
		color: #21C2F8;
	}
	
	
	.comment-sub {
		margin-left: 145px;
	}
	
	.comment-form {
		border-top: 1px solid #ddd;
		padding-top: 45px;
	}
	
	/* Blog Page Header */
		
	.post-wrapper-top {
		background: #00d7ff;
		border-bottom: 3px solid #efefef;
		bottom: 0;
		left: 0;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		right: 0;
		text-align: left;
		top: 0;
		z-index: 0;
	}
	
	.post-wrapper-top h2 {
		color: #fff;
		display: inline-block;
		font-size: 24px;
		margin-bottom: -3px;
		padding: 30px 0;
		position: relative;
	}
	
	ul.breadcrumb {
		margin: 40px;
		background: none;
		color: #FFF;
	}
	
	i.fa.fa-long-arrow-left {
		font-size: 15px;
		margin-right: 10px;
	}
	
/*	################################################################
	18. SOCIAL MEDIA SECTION
	################################################################# */
	
	.social li{display:inline;text-indent:-9999px}
	.social li a{background-position:0 0;width:33px;height:33px;margin-right:3px;margin-bottom:3px;float:left;-webkit-transition:140ms ease-in-out all;-moz-transition:140ms ease-in-out all;transition:140ms ease-in-out all}
	.social li a:hover{background-position:0 -33px}
	.social .facebook{background:url(images/facebook-icon.png) no-repeat}
	.social .twitter{background:url(images/twitter-icon.png) no-repeat}
	.social .google{background:url(images/google-icon.png) no-repeat}
	.social .pinterest{background:url(images/pinterest-icon.png) no-repeat}
	.social .dribbble{background:url(images/dribbble-icon.png) no-repeat}
	
	ul.social {
		margin: auto;
		display: inline-table;
		padding: 10px;
	}
	
/*	################################################################
	19. LINE SECTION FOR BUTTONS, TEXT, HEADS AND TITLES
	################################################################# */
		
		
	
	/* Line Color Position Important for every classes*/
	
	.borderleft,
	.borderright,
	.greyleftline, 
	.bottomline,
	.topline,
	.title hr,
	.milestone-details,
	.pricing-box,
	.jtbtn,
	.team-box p,
	.portfolio-filter li a:hover,
	.portfolio-filter li.active,	
	.btn-primary,
	.testimonial h2 { 
		position:relative !important;
	}
	
	.about-border {
		border-bottom: 1px solid #DDD;
		position: relative;
		display: inline-block;
		width: 25%;
	}
	
	.service-border {
	border-right: 1px solid #DDD;
	position: relative;
	float: left;
	height: 40px;
	padding-top: 5px;
		
	}
	
	.how-border {
		border: 1px solid #DDD;
		position: relative;
		display: inline-block;
		
	}
	
	.logo-border {
		border: 1px solid;
		position: relative;
		display: inline-block;
		
	}
	
	/* middle line for title */
	
	.title hr:after {
	background: none repeat scroll 0 0 #DDD;
	top: 0;
	content: "";
	display: block;
	height: 11px;
	position: absolute;
	left: 50%;
	width: 1px;
	z-index: 2;
	}
	
	/* Grey right */
	
	.service-border:after,
	.borderright:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		right: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		top:0;
	}
	
	
	.service-border:before,
	.borderright:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		right: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		bottom:0;
	}		
	
	/* Grey left */
	.category-list li:after,
	.borderleft:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		top:0;
	}
	
	.category-list li:before,
	.borderleft:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		bottom:0;
	}		
	
	/* Grey Left line and Right line */
	.how-border:after {
	 background: none repeat scroll 0 0 #FFF;
		bottom: -1px;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		width: 90%;
		z-index: 2;
	}

	.how-border:before {
		background: none repeat scroll 0 0 #FFF;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		top: -1px;
		width: 90%;
		z-index: 2;
	}
		
	/* Corder left and right Lines hide with whiteline for buttons*/
		
	.btn-primary:before,
	.jtbtn:before {
		background: none repeat scroll 0 0 #FFF;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		top: -1px;
		width: 90%;
		z-index: 2;
	}
	.btn-primary:after,
	.jtbtn:after {
		background: none repeat scroll 0 0 #FFF;
		bottom: -1px;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		width: 90%;
		z-index: 2;
	}
	
	/** Grey Color - Bottom Line Corner */
	.pricing-box:after,
	.about-border:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	.pricing-box:before,
	.about-border:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	/** Grey Color - Top Line Corner */
 	.pricing-box:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}
	
	.pricing-box:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}		
	
		
	/* Blue Color Bottom Line Corners */
	
	.team-box p:after,
	.testimonial h2:after,
	.milestone-details:after,
	.navbar-nav > li.active > a:after,
	.navbar-nav > li > a:hover:after,
	.nav-tabs > li.active > a:after, 
	.nav-tabs > li.active > a:hover:after, 
	.nav-tabs > li.active > a:focus:after,	
	.portfolio-filter li.active:after,	
	.portfolio-filter li a:hover:after,
	.bottomline:after
	 {
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	.team-box p:before,
	.testimonial h2:before,
	.milestone-details:before,
	.navbar-nav > li.active > a:before,
	.navbar-nav > li > a:hover:before,
	.nav-tabs > li.active > a:before, 
	.nav-tabs > li.active > a:hover:before, 
	.nav-tabs > li.active > a:focus:before,
	.portfolio-filter li.active:before,
	.portfolio-filter li a:hover:before,
	.bottomline:before
	{
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}	
	
	/* Blue Color top Line Corners */
	.topline:after
	 {
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}
	
	.topline:before
	{
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}		
	
	/* logo right and left blue color */
	.logo-border:before {
		background: none repeat scroll 0 0 #000;
		content: "";
		display: block;
		height: 80%;
		position: absolute;
		left: -1px;
		top: 10%;
		width: 1px;
		z-index: 2;
	}
	
	.logo-border:after {
		background: none repeat scroll 0 0 #000;
		content: "";
		display: block;
		height: 80%;
		position: absolute;
		right: -1px;
		top: 10%;
		width: 1px;
		z-index: 2;
	}
	
/*	

/*	################################################################
	21. CUSTOM CSS SECTION
	################################################################# */
	

.cliente{
	height:100px;
}

#logosclientes {
    margin: 0% 0px!important;
}

.downloadBtn {
    display: block;
    text-align: center;
    margin: 20px auto;
    width: 300px;
}
.downloadBtn .librito{
	width:224px;
	height:112px;	
	background:url(images/book_btn_hover_2.png) no-repeat right bottom;
		margin:0px auto;
}
.downloadBtn:hover .librito{
	width:224px;
	height:112px;	
	background:url(images/book_btn_hover_2.png) no-repeat left bottom;
}
.downloadBtn .btn {
    padding: 16px 18px;
    color: white;
    /*background: #e09c18;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    line-height: 1em;
    border-radius:0px;
    -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.downloadBtn:hover .btn{
	/*background:#FFF;*/
	color:#e09c18;

}

.carousel.slide{
	background:white;
}
.carousel.slide hgroup {
    text-align: center;
    padding:60px 0px 0px 0px;
}
.carousel.slide hgroup h3{
    font-size:20px;
    color:#e09c18;
    font-weight:600;
    text-transform:uppercase;
}
.carousel.slide hgroup h4{
    font-size:32px;
    color:#999999;
    font-weight:600;
}

.carousel.slide p{
	color:#58585a;
	font-size:18px;
	font-weight:300;

}
.carousel.slide header p {
    margin-right: 10px;
}
.carousel.slide figure {
    display: block;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding:0px;
}
.carousel.slide figure img{
	display:block;
	margin:0px auto;
}

.carousel.slide article {
    border-bottom: 0px;
    padding: 4% 4% 0px 0px;
    margin: 0px;
}

.carousel.slide article ul{
	margin:0px;
        padding:0px 0px 0px 15px;
        list-style-type:none;
}
.carousel.slide article ul li ,.carousel.slide .featureList p{
    font-size: 12px;
    color: #8a8a8a;
    line-height: 1.4em;
    padding: 3px 0px;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
}
.carousel.slide article ul li:last-child {
	border:0px;
}
.carousel.slide article ul li::before{
    display:inline-block;
    position:relative;
    content:"\f054";
    font-family:"fontawesome";
    margin-left:-8px;
    left:-7px;
    color:#e09c18;
    font-size:10px;
}
.carousel.slide .resumen{
    border-left:1px solid #e09c18;
    margin:10px 0px;

}

.carousel.slide header{
    margin: 0px 0px 25px 0px;
    position: relative;
}
.carousel.slide header h3{
	text-transform:none;
	color:#58585a;
	font-weight:300;
	font-size: 42px;
}
.carousel.slide header h3 span{
	font-weight:700;
	color:#d20019;
}


.carousel.slide header:before {
    content: "";
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    border-top: 1px solid #e09c18;
    border-left: 1px solid #e09c18;
    left: 10%;
    top: 45px;
}
.carousel.slide header span.indicator{
    width: 12px;
    height: 12px;
    background: #e09c18;
    display: block;
    position: absolute;
    right: 30px;
    border-radius: 20px;
    bottom: -50px;
}
.carousel.slide .resumen .circle{
	margin-left:-15px;
}
.carousel.slide .resumen h5{
	font-size:18px;
	font-style:italic;
	font-weight:300;
}
.carousel.slide .featureList h5,.carousel.slide .featureList h6 {
    color: #e09c18;
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    font-family: 'Roboto Condensed',sans-serif!important;
    margin-top:0px;

}
.carousel.slide .featureList .usos{
	border-left:2px solid orange;
}
.carousel.slide article ul.circle{
	margin:10px 0px;
	display:block;
	padding: 0px 0px 0px 10px;
}
.carousel.slide article ul.circle li{
	line-height:1.5em;
	border:0px;
	font-size:14px;
	color:#58585a;
	padding:5px 0px;
}
.carousel.slide article ul.circle li::before{
    display:inline-block;
    position:relative;
    content:"\f111";
    font-family:"fontawesome";
    margin-left:-9px;
    color:#e09c18;
    font-size:14px;
}

.carousel.slide article ul li ul {
    padding: 5px 0px 0px 8px;
    margin: 0px 0px 0px 8px;
}
.carousel.slide article ul li ul li{
	border:0px;
	padding: 0px 0px;
	line-height: 1.4em;
}
.carousel.slide article ul li ul li::before{
    content:"-";
    font-family:"Roboto Condensed",sans-serif;
    color:#8a8a8a;
    font-size:13px;

}
.carousel.slide footer.dataextra {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px solid #ccc;
    padding-bottom: 5%!important;
    position: relative;
}
.carousel.slide footer.dataextra:before {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 40px;
    border-bottom: 1px solid #e09c18;
    bottom: 50%;
    left: -90px;
}
.carousel.slide footer.dataextra:after{
	content:"";
	display:block;
	position:absolute;
	width: 12px;
	height: 12px;
	border-radius: 20px;
	background:#e09c18;
	top: 50%;
	left: -6px;
	margin-top:-6px;
}


.carousel.slide footer.dataextra .presentacion{
	display: inline-block;
	font-size: 24px;
	color: #868789;
	font-weight: 100;
	font-family: 'Oswald';
	vertical-align: middle;
	margin-right:20px;
}
.carousel.slide footer.dataextra .btn-default {
    font-family: 'Oswald';
    font-size: 18px;
    text-transform: uppercase;
    background: #e09c18;
    color: white;
    text-decoration: none;
    padding: 12px;
    display: inline-block;
    vertical-align: middle;
}
.carousel.slide footer.dataextra .btn-default:hover{
	background:#5d5d5d;
}

#carousel.slides{
	position:relative;
}
#carousel.slides .customNavigation{
	position:absolute;
	z-index:1;
	top:50%;
	width:100%;
}
#carousel.slides .customNavigation .prev2{
	float:left;
	font-size:21px;
	display:block;
	padding:20px;
	cursor:pointer;
}
#carousel.slides .customNavigation .next2{
	float:right;
	font-size:21px;
	display:block;
	padding:20px;
	cursor:pointer;
	
}

.tparrows.default {
    border: 0px;
    background: transparent!important;

}
.tparrows.default:before {
font-size: 24px!important;

}



/*/////////////////custom styles/////////////*/

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
    background: #4c4c4c;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    background-color:#4c4c4e;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

.header.affix#darkHeader {
    background: rgba(76, 76, 78, 0.75);
}

.header .navbar-brand {
    padding: 0px;
    display: block;
    height: auto;
    position: relative;
    margin-top: -20px;
    -webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;

}
.header .navbar-default {
    margin-bottom: 10px;
}
.header.affix#darkHeader .navbar-brand {
    max-width: 205px;

}
.header.affix-top .navbar-brand:after, #myCarousel .navbar-brand:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0px;
    width: 100%;
    height: 22px;
    background: url(images/triangle-top_grey.png) no-repeat center top;
    background-size:100%;
}

.header.affix-top .navbar-brand,#myCarousel .navbar-brand {
    background: #4c4c4c;
    padding: 0px 30px;
    position: relative;
    height:auto;
    width:100%;
}
#myCarousel .navbar-brand img{
margin:0px auto;
}

.header.affix-top .navbar-brand{
	opacity: 0;
}
.header.affix-top .navbar-nav{
	margin-top:30px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#dc931a;
}



#myCarousel .captionColumn,#myCarousel .container,#myCarousel .row {
    height: 100%;
    min-height: 100%;
    position:relative;
    z-index:1;
}

#myCarousel .captionColumn{
	background:rgba(255,255,255,.73);
}
#myCarousel .captionColumn .centerContent {
    padding: 30px;
    top: 50%;
    position: absolute;
    margin-top: -25%;
}
#myCarousel .captionColumn h2 {
    font-size: 38px;
    font-weight: 400;
    color: #dc931a;
    line-height: 1.2em;
}
#myCarousel .captionColumn hr {
    border: 1px solid #dc931a;
    width:30%;
    margin:30px 0px;
}

#myCarousel .captionColumn p {
	font-size:18px;
}
#myCarousel .captionColumn ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-type:none;
}
#myCarousel .captionColumn ul li{
	padding:0px 0px 0px 15px;
	position:relative;
}
#myCarousel .captionColumn ul li:before{
	content:"»";
	color:#999999;
	position:absolute;
	top:0px;
	left:3px;
	font-weight:bold;
}

/*/////////////FADE EFFECT FOR SLIDER//////////*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    border: 2px solid #ffffff;
    background-color: #4c4c4e;
    opacity: .7;
    width: 15px;
    height: 15px;
}
.fade-carousel .carousel-indicators > li.active {
	background-color: #dc931a;
	opacity: 1;
}

/*/////////////END OF FADE EFFECT FOR SLIDER//////////*/

.contentBlock .container,.wrapper .container{
	padding-bottom:80px;
	
}
#servicios h2{
	color:#dc931a;
}
#servicios .row{
	vertical-align:top;
}
#servicios .panel-heading {
    padding: 0px;
	border-radius:0px;

}
#servicios .panel-heading .panel-title{
	font-size: 36px;
    font-weight: 800;

}
#servicios .panel-heading .panel-title a{
	display:block;
	background: #e0e0e0;
	color:#333;
    padding: 25px;
	text-decoration:none;
	position:relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#servicios .panel-heading.active .panel-title a{
	background:#dc931a;
    color: white;

}
#servicios .panel-heading .panel-title a:hover{
	background:#dc931a;
    color: white;
}
#servicios .panel-heading.active .panel-title a:hover{
	background:#333;
    color: #dc931a;
}
#servicios .panel-heading .panel-title a:after {
    content: "+";
    display: block;
    position: absolute;
    right: 17px;
    font-size: 47px!important;
    top: 15px;
    font-family: Roboto, sans-serif;
}
#servicios .panel-heading.active .panel-title a:after {
    content: "-";
}

#servicios .panel-body{
	padding:15px 30px 30px 30px;
}
#servicios .panel-body ul{
	display:inline-block;
	text-transform:uppercase;
	vertical-align:top;
	list-style-position: inside;
	    margin: 0px;
    padding: 0px;
}
#servicios .panel-body ul li{
	margin-bottom:10px;
}
#servicios .panel-body h4{
	font-size: 26px;
	 color: #dc931a;
	 font-weight:600;
	 margin:20px 0px;
}
#servicios .panel-body ul small{
	text-transform:none;
}
  
#contacto .contactInfo {
    border-left: 2px solid white;
    padding-left: 20px;
}
#nosotros p {
    border-left: 2px solid;
    padding-left: 20px;
}



################################################################
	20. Mobile Responsive
	################################################################# */	
	
	@media (max-width: 1200px) { 


		.carousel.slide header:before{
		    width: 21px!important;
		}
	


		}

	
	
	@media (max-width: 780px) {
		.home-content h1 {font-size:31px!important;}
		.tparrows,
		.small_title,
		.slider_menu a {display:none}

		.carousel.slide p{
			font-size:16px!important;
			line-height:1.4em!important;
		}
		.carousel.slide h3{
			font-size:28px;
			text-align:center;
		}
		.carousel.slide article{

			padding:5%!important;
		}
		.carousel.slide header p {
		    margin-left: 10px;
		}
		.carousel.slide footer.dataextra:before,.carousel.slide footer.dataextra:after {
		    display:none!important;
		}
		
	
		.navbar-brand{
			width:auto;
		}
		.hovereffect h4, .hovereffect .icon {
		    color: #fff;
		    font-size: 14px;
		}
		ul.nav.navbar-nav.navbar-right {
			
		}
		.tp-rightarrow.default,.tp-leftarrow.default{
			display: none;
		}
		ul.nav.navbar-nav.navbar-right a {
		    text-align: center;
		    border-bottom: 1px solid #636363;
		    padding: 20px;
		}
		.header.affix-top .navbar-nav {
		    margin-top: 0px;
		}
		ul.nav.navbar-nav.navbar-right a:hover {
			background-color:rgba(255,255,255,.2);
			color:#FFF;
		}
			
		#home .tp-caption.bloquetexto i{
			font-size:18px;
			
			}
		#home .tp-caption.bloquetexto hr{
			margin:10px 0px;
		}
		#home .tp-caption.bloquetexto p{
			font-size:13px;
			
			}
			
		.tp-caption.bloquetexto h2 {
			font-size: 26px!important;
	    }	 
		#home .tp-caption.fotoProducto{ display:none;}
		
		#slider4container .tparrows:before,
		#slider4container .tparrows:hover,
		#slider4container .tparrows {
			color: #000 !important;
		}
		#slider4container .tparrows {
			background:#fff !important;
			background:rgba(255,255,255,0.5) !important;
		}
		#slider4container .tparrows:hover	{
			background:#fff !important
		}
		
		.sliderbigtitle {
		font-size: 26px;
		}

		.carousel.slide header:before{
		    display: none!important;
		}
		.carousel.slide header .indicator{
		    display: none!important;
		
		}

		#myCarousel .captionColumn{
			background:transparent!important;
		}
		#myCarousel .captionColumn .centerContent{
			background: rgba(255,255,255,.8);
			margin-top:-8%;
		}

		#servicios .panel-heading .panel-title{
			font-size:28px;
		}	
		#servicios .panel-heading .panel-title a{
			padding:15px;
		}
		#servicios .panel-heading .panel-title a:after {
		    content: "+";
		    display: block;
		    position: absolute;
		    right: 12px;
		    font-size: 47px!important;
		    top: 5px;
		    font-family: Roboto, sans-serif;
		}
		.title h2{
			font-size:42px;
		}

	}

	@media (max-width: 980px) {
		
		.carousel.slide header:before {
	        border-top: 1px solid #e09c18!important;
		    width: 24px!important;
		    left: 60px!important;
		    border-bottom: 1px solid #e09c18!important;
		}
		.carousel.slide footer.dataextra:before {
	   		 border-left: 1px solid #e09c18;
		}
				#darkHeader .navbar > .container .navbar-brand, #darkHeader .navbar > .container-fluid .navbar-brand{
			width:220px;
			padding:0px;
			opacity:1!important;
		}
		#darkHeader .navbar-brand:after{
			display:none!important;
		}
		#darkHeader{
			background:#4c4c4e;
		}
		#darkHeader .navbar{
			margin-bottom:0px;
		}
		#darkHeader .navbar-nav {
			margin-top: 0px;
		}
		#contacto .contactInfo{
			border-left:0px;
			border-top: 1px dashed white;
			padding-top:50px;
			padding-left:0px;
		}
		#contacto .contact-box{
			text-align:center;
		}


	}