/*


 * Template Name: Unify - Responsive Bootstrap Template


 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.


 * Version: 1.6


 * Author: @htmlstream


 * Website: http://htmlstream.com


*/





/*Import Global Compulsory CSS Files*/


@import url(app.css);


@import url(ie8.css);


@import url(blocks.css);


@import url(plugins.css);





/*Import CSS Plugins*/


@import url(plugins/animate.css);


@import url(plugins/box-shadows.css);


@import url(plugins/style-switcher.css);





/*Import Headers*/


@import url(headers/header-default.css);


@import url(headers/header-v1.css);


@import url(headers/header-v2.css);


@import url(headers/header-v3.css);


@import url(headers/header-v4.css);





/*Import Footers*/


@import url(footers/footer-default.css);


@import url(footers/footer-v1.css);


@import url(footers/footer-v2.css);


@import url(footers/footer-v3.css);


@import url(footers/footer-v4.css);


@import url(footers/footer-v5.css);


@import url(footers/footer-v6.css);


@import url(footers/footer-v7.css);





/*Import Google Font*/


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





body {


   color: #333;


   line-height: 1.6;


}





p,


li,


li a {


   color: #000;


}





a {


   color: #72c02c;


   text-decoration: none;


}





a,


a:focus,


a:hover,


a:active {


   outline: 0 !important;


}


a:focus {


  text-decoration: none;


}


a:hover {


   color: #72c02c;


   text-decoration: underline;


}





/*Boxed Layout


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


.wrapper {


  background: #fff;


}





.boxed-layout {


  padding: 0;


  box-shadow: 0 0 5px #ccc;


  margin-left: auto !important;


  margin-right: auto !important;


  /*Jose David


  background: url(../img/patterns/15.png) repeat;*/


}





/*Parallax Counter


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


.parallax-bg {


	background: url(../img/blur/img1.jpg) 50% 0 repeat fixed;


}





/*Parallax Counter Block*/


.parallax-counter {


	padding: 60px 0;


	background: url(../img/bg/9.jpg) 50% 0 no-repeat fixed;


}





.parallax-counter h4 {


	color: #fff;


	font-size: 18px;


}





.parallax-counter .counters {


	color: #fff;


	padding: 20px 0;


	font-weight: 200;


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


}





/*Parallax Counter v1


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


/*Parallax Counter Block*/


.parallax-counter-v1 {


	padding: 60px 0;


	background: url(../img/patterns/5.png) repeat fixed;


}





.parallax-counter-v1 .counters {


	color: #fff;


	padding: 15px 0 10px;


	border: solid 1px #555;


}





.parallax-counter-v1 h4 {


	color: #bbb;


	font-size: 16px;


	text-transform: uppercase;


}





.parallax-counter-v1 span.counter {


	font-size: 42px;


	line-height: 48px;


}





/*Parallax Counter v2


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


.parallax-counter-v2 {


	position: relative;


	padding: 80px 0 60px;


	background: url(../img/patterns/16.png) repeat fixed;


}





.parallax-counter-v2:after {


	top: 0;


	left: 50%;


	content: " ";


	margin-left: -25px;


	position: absolute;


	border-top: 25px solid #fff;


	border-left: 25px solid transparent;


	border-right: 25px solid transparent;


}





.parallax-counter-v2:before {


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	content: " ";


	position: absolute;


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


}





.parallax-counter-v2 .counters {


	padding: 20px 0;


	border-bottom: solid 2px #ddd;


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


}





.parallax-counter-v2 .counters h4,


.parallax-counter-v2 .counters span {


	color: #555;


	font-weight: 200;


 	font-family: 'Open Sans', sans-serif;


}





.parallax-counter-v2 .counters span {


	font-size: 36px;


}





.parallax-counter-v2 .counters h4 {


	font-size: 22px;


	text-transform: uppercase;


}





@media (max-width: 992px) {


  .parallax-counter-v2 .counters {


    margin-bottom: 0 !important;


  }


}





/*Parallax Team


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


.parallax-team {


	background: url(../img/team/faces.jpg) 50% 0 repeat fixed;


}





.parallax-team,


.parallax-team .title-box-v2 {


	position: relative;


}





.parallax-team:before {


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	content: " ";


	position: absolute;


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


}





/*Main Styles


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


/*Purchase Block*/


.purchase {


	padding: 25px 0 30px;


	border-bottom: solid 1px #eee;


	background: url(../img/breadcrumbs.png) repeat;


}


.purchase p {


	margin-bottom: 0;


}


.purchase span {


	color: #666;


	display: block;


	font-size: 24px;


	line-height: 35px;


	font-weight: normal;


	margin-bottom: 12px;


	font-family: 'Open Sans', sans-serif;


}





.purchase .btn-buy {


	text-align: center;


}





.purchase .btn-buy a {


	margin-top: 27px;


}





.purchase .btn-buy a i {


	margin-right: 5px;


}





@media (max-width: 992px) {


	.purchase {


		text-align: center;


	}





	.purchase span {


		font-size: 22px;


		line-height: 29px;


	}





	.purchase .btn-buy a {


		margin-top: 25px;


		font-size: 16px;


	}


}





/*Service*/


.service {


	overflow: hidden;


	margin-bottom: 10px;


	padding: 15px 15px 10px;


}


.service:hover {


	background: #fcfcfc;


	box-shadow: 0 0 5px #ddd;


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


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


    -o-transition: box-shadow 0.2s ease-in-out;


    transition: box-shadow 0.2s ease-in-out;


}


.service:hover i {


	color: #656565;


}





.service .desc {


	padding: 0 15px;


	overflow: hidden;


}


.service .desc h4 {


	font-size: 22px;


	line-height: 25px;


}





.service .service-icon {


	float: left;


	padding: 10px;


	color: #72c02c;


	font-size: 35px;


	text-align: center;


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


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


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


    transition: all 0.4s ease-in-out;


}


.service .service-icon.icon-cogs {


	font-size: 37px;


}


.service .service-icon.icon-plane {


	font-size: 43px;


}





/* Recent Work  */


.recent-work a {


	text-align: center;


	background: #fcfcfc;


	display: inline-block;


}





.recent-work a:hover {


	text-decoration: none;


}





.recent-work a:hover strong {


	color: #555;


}





.recent-work em.overflow-hidden {


	display: block;


}





.recent-work a span {


	display: block;


	padding: 10px;


	border-bottom: solid 2px #eee;


}





.recent-work a strong {


	color: #555;


	display: block;


}





.recent-work a i {


	color: #777;


}





.recent-work a img {


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


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


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


   -ms-transition: all 0.8s ease-in-out;


   transition: all 0.8s ease-in-out;


}





.recent-work a:hover img {


	opacity: 0.8;


   -webkit-transform: scale(1.2) rotate(3deg);


   -moz-transform: scale(1.2) rotate(3deg);


   -o-transform: scale(1.0) rotate(3deg);


   -ms-transform: scale(1.2) rotate(3deg);


   transform: scale(1.2) rotate(3deg);


}





.recent-work a:hover span {


	border-bottom: solid 2px #72c02c;


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


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


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


    transition: all 0.3s ease-in-out;


}





/* Work */


.work {


	margin-top: 6px;


}


.work .details {


	padding: 10px;


}


.work .caption {


	display: block;


	padding-top: 5px;


	color: #585f69 !important;


	font-size: 18px !important;


}


.work .caption:hover {


	cursor: pointer;


	color: #444 !important;


	text-decoration: underline;


}





/*Other Footer Common Classes


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


/*Thumb Headline*/


.thumb-headline h2 {


	color: #eee;


	font-size: 16px;


}





/*Footer Logo*/


.footer-logo {


	margin: 17px 0 20px;


}





/*Latest List*/


.latest-list li {


	padding: 8px 0;


	border-top: 1px solid #353535;


}





.latest-list li:first-child {


	padding-top: 0;


	border-top: none;


}





.latest-list li a {


	color: #eee;


}





.latest-list small {


	color: #999;


	display: block;


}





/*Link List*/


.link-list li {


	border-top: solid 1px #353535;


}





.link-list li:first-child {


	border-top: none !important;


}





.link-list a {


	color: #eee;


	font-size: 11px;


	padding: 6px 0px;


	display: inline-block;


	text-transform: uppercase;


}





.link-list li i {


	color: #bbb;


	float: right;


	margin-top: 10px;


}





/*Latest Tweets*/


.latest-tweets .latest-tweets-inner p {


	color: #555;


	font-size: 13px;


}





.latest-tweets .latest-tweets-inner a {


	/*color: #3498db;*/


	text-decoration: none;


}


.latest-tweets .latest-tweets-inner a:hover {


	text-decoration: underline;


}





.latest-tweets .latest-tweets-inner i.fa {


	top: 2px;


	float: left;


	color: #bbb;


	color: #55acee;


	font-size: 18px;


	margin-right: 5px;


	position: relative;


}





.latest-tweets .latest-tweets-inner small {


	color: #777;


	display: block;


}





/*Social Icons*/


.social-icons {


	margin-top: 5px;


}





.social-icons li {


	margin: 0;


}





.social-icons li a {


	margin: 0 3px;


}





/*Breadcrumbs


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


/*Default Breadcrumbs*/


.breadcrumbs {


	overflow: hidden;


	padding: 10px 0 6px;


	border-bottom: solid 1px #eee;


	background: url(../img/breadcrumbs.png) repeat;


}


.breadcrumbs h1 {


	color: #666;


	font-size: 22px;


	margin-top: 8px;


}





.breadcrumb {


	top: 10px;


	padding-right: 0;


	background: none;


	position: relative;


}


.breadcrumb a {


	color: #777;


}


.breadcrumb li.active,


.breadcrumb li a:hover {


	color: #72c02c;


	text-decoration: none;


}





@media (max-width: 550px) {


	.breadcrumbs h1.pull-left,


	.breadcrumbs ul.pull-right {


		width: 100%;


		text-align: center;


	}





	.breadcrumbs h1.pull-left {


		margin-bottom: 0;


	}





	.breadcrumbs .breadcrumb {


		top: 0;


		margin-bottom: 10px;


	}


}





/*Thumbnails


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


a.thumbnail {


	padding: 0;


	border: none;


	margin-bottom: 15px;


}





.thumbnail-style {


	padding: 7px;


	margin-bottom: 20px;


}


.thumbnail-style:hover {


	box-shadow: 0 0 8px #ddd;


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


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


    -o-transition: box-shadow 0.2s ease-in-out;


    transition: box-shadow 0.2s ease-in-out;


}





.thumbnail h3,


.thumbnail-style h3 {


	margin: 6px 0 8px 0;


}





.thumbnail h3 a,


.thumbnail-style h3 a {


	color: #585f69;


	font-size: 18px;


}





.thumbnail h3 a:hover,


.thumbnail-style h3 a:hover {


	color: #72c02c;


	text-decoration: none;


}





.thumbnail-style .thumbnail-img {


	position: relative;


	margin-bottom: 11px;


}





.thumbnail-style a.btn-more {


	right: -10px;


	bottom: 10px;


	color: #fff;


	padding: 1px 6px;


	position: absolute;


	background: #72c02c;


	display: inline-block;


}


.thumbnail-style a.btn-more:hover {


	text-decoration: none;


	box-shadow: 0 0 0 2px #5fb611;


}


.thumbnail-style:hover a.btn-more {


	right: 10px;


}





.thumbnail-kenburn img {


	left: 10px;


	margin-left: -10px;


	position: relative;


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


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


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


   -ms-transition: all 0.8s ease-in-out;


   transition: all 0.8s ease-in-out;


}


.thumbnail-kenburn:hover img {


   -webkit-transform: scale(1.2) rotate(2deg);


   -moz-transform: scale(1.2) rotate(2deg);


   -o-transform: scale(1.2) rotate(2deg);


   -ms-transform: scale(1.2) rotate(2deg);


   transform: scale(1.2) rotate(2deg);


}





/*Servive Blocks


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


/*Service Alternative Block*/


.service-alternative .service:hover {


	background: #76ca2c;


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


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


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


    transition: all 0.4s ease-in-out;


}


.service-alternative .service:hover i,


.service-alternative .service:hover p,


.service-alternative .service:hover h4 {


	color: #fff;


}





/*Servive Block Versions*/


.service-v1 h2 {


	margin: 15px 0 10px;


	font-size: 20px;


	line-height: 28px;


}





.service-v1 p {


	text-align: justify;


}





/*Blog Posts


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


.posts .dl-horizontal a {


	color: #555;


}





.posts .dl-horizontal {


	margin-bottom: 15px;


	overflow: hidden;


}





.posts .dl-horizontal dt {


	width: 60px;


	float: left;


}





.posts .dl-horizontal dt img {


	width: 60px;


	height: 60px;


	padding: 2px;


	margin-top: 2px;


	border: solid 1px #ddd;


}





.posts .dl-horizontal dd {


	margin-left: 70px;


}





.posts .dl-horizontal dd p {


	margin: 0;


}





.posts .dl-horizontal dd a {


	font-size: 14px;


	line-height: 16px !important;


}





.posts .dl-horizontal dd a:hover {


	color: #72c02c;


	text-decoration: none;


}





.posts .dl-horizontal:hover dt img,


.posts .dl-horizontal:hover dd a {


	color: #72c02c;


	border-color: #72c02c !important;


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


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


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


	transition: all 0.2s ease-in-out;


}





/*About Page


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


.team ul.team-socail {


	text-align: right;


}





.team ul.team-socail li {


	margin: 0 !important;


	padding: 0 !important;


}





.team ul.team-socail li a,


.team ul.team-socail li a:hover {


	text-decoration: none;


}





.team ul.team-socail li i {


	color: #aaa;


	padding: 6px 7px;


	min-width: 30px;


	font-size: 18px;


	text-align: center;


	background: #f7f7f7;


	display: inline-block;


}





.team ul.team-socail li i:hover {


	color: #fff;


	background: #72c02c;


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


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


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


	transition: all 0.2s ease-in-out;


}





.team .thumbnail-style {


	padding: 12px;


}





.team .thumbnail-style img {


	margin-bottom: 7px;


}





.team .thumbnail-style h3 {


	margin-bottom: 5px;


}





.team .thumbnail-style:hover h3 a {


	color: #72c02c !important;


}





.team .thumbnail-style small {


	display: block;


	margin-top: 5px;


	font-size: 12px;


}





/*About Me Page


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


.about-me {


	overflow: hidden;


}





.about-me h2 {


	margin: 0;


	font-size: 20px;


	text-transform: uppercase;


}





.about-me span {


	color: #999;


	display: block;


	font-size: 14px;


	margin-bottom: 10px;


}





.about-me .social-icons {


	margin-top: 7px;


}





/*About My Goals*/


.about-my-goals h2 {


	text-transform: uppercase;


}





/*About Skills*/


.about-skills {


	padding: 40px 0;


	border-top: 1px solid #eee;


	border-bottom: 1px solid #eee;


	background: url(../img/breadcrumbs.png) repeat;


}





/*Gallery Page


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


.gallery-page .thumbnail,


.gallery-page .thumbnail:hover {


	padding: 0;


	border: none;


	box-shadow: none;


}


.gallery-page .thumbnails {


	margin-bottom:6px;


}





/*Privacy Page


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


.privacy a {


	text-decoration: underline;


}


.privacy a:hover {


	color: #72c02c;


	text-decoration: none;


}





/*Portfolio Item Page v1


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


.portfolio-item h2 {


	color: #555;


	font-size: 24px;


	margin: 0 0 15px;


}


.portfolio-item li {


	padding: 3px 0;


}


.portfolio-item p a {


	text-decoration: underline;


}


.portfolio-item p a:hover {


	text-decoration: none;


}





/*Portfolio Item v1*/


.portfolio-item1 ul {


	margin: 10px 0 20px;


}





.portfolio-item1 li {


	font-size: 16px;


	margin-bottom: 3px;


}





.portfolio-item1 li i {


	font-size: 18px;


	margin-right: 4px;


}





/*Sidebar Features


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


/*Blog Tags*/


ul.blog-tags li {


	display: inline-block;


}





ul.blog-tags a {


	font-size :13px;


	padding: 2px 7px;


	background: #f7f7f7;


	margin: 0 3px 6px 0;


	display: inline-block;


}





ul.blog-tags a i {


	color: #666;


}





ul.blog-tags a:hover {


	background: #72c02c;


}





ul.blog-tags a:hover,


ul.blog-tags a:hover i {


	color: #fff !important;


	text-decoration: none;


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


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


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


	transition: all 0.2s ease-in-out;


}





/*Blog Photo Stream*/


.blog-photos li {


	display: inline;


}





.blog-photos li img {


	width: 58px;


	height: 58px;


	margin: 0 2px 8px;


}





.blog-photos li img:hover {


	box-shadow: 0 0 0 2px #72c02c;


}





/*Blog Latest Tweets*/


.blog-twitter .blog-twitter-inner {


	padding: 10px;


	position: relative;


	background: #f7f7f7;


	margin-bottom: 10px;


}





.blog-twitter .blog-twitter-inner,


.blog-twitter .blog-twitter-inner:after,


.blog-twitter .blog-twitter-inner:before {


	transition: all 0.3s ease-in-out;


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


	-ms-transition: all 0.3s ease-in-out;


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


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


}





.blog-twitter .blog-twitter-inner:after,


.blog-twitter .blog-twitter-inner:before {


	width: 0;


	height: 0;


	right: 0px;


	bottom: 0px;


	content: " ";


	display: block;


	position: absolute;


}





.blog-twitter .blog-twitter-inner:after {


	border-top: 15px solid #eee;


	border-right: 15px solid transparent;


	border-left: 0px solid transparent;


	border-left-style: inset; /*FF fixes*/


	border-right-style: inset; /*FF fixes*/


}


.blog-twitter .blog-twitter-inner:before {


	border-bottom: 15px solid #fff;


	border-right: 0 solid transparent;


	border-left: 15px solid transparent;


	border-left-style: inset; /*FF fixes*/


	border-bottom-style: inset; /*FF fixes*/


}





.blog-twitter .blog-twitter-inner:hover {


	border-color: #72c02c;


	border-top-color: #72c02c;


}


.blog-twitter .blog-twitter-inner:hover:after {


	border-top-color: #72c02c;


}





.blog-twitter .blog-twitter-inner span.twitter-time {


	color: #777;


	display: block;


	font-size: 11px;


}





.blog-twitter .blog-twitter-inner a {


	color: #72c02c;


	text-decoration: none;


}


.blog-twitter .blog-twitter-inner a:hover {


	text-decoration: underline;


}





.blog-twitter .blog-twitter-inner i.fa {


	top: 2px;


	color: #bbb;


	font-size: 18px;


	position: relative;


}





/*Choose Block*/


.who li {


	margin-bottom: 6px;


}


.who li i {


	color: #72c02c;


	font-size: 13px;


	min-width: 15px;


	margin-right: 8px;


	text-align: center;


	position: relative;


}


.who li:hover i,


.who li:hover a {


	color: #777;


}


.who li:hover a:hover {


	text-decoration: none;


}





/*Promo Page


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


/*Slider Part*/


.fullwidthbanner-container.slider-promo {


	max-height: 460px !important;


}





.slider-promo-info-bg {


	padding: 25px 20px 20px;


	background: url(../img/bg-black.png) repeat;


}





.slider-promo-info span.big-size {


	color: #fff;


	display: block;


	font-size: 30px;


	margin-bottom: 25px;


	text-shadow: none !important;


}





.slider-promo-info p {


	color: #fff;


	font-size: 16px;


	margin-bottom: 0;


}





/*Promo Box*/


.promo-box {


	padding: 20px;


	margin: 25px 0 20px;


	text-align: center;


}





.promo-box i {


	display: block;


	font-size: 50px;


}





.promo-box p {


	font-size: 14px;


	margin-bottom: 0;


}





.promo-box strong,


.promo-box strong a {


	color: #555;


	display: block;


	font-size: 20px;


	font-weight: 200;


	margin: 20px 0 15px;


}





.promo-box:hover strong,


.promo-box:hover strong a {


	color: #72c02c;


}





/*Promo Service*/


.promo-service {


	margin-bottom: 20px;


}





.promo-service li {


	margin-bottom: 5px;


}





.promo-service a.btn-u {


	margin: 0 20px 10px 0;


}





/*Promo Elements*/


.title-box {


	font-size: 16px;


	text-align: center;


	padding: 10px 0 30px;


	border-bottom: solid 1px #eee;


}





.title-box .title-box-text {


	color: #555;


	display: block;


	font-size: 35px;


	font-weight: 200;


}





@media (max-width: 768px) {


	.title-box .title-box-text {


		font-size: 26px;


		line-height: 34px;


		margin-bottom: 10px;


	}


	.title-box p {


		font-size: 15px;


	}


}





.block-blockquote {


	margin: 20px 0;


	text-align: center;


	border: dashed 1px #ccc;


}





.block-blockquote-inner {


	padding: 15px;


}





.block-blockquote p {


	font-size: 26px;


	margin-bottom: 0;


}





/*Info Blocks*/


.info-blocks {


	margin-bottom: 15px;


}





.info-blocks:hover i.icon-info-blocks {


	color: #72c02c;


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


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


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


    transition:all 0.2s ease-in-out;


}





.info-blocks i.icon-info-blocks {


	float: left;


	color: #777;


	font-size: 30px;


	min-width: 50px;


	margin-top: 10px;


	text-align: center;


}





.info-blocks .info-blocks-in {


	padding: 0 10px;


	overflow: hidden;


}





.info-blocks .info-blocks-in h3 {


	color: #555;


	font-size: 20px;


	line-height: 28px;


}





.info-blocks .info-blocks-in p {


	font-size: 12px;


}





/*Brand Page


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


.brand-page .btn {


	margin-bottom: 10px;


}





/*Form Pages


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


.form-page input,


.form-page select {


	margin-bottom: 10px;


}





/*Labels and Badges Page


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


ul.labels-demo {


  margin: 5px 0;


}





ul.labels-demo li {


  list-style: none;


  display: inline-block;


  margin: 0 5px 2px 0;


}





.badge-sidebar {


	border-left: solid 1px #eee;


}





@media (max-width: 991px) {


	.badge-sidebar {


		border-left: none;


	}


}





/*Line Icon Page


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


.line-icon-page .item-box {


	width: 25%;


	float: left;


	height: 90px;


	text-align: center;


	padding: 20px 10px;


	margin: 0 -1px -1px 0;


	word-wrap: break-word;


	border: 1px solid #ddd;


}





@media (max-width: 768px) {


	.line-icon-page .item-box {


		height: 115px;


  	}


}





@media (max-width: 450px) {


	.line-icon-page .item-box {


		height: 130px;


	}


}





.line-icon-page .item-box:hover {


	background: #fafafa;


}





.line-icon-page .item span {


	display: block;


	font-size: 28px;


	margin-bottom: 10px;


}





.line-icon-page .item:hover {


	color: #72c02c;


}





/*Line Icon Page


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


.icon-page-fa {


	margin-bottom: 20px;


}





.icon-page-fa .item-box {


	float: left;


	height: 100px;


	width: 16% !important;


}





.icon-page-fa .item {


	font-size: 12px;


}





.icon-page-fa .item i {


	color: #555;


    display: block;


    font-size: 24px;


    margin-bottom: 10px;


}





@media (max-width: 767px) {


	.icon-page-fa .item-box {


		width: 20% !important;


	}


}





@media (max-width: 600px) {


 .icon-page-fa .item-box {


  width: 30% !important;


 }


}





@media (max-width: 400px) {


 .icon-page-fa .item-box {


  width: 50% !important;


 }


}





/*GLYPHICONS Icons Page


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


/*Special styles for displaying the icons and their classes*/


.bs-glyphicons {


	padding-left: 0;


	list-style: none;


	overflow: hidden;


	padding-bottom: 1px;


	margin-bottom: 20px;


}





.bs-glyphicons li {


	width: 25%;


	float: left;


	height: 115px;


	padding: 10px;


	font-size: 11px;


	line-height: 1.4;


	text-align: center;


	margin: 0 -1px -1px 0;


	border: 1px solid #ddd;


}





.bs-glyphicons .glyphicon {


	display: block;


	font-size: 18px;


	margin: 5px auto 10px;


}





.bs-glyphicons li:hover {


	color: #72c02c;


	background-color: #fafafa;


}





@media (min-width: 768px) {


	.bs-glyphicons li {


	  width: 12.5%;


	}


}





/*Glyphicons Pro*/


.demo-pro-glyphicons li {


	width: 170px;


	height: 100px;


	padding: 20px 10px 30px;


}





.demo-pro-glyphicons span {


	height: 40px;


	display: block;


}





.demo-pro-glyphicons span:before {


	color: #555;


	padding: 10px 62px;


}





.demo-pro-glyphicons span.glyphicons:before {


	font-size: 22px;


}





/*Glyphicons Pro Halflings*/


.demo-pro-glyphicons span.halflings {


	height: 30px;


}





.demo-pro-glyphicons span.halflings:before {


	padding: 10px 70px;


}





/*Contact Pages


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


.map {


	width: 100%;


	height: 350px;


	border-top: solid 1px #eee;


	border-bottom: solid 1px #eee;


}





.map-box {


	height: 250px;


}





.map-box-space {


	margin-top: 15px;


}





.map-box-space1 {


	margin-top: 7px;


}





/*Background Opacity


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


.service-or {


	overflow: hidden;


	position: relative;


}





.service-bg {


    width: 250px;


    padding: 60px;


    position: absolute;


    top: -10px;


    right: -100px;


    background-color: rgba(255,255,255,0.1);


    transform: rotate(55deg);


    -o-transform: rotate(55deg);


    -ms-transform: rotate(55deg);


    -moz-transform: rotate(55deg);


    -webkit-transform: rotate(55deg);


}





/*Service Block v2


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


.service-block-v2 .service-block-in {


	padding: 20px 30px;


	text-align: center;


	margin-bottom: 15px;


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


}





.service-block-v2 .service-block-in img {


	width: 100%;


	margin-bottom: 15px;


}





.service-block-v2 .service-block-in i {


	font-size: 40px;


}





.service-block-v2 .service-block-in h4 {


	line-height: 25px;


}





.service-block-v2 .service-block-in p {


	margin-bottom: 20px;


}





.service-block-v2 .service-block-in i,


.service-block-v2 .service-block-in h4,


.service-block-v2 .service-block-in p {


	color: #fff;


}





/*Easy Block


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


.easy-block-v1 {


	position: relative;


}





.easy-block-v1 img {


	width: 100%;


}





.easy-block-v1 .overflow-h h3 {


	width: 60%;


	float: left;


	font-size: 18px;


	line-height: 24px;


	margin-bottom: 5px;


}





.easy-block-v1 .easy-block-v1-badge {


	left: 0px;


	top: 10px;


	z-index: 1;


	color: #fff;


	padding: 4px 10px;


	position: absolute;


}





/*Easy Block v2


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


.easy-block-v2 {


	overflow: hidden;


	position: relative;


	margin-bottom: 20px;


}





.easy-block-v2 img {


	width: 100%;


}





.easy-bg-v2 {


	top: 5px;


	color: #fff;


	width: 100px;


	padding: 5px;


	right: -32px;


	font-size: 13px;


	position: absolute;


	text-align: center;


	letter-spacing: 2px;


	transform: rotate(45deg);


	-o-transform: rotate(45deg);


	-ms-transform: rotate(45deg);


	-moz-transform: rotate(45deg);


	-webkit-transform: rotate(45deg);


}





/*Easy Block v3


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


.easy-block-v3 {


	text-align: left;


	background: #585f69;


	margin-bottom: 10px;


	padding: 30px 20px 20px;


}





.easy-block-v3.first {


	background: #696f77;


}


.easy-block-v3.second {


	background: #707780;


}


.easy-block-v3.third {


	background: #787f88;


}





.easy-block-v3 i {


	color: #fff;


	float: left;


	font-size: 30px;


	min-width: 45px;


	padding-top: 10px;


}





.easy-block-v3 .inner-faq-b {


	overflow: hidden;


}





.easy-block-v3 .inner-faq-b h2,


.easy-block-v3 .inner-faq-b h3 {


	font-size: 21px;


	margin-bottom: 8px;


}





.easy-block-v3 .inner-faq-b h4 {


	color: #fff;


	font-size: 17px;


	margin-bottom: 2px;


}





.easy-block-v3 .inner-faq-b h2,


.easy-block-v3 .inner-faq-b h3,


.easy-block-v3 .inner-faq-b p {


	color: #fff;


}





/*Full Width Block


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


.full-w-block {


	padding: 30px 0;


	background: #282828;


}





.full-w-block .info-blocks i,


.full-w-block .info-blocks-in h3 {


	color: #fff;


}





.full-w-block .info-blocks-in p {


	color: #ccc;


}





.full-w-block .info-blocks:hover i.icon-info-blocks {


	color: #fff;


}





/*Team v2


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


.team-v2 {


	position: relative;


	margin-bottom: 20px;


}





.team-v2 img {


	width: 100%;


}





.team-v2 .inner-team {


	padding: 20px;


	background: #fff;


	text-align: center;


}





.team-v2 .inner-team h3 {


	margin: 0;


}





.team-v2 .inner-team small {


	display: block;


	font-size: 12px;


	margin-bottom: 7px;


}





.team-v2 .inner-team p {


	font-size: 13px;


}





.team-v2 .inner-team hr {


	margin: 10px 0 15px;


}





/*Team-Social ---- Temporary*/


.team-social {


	margin-bottom: 0;


}





.team-social li {


	padding: 0 2px;


}





.team-social li a {


	font-size: 14px;


	padding: 6px 4px;


	text-align: center;


	border-radius: 50% !important;


}





.team-social li i {


	min-width: 20px;


}





.team-social li a.fb {


	color: #4862a3;


	border: 1px solid #4862a3;


}





.team-social li a.tw {


	color: #159ceb;


	border: 1px solid #159ceb;


}





.team-social li a.gp {


	color: #dc4a38;


	border: 1px solid #dc4a38;


}





.team-social li a:hover {


	text-decoration: none;


}





.team-social li a.fb:hover {


	color: #fff;


	background: #4862a3;


}





.team-social li a.tw:hover {


	color: #fff;


	background: #159ceb;


}





.team-social li a.gp:hover {


	color: #fff;


	background: #dc4a38;


}





/*Simple Block


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


.simple-block {


	margin-bottom: 20px;


}





.simple-block img {


	width: 100%;


}





.simple-block p {


	text-align: center;


}





.simple-block .carousel-indicators {


	top: 10px;


	left: 65%;


	text-align: right;


}





.simple-block .carousel-indicators .active {


	background: #555;


}





.simple-block .carousel-indicators li {


	border-color: #555;


}





.simple-block .carousel-inner > .item {


	margin: 0;


}





.simple-block .responsive-video {


	margin-bottom: 3px;


}





/*Two Blocks


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


.two-blocks {


	text-align: center;


}





.two-blocks-in {


	margin-bottom: 30px;


}





.two-blocks-in i {


	color: #fff;


	padding: 11px;


	font-size: 30px;


	min-width: 50px;


	text-align: center;


	background: #585f69;


	margin-bottom: 10px;


	display: inline-block;


}





/*Three Blocks


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


.three-blocks {


	text-align: center;


}





.three-blocks-in {


	margin-bottom: 30px;


}





.three-blocks-in i {


	color: #777;


	padding: 9px 6px;


	font-size: 20px;


	min-width: 40px;


	margin-bottom: 10px;


	border: 1px solid #777;


}





.three-blocks-in h3 {


	font-size: 20px;


	margin-bottom: 7px;


}





/*Temperory Classes


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


/*Banner-info*/


.banner-info {


	margin-bottom: 10px;


}





.banner-info i {


	float: left;


	color: #fff;


	padding: 11px;


	/*min-width works with line-icon*/


	min-width: 40px;


	font-size: 22px;


	text-align: center;


	margin: 7px 20px 0 0;


}





/*min-width works with FontAwesome*/


.banner-info i.fa {


	min-width: 46px;


}





.banner-info.light i {


	border: 1px solid #fff;


}





.banner-info.dark i {


	background: #585f69;


}





.banner-info h3 {


	font-size: 21px;


	margin-bottom: 5px;


}





.banner-info.light h3 { color: #fff; }


.banner-info.light p { color: #eee; }





/*Breadcrumb-V2*/


.breadcrumbs-v2 {


	text-align: center;


	position: relative;


	background: url(../img/bg/11.jpg) no-repeat center;


}





.breadcrumbs-v2-in {


	padding: 60px 0;


	position: relative;


}





.breadcrumbs-v2 h1 {


	color: #fff;


	text-transform: uppercase;


}





.breadcrumb-v2 li a,


.breadcrumb-v2 li.active {


	color: #fff;


}





.breadcrumb-v2 li i {


	color: #fff;


	min-width: 19px;


	padding: 3px 7px;


	margin-right: 5px;


	text-align: center;


	border: 1px solid #fff;


}





/*Breadcrumbs-v3*/


.breadcrumbs-v3 {


	padding: 10px 0;


	background: #585f69;


	border-bottom: 1px solid #eee;


}





.breadcrumbs-v3 h1 {


	color: #fff;


	margin: 3px 0;


	font-size: 22px;


	font-weight: 200;


}





.breadcrumbs-v3 .breadcrumb {


	padding: 0;


	margin-top: 2px;


	margin-bottom: 0;


}





.breadcrumbs-v3 .breadcrumb li a {


	color: #fff;


}





/*Title-Box-V2*/


.title-box-v2 {


	text-align: center;


	margin-bottom: 40px;


}





.title-box-v2 h2 {


    font-size: 25px;


    text-transform: uppercase;


}





.title-box-v2 p {


	font-size: 13px;


}





/*remove padding from "Col-"*/


.no-space {


	padding: 0;


}





.no-space-left {


	padding-left: 0;


	padding-right: 15px !important;


}





.no-space-right {


	padding-right: 0;


	padding-left: 15px !important;


}





/*List Style v1*/


.list-style-v1 li {


	margin-bottom: 7px;


}





.list-style-v1 i {


	margin-right: 5px;


}





/*Social Contacts


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


.social-contacts li {


	padding: 5px 0;


	border-top: 1px solid #ddd;


}





.social-contacts li:first-child {


	border-top: none;


}





.social-contacts li i {


	color: #777;


	font-size: 13px;


	min-width: 13px;


	margin-right: 12px;


	text-align: center;


}





/*Service Block v3


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


.service-block-v3 {


	padding: 20px;


}





.service-block-v3 i {


	color: #fff;


	float: left;


	font-size: 50px;


	margin: 0 20px 20px 0;


}





.service-block-v3 .service-heading,


.service-block-v3 .service-in small {


	color: #fff;


	opacity: 0.8;


	line-height: 1;


}





.service-block-v3 .service-in h4,


.service-block-v3 .counter {


	color: #fff;


}





.service-block-v3 .service-heading {


	font-size: 16px;


	text-transform: uppercase;


}





.service-block-v3 .counter {


	display: block;


	line-height: 1;


	font-size: 30px;


}





.service-block-v3 .progress {


	margin-bottom: 7px;


}





/*Service Innner*/


.service-block-v3 .service-in small {


	font-size: 16px;


	text-transform: uppercase;


}





.service-block-v3 .service-in h4 {


	font-size: 16px;


	line-height: 0.8;


	margin-bottom: 0;


}





/*Statistics*/


.service-block-v3 .statistics .heading-xs {


	color: #fff;


	opacity: 0.8;


}





.service-block-v3 .statistics small {


	color: #fff;


}





.service-block-v3 .statistics .progress {


  background: #bbb;


}





.service-block-v3 .statistics .progress-bar-light {


  background: #fff;


}





/*Status Bar


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


.status-bar li {


	padding-left: 9px;


	border-left: 1px solid #eee;


}





.status-bar li:first-child {


	border-left: none;


}





.status-bar li i {


	color: #72c02c;


	margin-right: 5px;


}





.status-bar li a:hover {


	text-decoration: none;


}





.status-bar-in {


	padding: 10px;


	position: relative;


	background: #f0f0f0;


}





.status-bar-in:after {


	width: 0;


	height: 0;


	top: -10px;


	left: 50px;


	content: " ";


	display: block;


	position: absolute;


	border-bottom: 11px solid #f0f0f0;


	border-left: 11px solid transparent;


	border-right: 11px solid transparent;


	border-left-style: inset; /*FF fixes*/


	border-right-style: inset; /*FF fixes*/


}





/*Share List*/


.share-list {


	margin-bottom: 0;


}





.share-list li {


	padding-left: 20px;


}





.share-list li:first-child {


	padding-left: 0;


}





.share-list li i {


	color: #72c02c;


	margin-right: 5px;


}





/*Table Search v1


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


.table-search-v1 .btn-u.dropdown-toggle {


	border-left: none;


}





.table-search-v1 .btn-group .btn-u {


	top: 4px;


	padding: 0 6px;


	position: relative;


}





.table-search-v1 thead {


	border-bottom: solid 1px #ddd;


}





.table-search-v1 td {


	vertical-align: middle !important;


}





.table-search-v1 td a {


	color: #555;


}





.table-search-v1 td span {


	display: block;


}





.table-search-v1 .star-vote {


	margin: 5px 0 0px;


}





.table-search-v1 .star-vote li {


	padding: 0;


}





.table-search-v1 .progress {


	margin-bottom: 0;


}





.table-search-v1 .m-marker a {


	font-size: 11px;


}





.table-search-v1 .m-marker i {


	float: left;


	min-width: 20px;


	font-size: 26px;


}





.table-search-v1 .m-marker .display-b {


	top: 3px;


	display: block;


	line-height: 10px;


	position: relative;


}





.table-search-v1 .td-width {


	width: 40%;


}





/*Table Search v2


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


.table-search-v2 .btn-u.dropdown-toggle {


	border-left: none;


}





.table-search-v2 .btn-group .btn-u {


	top: 4px;


	padding: 0 6px;


	position: relative;


}





.table-search-v2 thead {


	border-bottom: solid 1px #ddd;


}





.table-search-v2 td {


	vertical-align: middle !important;


}





.table-search-v2 td img {


	width: 60px;


	height: 60px;


	margin: 0 auto;


	display: block;


}





.table-search-v2 .user-names span,


.table-search-v2 .user-names small {


	display: block;


	text-align: center;


}





.table-search-v2 .user-names span {


	color: #555;


	font-size: 16px;


	position: relative;


}





.table-search-v2 .user-names small {


	color: #999;


	font-size: 13px;


}





.table-search-v2 td h3 {


	font-size: 16px;


	margin: 0 0 2px;


}





.table-search-v2 td a {


	color: #555;


}





.table-search-v2 td p {


	margin-bottom: 0;


}





.table-search-v2 td span {


	display: block;


}





.table-search-v2 td small {


	font-style: italic;


}





.table-search-v2 .s-icons {


	margin-bottom: 0;


}





.table-search-v2 .s-icons li {


	padding: 2px;


}





.table-search-v2 .table-buttons {


	margin: 0;


}





.table-search-v2 .table-buttons li {


	padding: 0;


}





.table-search-v2 .table-buttons .btn-u-sm {


	padding: 3px 6px;


}





.table-search-v2 .td-width {


	width: 55%;


}





/*People Say


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


.people-say img {


	float: left;


	width: 40px;


	height: auto;


	margin: 6px 10px 0 0;


}





.people-say .overflow-h span {


	font-weight: 700;


}





.people-say .overflow-h p {


	font-style: italic;


	line-height: 1.3;


}





.people-say .overflow-h small {


	text-align: right;


	font-style: italic;


}





/*Page Option v1


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


.page-option-v1 p {


	color: #999;


	font-size: 14px;


}





/*Inspire Page


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


img.img-mouse {


	width: 150px;


	height: auto;


	margin: 0 auto 60px;


}





/*Desire Page


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


/*Service Info*/


.service-info {


	position: relative;


	padding: 40px 0 50px;


	background: url(../img/patterns/17.png) repeat;


}





.service-info .info-description {


	overflow: hidden;


}





.service-info i.service-info-icon {


	color: #777;


	float: left;


	width: 50px;


	height: 50px;


	padding: 15px;


	font-size: 20px;


	line-height: 17px;


	margin-right: 20px;


	text-align: center;


	display: inline-block;


	border: 1px solid #777;


}





.service-info .info-description h3 {


	margin: 0 0 10px;


}





.service-info .info-description p {


	color: #777;


}





/*Portfolio Single Item Page


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


/*Project Details*/


.project-details li {


  color: #555;


  font-weight: 200;


  margin-bottom: 5px;


}





.project-details strong {


  min-width: 100px;


  display: inline-block;


}





.project-details a {


  text-decoration: underline;


}





/*Bootstrap Testimonials


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


.testimonials-bs {


  padding: 50px 0;


  background: url(../img/bg/16.jpg) 50% 0 repeat fixed;


}





.testimonials-bs .headline-center-v2 span.author {


  color: #777;


  font-size: 14px;


}





/*Removes Bootstrap carousel background images*/


.testimonials-bs .item {


  margin-bottom: 30px;


}





.testimonials-bs .carousel-arrow {


  text-align: center;


}





.testimonials-bs .carousel-control-v2 i {


	color: #888;


	width: 30px;


	height: 30px;


	padding: 2px;


	font-size: 22px;


	display: inline-block;


	border: 2px solid #888;


}





.testimonials-bs .carousel-control-v2 i:hover {


  color: #72c02c;


  border-color: #72c02c;


  text-decoration: none;


  transition: all 0.3s ease-in-out;


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


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


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


}





.testimonials-bs .carousel-control-v2.left,


.testimonials-bs .carousel-control-v2.right {


    text-decoration: none;


    background-image: none;


}





/*Team v1*/


.team-v1 li > h3 {


	color: #555;


}





/*Jose David*/


.news > div:nth-child(even) {


    background: #fafafa;


}
.tp-banner-container {
	width:100%;
	height:420px;}

.tp-banner{  display: none;}