@charset "utf-8";
/* CSS Document */

/***********************************/
/* @Autor:   Pekub - pekub.com     */
/* @Cliente: eSolution energy      */
/* @Fecha:   Sep 2015              */
/***********************************/

body.green #home {
	background: rgb(37,118,142) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(37,118,142,1) 0%, rgba(0,255,134,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(37,118,142,1)), color-stop(100%, rgba(168,204,51,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(37,118,142,1) 0%, rgba(0,255,134,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(37,118,142,1) 0%, rgba(0,255,134,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(37,118,142,1) 0%, rgba(0,255,134,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(37,118,142,1) 0%, rgba(0,255,134,1) 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25768e', endColorstr='#00ff86', GradientType=0 ) !important; /* IE6-9 */
}
#home h1 span { color: rgba(255, 255, 255, 0.85) !important; }
.section.dark p.description { color: rgba(255, 255, 255, 0.85) !important; }
.overlay i { color: #a8da32 !important; }
.overlay { background-color: rgba(0, 0, 0, 0.5) !important; }
#team.dark .wrapper p { color: rgba(255, 255, 255, 0.85) !important; }
.panel-body p { color: #666 !important; }
h1, h2, h3, h4, h5, h6 {
	font-family: 'Titillium Web', sans-serif !important;
	font-weight: 600 !important;
}
#services h3 { font-size: 19px !important; }
#services a {
	color: #81B724 !important;
	transition: color 0.3s ease 0s !important;
}
#services a:hover { color: #777 !important; }
.service p { text-align: center !important; }
/*#gallery {
	display:none !important;
}*/

#accordion .panel-title { }
#footer { background-color: #303030 !important; }
#footer p { color: white; }
#footer a {
	color: #B9FCB4;
	transition: color 0.3s ease 0s !important;
}
#footer a:hover { color: #E7E7E7; }
.social-media a i { color: #B9FCB4 !important; }
.social-media a:hover i { color: #E7E7E7 !important; }
.panel .panel-heading { background-color: #A8DA32; }
.panel .panel-heading .panel-title { color: white; }
.panel .panel-heading i { color: white; }
#features .container { padding-top: 30px !important; }
/* CONTACT BG */
#contact { background: url(../img/BG-CONTACT.jpg) no-repeat top; }
#contact.section p.description { color: white !important; }
#contact.section h3 { color: #B9FCB4 !important; }
.section .icon-description { color: white; }
/*input, textarea, input.form-control, textarea.form-control {
	background-color:white !important;
}
*/
#contact .btn { color: white; }
#contact .icon-description .icon-wrapper span.circle { border-color: white !important; }
#contact .icon-description .icon-wrapper i { color: white !important; }
/******************************/

#quienessomos a { font-weight: normal !important; }
.text-justify { text-align: justify !important; }
.modal .wrapper {
	box-shadow: none !important;
	background-color: transparent !important;
}
.modal { background: rgba(0, 0, 0, .5) none repeat scroll 0% 0% !important; }

/**************/
/* CSS JORGED */
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma30 { margin: 30px !important; }
.ma40 { margin: 40px !important; }
.mt0 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 40px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.mr0 { margin-right: 0 !important; }
.pa5 { padding: 5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr50 { padding-right: 50px !important; }
.pr70 { padding-right: 70px !important; }
.pt0 { padding-top: 0 !important; }
.pt05, .pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt70 { padding-top: 70px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
/****************************************/


/* MEDIUM */
@media (min-width: 992px)  {
	#video-homepage { width:570px; height:320px; }
}


/* SMALL */
@media (min-width: 768px) and (max-width: 991px) {
	#video-homepage { width:463px; height:260px; }
}


/* X-SMALL */
@media (max-width: 767px) {
	#home h1 { line-height:30px !important; }
	#video-homepage { width:260px; height:146px; }
}