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

/*==============================================
            Common Styles
==============================================*/

body {
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	border-top: 2px solid #F18E00;
	background: #fff;
	height: 100%;
}

html {
	height: 100%;
}

p {
	font-size: 14px;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 300;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

a {
	color: #F18E00;
}

a:hover,
a:focus,
a:active,
a.active {
	color: #F18E00;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin: 0;
}

ul,
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

input,
form,
textarea,
button,
checkbox {
	font-family: 'Open Sans', sans-serif;
}

.img-centered {
	margin: 0 auto;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: #fed136;
	background-color: #fed136;
}

.btn-primary .badge {
	color: #fed136;
	background-color: #fff;
}

.btn-xl {
	padding: 20px 40px;
	border-color: #fed136;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background-color: #fed136;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
	border-color: #fed136;
	background-color: #fed136;
}

.btn-xl .badge {
	color: #fed136;
	background-color: #fff;
}

h1 {
	color: #F18E00;
	font-size: 52px;
	font-weight: 300;
	padding-bottom: 17px;
	text-transform: uppercase;
}

h2 {
	font-size: 38px;
	font-weight: 300;
	text-align: center;
	text-transform: none;
	padding-bottom: 17px;
	color: #3a424c;
}

h3 {
	color: #F18E00;
	font-size: 32px;
	font-weight: 300;
	text-transform: uppercase;
}

h4 {
	font-size: 24px;
	padding-bottom: 22px;
	color: #3a424c;
	text-transform: none;
}

.no-padding {
	padding: 0 !important;
}

.container {
	max-width: 1170px;
}

.btn-primary {
	background: #F18E00;
	color: #fff;
	border-radius: 8px;
	padding: 13px 26px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	text-align: center;
}

.btn-general:hover,
.btn-general:focus,
.btn-general:active,
.btn-general.active {
	background: #fe4949;
	color: #e3e0e0;
}


/*==============================================
            Navigation Block
==============================================*/

.navbar-default .navbar-brand {
	font-family: 'Open Sans', sans-serif;
	color: #F18E00;
	font-size: 52px;
	font-weight: 800;
	text-transform: uppercase;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
	color: #F18E00;
}

.navbar-default .navbar-collapse {
	border-color: rgba(255, 255, 255, .02);
}

.navbar-default .navbar-toggle {
	border-color: #F18E00;
	background-color: #F18E00;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

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

.navbar-default .nav {
	margin-top: 5px;
}

.navbar-nav {
	position: relative;
	z-index: 1;
}

.navbar-default .nav li a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border-radius: 3px;
	padding: 0;
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	overflow: hidden;
	margin: 0 4px;
}

.navbar-nav > li a span {
	display: block;
	padding: 10px;
	background: #003889;
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.navbar-nav > li a::before {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: #F18E00;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateX(-15%);
	padding: 10px;
	border-radius: 3px;
}

.navbar-nav > li a:hover span,
.navbar-nav > li a:focus span,
.navbar-nav > .active >a:hover span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.navbar-nav > li a:hover::before,
.navbar-nav > li a:focus::before,
.navbar-nav > .active >a::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

@media(min-width:768px) {
	.navbar-default {
		padding: 20px 0;
		border: 0;
		background-color: transparent;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		margin-bottom: 0;
	}
	.navbar-default .navbar-brand {
		font-size: 22px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px;
	}
	.navbar-default.navbar-shrink {
		padding: 10px 0;
		background-color: #003889;
	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
}


/*==============================================
            Header Block
==============================================*/

header {
	background: #003889 url(../images/fondo.jpg) right bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100vh;
}


header h4 {
	color: #F18E00;
}

header .header-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	max-width: 480px;
}

header .header-content p {
	padding-bottom: 20px;
	padding-right: 57px;
	text-align: justify;
}

.news-letter label {
	display: none;
}

.news-letter input.form-box1 {
	background: #4a515b;
	width: 338px;
	height: 45px;
	padding: 10px 15px;
	border: none;
	border-radius: 3px;
	color: #a2a2a2;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.news-letter input.btn {
	margin-left: 15px;
}

.news-letter {
	margin-bottom: 30px;
}

.social-icon li {
	float: left;
}

.header-content .social-icon li {
	margin-right: 22px;
}

.social-icon li a i {
	width: 45px;
	height: 45px;
	border: 2px solid #fa6767;
	line-height: 43px;
	text-align: center;
	border-radius: 80px;
	font-size: 22px;
}

.social-icon li a:hover i {
	background: #F18E00;
	background: -moz-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F18E00), color-stop(100%, #a3575c));
	background: -webkit-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -o-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -ms-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: linear-gradient(to bottom, #F18E00 0%, #a3575c 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F18E00', endColorstr='#a3575c', GradientType=0);
	color: #39414b;
}


/*==============================================
            programa Part
==============================================*/

#programa {
	padding: 85px 0;
	text-align: center;
}

#programa p {
	padding-bottom: 10px;
	color: #99a0a8;
}

#programa h2 {
	margin-bottom: 60px;
}

.programa-header {
	background: #39414b;
	padding: 42px 24px;
	width: 100%;
	border-radius: 8px 8px 0 0;
}

.programa-header h3 {
	color: #F18E00;
	font-weight: 800;
	font-size: 28px;
}

.programa-header h6 {
	color: #717a84;
	font-weight: 600;
	font-size: 13px;
	text-transform: none;
}

.price {
	display: block;
	float: right;
	font-weight: 700;
	font-size: 32px;
	color: #F18E00;
	line-height: 27px;
}

.programa-body {
	border: 2px solid #f5f7f9;
	border-radius: 0 0 8px 8px;
	padding: 19px 22px 28px;
	text-align: center;
}

.programa-body ul li {
	text-align: left;
	color: #99a0a8;
	font-size: 16px;
	margin-bottom: 4px;
}

.programa-body ul li:before {
	content: "\f18e";
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #F18E00;
	margin-right: 18px
}

.price-btn {
	display: inline-block;
	margin-top: 25px;
}


/*==============================================
            inscripcion
==============================================*/

#inscripcion {
	background: #003889 url(../images/fondo.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 60px 0 40px;
}

#inscripcion h3 {
	margin-bottom: 14px;
}

#inscripcion h4 {
	color: #F18E00;
}

#inscripcion p {
	margin-bottom: 17px;
	padding-right: 70px;
}

#inscripcion ul {
	margin-bottom: 20px;
}

#inscripcion ul li {
	text-align: left;
	color: #fff;
	font-size: 16px;
	margin-bottom: 4px;
}

#inscripcion ul li:before {
	content: "\f18e";
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #F18E00;
	margin-right: 18px
}


/*==============================================
            Portfoilo Block
==============================================*/

section#portfolio {
	padding: 85px 0 0;
}

.portfolio-item {
	overflow: hidden;
	padding: 51px 0 70px;
	text-align: center;
}

.portfolio-item li {
	display: inline;
	font-size: 16px;
	font-weight: 300;
}

.portfolio-item li a {
	color: #99a0a8;
	padding: 6px 20px;
	border: 1px solid transparent;
	border-radius: 8px;
}

.portfolio-item li a:hover {
	border-color: #F18E00;
	color: #F18E00;
	text-decoration: none;
}

.portfolio-item li a.current {
	background: #F18E00;
	border-color: #F18E00;
	color: #fff;
}

.portfolioContainer {
	width: 100%;
}

.single-portfolio {
	width: 25%;
	float: right;
	position: relative;
	overflow: hidden;
	display: block;
}

.single-portfolio img {
	width: 100%;
	height: 326px;
}

.hover-state {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
	/*-webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);*/
	background: rgba(0, 0, 0, 0.85);
	z-index: 4000;
}

.single-portfolio:hover .hover-state {
	opacity: 1;
	/*transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);*/
	cursor: pointer;
}

.hover-state h4 {
	text-align: center;
	color: #F18E00;
	font-size: 24px;
	font-weight: 800;
	line-height: 326px;
}

.hover-state h4 i {
	font-weight: 300;
}

isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

.partners-block {
	background: #003889;
	padding: 45px 0;
	text-align: center;
}


/*==============================================
            Tweet Part
==============================================*/

#tweet-block {
	background: #003889;
	padding: 57px 0 0 0;
	text-align: center;
}

#tweet-block p {
	font-weight: 300;
	font-size: 32px;
	line-height: 48px;
	color: #fff;
	margin: 0;
}

#tweet-block h2 {
	color: #fff;
}

#tweet-block span {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
}

#tweet-block span span {
	color: #99a0a8;
}

.tweet-icon {
	display: block;
}

.tweet-icon i {
	width: 37px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border-radius: 80px;
	font-size: 22px;
	background: #F18E00;
	background: -moz-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F18E00), color-stop(100%, #a3575c));
	background: -webkit-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -o-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: -ms-linear-gradient(top, #F18E00 0%, #a3575c 100%);
	background: linear-gradient(to bottom, #F18E00 0%, #a3575c 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F18E00', endColorstr='#a3575c', GradientType=0);
	color: #39414b;
	border: transparent;
}


/*==============================================
            Patrocinadores
==============================================*/

#patrocinadores {
	background: #fff;
	padding: 57px 0;
	text-align: center;
}

.patrocinadores-block {
	padding: 45px 0;
	text-align: center;
}


/*==============================================
            Footer Part
==============================================*/

footer {
	background: #003889;
	padding: 55px 0;
}

.footer-logo {
	font-family: 'Open Sans', sans-serif;
	color: #b3b3b3;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}

.copyright {
	color: #99a0a8;
	font-size: 12px;
	border-top: 1px solid #49515c;
}

.copyright a {
	color: #F18E00;
}

footer ul {
	float: right;
}

footer .social-icon {
	margin-top: 24px;
}

footer .social-icon li {
	margin-right: 0;
	margin-left: 12px;
}

footer .social-icon li a i {
	width: 25px;
	height: 25px;
	border: 2px solid #fa6767;
	line-height: 25px;
	text-align: center;
	border-radius: 80px;
	font-size: 11px;
}


/*==============================================
            VIDEO
==============================================*/

#video {
	background: #003889 url(../images/fondo-2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 60px 0 40px;
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: auto;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*==============================================
            Responsive Part
==============================================*/

@media (max-width:1024px) {
	header {

	}
	.about-inner:before,
	.about-inner:after {
		background: none;
	}
}

@media (max-width:992px) {
	.single-galeria img {
		height: 308px;
	}
}

@media (max-width:800px) {
	.single-galeria {
		width: 50%;
	}
	.single-galeria img {
		height: 252px;
	}
	.single-price {
		margin-bottom: 20px;
	}
}

@media (max-width:767px) {
	.navbar-default {
		background: #003889;
		min-height: 70px;
		border: none;
	}
	.navbar-toggle {
		margin: 14px;
	}
	.navbar-default .nav li a {
		margin: 0 15px;
	}
	header .header-content {
		max-width: 100%;
		text-align: center;
	}
	header .header-content p {
		text-align: center;
		padding-right: 15px;
	}
	.news-letter input.form-box1 {
		display: inline-block;
	}
	.header-content .social-icon li {
		display: inline-block;
		float: none;
		margin: 0 12px;
	}
	.navbar-default .navbar-brand {
		font-size: 40px;
	}
	.border-bottom {
		display: none;
	}
	.single-service {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.about-inner h3 {
		margin-top: 20px;
	}
	.app-block-inner {
		height: auto;
		padding-bottom: 0;
	}
	.app-image figure {
		position: relative;
		margin-top: 40px;
		text-align: center;
		bottom: -2px;
	}
}

@media (max-width:667px) {
	.single-galeria img {
		height: 300px;
	}
	#blog h4 {
		margin-top: 20px;
	}
	#inscripcion {

	}
	.news-letter input.btn {
		margin-left: 0;
	}
}

@media (max-width:480px) {
	.single-galeria {
		width: 100%;
	}
	.single-galeria img {
		height: 320px;
	}
	.galeria-item li {
		display: inline-block;
		margin: 10px 0;
	}
	.news-letter input.form-box1,
	.news-letter input.btn {
		width: 100%;
		text-align: center;
	}
}

@media (max-width:414px) {
	.partners-block img {
		width: 100%;
	}
}

section#contact::-webkit-input-placeholder {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #bbb;
}

section#contact:-moz-placeholder {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #bbb;
}

section#contact::-moz-placeholder {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #bbb;
}

section#contact:-ms-input-placeholder {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #bbb;
}


/**/

.navbar-brand img {
	width: auto;
	height: 50px;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 0px 20px;
	font-size: 18px;
	line-height: 20px;
}


/* Back to top */
.totop {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 104400;
}
.totop i {
  margin: 0px;
}
.totop a,
.totop a:visited {
  display: block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  background: #F18E00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.totop a:hover {
  color: #ffffff;
  text-decoration: none;
}

/**/

#map {
    height: 400px;
    width: 100%;
    margin-top: 60px;
}


/**/

#galeria {
	background: #003889;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px 0px;
}

#galeria .col-xs-6, #galeria .col-sm-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

#galeria-title {
	padding: 150px 0px 50px 0px;
	background: #003889 url(../images/fondo.jpg) right bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#galeria-home {
		margin: 3px 0px;
}

/**/

.view {
   width: 100%;
   height: 100%;
   margin: 0;
   float: left;
   border: 0px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {

}
.view p {

}
.view a.info {

}
.view a.info: hover {

}

.view-first img {
	width: 100%;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first h2 {
	font-size: 28px;
	padding: 10px 0px;
	color: #fff;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.view-first .mask {
	padding: 20px 0px;
   background-color: rgba(0, 56, 137, 0.5);
}

#video h2 {
	color: #fff;
}