/* ::::::::::::::::::::::::::::::::::::::::::::::: 
                 TEXTO JUSTIFICADO
::::::::::::::::::::::::::::::::::::::::::::::: */

.justify {
	text-align:justify !important
}

/* ::::::::::::::::::::::::::::::::::::::::::::::: 
                 TABLA VACANTES
::::::::::::::::::::::::::::::::::::::::::::::: */
.vacantes {
	background:#fff;
	border:0 !important;
	width:100%;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	-s-border-radius:15px;
	-khtml-border-radius:15px;
	padding:15px 15px 15px 15px !important;
	margin:15px 15px 15px 15px !important;
}
.left {
	float:left;
	width:70%;
	padding-top:5px;
	color:#00537f;
	font-size: 14px;
}
.right {
	float:right;
	width:auto;
	margin:5px 20px 0 0;
}
.row1 {
	height:50px;
}
.row1-b {
	padding:15px;
	height:60px;
}
.row2 {
	height:50px;
}
.row-empleo {
	margin:5px !important;
}
td {
	border:0;
	padding:0 10px 0 0 !important;
}
.row-footer {
	margin-top:20px;
	border:2px solid #fc0;
}
.row-vacantes {
	padding:0px !important;
	margin-left:-14px;
}
.span-purple-vacantes {
	color:#902c67;
	font-size:18px;
}
.span-blue-vacantes {
	color:#0c5b84;
	font-size:14px;
}
.bottom {
	margin-bottom:10px;
}
#boton3 {
	padding:7px ;
	border:0;
	border-radius: 5px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	background:#902c67;
	transition:all .5s ease;
	text-decoration:none;
}
#boton3:hover{
	background:#1b898c;
	color:#fff;
}
#boton3:focus{
	background:#1b898c;
}
a.link-blue {
	color:#0c5b84;
	font-size:14px;
	margin-right:10px;
	text-decoration:none;
}
a.link-blue:hover {
	color:#902c67;
}
.seleccionado {
	font-weight: bold !important;
	color:#333 !important;
}
/*#boton3:visited{
	background:#666;
}*/

/* ::::::::::::::::::::::::::::::::::::::::::::::: 
                      ACCORDION
::::::::::::::::::::::::::::::::::::::::::::::: */
a.leermas {
	line-height:60px;
	color:#902c67 !important;
	text-decoration:none;
	transition:all .3s ease;
}
a.leermas:hover {
	color:#1b898c !important;
}
.fondo-form {
	background:#ececec;
	/*border:1px solid #e2e2e2;
	border-radius:30px;*/
	padding:40px;
}
.fondo-form  label{
	color:#8f8f8f !important;
	padding-bottom:5px;
}
.picture{
    background: url("../images/picture1.jpg") no-repeat scroll 20% 0 #fff;
    height: 25em;
	margin:0;
	box-shadow:0 10px 10px -10px rgba(50, 50, 50, 0.35) inset, 0 -10px 10px -10px rgba(50, 50, 50, 0.15) inset;
}

.picture2{
    background: url("../images/header-bg2.jpg") no-repeat scroll 50% 0 #fff;
    height: 15em;
	margin:0;
	box-shadow:0 10px 10px -10px rgba(50, 50, 50, 0.35) inset, 0 -10px 10px -10px rgba(50, 50, 50, 0.15) inset;
}
.accordion {
	margin: auto;
	width: 100%;
}
.accordion span {
	margin-top:40px !important;
	font-size:18px !important;
	background:#fff;
	/*border-radius:5px;
	-o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;*/
	color:#105b63;
	font-weight:bold !important;
	text-align:center !important;
	width:100px !important;
	text-transform:uppercase;
	cursor: pointer;
	transition:all .5s ease;
	padding:10px 20px !important;
	text-decoration:none;
	margin:0 auto !important;
}
.accordion span:hover {
	background:#333;
	color:#077a80;
}

.accordion p {
	font: normal 14px futura_mdmedium,arial;
	color:#999;
}
.block {
	margin-top: 50px;
	font: normal 14px 'futura_mdmedium',arial;
	color:#999;
	width:100%;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
ul {
	margin:20px 0 -20px 0;
}
.flecha {
	list-style:none;
	background:url(../images/iconos/paloma.png) no-repeat;
	padding-left:20px;
	margin-left:-20px;
}
.flecha:hover {
	background:url(../images/iconos/paloma-over.png) no-repeat;
}
body{
	font-family: 'Open Sans' !important;
}
::selection {
	background: #b93c87;
	color:#fff;
}

::-moz-selection {
	background: #b93c87;
	color:#fff;
}

.go-top {
	width:40px;
	height:40px;
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	padding: 1em;
	display: none;
	opacity:0.4;
	text-indent:-9999px;
	background: url(../images/icon_top.png) no-repeat;
}
 
.go-top:hover {
	background: url(../images/icon_top.png) no-repeat;
	opacity:0.6;
}

/* Popup
---------------------------------------- */
.reveal-modal {
	background: #ececec;
	left: 30%;
	right:30%;
	position:absolute;
	top: 20%;
	bottom:20%;
	visibility: hidden;
	width: 40%;
	height:60%;
	z-index: 10009;
	box-shadow:0 0 20px rgba(0, 0, 0, .4);
	border-radius:4px;
	overflow-y:auto;
	overflow-x:none;
	padding:30px !important;
	}
.reveal-modal .close-reveal-modal {
	width: 58px;
	height: 72px;
	background: url(../images/sprite.png) no-repeat 0 -387px;
	position: absolute;
	top: 0;
	right: 16px;
	text-indent: -999em;
	cursor: pointer;
}

.reveal-modal .close-reveal-modal:hover {
	background: url(../images/sprite.png) no-repeat -62px -387px;
}

.reveal-modal-bg {
	background:url(../images/transparent-2.png) center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index:10005;
}

/* Modal Header */
.reveal-modal .reveal-modal-header {
	padding:23px 20px;
	text-transform: uppercase;
	color: #323334;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	background: url("../images/dotted-window.png") repeat-x 0 100%;
}

/* Modal Body */
.reveal-modal .cont {
	padding: 25px 0;
	width:350px;
	margin:0 auto;
	}
/*
.reveal-modal form input[type="submit"] {
	width: 138px;
	height: 48px;
	border: none;
	cursor: pointer;
	padding: 0;
}

.reveal-modal form input[type="text"] {
	background: none;
	border: 1px solid #d8d8d8;
	width: 220px;
	float: right;
	border-radius:3px;
	box-shadow:none;
}
.reveal-modal form input[type="text"]:focus {
	border-color:#66b9e3;
	box-shadow:inset 0 0 0 rgba(0, 0, 0, .1), 0 0 3px rgba(102, 185, 227, 1);
	}
*/
.reveal-modal form p {
	margin-bottom: 11px;
}

.reveal-modal form label {
	float: left;
	line-height: 27px;
	color: #888;
	width: 128px;
	font-size: 14px;
	font-weight:normal;
}

.reveal-modal form .checkboxes {
	font-size: 12px;
	font-family:'Open Sans', Arial, sans-serif;
	padding: 0;
}

.reveal-modal form.signup .checkboxes {
	padding: 16px 0 12px;
}

.reveal-modal form.signup em {
	font-size: 11px;
}

.reveal-modal form .checkboxes a {
	color: #bdd236;
	text-decoration: underline;
	margin-left: 14px;
}

.reveal-modal form .checkboxes a:hover {
	text-decoration: none;
	color: #bdd236;	
}
.reveal-modal em {
	font-size:12px;
	color:#aaa;
	font-family:'Open Sans', Arial, sans-serif;
	font-style:normal;
	}
.reveal-modal abbr {
	color: #fe6666;
}

/* Signin Form */
.reveal-modal form.signin label {
	width: 77px;
	padding-left: 25px;
	font-size: 14px;
	font-weight:normal;
}

.reveal-modal form.signin input[type="text"] {
	margin-right: 27px;
}

.reveal-modal form.signin input[type="select"] {
	margin-right: 27px;
}

.reveal-modal form p.without-label {
	padding-left: 103px;
}

.reveal-modal form.signup p.without-label {
	padding-left: 104px;
}

.reveal-modal form.signin {
	margin-bottom: 50px;
}

.reveal-modal form.signin input[type="submit"] {
	background: url("../images/sprite.png") no-repeat -2px -4px;
}

.reveal-modal form.signin input[type="submit"]:hover {
	background: url("../images/sprite.png") no-repeat -2px -55px;	
}

.reveal-modal form.signup {
	padding: 19px 0 28px;
}

.reveal-modal form.signup input[type="submit"] {
	background: url("../images/sprite.png") no-repeat -2px -111px;
}

.reveal-modal form.signup input[type="submit"]:hover {
	background: url("../images/sprite.png") no-repeat -2px -162px;	
}

.reveal-modal .captcha {
	float: right;
	width: 221px;
	height: 88px;
	padding-top: 8px;
}

.reveal-modal .indication {
	background: url("../images/indication.jpg") no-repeat 50% 100%;
	padding: 0 0 15px;
	text-align: center;
	color: #115b87;
	margin-bottom: 18px;
	text-transform: lowercase;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
}

ul.socials-login {
	list-style: none;
	margin: 0;
}
ul.socials-login li {
	margin-top: 8px;
	text-align: center;
	padding:0;
	background:none;
}

ul.socials-login li:first-child {
	margin-top: 0;
}

ul.socials-login li a {
	display: inline-block;
	width: 219px;
	height: 37px;
}

ul.socials-login li a.fb {
	background: url("../images/sprite.png") no-repeat 0 -298px;
}

ul.socials-login li a.fb:hover {
	background: url("../images/sprite.png") no-repeat 0 -337px;	
}

ul.socials-login li a.tw {
	background: url("../images/sprite.png") no-repeat 0 -216px;	
}

ul.socials-login li a.tw:hover {
	background: url("../images/sprite.png") no-repeat 0 -255px;	
}

.niceCheck {
	width: 10px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	background: url("../images/checkbox.png") no-repeat;
	margin-right: 5px;
}
.niceCheck input {
	display: none;
}
/* END POPUP */



/*================================
	Widgets Tags
================================*/
.widget_tags { overflow: hidden; margin-left:-40px; }
.widget_tags ul { width: 102%; }
.widget_tags li { list-style-type: none; }
.widget_tags li a {
	background: #902c67;
	padding: 4px 8px 5px;
	float: left;
	color: #fff;
	margin: 4px 8px 3px 0px;
	text-decoration:none;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	-ms-border-radius:5px;
}
.widget_tags li a:hover {
	background: #333;
	color:#fff;
}

/*================================
	Contacto
================================*/
.direccion-c {
	background:url(../images/iconos/direccion.png) left top no-repeat;
	width:100%;
	margin: 0 auto;
	padding-left:25px;
	margin-top:8px;
	margin-bottom:12px;
	color:#fff;
	font-size:13px;
}
.telefono-c {
	background:url(../images/iconos/telefono.png) left top no-repeat;
	width:100%;
	padding-left:25px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#fff;
}
.email-c {
	background:url(../images/iconos/email.png) left top no-repeat;
	width:100%;
	padding-left:25px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#fff ;
}
.email-c span {
	color:#fc0 !important;
}
.telefono-c a,.email-c a {
	color:#fff !important;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.telefono-c a:hover, .email-c a:hover {
	color:#fc0 !important;
}
.web-c {
	background:url(../images/iconos/web.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.web-c span {
	color:#fff !important;
}
.web-c a {
	color:#fc840d;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.web-c a:hover {
	color:#ddd;
}
.desarrollo-software-s {
	background:url(../images/iconos/desarrollo-de-software.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.desarrollo-software-s span {
	color:#fff !important;
}
.desarrollo-software-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.desarrollo-software-s a:hover {
	color:#00a4e5;
}
.desarrollo-movil-s {
	background:url(../images/iconos/desarrollo-movil.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.desarrollo-movil-s span {
	color:#fff !important;
}
.desarrollo-movil-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.desarrollo-movil-s a:hover {
	color:#00a4e5;
}
.staffing-s {
	background:url(../images/iconos/staffing.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.staffing-s span {
	color:#fff !important;
}
.staffing-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.staffing-s a:hover {
	color:#00a4e5;
}
.conmutadores-pbx-s {
	background:url(../images/iconos/conmutadores-pbx.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.conmutadores-pbx-s span {
	color:#fff !important;
}
.conmutadores-pbx-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.conmutadores-pbx-s a:hover {
	color:#00a4e5;
}
.sharepoint-s {
	background:url(../images/iconos/sharepoint.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.sharepoint-s span {
	color:#fff !important;
}
.sharepoint-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.sharepoint-s a:hover {
	color:#00a4e5;
}
.licenciamiento-s {
	background:url(../images/iconos/licenciamiento.png) left top no-repeat;
	width:100%;
	padding-left:30px;
	margin: 0 auto;
	margin-top:8px;
	margin-bottom:12px;
	color:#999;
	text-shadow:1px 1px 2px #000;
}
.licenciamiento-s span {
	color:#fff !important;
}
.licenciamiento-s a {
	color:#fff;
	text-decoration:none;
	transition:all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.licenciamiento-s a:hover {
	color:#00a4e5;
}


/*================================
	Empresas
================================*/
.estrategia a {
	background:url(../images/estrategia-up.png) no-repeat;
	width:165px;
	height:100px;
	text-indent:-9999px;
	display:block;
	text-align:center;
	margin: 0 auto;
	margin-top:13px;
	margin-bottom:12px;
}
.estrategia a:hover {
	background:url(../images/estrategia-over.png) no-repeat;
}
.hunt a {
	background:url(../images/hunt-up.png) no-repeat;
	width:101px;
	height:100px;
	text-indent:-9999px;
	display:block;
	text-align:center;
	margin: 0 auto;
	margin-top:13px;
	margin-bottom:12px;
}
.hunt a:hover {
	background:url(../images/hunt-over.png) no-repeat;
}
.crosscheck a {
	background:url(../images/crosscheck-up.png) no-repeat;
	width:162px;
	height:100px;
	text-indent:-9999px;
	display:block;
	text-align:center;
	margin: 0 auto;margin-top:13px;
	margin-bottom:12px;
}
.crosscheck a:hover {
	background:url(../images/crosscheck-over.png) no-repeat;
}
.preserve a {
	background:url(../images/preserve-up.png) no-repeat;
	width:88px;
	height:100px;
	text-indent:-9999px;
	display:block;
	text-align:center;
	margin: 0 auto;
	margin-top:13px;
	margin-bottom:12px;
}
.preserve a:hover {
	background:url(../images/preserve-over.png) no-repeat;
}
.castling a {
	background:url(../images/castling-up.png) no-repeat;
	width:146px;
	height:100px;
	text-indent:-9999px;
	display:block;
	text-align:center;
	margin: 0 auto;
	margin-top:13px;
	margin-bottom:12px;
}
.castling a:hover {
	background:url(../images/castling-over.png) no-repeat;
}
#frase {
	text-align:center;
	vertical-align:middle !important;
	margin:40px auto;
}
#naranja {
	color:#f60;
	font-size:1.1em;
	text-transform:uppercase;
	margin:0 auto;
}
#azul {
	color:#00a4e5;
	font-size:1.1em;
	margin:0 auto;
}


/*================================
	1.Document Setup
================================*/
.boton				{
	padding:6px 25px !important;
	border:0 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	height:30px !important;
	cursor:pointer !important;
	color:#fff !important;
	font-size:15px !important;
	background:#1b898c !important;
	transition:all .5s ease !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	font-weight:900;
	}
.boton:hover{
	background:#902c67 !important;
	color:#fff !important;
}
body{
	font-family: Helvetica, sans-serif;
	overflow-x:hidden !important;
}
#titulo-servicios {
	background:#077a80;
	height:100%;
	padding:15px 0;
}
#titulo-servicios > .container {
	height:100%;
}

#titulo-servicios h1 {
	color:#fc0 !important;
	text-transform:uppercase;
	font-size:50px !important;
	font-weight: 900 !important;
}
#cono {
	background:#185480;
	height:100%;
	padding:20px 0;
}
#cono > .container {
	background:#185480;
	height:100%;
}

#cono h1 {
	color:#fc0 !important;
	text-transform:uppercase;
	font-size:50px !important;
	font-weight: 900 !important;
}
#cono h2 {
	color:#fc0 !important;
	text-transform:uppercase;
	font-size:50px !important;
	font-weight: 900 !important;
}
.h1-blanco {
	color:#fff !important;
	margin:0 0 50px 0 !important;
	text-decoration:none !important;
	font-size:50px !important;
}
.h2-blanco {
	color:#fff !important;
	margin:0 0 50px 0 !important;
	text-decoration:none !important;
	font-size:50px !important;
}

.blanco {
	color:#fff;
	margin:0 0 50px 0;
	text-decoration:none;
	font-size:13px;
}

a.blanco {
	color:#fff;
	margin:0 0 50px 0;
	text-decoration:none;
	font-size:13px;
	transition:all .5s ease;
}

a.blanco:hover {
	color:#fc0;
}

a.blue {
	color:#333 !important;
	margin:0 0 10px 0 !important;
	text-decoration:none !important;
	font-size:14px !important;
	transition:all .5s ease !important;
}

a.blue:hover {
	color:#902c67 !important;
}

a.blanco-2 {
	color:#fff !important;
	margin:0 0 50px 0 !important;
	text-decoration:underline !important;
	font-size:13px !important;
	transition:all .5s ease !important;
}

a.blanco-2:hover {
	color:#fc0 !important;
}

.titulo-vacantes {
	font-size:25px;
	color:#fff;
	font-weight:900;
}

a.vermasblanco {
	margin-top:40px !important;
	background:#fff;
	border-radius:5px;
	-o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
	color:#105b63;
	font-weight:bold;
	text-transform:uppercase;
	cursor: pointer;
	transition:all .5s ease;
	padding:10px 20px !important;
	text-decoration:none;
}

a.vermasblanco:hover {
	background:#333;
	color:#077a80;
}

/*boxed Layout*/
.boxed-layout {
	max-width:1170px;
	margin:0 auto;
}

.boxed-layout section {
	background-color:#fff;
}

.boxed-layout .navbar-default {
	padding-top:15px !important;
	padding-bottom:5px !important;
	min-height:20px !important;
	max-width:1170px;
	margin:0 auto;
}

.pat1 {
	background:url(../images/patterns/black_lozenge.png);
}

.boxed-layout .pat2 {
	background:url(../images/patterns/az_subtle.png);
}

.boxed-layout .pat3 {
	background:url(../images/patterns/dimension.png);
}

.boxed-layout .pat4 {
	background:url(../images/patterns/pw_maze_white.png);
}

.boxed-layout .pat5 {
	background:url(../images/patterns/simple_dashed.png);
}

.boxed-layout .pat6 {
	background:url(../images/patterns/tweed.png);
}

/*================================
	2.Heading Styles
================================*/

h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-size:24px !important;
	font-weight:normal !important;
	margin:0px 0px 20px 0px !important; 
	color:#000!important;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:36px;
	font-weight:bold;
	margin:0px 0px 20px 0px; 
	color:#000;
}

h3 {
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:normal !important;
	margin:0px 0px 0px 0px !important; 
	color:#000 !important;
	line-height:28px;
}

h5 {
	font-family: 'Open Sans', sans-serif !important;
	font-size:18px !important;
	font-weight:normal !important;
	margin:0px 0px 20px 0px !important; 
	color:#000 !important;
}


/*=========================
    2. Top Container
=========================*/
.top-container {
	width:100%;
	overflow:auto;
	z-index:1000 !important;
}

.telefono {
	width:90px !important;
	float:right;
	background:url(../images/phone.png) left no-repeat;
	padding-left:28px;
	height:35px;
	padding-top:8px;
	text-decoration:none;
}

.idioma {
	width:115px;
	float:right;
	background:url(../images/flag.png) left no-repeat;
	padding-left:28px;
	height:35px;
	padding-top:8px;
}

a.link-top-container {
	text-decoration:none;
	font-family: Helvetica, sans-serif;
	color:#484848 !important;
	font-size:12px;
}

a.link-top-container:hover {
	color:#c00 !important;
	text-decoration:none !important;
}

/*=========================
    2. Footer Container
=========================*/
.top-container {
	width:100%;
	overflow:auto;
}
.telefono {
	width:120px;
	float:right;
	background:url(../images/phone.png) left no-repeat;
	padding-left:28px;
	height:35px;
	padding-top:8px;
	text-decoration:none;
}
.idioma {
	width:115px;
	float:right;
	background:url(../images/flag.png) left no-repeat;
	padding-left:28px;
	height:35px;
	padding-top:8px;
}
a.link-top-container {
	text-decoration:none;
	font-family: Helvetica, sans-serif;
	color:#484848 !important;
	font-size:12px;
}
a.link-top-container:hover {
	color:#c00 !important;
	text-decoration:none !important;
}
/*=========================
	3.Custom Nav Style
=========================*/
/*.navbar{
	margin-bottom:0;
}
.navbar-default{
	background:#fff;
	border:none;
	padding-top:27px;
	padding-bottom:5px;
	height:85px;
	transition:All .6s ease;
	webkit-transition:All .6s ease;
	-moz-transition:All .6s ease;
	-o-transition:All .6s ease;
	/*-box-shadow:3px 3px 5px 0px #000;
	-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);
	-khtml-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.25);*/
/*}

.navbar-default{
	padding-top:20px !important;
	padding-bottom:0px !important;
	min-height:30px !important;

}
.navbar-default
{
	width:100%;
}
.navbar-brand img
{
	max-width:100%;
	max-height:100%;
}
.navbar-brand img{
	max-width:118px;
	padding:0;
	margin:-16px 0 -16px 0;
}
.navbar-nav{
	float:right;
}
.navbar-brand{
	padding-top:0;
	
}
.navbar-toggle{
	}
.navbar-default .navbar-toggle{
	border:0px solid #999;
	transition:all .5s ease;
}
.navbar-default .navbar-toggle:hover{
	border:0px solid #999;
	background:#666 !important;
}

.navbar-nav > li > a{
	padding-bottom:30px;
	font-size:13px;
	font-weight:bold;
	font-family: Helvetica, sans-serif;
	text-transform:uppercase;
	padding-left:15px;
	padding-right:15px;
	text-shadow: 0px 1px #FFF;
	background:none;
}

.navbar-nav > li:last-child > a{
	padding-right:0;
}
.navbar-default .navbar-nav > li a:focus{
	color:#b93c87;
}

a.active{
	color:#b93c87 !important;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li a:focus{
	color:#b93c87;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover{ 
	color:#666;
	background:none;
	border-bottom:5px solid #f50;
	/*background:#292a2c;
	border: 0px 1px 0px 1px solid #CF0 !important;*/
/*	
}

.navbar-default .navbar-nav > .active > a:focus{
	color:#b93c87;
	background:none;
	border-bottom:5px solid #f50;
	/*background:#292a2c;
	border: 0px 1px 0px 1px solid #CF0 !important;*/
	
/*}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
	color:#666;
	background:#fff;
}

/*================================
	4.Dropdown
================================*/

/*ul.nav li.dropdown:hover ul.dropdown-menu {
 display: inline-block;
}

.navbar-nav>li>.dropdown-menu
{
	float:none;
	margin-bottom:-5px;
	padding-bottom:-5px !important;
}

.dropdown-menu 
{
	border:none;
}
ul.dropdown-menu 
{
	background:#fff;
	box-shadow: none;
	margin-top:-5px !important;
	
	/*opacity:.95;*/	
/*}


.dropdown-menu li a {
	color:#666;
	text-transform:uppercase;
	line-height:38px;
	font-size:12px;
	transition: all .5s ease-in;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.dropdown-menu li a:hover {
	opacity: 1 !important;
	color:#fff !important;
	background:#b93c87;
}
.active-dropdown {
	background-color:#222; !important;
	background:#222 !important;
	color:#fff !important;
}
.active-dropdown:hover {
	background-color:#456b91; !important;
	background:#456b91 !important;
	color:#fff !important;
}
/*================================
	5.General Styles
================================*/

.bg-color1{
	background:#f54444;
}
.bg-color2{
	background:#27ae60;
}
.bg-color3{
	background:#3498db;
}
.bg-color4{
	background:#1abc9c;
}
.section-heading{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	line-height:40px;
	font-weight:900;
	color:#185480;
	text-align:center;
	text-transform:uppercase;
}

#mision{
	position:relative;
	padding-top:40px;
	padding-bottom:20px;
	height:auto;
	background:#fcfcfc;
}
.h2-verde {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight:900 !important;
	color:#077a80 !important;
	margin-bottom: 0px !important;
}
.h2-purple {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight:900 !important;
	color:#902c67 !important;
	margin-bottom: 0px !important;
}
.span-verde {
	font-weight:900;
	color:#077a80;
}
.span-purple {
	font-weight:900;
	color:#902c67;
}
.span-blue {
	font-weight:900;
	color:#0c5b84;
	text-transform:uppercase;
	font-size:20px;
}
.span-purple2 {
	font-weight:900;
	color:#902c67;
	text-transform:uppercase;
	font-size:20px;
	padding-bottom:50px;
}
.nota {
	color:#c00;
}
.section-heading-purple{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:40px !important;
	font-weight:900;
	color:#902c67;
	text-transform:uppercase;
	margin:0 0 30px 0;
}
.section-heading-verde{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:40px !important;
	font-weight:900;
	color:#077a80;
	text-transform:uppercase;
	margin:0 0 30px 0;
}
.section-heading-azul{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	line-height:40px !important;
	font-weight:900;
	color:#185480;
	text-transform:uppercase;
	margin:0 0 30px 0;
}
.article-heading-azul{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	padding:20px 0 20px 0 !important;
	font-weight:900;
	color:#185480;
	margin:10px 0 30px 0;
}
.section-subheading{
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#7f8c8d;
	padding-top:12px;
}
.wrape-icon{
	height:52px;
	width:52px;
	text-align:center;
	line-height:52px;
	font-size:26px;
	color:#fff;
}
.head{
	font-size:20px;
	padding:30px 0;
	font-weight:normal !important;
	font-family: 'Open Sans', sans-serif;
	color:#333;
	text-align:center;
}
.center {
	text-align:center;
}
.center a {
	color:#666;
	text-decoration:none;
}
.center a:hover {
	color:#000;
}
.head a {
	color:#1b898c;
	text-decoration:none;
}
.head a:hover {
	color:#000;
}
.head2{
	font-size:25px;
	line-height:24px;
	font-weight:normal !important;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	text-shadow:1px 1px 3px rgba(0,0,0,0.75);
	text-transform:uppercase;
	background: url(../images/gradient-title.png) repeat-x;
	border-radius:10px;
	padding:32px 5px 0px 5px;
	border:3px solid #fbfbfb;
	height:96px;
	width:auto;
	margin-top:20px;
}

.head-footer{
	font-size:18px;
	line-height:40px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	-moz-text-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	-o-text-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	-khtml-text-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	-ms-text-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	text-transform:uppercase;
	margin-bottom:15px;
}

.bread-crumb{
	background: url(../images/gradient-title.png) repeat-x;
	border-bottom:2px solid #fbfbfb;
	line-height:96px;
	height:97px !important; 
}
.bread-crumb .head{
	line-height:96px;
	font-weigth:normal !important;
}
.crumbs ul{
	margin:0;
	padding:0;
	text-align:right;

}
.crumbs li{
	font-size:12px;
	display:inline-block;
	color:#f60;
	margin-left:4px;
	text-shadow:0px 0px 3px #000;
}

.crumbs li a{
	font-size:14px;
	text-decoration:none;
	color:#fff;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-left:8px;
	text-shadow:0px 0px 3px #000;
}

.crumbs li.active a{
	text-decoration:none;
	color:#fff;
	font-weight:600;
	text-shadow:0px 0px 3px #000;
}

.nicescroll-rails
{
	z-index:999 !important;
	border:none !important;
}

.nicescroll-rails div
{
	border:none !important;
	background: #902c67 !important;
	min-height:150px !important;
	width:10px !important;
	overflow-y:none;
}

/*================================
	Footer
================================*/
.footer-access{
	background:#333;
	padding:20px;
	z-index:51;
}
.footer-container {
	width:100%;
	overflow:auto;
}
.footer-menu {
	overflow:auto;
	float:left;
	color:#fff;
	font-size:13px;
	text-shadow:2px 2px 3px #000;
	width:50%;
	padding-top:8px;
}
.footer-menu2 {
	overflow:auto;
	float:right;
	color:#fff;
	font-size:13px;
	text-shadow:2px 2px 3px #000;
	width:50%;
	text-align:right;
}
a.little {
	color:#fff;
	font-size:22px;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000;
	padding:0 10px 0 0px !important;
	transition:all 0.3s ease-in-out;
}
a.little:hover {
	color:#077a80 !important;
	text-decoration:none;
}

.little2 {
	color:#81295d;
	font-size:22px;
	margin-left:-30px;
	text-decoration:none;
	text-shadow:none !important;
	padding:0 18px 0 0 !important;
	transition:all 0.3s ease-in;
}
.little2:hover {
	color:#fff !important;
	text-decoration:none;
}
/*================================
	6.Header
================================*/
.quick-access{
	background:#ececec;
	padding-top:7px;
	padding-bottom:10px;
	height:47px !important;
	position:relative;
	z-index:1001;
}

.quick-access ul{
	margin:0;
	padding:0;
	float:right;
}

.quick-access ul li{
	float:left;
	color:#f54444;
	font-size:16px;
	list-style:none;
	margin-right:10px;
	line-height:30px;

}
.quick-access ul li a{
	padding-left:8px;
	color:#fff;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:30px;
	

}
.quick-search{
	position:relative;
	width:193px;
	height:23px;
	border:1px solid #414141;
	border-radius:10px;
	margin-top:5px;
}
.quick-search input{
	position:absolute;
	height:100%;
	width:100%;
	border-radius:10px;
	background:#383838;
	border:none;
	color:#666 !important;
	padding-left:10px;
	top:0;
	left:0;
	outline:none;
	line-height:20px;
	font-size:12px;

}

.quick-search ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666;
}
.quick-search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
}
.quick-search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
}
.quick-search :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #666;
}


.quick-search{
	position:relative;
	width:193px;
	height:23px;
	border:1px solid #414141;
	border-radius:10px;
	margin-top:5px;
}

.submit-search{
	position:absolute;
	top:-7px;
	right:6px;
	padding:0;
	margin:0;
	border:0;
	background:none;
	
	cursor:pointer;
}
.submit-search span{
	color:#f54444;
	font-size:13px;
}

/*==================================
	7.Homepage
===================================*/
#banner-wrapper{
	height:auto;
	/*background-attachment:fixed;*/
	width:100%;
	transition:1.5s ease-in;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
	-o-transition:.5s ease-in;

}
.servicios{
	width:100% !important;
	position:relative;
	padding:50px 50px 40px 50px;
	max-height:100% !important;
	overflow:hidden;
	/*background:#fff;*/
}
 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}

.bannercontainer{
width:100% !important;
position:relative;
padding:0;
max-height:500px !important;
overflow:hidden;
}

/*==================================
	7.1 Services
===================================*/
#sevices-wrapper{
	position:relative;
	padding-top:55px;
	width:100%;
}

.services-inner{
	padding-top:80px;

}

.service{
	position:relative;
	margin-bottom:50px;
}
.service .wrape-icon{
	float:left;
	margin-right:18px;
}
.service-detail{
	display:table;
}
h4.head{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:500;
	line-height:24px;
	margin:0;
	color:#1b1b1b;
}
.service p{
	color:#7f8c8d;
	font-size:14px;
	line-height:28px;
	padding-top:20px;
}

/*==================================
	7.2 Solid features
===================================*/
#solid-features{
	position:relative;
	padding-top:50px;
	padding-bottom:40px;
	height:auto;
	background:#f9f9f9;
}
.solid-visuals{
	text-align:left;
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
}

.solid-visuals img{
	position: absolute;
	left:0;
	top:0;
	max-width:583px;
	width:100%;
	height: auto;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	-khtml-border-radius:30px;
	-ms-border-radius:30px;
}

.servicios-TI{
	position:relative !important;
	width:100%;
	margin:0 0 20px 0;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	-khtml-border-radius:30px;
	-ms-border-radius:30px;
}

.solid-imac{
	position:relative !important;
	width:100%;
	height: auto;
	top:auto;
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	-moz-animation-duration:2.5s;
	-o-animation-duration:2.5s;	
	opacity:0;
}

.effect{
	top:0 !important;
}





#solid-features .service .head{
	color:#2c3e50;
}
#solid-features .service p{
	padding-top:10px;
}

#solid-features .section-heading{
	text-align:left;
	margin-bottom:30px;
}

/*================================
	7.3 promo-line
================================*/
#promo-line{
	padding-top:60px;
	padding-bottom:65px;
}
#promo-line .section-subheading{
	padding-top:0;
	text-align:left;
	margin-bottom:10px;
}
#promo-line .section-heading{
	text-align:left;
	
}

#promo-line a{
	padding:15px;
	color:#fff;
	font-size:20px;
	line-height:48px;
	background:#f54444;
	font-weight:700;
	border-bottom:4px solid #c13636;
	border-radius:2px;
	text-decoration:none;
}
#promo-line a span{
	margin-right:5px;
}

/*================================
	7.4 showcase
================================*/
#showcase-wrapper{
	background:#ffc71d;
	padding-top:60px;
	padding-bottom:50px;
	position:relative;
}

.et-rotate{
	width:69px;
	height:69px;
	background:#f54444;
	line-height:69px;
	text-align:center;
	color:#fff;
	font-size:30px;
	position:absolute;
	cursor:pointer;
	top:50%;
	margin-top:-34.5px;
	z-index:999;
}

.show-case-visual{
	padding-top:30px;
	text-align:center;
	position:relative;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.showcase-hover ul{
	margin:0;
	padding:0;
	margin-top:-35px;

}
.showcase-hover li{
	height:70px;
	width:70px;
	background:#fff;
	color:#f54444;
	cursor:pointer;
	font-size:30px;
	line-height:70px;
	display:inline-block;
	list-style:none;
	border-radius:50%;
	margin-right:10px;

}
.show-case-visual img{
	width:100%;
	height:auto;
	max-width:660px;
}
.showcase-hover{
	position:absolute;
	bottom:-100%;
	left:18px;
	height:40%;
	background:#000;
	background:rgba(0,0,0,.8);
	width:94%;
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.showcase-hover a
{
	color:#f54444;
	text-decoration:none;
}

.show-case-visual:hover .showcase-hover{
	bottom:0;
}

.et-wrapper{
	min-height:200px !important;
	margin:0 auto;
	height:300px;
	
}

.et-wrapper-basic{
	min-height:200px !important;
	margin:0 auto;

	
}
.showcase-prev{
	left:0px;
	
}
.showcase-next{
	right:0px;
}

#showcase-wrapper .section-heading,#showcase-wrapper .section-subheading{
	color:#fff;
}
/*================================
	7.5 Blog
================================*/
#blog-wrapper{
	position:relative;
	padding-top:60px;
	padding-bottom:30px;
}

.post{
	position:relative;
	float:left;
	width:100%;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:20px;
}
.post-visual{
	position:relative;
	overflow:hidden;
}
.post-visual img{
	width:100%;
	height:auto;
}
.post-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#f54444;
	background:rgba(245,68,68,.9);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.post:hover .post-hover{
	top:0;
}

.post:hover a
{
	color:#f54444;
	text-decoration:none;
}

.post-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.post:hover .post-hover ul{
	margin:0;
}


.post-hover li{
	width:70px;
	height:70px;
	background:#ffffff;
	color:#fc453f;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	margin-right:7px;
	cursor:pointer;

}
.post .head{
	text-align:left !important;
}
.post .head a{
	color:#000000;
	text-decoration:none;
	font-size:20px;
	line-height:40px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:7px;
	text-align:left !important;
}

.post .about-post ul{
	margin:0;
	padding:0;
}
.post .about-post li{
	color:#7f8c8d;
	display:inline-block;
	margin-right:10px;
}


.post .about-post li span{
	color:#f54444;
	font-size:13px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-left:10px;
	
}
.post p{
	color:#7f8c8d;
	font-size:14px;
	line-height:28px;
}
.blog-inner{
	padding-top:60px;
}


/*==================================
	7.6 Video Reel
===================================*/
#reel-wrapper{
	padding-top:55px;
	height:auto;
	background: url(../images/video-bg-pattern.png) center center repeat;
	position:relative;
	width:100%;
	padding-bottom:60px;
	overflow-x:hidden;

}
#reel-wrapper .section-heading{
	color:#fff;
}
#reel-wrapper .section-subheading{
	margin-bottom:40px;
}


.viemeo-player{
	margin:0 auto;
	width:94%;
	max-width:1100px !important;

}
.video-width{
	width:100%;
	height:610px;
	border:none;

}
/*==================================
	7.7 Testimonals
===================================*/
.testi-face{
	height:106px;
	width:106px;
	border-radius:50%;
	border:5px solid #1abc9c;
	overflow:hidden;
	margin:0 auto;
	
}

.testi-inner{
	padding-top:53px;
}
.testi-face img{
	height:106px;
	width:106px;
}

.testimonal p{
	font-size:22px;
	line-height:34px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	max-width:70%;
	text-align:center;
	margin:0 auto;
	padding-top:25px;
}

.testimonal .reference{
	padding-top:30px;
	font-size:20px;
	text-align:center;
	font-weight:400;
}

.testimonal .reference a{
	color:#1abc9c;
	text-decoration:underline;
}



#tesimonals-wrapper{
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
}


/*==================================
	7.8 Footer
===================================*/

.footer-wrapper{
	background:#077a80;
	padding-top:45px;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

.footer-feeds{
}
.head-icon{
	width:92px;
	height:92px;
	border-radius:50%;
	margin:0 auto;
	line-height:75px;
	font-size:50px;
	text-align:center;
	margin-top:20px;
}

.color1{
	background:#81295d;
}
.color2{
	color:#f39c12;
}
.color3{
	color:#e74c3c;
}
.color4{
	color:#0e64db;
}
.footer-wrapper .head{
	padding-top:27px;
	padding-bottom:17px;
	border-bottom:1px solid #3b3c3e;
	margin-bottom:35px;
	width:100%;
	text-align:center;

}
.footer-wrapper .time-stamp{
	font-size:13px;
	line-height:22px;
	color:#7f8c8d;
}
.popular-post{
	padding-bottom:20px;
}
.popular-post a{
	font-size:14px;
	line-height:22px;
	color:#ffffff;
	text-decoration:none;
}
.contact-info ul{
	margin:0;
	padding:0;
}
.contact-info li{
	color:#fff !important;
	font-size:13px;
	display:block;
	position:relative;
	margin-bottom:10px;
}
.contact-info li a{
	color:#fff !important;
	font-size:13px;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	padding-left:13px;

}
.contact-info li.address{
	margin-bottom:20px;
}


/*tweete*/
#tweets {
	width:100%;
	height:auto;
	background:none;
	font-family:'', sans-serif;
	color:#fff;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
		
}

#tweets li {
	padding: 5px;
	line-height:25px;
	list-style:none;
}

#tweets li .timestamp {
	text-align:left;
	color:#7f8c8d;
	
	
}
#tweets p{
	color:#fff;
	font-size:14px;
	line-height:28px;
	font-family:'';
		
}
#tweets a{
	display:block;
}
#tweets li.tweet_content_0 {
	border-top:0px none;
	color:#fff;
}
#tweets li:last-child{
	border-bottom:0px none;	
}

#tweets .hash { color:#e74c3c; } 
#tweets .reply { color:#FFF; } 

/*flicker*/
.flicker { margin: 0; padding: 0; overflow: hidden; }
.flicker li { list-style: none; float: left; margin-right:6px; margin-left:6px; margin-bottom:13px; }
.flicker li a { }
.flicker li img { display: block; }
.flicker li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }


.footer-line{
	background:#1e1e1f;
	
}
.copyright{
	font-size:14px;
	color:#fff;
	line-height:77px;
}

.social{
	margin:0;
	padding:5px;
	background:#1d1d1d;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	display:table;
	text-align:center;
}
.social li a{
	color:#656565;
	line-height:40px;
	text-align:center;
	font-size:16px;
	border:1px solid #2b2b2b;
	height:40px;
	width:40px;
	display:block;
	margin:5px;
	text-decoration:none;
}

.social li{
	display:inline-block;
}


.social li a:hover{
	color:#fff;
	background:#e74c3c;
}
.navbar-collapse{
	padding-right:0;
}

/*==================================
	8. Other Pages
===================================*/

#subpage-holder{
	margin:20px 0px 20px 0px;
	color:#777777;
}
#subpage-holder ul{
	list-style:none;
	
}
#subpage-holder li {
	background:url(../images/balazo-torre.png) no-repeat left top ;
	padding-left:20px;
	margin-left:-30px;
	margin-top:1px;
	display:block;
}
#subpage-holder li:hover {
	background:url(../images/balazo-torre-hover.png) no-repeat left top ;
	color:#000;
}

#subpage-holder ol {
	background:url(../images/balazo-torre-hover.png) no-repeat left top ;
	list-style:none !important;
}

#subpage-holder h4 {
	color:#999999;
	font-weight:normal !important;
}

#subpage-holder h1 {
	margin:0px 0px 5px 0px !important;
	color:#0090c3 !important;
	font-size:22px !important;
}
#clientes-menores {
	border-bottom:dashed 1px #CCCCCC;
	padding:5px 0px 5px 0px;
}
#clientes-menores:hover {
	color:#333
}
/*==================================
	8.1 Blog Standard / Wide
===================================*/
.post-wide
{
	
}

	.post-wide .img
	{
		max-width:100%;
	}
		.post-wide .img img
		{
			max-width:100%;
		}
	
	.post-wide .meta-wide
	{
		margin-top:20px;
	}

	.post-wide .meta-wide .date
	{
	}

		.blog-date-w{
			
			width:60px;
			height:60px;
			background:#27ae60;
			font-family: 'Open Sans', sans-serif;
			color:#fff;
			text-align:center;
			padding-top:10px;
		}
		.blog-date-w .day{
			font-size:26px;
			line-height:20px;
			font-weight:600;
			color:#fff;
		}
		.blog-date-w .month{
			font-size:15px;
			color:#fff;
			line-height:18x;
			text-transform:uppercase;
			font-weight:bold;
		}

	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
	}
	
		.post-wide .meta-wide .title-info .head
		{
			color:#000;
			font-weight:400;
		}
		
		.post-wide .meta-wide .title-info .post-meta
		{
			
		}
			.post-wide .meta-wide .title-info .post-meta li
		{			
				font-size:14px;
				color:#7f8c8d;
				border-right:1px solid #9ea8a9;
				display:inline-block;
				padding-right:5px;
				padding-left:0px;
		}
		
		.post-wide .meta-wide .title-info .post-meta li:last-child{
			padding-right:0px;
			border-right: none;
		}

				.post-wide .meta-wide .title-info .post-meta li a
				{
				color:#27ae60;
				text-transform:capitalize;
				text-decoration:none;
				}
	
	.post-wide .content-wide
	{
		font-size:14px;
		color:#7f8c8d;
		line-height:28px;
		margin-top:10px;
	}
	
		.post-wide .content-wide 
	
{}


.blog-slider .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.blog-slider .flex-next {
    opacity: 0.8;
    right: 5px;
}
/*==================================
	8.2 Blog Masonry
===================================*/

#blog-holder
{
	padding-top:60px;
	background:#f5f5f5;
}



.blog-unit{
	width:100%;
	height:auto;
	margin-bottom:22px;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:10px;
	background:#ffffff;
}

.blog-visual{
	position: relative;
	width:100%;
}
.blog-visual img{
	width:100%;
	height:auto;
}
.blog-date{
	position:absolute;
	width:60px;
	height:60px;
	background:#27ae60;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	bottom:0;
	left:0;
	padding-top:10px;
}
.blog-date .day{
	font-size:26px;
	line-height:20px;
	font-weight:600;
	color:#fff;
}
.blog-date .month{
	font-size:15px;
	color:#fff;
	line-height:18x;
	text-transform:uppercase;
	font-weight:bold;
}
.blog-detail .head{
	line-height:20px;
	padding-top:10px;
	padding-bottom:12px;
}
.blog-detail .head a{
	color:#000;
	font-size:18px;
	line-height:20px;
	text-decoration:none;
}

.blog-info ul{
	margin:0;
	padding:0;
}

.blog-info li{
	list-style:none;
	font-size:12px;
	line-height:14px;
	color:#7f8c8d;
	border-right:1px solid #7f8c8d;
	display:inline-block;
	padding-right:5px;
}
.blog-info li:last-child{
	padding-right:0px;
	border-right: none;
}
.blog-info li a{
	color:#27ae60;
	text-transform:capitalize;
	text-decoration:none;
}
.blog-detail p{
	font-size:13px;
	line-height:24px;
	color:#7f8c8d;
}
a.readmore{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-decoration:none;
	background:#f54444;
	display:table;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	border-radius:3px;
	border-bottom:3px solid #c13636;
	line-height:37px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
}
a.readmore:hover,.blog-tags li a:hover, #promo-line a:hover{
	
	background:#ffc71d;
	border-top:2px solid #e4b21b;
	border-bottom:none;
	
}
.blog-pagination{
	border-top:2px solid #E0E3E6;
	padding-top:20px;
	padding-bottom:100px;
	margin-top:60px;
}
.blog-pagination ul{
	margin:0;
	padding:0;
}
.blog-pagination li{
	display:block;
	float:left;
	margin-right:5px;
}
.blog-pagination li a{
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#e9e9e9;
	color:#666666;
	border-bottom:2px solid #9e9e9e;
	text-align:center;
	line-height:26px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
}
.blog-pagination li.active a,.blog-pagination li a:hover{
	background:#f54444;
	border-color:#a62e2e;
	color:#fff;
}

.blog-pagination li:last-child a{
	padding-left:15px;
	padding-right:15px;
}


.blog-pagination li:last-child span{
	padding-left:4px;

}


.blog-search{
	height:43px;
	width:100%;
	background:#fff;
	border:1px solid #d6d6d6;
	position:relative;
	
}

.blog-search input{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	padding-left:9px;
	color:#bdc3c7;
}

.blog-search button{
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:35px;
	color:#bdc3c7;
	border:0;
	padding:0;
	margin:0;
	background:none;
}

.blog-search button:hover{
	color:#fff;
	background:#f54444;
}

.head-wrapper .head{
	font-size:18px;
	line-height:40px;
	color:#1b1b1b;
	display:table;
	border-bottom:2px solid #27ae60;
	z-index:1000;
	margin-bottom:-2px;

}

.recent-posts{
	margin-top:42px;
}
.head-wrapper{
	border-bottom:2px solid #bdc3c7;
}
.latest-post{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #bdc3c7;
	min-height:110px;
	
}

.latest-post .recent-visual{
	height:70px;
	width:70px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.latest-post .recent-visual img{
	height:70px;
	width:70px;
}
.latest-detail{
	display:table;
}
.latest-post .recent-visual span{
	color:#e74c3c;
	font-size:30px;
}
.latest-post a{
	color:#1b1b1b;
	font-size:14px;
	font-weight:600;
	margin-top:-4px;
	text-decoration:none;
	display:block;

}
.latest-detail .date-stamp,.latest-detail a.reference{
	font-size:13px;
	font-weight:600;
	line-height:28px;
	color:#7f8c8d;
	text-decoration:none;
}

.blog-catagories,.blog-tags{
	margin-top:42px;
}

.blog-catagories ul{
	margin:0;
	padding:0;
}
.blog-catagories li{
	list-style:none;
	border-bottom:1px solid #bdc3c7;
}
.blog-catagories li a{
	font-size:14px;
	line-height:40px;
	font-weight:600;
	color:#1b1b1b;
	text-decoration:none;
}


.blog-catagories li a:hover,.latest-post a:hover{
	color:#f54444;
}


.blog-tags ul{
	margin:0;
	padding:0;
	margin-top:15px;
}

.blog-tags li{
	float:left;
	list-style:none;
	margin-right:5px;
	margin-bottom:7px;

}

.blog-tags li a{
	background:#7f8c8d;
	display:table;
	line-height:34px;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	border-radius:3px;
	transition:All .3s ease;
	-webkit-transition:All .3s ease;
	-moz-transition:All .3s ease;
	-o-transition:All .3s ease;

}

.blog-promo{
	background:#efefef;
	border-top:2px solid #E0E3E6;
}

/*==================================
	8.3 Blog Post
===================================*/
 
 .author
 {
 }
 
 	.author .thumb
	{
		width:80px;
		height:80px;
	}
		.author .thumb img
		{
			width:100%;
		}
	
	.author .about-author
	{
		width:100%;
		padding-left:100px;
	}
	
		.author .about-author .head
		{
		}
			.author .about-author .head h1
			{
				font-size:18px !important;
				margin-bottom:10px !important;
				padding-top:5px !important;
			}
		
		.author .about-author .details
		{
			color:#7f8c8d;
			line-height:24px;
			font-size:13px;
		}


.comtment-container
{
	margin-bottom:40px;
}
	
	.comtment-container .comment-body
	{
		background:#fff;
		border-left:1px solid #e9e9e9;
		border-right:1px solid #e9e9e9;
		border-top:1px solid #e9e9e9;
		border-bottom:2px solid #c4c4c4;
		padding:20px;
		margin:20px 0px;
	}
	
		.comtment-container .comment-body .thumb
		{
			width:50px;
			height:50px;
			
		}
		
			.comtment-container .comment-body .thumb img
			{
				width:100%;
			}
		
		.comtment-container .comment-body .content
		{
			padding-left:65px;
			
		}
		
		.comtment-container .comment-body .content .user
		{
			font-size:16px;
			color:#000;
		}
			
			.comtment-container .comment-body .content .user a
			{
				color:#000;
				transition:All .3s ease;
				-webkit-transition:All .3s ease;
				-moz-transition:All .3s ease;
				-o-transition:All .3s ease;
			}
			
			.comtment-container .comment-body .content .user a:hover
			{
				color:#f54444;
				text-decoration:none;
			}
		
		.comtment-container .comment-body .content .meta
		{
			font-size:12px;
			color:#999;
		}
		
		.comtment-container .comment-body .content .text
		{
			color:#7f8c8d;
			line-height:24px;
			font-size:13px;
		}
		
		.comtment-container .comment-body .reply
		{
			margin-top:15px;

		}
		
			.comtment-container .reply a
			{
				background:#EBEBEB;
				padding:5px 20px;
				color:#666;
				border-radius:2px;
				transition:All .3s ease;
				-webkit-transition:All .3s ease;
				-moz-transition:All .3s ease;
				-o-transition:All .3s ease;
				text-decoration:none;

			}
			
			.comtment-container .comment-body .reply a:hover
			{
				background:#f54444;
				color:#fff;

			}
			
			.comtment-container .comment-reply
			{
				margin-left:30px;
			}
			
			.comtment-container .comment-reply-lvl2
			{
				margin-left:60px;
			}
	
	.comment-form-container
	{
		margin-bottom:60px;
	}
		
		.comment-form-container .fields
		{
			margin-bottom:20px;
		}
		
			.comment-form-container .fields input
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				line-height:35px;
				padding-left:5px;
			}
			
			.comment-form-container .fields textarea
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				height:150px;
				padding-left:5px;
			}
				
/*==================================
	8.4 Full Width
===================================*/

.full-width-content
{
	color:#000000;
	text-shadow:1px 1px 1px #fff;
	line-height:28px;
	font-size:15px;
	padding-bottom:30px;
}

	.full-width-content p
	{
		margin-bottom:20px;
	}


/*==================================
	8.5 Portfolio
===================================*/

.filters 
{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#000;
	font-size:14px;	
}
	.filters li + li:before
	{
		content: '/';
		padding-right: 10px !important;
		color:#ccc;
		}

	.filters  a
	{
		color:#666;
		text-decoration:none;
	}
	
	.filters  a:hover
	{
		color:#999
	}
	
	.filters .active
	{
		color:#f54444;
	}

/* ==================================
	FOLIO 
================================== */

.folio{
	position:relative;
	margin-bottom:20px;
	background:#94d200;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio-visual img{
	width:100%;
	height:auto;
}
.folio-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio:hover .folio-hover{
	top:0;
}
.folio-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio:hover .folio-hover ul{
	margin:0;
}
.folio-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	color:#158adb !important;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio-hover li a{
	color:#00a4e5;
}
.folio-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio .content-container
{
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio .content-container .category {
	color:#95a5a6;
	text-align:center;
}

/* ==================================
	FOLIO 1
================================== */

.folio1{
	position:relative;
	margin-bottom:20px;
	background:#ffc000;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio1-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio1-visual img{
	width:100%;
	height:auto;
}
.folio1-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio1:hover .folio1-hover{
	top:0;
}
.folio1-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio1-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio1:hover .folio1-hover ul{
	margin:0;
}
.folio1-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	color:#158adb !important;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio1-hover li a{
	color:#00a4e5;
}
.folio1-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio1 .content-container {
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio1 .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio1 .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio1 .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio1 .content-container .category {
	color:#95a5a6;
	text-align:center;
}



/* ==================================
	FOLIO 2
================================== */

.folio2{
	position:relative;
	margin-bottom:20px;
	background:#ad27a8;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio2-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio2-visual img{
	width:100%;
	height:auto;
}
.folio2-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio2:hover .folio2-hover{
	top:0;
}
.folio2-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio2-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio2:hover .folio2-hover ul{
	margin:0;
}
.folio2-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	color:#158adb !important;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio2-hover li a{
	color:#00a4e5;
}
.folio2-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio2 .content-container {
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio2 .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio2 .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio2 .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio2 .content-container .category {
	color:#95a5a6;
	text-align:center;
}



/* ==================================
	FOLIO 3
================================== */

.folio3{
	position:relative;
	margin-bottom:20px;
	background:#505050;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio3-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio3-visual img{
	width:100%;
	height:auto;
}
.folio3-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio3:hover .folio3-hover{
	top:0;
}
.folio3-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio3-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio3:hover .folio3-hover ul{
	margin:0;
}
.folio3-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	color:#158adb !important;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio3-hover li a{
	color:#00a4e5;
}
.folio3-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio3 .content-container {
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio3 .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio3 .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio3 .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio3 .content-container .category {
	color:#95a5a6;
	text-align:center;
}


/* ==================================
	FOLIO 4
================================== */

.folio4{
	position:relative;
	margin-bottom:20px;
	background:#158adb;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio4-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio4-visual img{
	width:100%;
	height:auto;
}
.folio4-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio4:hover .folio4-hover{
	top:0;
}
.folio4-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio4-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio4:hover .folio4-hover ul{
	margin:0;
}
.folio4-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	color:#158adb !important;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio4-hover li a{
	color:#00a4e5;
}
.folio4-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio4 .content-container {
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio4 .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio4 .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio4 .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio4 .content-container .category {
	color:#95a5a6;
	text-align:center;
}


/* ==================================
	FOLIO 5
================================== */

.folio5{
	position:relative;
	margin-bottom:20px;
	background:#ff9600;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
}
.folio5-visual{
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-o-border-radius:20px 20px 0px 0px;
}
.folio5-visual img{
	width:100%;
	height:auto;
}
.folio5-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio5:hover .folio5-hover{
	top:0;
}
.folio5-hover a {
	color:#f54444;
	text-decoration:none;
}
.folio5-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio5:hover .folio5-hover ul{
	margin:0;
}
.folio5-hover li{
	width:70px;
	height:70px;
	background:#ddd;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	margin-right:7px;
	cursor:pointer;
	box-shadow:0px 0px 5px #333;
}
.folio5-hover li a{
	color:#00a4e5;
}
.folio5-hover li a:hover{
	color:#333;
	transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
}
.folio5 .content-container {
	border-radius:0px 0px 20px 20px;
	background:url(../images/transparent.png) repeat;
	color:#fff !important;
	text-shadow: 0px 0px 4px #000;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
}
.folio5 .content-container .head{
	text-align: center !important;
	line-height:22px !important;
	height:45px;
}
.folio5 .content-container .head a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	padding-bottom:10px;
	text-align:left !important;
	opacity:.85;
}
.folio5 .content-container .head a:hover {
	color: #fff !important;
	text-decoration:none;
	opacity:1;
}
.folio5 .content-container .category {
	color:#95a5a6;
	text-align:center;
}
/*==================================
	8.6 Portfolio Single Page
===================================*/
.image-width img
{
	width:100%;
}

.port-nav
{

}

	.port-nav .p-icon
	{
	
		
		background:#bdc3c7;
		text-align:center;
		color:#fff;
		font-size:18px;
		
	}
	
		.port-nav  li
		{
			padding:0px;
		}
	
		
		.port-nav .p-icon a
		{
			width:50px;
			height:50px;
			display:block;
			line-height:46px;
			color:#fff;
			border-bottom:4px solid #979c9f;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
		}
		
		.port-nav .p-icon a:hover
		{
			background:#f54444;
			text-decoration:none;
			border-bottom:4px solid #c43636;
		}
		
.port-content
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:20px;
	margin-top:40px;
	width:100%;
	
}
	.port-content .head
	{
		margin-bottom:5px;
	}
	
	.port-content .head h1
	{
		font-size:22px !important;
		margin-bottom:0px !important;
	}
	
	.port-content .link
	{
		color:#f54444;
		margin-bottom:20px;
	}
	
		.port-content .link a
		{
			color:#f54444;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
			
		}

		.port-content .link a:hover
		{
			color:#ffc617;
			text-decoration:none;
			
		}


	.port-content  .skills
	{
		color:#7f8c8d;
		padding-bottom:20px;
		border-bottom:2px solid #e5e8e8;
	}
	
		.port-content  .skills span
		{
			color:#000;
			font-weight:bold;
		}

	.port-content .text
	{
		margin-top:20px;
		color:#7f8c8d;
		line-height:28px;
	}

/* Extended content*/

	.port-ext-content 
	{
		color:#7f8c8d;
		line-height:28px;
	}
		.port-ext-content p
		{
			margin:20px 0px;
		}
		
		.port-ext-content  img
		{
			max-width:100%;
		}

/*==================================
	8.7 Single Page Wide
===================================*/
	

.port-content-wide
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	padding:20px 0px 10px 0px;
	width:100%;
	
}

	.port-content-wide .head
	{
		margin-bottom:5px;
	}
	
	.port-content-wide .head h1
	{
		font-size:22px !important;
		margin-bottom:0px !important;
	}
	
	.port-content-wide .link
	{
		color:#f54444;
		
	}
	
		.port-content-wide .link a
		{
			color:#f54444;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
			
		}

		.port-content-wide .link a:hover
		{
			color:#ffc617;
			text-decoration:none;
			
		}

.port-content-bottom
{
}
	.port-content-bottom  .skills
	{
		color:#7f8c8d;
		padding-bottom:20px;
		padding-top:20px;
		border-bottom:2px solid #e5e8e8;
	}
	
		.port-content-bottom  .skills span
		{
			color:#000;
			font-weight:bold;
		}

	.port-content-bottom .text
	{
		margin-top:20px;
		color:#7f8c8d;
		line-height:28px;
	}

/*================================
	8.8 About
================================*/
.about-head-container
{
	padding-bottom:60px;
}

.team-container
{
	padding-bottom:50px;
}

.team{
	position:relative;

	margin-bottom:20px;
}
.team-visual{
	position:relative;
	overflow:hidden;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
}
.team-visual img{
	width:100%;
	height:auto;
}
.team-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#f54444;
	background:rgba(245,68,68,.9);
	top:100%;
	left:0;
	padding-top:10%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.team:hover .team-hover{
	top:0;
}

.team-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.team:hover .team-hover ul{
	margin:0;
}


.team-hover li{
	width:48px;
	height:48px;
	background:#ffffff;
	color:#27ae60;
	line-height:48px;
	text-align:center;
	display:inline-block;
	font-size:24px;
	border-radius:50%;
	margin-right:7px;
	cursor:pointer;

}

.team-hover .detail
{
	width:100%;
	font-size:14px;
	color:#fff;
	line-height:28px;
	border-radius:0px;
	background:none;
	text-align:left;
	display:inline-table;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.team .content-container
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding-bottom:15px;
}

.team .content-container .head{
	text-align: center !important;
		color:#000;
	text-decoration:none;
	font-size:22px;
	line-height:30px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	

}

.team .content-container .title
{
	font-size:14px;
	color:#f54444;
	text-align:center;
}


.about-content-container
{
	padding-top:50px;
	padding-bottom:50px;
}

	.about-content-container .head
	{
		font-size:28px;
		font-family: 'Open Sans', sans-serif;
		font-weight:bold;
		color:#000;
		padding-bottom:15px;
	}
	
	.about-content-container .text
	{
		font-size:14px;
		color:#7f8c8d;
		line-height:28px;
	}
	.graph-container
	{
	}
		.graph
		{
			margin-bottom:20px;
		}
		
		.graph .title
		{
			font-size:14px;
			color:#f54444;
		}
		
		.graph .pct
		{
			color:#000;
			font-size:14px;
		}
		
		.graph .bar
		{
			width:100%;
			height:16px;
			border-radius:3px;
			background:#bdc3c7;
			margin: 10px 0px;
		}
		
		.graph .bar .position
		{
			
			height:16px;
			border-radius:3px;
			background:#27ae60;
		}
		
		.pct10{width:10%;}
		.pct20{width:20%;}
		.pct30{width:30%;}
		.pct40{width:40%;}
		.pct50{width:50%;}
		.pct60{width:60%;}
		.pct70{width:70%;}
		.pct80{width:80%;}
		.pct90{width:90%;}
		

.testimonial-container
{
}

	.testimonial-container .content
	{
		background:#e0e3e4;
		border-radius:2px;
		padding:20px 10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		color:#666;
		text-align:center;
		line-height:28px;
		margin-bottom:20px;
		font-style:italic;
	}
	
	.testimonial-container .qarrow
	{
		width:40px;
		height:20px;
		position:absolute;
		margin-top:-30px;
		margin-left:6px;
	}
	.testimonial-container .qarrow img
	{
		width:100%;
	}
	
	.testimonial-container .customer
	{
		width:55px;
		height:55px;
		border-radius:30px;
		border:5px solid #1abc9c;
		overflow:hidden;
	}
		.testimonial-container .customer img
		{
			width:100%;
		}
	
	.testimonial-container .customer-desc
	{
		color:#000000;
		font-size:15px;
		font-weight:600;
		padding-top:5px;
		padding-left:10px;
	}
	
		.testimonial-container .customer-desc p
		{
			margin-bottom:2px;
		}
		.testimonial-container .customer-desc a
		{
			color:#16a085;
			font-weight:normal;
		}
		
		.testimonial-container .customer-desc a:hover
		{
			color:#107763;
		}


/*================================
	8.9 Team
================================*/
.team-head-container
{
	
}
		
/*================================
	8.10 Services
================================*/
.macimg
{
	margin-bottom:50px;
}
	.macimg img
	{
		max-width:100%;
	}

.services-head-container
{
	padding-bottom:60px;
}

.retina-img
{
}

	.retina-img img
	{
		max-width:100%;
	}

.service-content-container
{
	padding-top:40px;
}
.service-content
{
	font-size:14px;
	color:#7f8c8d;
	line-height:28px;
}


/*================================
	8.11 Contact
================================*/
#contact-map
{
	height:400px;
	width:100%;
	/*margin-top:-60px;
	margin-bottom:60px;*/
}

.contact-head-container
{
	padding-bottom:20px;
}

.section-head
{
	margin-bottom:20px;
}
	
	.section-head .head-wrapper
	{
		border-bottom:5px solid #10868a;
		}
		
		.section-head .head-wrapper .head
		{
			font-size:18px;
			line-height:20px;
			color:#1b1b1b;
			display:table;
			border-bottom:5px solid #9b2b68;
			z-index:1000;
			margin-bottom:-5px;
	
		}

.form-title
{
	font-size:16px;
	color:#7f8c8d;
	line-height:24px;
	clear:both;
	
}

.contact-form-container
{
}

			.contact-form-container .fields
		{
			
			clear:both;
		}
		
			.contact-form-container .fields input
			{
				
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				line-height:35px;
				padding-left:5px;
				margin-bottom:20px;
			}
			
			.contact-form-container .fields textarea
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				height:150px;
				padding-left:5px;
				margin-bottom:20px;
			}
			
			.contact-form-container .btn-submit input
			{
					padding-left:20px;
					padding-right:20px;
					color:#fff;
					text-decoration:none;
					background:#f54444;
					display:table;
					font-size:16px;
					font-family: 'Open Sans', sans-serif;
					font-weight:400;
					border-radius:3px;
					border-bottom:3px solid #c13636;
					line-height:47px;
					transition:All .1s ease;
					-webkit-transition:All .1s ease;
					-moz-transition:All .1s ease;
					-o-transition:All .1s ease;
					border:none;
			}
			
			.contact-form-container .btn-submit  input[type="button"]:hover{
				background:#ffc71d;
				border-bottom:none;
				color:#fff;
			}
.address
{
}

	.address .address-info
	{
	}
		
		.address .address-info .office
		{
			color:#494d4d;
			font-weight:600;
			font-size:16px;
			margin-bottom:20px;
		}
		
		.address .address-info .meta
		{
			font-size:14px;
			color:#7f8c8d;
			line-height:24px;
			margin-bottom:20px;
			
		}
		
		.address .address-info .add-icons
		{
			font-size:14px;
			color:#7f8c8d;
			line-height:40px;
		}
		
			.address .address-info .add-icons i
			{
				color:#0c8589;
				margin-right:15px;
				font-size:14px;
				
			}
			
.socialize
{
}

	.socialize .social-icons li
	{

		
		
		text-align:center;
		margin-bottom:20px;
		
	}
	
		.socialize .social-icons li a
		{
			width:44px;
			height:44px;
			border:1px solid #bdc3c7;
			line-height:44px;
			color:#a2a7aa;
			font-size:20px;
			display:block;
			transition:.3s ease-in;
			-webkit-transition:.3s ease-in;
			-moz-transition:.3s ease-in;
			-o-transition:.3s ease-in;
		}

		.socialize .social-icons li a:hover
		{

			border:1px solid #f54444;
			line-height:44px;
			color:#fff;
			background:#f54444;
			text-decoration:none;
			font-size:20px;
			display:block;
		}

/*Form submit message*/

.success {
	line-height: 50px;
	background: #48b640;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
	padding-left: 15px;
}

.error-msg {
	line-height: 50px;
	font-size: 24px;
	font-weight: bold !important;
	color: #90316b;
	border-radius: 3px;
	margin-bottom: 20px;
	padding-left: 15px;
}

		

/*==================================
	8.12 Shortcodes
===================================*/

.b-font
{
	font-family:15px;
	color:#7f8c8d;
	line-height:28px;
}

/*Accordian*/
.panel
{
	border-radius:0px !important;
	border:none !important;
	
}
.panel-group .panel+.panel
{
	margin-top:0px;
}

.panel-default>.panel-heading
{
	background:#27ae60;
	border-bottom:1px solid #239c56 !important;
	color:#fff;
	border-radius:0px !important;
	padding:15px 15px !important;
}

.panel-title>a
{
	text-decoration:none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body
{
	font-size:15px;
	color:#7f8c8d;
	line-height:28px;
}

	.panel-default>.panel-heading+.panel-collapse .panel-body .heading
	{
		font-size:16px;
		color:#000;
		font-weight:600;
		
	}
	
/*Tabs*/	

	.tab-pane
	{
		background:#fff;
		padding:15px;
		border-bottom:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
			font-size:15px;
	color:#7f8c8d;
	line-height:28px;
	}
		
		.tab-pane .heading
		{
			font-size:16px;
			color:#000;
			font-weight:600;
		}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
	border-radius:0px !important;
	border: 1px solid #27ae60;
	background:#27ae60;
	color:#fff;
	padding:12px 30px;

}

.nav-tabs>li
{
	background:#bdc3c7;
	color:#fff;
	margin-right:1px;
	
}

.nav-tabs>li>a
{
	margin-right:0px;
	padding:12px 30px;
	color:#fff;

}

.nav-tabs>li>a:hover
{
	border-radius:0px !important;
}

/*Buttons*/



	a.btn-small 
	{
		color:#fff;
		padding:10px 20px;
		font-size:14px;
		text-decoration:none;		
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Open Sans', sans-serif;
	}


	a.btn-med
	{
		color:#fff;
		padding:12px 40px;
		font-size:16px;
		text-decoration:none;
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Open Sans', sans-serif;
	}




	a.btn-large 
	{
		color:#fff;
		padding:15px 60px;
		font-size:18px;
		text-decoration:none;
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Open Sans', sans-serif;
	}


a.btn-red 
{
	background:#f54444;
	border-bottom:3px solid #c13636;

}

	a:hover.btn-red 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-green 
{
	background:#2ecc71;
	border-bottom:3px solid #24a159;

}

	a:hover.btn-green 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-emerald 
{
	background:#16a085;
	border-bottom:3px solid #117e69;

}

	a:hover.btn-emerald 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-blue 
{
	background:#3498db;
	border-bottom:3px solid #2978ad;

}

	a:hover.btn-blue 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-purple 
{
	background:#9b59b6;
	border-bottom:3px solid #8e44ad;

}

	a:hover.btn-purple 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-yellow 
{
	background:#f39c12;
	border-bottom:3px solid #c07b0e;

}

	a:hover.btn-yellow 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-dblue 
{
	background:#34495e;
	border-bottom:3px solid #293a4a;

}

	a:hover.btn-dblue 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}



/* Columns */
.boxed
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:20px;
	
	}



/*==================================
	8.13 Elements
===================================*/

.border-t{
	border-top:2px solid #E0E3E6;
}

/*Small Button*/
a.btnsmall{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-decoration:none;
	background:#f54444;
	display:table;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	border-radius:3px;
	border-bottom:3px solid #c13636;
	line-height:37px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
}
a.btnsmall:hover{
	
	background:#ffc71d;
	border-top:2px solid #e4b21b;
	border-bottom:none;
	
}

/*Medium Button*/

a.btnmed {
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	text-decoration:none;
	background:#f54444;
	display:table;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	border-radius:3px;
	border-bottom:3px solid #c13636;
	line-height:47px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
}
a:hover.btnmed {
	
	background:#ffc71d;
	border-top:2px solid #e4b21b;
	border-bottom:none;
	
}



/* Block Quote*/
blockquote
{
	border-left: 7px #27ae60 solid;
	background:#ecf0f1;
	margin:30px;
	font-size:16px;
	color:#393e3e;
	font-style:italic;
}

/*Stick*/
.postion-f
{
	position:fixed
}

/*Divider*/
	hr
	{}
	
	.division
	{
		margin:60px 0 !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

	.division2
	{
		margin-bottom:50px !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

	.division3
	{
		margin:40px 0px !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

/*Pricing table*/


.ptable-container
{
	background:#fff;
	border-radius:4px;
	box-shadow:0px 1px 2px #adadad;
	-webkit-box-shadow:0px 1px 2px #adadad;
	-moz-box-shadow:0px 1px 2px #adadad;
	-o-box-shadow:0px 1px 2px #adadad;
	margin-bottom:40px;
	transition:.3s all;
	-webkit-transition:.3s all;
	margin-top:30px;

	
	
}
	
	.ptable-container .plan-title
	{
		font-family: 'Open Sans', sans-serif;
		font-size:28px;
		line-height:65px;
		font-weight:bold;
		background:#ccc;
		text-align:center;
		margin-left:-15px;
		margin-right:-15px;
		color:#fff;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	
	.ptable-container .plan-price
	{
		font-family: 'Open Sans', sans-serif;
		font-size:72px;
		font-weight:bold;
		text-align:center;
		margin-left:-15px;
		margin-right:-15px;
		padding:32px 0px 22px 0px;
		color:#fff;
		background:#efefef;
		
	}
	
		.ptable-container .plan-price .subscript
		{
			font-size:28px;
		}
		
		.ptable-container .monthly
		{
			font-size:18px;
			font-weight:normal;
		}
	
	.ptable-container .plan-detail
	{
		font-size:16px;
		color:#7f8c8d;
		line-height:26px;
		border-bottom:1px solid #e5e8e8;
		text-align:center;
		padding:20px 0px;
		font-weight:300;
	}
	
	.ptable-container .plan-features
	{
		line-height:40px;
		font-size:16px;
		color:#666;
		border-bottom:1px solid #e5e8e8;
		padding:0 10px;
	}
	
	.ptable-container .btn
	{
		padding:30px 0px 20px 0px;
		text-align:center;
		width:100%;
	}
	
	.ptable-container .btn a
	{
		margin:0 auto;
		border-radius:4px;
	}

	.popular-plan
	{
		box-shadow:0px 1px 8px #333 !important;
		-webkit-box-shadow:0px 1px 8px #333 !important;
		-moz-box-shadow:0px 1px 8px #ccc !important;
		-o-box-shadow:0px 1px 8px #ccc !important;
		position:relative;
		z-index:2;		
	}
	.popular-plan .badge-wrapper
	{
		width:85px;
		height:85px;
		overflow:hidden;
		position:absolute;
		top:-15px;
		right:0px;
		border-top-right-radius:4px;
	}
	.popular-plan .badge
	{
		position:relative;
		top:10px;
		right:0px;
		width:144px;
		height:85px;
		padding-top:60px;
		background:#6ccb20;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		margin-top:-40px;
	}
	
	.popular-plan .plan-title
	{
		margin-top:-15px !important;
		top:-10px;
		padding:7px 0px;
	}

/*table colors*/
/*red*/
	.red-table .plan-title
	{
		background:#f54444;
	}
	
	.red-table  .plan-price
	{
		background:#e73b3b;
	}
	
	.red-table .plan-features
	{
		color:#e73b3b;
	}
	
/*emerald*/
	.emerald-table .plan-title
	{
		background:#1abc9c;
	}
	
	.emerald-table  .plan-price
	{
		background:#18ad8f;
	}

	.emerald-table .plan-features
	{
		color:#18ad8f;
	}

/*blue*/
	.blue-table .plan-title
	{
		background:#2980b9;
	}
	
	.blue-table  .plan-price
	{
		background:#2570a2;
	}

	.blue-table .plan-features
	{
		color:#2570a2;
	}


/*purple*/
	.purple-table .plan-title
	{
		background:#9b59b6;
	}
	
	.purple-table  .plan-price
	{
		background:#8e44ad;
	}

	.purple-table .plan-features
	{
		color:#8e44ad;
	}
/*==================================
	9. Padding / Margin
===================================*/
.nopadding
{
	padding:0px;
}

.margin60-t
{
	margin-top:60px;
}

.margin60-b
{
	margin-bottom:60px;
}

/*==================================
	11. Banner Slider Styles
===================================*/

.heading-big-white
{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 3px #000;
	line-height:48px;
}
.heading-big-purple
{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	font-weight:bold;
	color:#902c67;
	text-shadow:1px 1px 2px #000;
	/*color:#b93c87;
	text-shadow:0px 1px 3px #000;*/
	line-height:48px;
}
.heading-big-green
{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	font-weight:bold;
	color:#077a80;
	text-shadow:1px 1px 2px #000;
	/*color:#b93c87;
	text-shadow:0px 1px 3px #000;*/
	line-height:48px;
}
.heading-big-gray {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	padding-bottom:10px;
	border-bottom: 3px solid #999;
	margin-bottom:20px;
	text-transform:uppercase;
}
.heading-big-orange {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	padding-bottom:20px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.heading-small-white
{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 3px #000;
	line-height:32px;
}

.heading-list-small
{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 3px #000;
}
a.vermasazul {
	margin-top:40px !important;
	background:#185480;
	border-radius:5px;
	-o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
	color:#fff !important;
	font-weight:bold;
	text-transform:uppercase;
	cursor: pointer;
	transition:all .5s ease;
	padding:10px 20px !important;
	text-decoration:none;
}
a.vermasazul:hover {
	background:#fff;
	color:#185480 !important;
}


/*==================================
	12. Scroll
===================================*/
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 999;
}
.scrolldown{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-bottom-arrow.png) no-repeat left top;
	z-index: 999;
}


/*==================================
	14. Responsive Media Queries
===================================*/

/* Large desktop */
@media (min-width: 1200px) {
.post{
	width:360px;
	margin-left:15px;
	margin-right:15px;
}
/*.navbar-nav > li > a{
	padding-left:10px;
	padding-right:10px;
	color:#666;
	transition: all .5s ease-in;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}*/

}

@media (min-width:992px) and (max-width:1199px)
{
	.margin-bt-md
	{
		margin-bottom:40px;
	}
	/*.navbar-nav > li > a{
	padding-left:5px;
	padding-right:5px;*/
}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.reveal-modal {
	left: 10%;
	right:10%;
	width: 80%;
}
.quick-access {
	height:auto;
}
/*.navbar-nav
{
	margin:7.5px 0px;
}*/
	
	.dropdown-menu 
	{
		position:relative;
	}
	ul.dropdown-menu 
{
	display:block;
	width:97%;
	margin-bottom:20px;
	box-shadow:none !important;
}
	
.quick-access ul{
	float:none;
	margin-left:10%;	
}
/*
.navbar-nav{
	float:none;
}

.navbar-nav > li{
	margin-left:6px;
	
}
.navbar-nav > li > a{
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
}

.navbar-nav > li.active > a{
	background:#d5d5d5 !important;
	color:#555557 !important;
}
*/

#solid-features .section-heading{
	text-align: center;
}

.contact-info li {
	text-align:left !important;
}
#tweets p,.popular-post,.time-stamp,#tweets li .timestamp,.copyright{
	text-align:center !important;
}



.social{
	float:none;
	text-align:center !important;
	display:block;
}

#promo-line,#promo-line .section-heading,#promo-line .section-subheading{
	text-align:center;
}

/*solid features*/
#solid-features .section-heading{
	margin-bottom:30px;
	margin-top:20px;
}

.margin-bt-md
{
	margin-bottom:40px;
}

/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}
/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.reveal-modal {
	left: 10%;
	right:10%;
	width: 80%;
}
.quick-access {
	height:auto;
}
.contact-info li{
	text-align:left !important;
}
#tweets p,.popular-post,.time-stamp,.timestamp,.copyright{
	text-align:center !important;
}
.social{
	float:none;
	display:block;
}
.quick-access{
	height:110px;
}
.quick-access ul{
	float:none;
	margin-left:0%;
	text-align:center;
}
.quick-access ul li{
	float:none;
	display:block;
}
.quick-search{
	display:inline-block;
}
.navbar-nav{
	float:none !important;
	overflow-y:hidden;
}
.navbar-nav > li{
	margin-left:6px;
}
.navbar-nav > li > a{
	padding-top:5px;
	padding-bottom:5px !important;
	border-radius:3px;
}
.navbar-nav > li.active > a{
	color:#555557 !important;
}
.navbar-nav > li > a{
	width:95.5%;
	margin-left:0px;
}
#solid-features .section-heading{
	text-align: center;
}

.quick-search{
	width:240px;
}

#promo-line,#promo-line .section-heading,#promo-line .section-subheading{
	text-align:center;
}

.viemeo-player{
	width:90%;
	max-width:480px !important;

}

.bread-crumb .head{
	line-height:30px;
	padding-top:20px;
}
.bread-crumb{
	padding-bottom:20px;
	line-height:30px;
}
.crumbs{
	padding-top:20px;
}

/*dropdown*/
	.navbar-nav
{
	margin:10px 0 0 -15px !important;
	background:#f9f9f9;
	border-top:3px solid #902c67
}
	
	.dropdown-menu 
	{
		position:relative;
		background:none !important;
	}
	ul.dropdown-menu 
{
	display:block;
	width:97%;
	margin-bottom:20px !important;
	box-shadow:none !important;
}
.dropdown-menu li a
	{
		color:#fff;
		line-height:20px;
		font-size:13px;
		color:#000;
		opacity:1;
		
	}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	border-bottom:none !important;
}
/*solid features*/
#solid-features .section-heading{
	margin-bottom:30px;
	margin-top:20px;
}

/*pricing table*/
	.popular-plan .badge-wrapper
	{

		top:0px;

	}

/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}



/*==================================
	Blog Standard Wide
===================================*/


	
	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
		width:85%
	}
	
		.post-wide .meta-wide .title-info .head
		{
			line-height:30px;

		}
		
		.post-wide .meta-wide .title-info .post-meta
		{
			margin-top:10px;
			
		}


 
 /*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.picture{
    background-size: 550px !important;
    height: 12em;
}
#cono h1 {
	font-size:30px !important;
	font-weight: 900 !important;
}
.h1-blanco {
	font-size:30px !important;
}
.footer-menu {
	width:100% !important;
	text-align:center !important;
	padding:1px !important;
}
.footer-menu2 {
	padding-top:15px;
	width:100%;
	text-align:center;
}
.quick-access {
	height:auto;
}
.navbar-nav
{
	margin:10px 0 0 -15px !important;
	background:#f9f9f9;
	border-top:3px solid #902c67
}
	
.dropdown-menu 
{
	position:relative;
}
	ul.dropdown-menu 
{
	display:block;
	width:95%;
	margin-bottom:5px !important;
	background:none !important;
	padding-left:20px;
}
	li.dropdown-menu 
{
	padding:30px 0 !important;
}

.bread-crumb,.bread-crumb .head{
	line-height:30px;
}
.navbar-nav > li > a{
	width:92%;
	margin-left:9.5px;
	padding-bottom:5px !important;
}
.section-heading{
	font-size:30px;
}

.viemeo-player{
	max-width:360px !important;

}

.video-width{
	height:400px;
}

/*solid features*/
#solid-features .section-heading{

	margin-bottom:30px;
	margin-top:20px;
}



/*==================================
	Blog Standard Wide
===================================*/


	
	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
		width:75%
	}


/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}


/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}

@media (max-width: 360px) {

.footer-menu {
	width:100% !important;
	text-align:center !important;
	margin:0px;
	padding:1px !important;
}
.quick-access {
	height:auto;
}
	.navbar-nav
{
	margin:10px 0 0 -15px !important;
	background:#f9f9f9;
	border-top:3px solid #902c67
}
.navbar-brand img
{
	max-width:212px
}	
	.dropdown-menu 
	{
		position:relative;
	}
	ul.dropdown-menu 
{
	display:block;
	width:100%;
	margin-bottom:20px;
	
}


.navbar-brand img{
	max-width:220px;

		
}	
.viemeo-player{
	max-width:300px !important;

}

.video-width{
	height:300px;
}

/*solid features*/
#solid-features .section-heading{

	margin-bottom:30px;
	margin-top:20px;
}


/*==================================
	Blog Standard Wide
===================================*/


	
	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
		width:75%
	}

/*==================================
	About
===================================*/

.team-hover li{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:18px;
}


.team-hover .detail
{
	font-size:13px;
	color:#fff;
	line-height:20px;

}	


/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}

@media (max-width: 320px) {
.footer-menu {
	width:100% !important;
	text-align:center !important;
	padding:1px !important;
}
.quick-access {
	height:auto;
}
	.navbar-nav
{
	margin:0px;
}
 .navbar-brand img
{
	max-width:212px
}
	.dropdown-menu 
	{
		position:relative;
		
	}
	ul.dropdown-menu 
{
	display:block;
	width:95%;
	margin-bottom:20px;
}

.folio .content-container .head
{
	line-height:26px;
}

.folio .content-container .head a{

	font-size:18px;
	line-height:26px;
}

/*solid features*/
#solid-features .section-heading{

	margin-bottom:30px;
	margin-top:20px;
}
.et-wrapper-basic{
	margin-bottom:00px
	
}
.folio{
	margin-bottom:10px;
}
/*==================================
	About
===================================*/
.team-hover{
	padding-top:6%;
}
.team-hover li{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:18px;
}


.team-hover .detail
{
	font-size:12px;
	color:#fff;
	line-height:18px;

}
	
/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}