/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Dexter*/
/* Version: 1.0 Initial Release*/
/* Author: Unbranded.*/
/* Website: http://www.unbranded.co */
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION*/
/* 02 - COMMON ELEMENTS */
/* 03 - HEADER, INTRO & NAVIGATION */
/* 04 - PAGES & SECTIONS SETUP */
/* 05 - FOOTER */
/* 06 - INNER-PAGES */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

html{
}
body{
	font-weight: 400;
	overflow-x:hidden;
	overflow-y: auto;
    font-family: 'Lato', sans-serif;
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    outline: none;
    color: inherit; 
}
p{
	font-weight: 400;
	font-size: 14px;
	line-height:21px;
	margin-bottom: 0px;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

@media (min-width: 1024px) and (max-width: 5000px) {
	.container{
		max-width: 1200px;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - COMMON ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
								/*Common Spacing and Padding*/						
/*--------------------------------------------------------------------------------*/

.add-top{
	margin-top: 160px;
}
.add-bottom{
	margin-bottom: 160px;
}
.add-top-half{
	margin-top: 80px;
}
.add-bottom-half{
	margin-bottom: 80px;
}
.add-min-top-half{
	margin-top: 40px;
}
.add-min-bottom-half{
	margin-bottom: 40px;
}
.pad-top{
	padding-top: 160px;
}
.pad-bottom{
	padding-bottom: 160px;
}
.pad-top-half{
	padding-top: 80px;
}
.pad-bottom-half{
	padding-bottom: 80px;
}
.pad-min-top-half{
	padding-top: 40px;
}
.pad-min-bottom-half{
	padding-bottom: 40px;
}


/*--------------------------------------------------------------------------------*/
								/* Common Objects */
/*--------------------------------------------------------------------------------*/	

.page-section{
	padding-top: 125px;
	padding-bottom: 125px;	
}
.pad-top-special{
	padding-top: 125px;	
}
.pad-bottom-special{
	padding-bottom: 125px;
}
.inner-section{
	text-align: center;
}
.float-clear{
	clear: both;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.section-header{
	position: relative;
	padding-top: 250px;
	padding-bottom: 225px;
}
.section-header-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.section-header-special{
	position: relative;
	padding-top: 160px;
	padding-bottom: 250px;
    /*padding-top: 80px;*/
}
.section-header-overlay-special{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.section-header-name{
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 15px;
    /*padding-left: 0px;*/
}	
.section-header-text{
	font-size: 18px;
	line-height: 23px;
	margin-top: 15px;
	/*font-style: italic;*/
	display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
}
.vertical-align{
	position: relative;
	top: 50%;
    
	 -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.horizontal-align{
	position: relative;
	left: 50%;
	 -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rotate{
	 -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: background 1s ease-out;
	   -moz-transition: background 1s ease-out;
		-ms-transition: background 1s ease-out;
		 -o-transition: background 1s ease-out;
			transition: background 1s ease-out;
}	
.video-bg.player{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
}
.featherlight{
	z-index: 1000;
}
.featherlight-next span, .featherlight-previous span{
	font-size: 50px;
	line-height: 57px;
}
.featherlight .featherlight-close-icon{
	right: -25px;
	top: -25px;
}
.text-lightbox{
	display: none;
	max-height: 70%;
}
.text-lightbox img{
	margin: 0 auto;
}
.text-lightbox.featherlight-inner{
	display: block;
}
.featherlight .featherlight-content{
	min-width: 62%;
	min-height: 62%;
	overflow: visible;
}
.featherlight.featherlight-loading .featherlight-content{
	background:url('../images/video-loader.gif') #fff  center center no-repeat !important;
}


/*--------------------------------------------------------------------------------*/
								/*slants*/
/*--------------------------------------------------------------------------------*/

svg.slant-top{
	pointer-events: none;
	position: absolute;
	top:-2px;
	left: -15px;
	height: 200px;
	width: 102%;
	z-index: 111;
}
svg.slant-bottom{
	pointer-events: none;
	position: absolute;
	bottom:-2px;
	left: -45px;
	height: 200px;
	width: 102%;
	z-index: 111;
}
.slant-type1 path, .slant-type2 path, .slant-type3 path  {
	stroke-width: 0;
}


/*--------------------------------------------------------------------------------*/
								/* Buttons */
/*--------------------------------------------------------------------------------*/
.button-wrap{
	display: inline-block;
}
/*Button Style-1*/

.btn {
  	background: none;
  	cursor: pointer;
 	display: inline-block;
  	outline: none;
  	position: relative;
  	border-radius: 0;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	transition: all 0.3s;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-style1 {
	overflow: hidden;
}

.button-style1:after {
	width: 101%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.button-style1:hover:after {
	height: 75%;
	opacity: 1;
}

.button-style1:active:after {
	height: 130%;
	opacity: 1;
}


/*Button Style-2*/

.button {
	display: block;
	padding: 8px 15px;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button-style2 {
	overflow: hidden;
	width: auto;
	border: 1px solid;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-style2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button-style2:hover::before {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*Button-style-3*/

.button.button-style3 {
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button-style3::before,
.button-style3::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button-style3:hover::before,
.button-style3:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button-style3:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-header{
	width: 100%;
	height: auto;
	padding: 0px 75px;
}
.header-fix{
    background-color: #fff !important;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: background .4s ease-in-out;
	   -moz-transition: background .4s ease-in-out;
		-ms-transition: background .4s ease-in-out;
		 -o-transition: background .4s ease-in-out;
			transition: background .4s ease-in-out;
}
.header-bottom{
	position: absolute;
	bottom: 140px;
	left: 70px;
	z-index: 999;
	-webkit-transition: background .4s ease-in-out;
	   -moz-transition: background .4s ease-in-out;
		-ms-transition: background .4s ease-in-out;
		 -o-transition: background .4s ease-in-out;
			transition: background .4s ease-in-out;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.75);
}
.standard-nav{
	width: 80%;
}
.logo{
	width: 15%;
   
}
.logo img{
	margin: 0 auto;
    margin-left: 75%;
    display: none;
	
}
.header-social-icons{
    width: 10%;
    margin-left: -13%;
	text-align: right;
    
}
.header-social-icons span{
	font-size: 20px;
	line-height: 27px;
	margin: 0px 8px;
	display: none;
	-webkit-transition: all .5s linear;
	   -moz-transition: all .5s linear;
		-ms-transition: all .5s linear;
		 -o-transition: all .5s linear;
			transition: all .5s linear;
}
.main-menu{
	width: 100%;
	margin-bottom: 0px;
	padding-left: 0px;
    
}
.main-menu-item{
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0px 7px;
}
.main-menu-item a{
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding: 40px 10px;
	/*font-weight: 700 !important; */
	-webkit-transition: all .5s linear;
	   -moz-transition: all .5s linear;
		-ms-transition: all .5s linear;
		 -o-transition: all .5s linear;
			transition: all .5s linear;
}
.main-menu-item i{
	-webkit-transition: all .5s linear;
	   -moz-transition: all .5s linear;
		-ms-transition: all .5s linear;
		 -o-transition: all .5s linear;
			transition: all .5s linear;
}
.sub-menu li{
	display: block;
	list-style: none;
	margin-bottom: -1px;
}
.sub-menu .inner-arrow {
    position: absolute;
  	top: 10px;
  	width: 0;
  	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-top-color: transparent;
  	border-right-color: transparent;
 	border-left-color: transparent;
  	margin: 0;
}
.sub-menu .inner-arrow.left{
	left: 20px;
}
.sub-menu .inner-arrow.right{
	right: 20px;
}
.sub-menu.parent{
	position: absolute;
	top: 38px;
	padding-left: 0px;
	padding-top: 20px;
	display: none;
	width: 175px;
}
.sub-menu.parent li{
	position: relative;
}
.sub-menu.child{
	padding-left: 0px;
	display: none;
}
.sub-menu-right{
	left: -32px;
}
.sub-menu-left{
	right: -32px;
}
.sub-menu li ul{
	position: absolute;
	top: 0px;
	width: 200px;
}
.sub-menu li a{
	padding: 12px 15px;
	display: block;
}
.sub-menu i{
	font-size: 14px;
	line-height: 21px;
}
.has-sub-menu:hover > .sub-menu{
	display: block;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
								/* Home */
/*--------------------------------------------------------------------------------*/

.center-logo{
	text-align: center;
}
#home{
	position: relative;
}


/*--------------------------------------------------------------------------------*/
								/* About */
/*--------------------------------------------------------------------------------*/

.about .section-header-special{
	background: url(../img/fondo/Yo-soy-Kika.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    background-position-y: -255px;
}
.about-content{
	/*padding-top: 45px;*/
    padding-top: 0px;
	padding-bottom: 75px;
}
.about-image-overlay{
	width: 100%;
}
.about-image{
	background: url(http://placehold.it/1600X600);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	position: relative;
	height: 400px;
}
.about-image h1{
	font-size: 50px;
	line-height: 57px;
	text-align: center;
	font-weight: 700;
	
}
.about-image h1:nth-child(2) {
	display: inline;
	padding: 0px;
}
.about-image .text-rotator span{
	font-size: 50px;
	line-height: 57px;
	font-weight: 700;
}
.about-image .text-rotator{
	display: inline-block;
}
.about-image a{
	font-size: 18px;
	line-height: 25px;
	display: inline-block;
	margin: 0px 5px;
	margin-top: 25px;
	font-weight: 700;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.cd-fixed-bg {
	min-height: 100%;
	position: static;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.about-text-content{
	margin-top: 100px;
}
.about-text-content h2{
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: 700;
	display: inline-block;
}
.about-text-content h2::after{
	content: '';
	clear: both;
	display: block;
	height: 5px;
	width: 20%;
	margin-left: 0;
	margin-top: 15px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}	
.about-content .container:hover h2::after{
	width: 100%;
}
.about-text-content p{
	font-weight:400;
}
.progress-circle-wrap{
	margin-top: 100px;
}
.progress-circle-item-wrap p{
	margin-top: 20px;
	font-weight: 400;
}
.progress-circle{
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.progress-circle canvas{
	display: block;
	margin: 0 auto;
}
.progress-circle strong{
	font-size: 20px;
	line-height: 27px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.progress-circle-slider.owl-theme .owl-controls{
	display: none;
}


/*--------------------------------------------------------------------------------*/
								/* Services */
/*--------------------------------------------------------------------------------*/

.services .section-header{
	background: url(../img/banners/Portada-Musica.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    background-position-y: -54px;
    background-color: #fff;
}
.services-content{
	position: relative;
	padding-top: 90px;
	padding-bottom: 110px;
}
.services-content-item{
	margin-bottom: 45px;
	padding: 25px;
	padding-bottom: 10px;
	border-bottom: 5px solid transparent;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		 -o-transition: all 1s ease;
			transition: all 1s ease;
}
.services-content-image span{
	font-size: 50px;
	line-height: 57px;
}
.services-content-name{
	text-transform: uppercase;
	font-weight: normal;
}
.services-content-name span{
	text-transform: uppercase;
	font-weight: 700;
}
.services-content-text p{
	margin-top: 15px;
}
.services-read-more{
	text-align: right;
	opacity: 0;
}
.services-read-more span{
	font-size: 20px;
	line-height: 27px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.services-content-item:hover .services-read-more{
	opacity: 1;
}


/*--------------------------------------------------------------------------------*/
								/* Mini-Portfolio */
/*--------------------------------------------------------------------------------*/

.mini-portfolio-item{
	position: relative;
	display: inline-block;
	height: auto;
	margin-bottom: -6px;
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
/*
.mini-portfolio-item::before{
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
	-webkit-transition: all 0.35s ease;
	   -moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		 -o-transition: all 0.35s ease;
			transition: all 0.35s ease;
}*/
.mini-portfolio-item:hover::before{
	opacity: 1;
    -webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
.mini-portfolio-item-overlay{
	opacity: 0;
}
.mini-portfolio-item:hover .mini-portfolio-item-overlay{
	opacity: 1;
}
.mini-portfolio-item-overlay{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	height: auto;
	/*width: 100%;*/
}
.mini-portfolio-item-overlay .overlay-text p{
	font-size: 13px;
	line-height: 20px;
	padding: 10px 20px;
	border: 1px solid;
	display: inline-block;
	-webkit-transition: background .8s ease-out;
	   -moz-transition: background .8s ease-out;
		-ms-transition: background .8s ease-out;
		 -o-transition: background .8s ease-out;
			transition: background .8s ease-out;
}
.mini-portfolio1.owl-theme .owl-controls{
	display: none;
}
.mini-portfolio2.owl-theme .owl-controls{
	display: none;
}
.mini-portfolio-text-lightbox h3{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.mini-portfolio-item-overlay[data-featherlight="image"]{
	cursor: url(../images/cursor/lightbox.png), auto;
}
.mini-portfolio-item-overlay[data-featherlight="text-lightbox"]{
	cursor: url(../images/cursor/pen.png), auto;
}
.mini-portfolio-item-overlay[data-featherlight="iframe"]{
	cursor: url(../images/cursor/play.png), auto;
}


/*--------------------------------------------------------------------------------*/
								/* Testimonial */
/*--------------------------------------------------------------------------------*/

.testimonial{
	position: relative;
	padding-top: 150px;
	padding-bottom: 75px;
}
.testimonial-image{
	margin-right: 20px;
}
.testimonial-image img{
	display: inline-block;
	border-radius: 50%;
}
.testimonial-text h4{
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 10px;
}
.testimonial-text h4 span{
	font-weight: 700;
}
.testimonial-text h4:after{
	content: '';
	clear: both;
	display: block;
	height: 2px;
	width: 3%;
	margin: 0 auto;
	margin-top: 10px;
	margin-left: 0px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}
.testimonial-slider{
	cursor: url(../images/cursor/drag-dark.png), auto;
}
.testimonial-slider .owl-controls{
	margin-top: 0px;
}
.testimonial-slider .owl-item.active .testimonial-text h4:after{
	width: 25%;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot span{
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: none;
}


/*--------------------------------------------------------------------------------*/
								/* Team */
/*--------------------------------------------------------------------------------*/

.team{
	position: relative;
	/*padding-bottom: 50px;*/
}
.team .section-header{
	background: url(../img/banners/Portada-Television.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    background-color: #fff;
    background-position-y: -40px;
}
.team-text{
	margin-left: 20%;
	padding: 0px 75px;
}
.team-text h3{
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 25px;
}
.team-text h3 span{
	font-weight: 700;
}
.team .social-icons{
	margin-top: 25px;
}
.team-text .social-icons span{
	font-size: 24px;
	line-height: 31px;
	margin: 0px 5px;
	margin-top: 20px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}
.team-image{
	margin-right: 20%;
}
.team-slider{
	cursor: url(../images/cursor/drag-dark.png), auto;
}
.team-slider .owl-controls{
	margin-top: 0px;
}
.team-slider .owl-controls .owl-dots{
	position: absolute;
    z-index: 115;
    left: 0px;
}
.team-slider .owl-dots .owl-dot{
	display: inline-block;
}
.team-slider .owl-dots .owl-dot img{
	max-width: 100%;
  	height: auto;
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	   -moz-filter: grayscale(1);
		-ms-filter: grayscale(1);
		 -o-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.team-slider .owl-dots .owl-dot.active img{
	opacity: 1;
	filter: none;
    -webkit-filter: grayscale(0);
	   -moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		 -o-filter: grayscale(0);
}
.team-info{
	position: absolute;
	left: 42%;
	bottom: 20%;
}
.team-info span{
	font-size: 40px;
	line-height: 47px;
}
.allItems{
	font-weight: normal;
}
.currentPosition{
	font-weight: 700;
}


/*--------------------------------------------------------------------------------*/
								/* Portfolio */
/*--------------------------------------------------------------------------------*/

.portfolio .section-header{
	background: url(../img/banners/Portada-Teatro.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    background-position-y: -115px;
}
.portfolio-content{
	padding-top: 45px;
	padding-bottom: 75px;
}
.portfolio-filter-nav{
	margin-bottom: 50px;
}
.portfolio-filter-nav ul{
	margin-bottom: 0px;
	padding-left: 0px;
}
.portfolio-filter-nav ul li{
	text-transform: uppercase;
	list-style: none;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
} 
.portfolio-filter-nav ul li a{
	margin: 0px 3px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.shuffle__sizer{
	width: 32%;
	margin-left: 2%;
}
#grid .shuffle__sizer.filtered, #grid .shuffle_sizer.concealed{
	margin-left: 0% !important;
	-webkit-transition: all 1s ease-in-out;
	   -moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		 -o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
    #grid .shuffle__sizer.filtered, #grid .shuffle_sizer.concealed{
		margin-left: 2% !important;
		-webkit-transition: all 1s ease-in-out;
		   -moz-transition: all 1s ease-in-out;
			-ms-transition: all 1s ease-in-out;
			 -o-transition: all 1s ease-in-out;
				transition: all 1s ease-in-out;
	}
	#grid{
		 -webkit-transform: translate(-2%,0); /* Safari */
    	transform: translate(-2%,0);
	}
}
.portfolio-item{
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	margin-top: 20px;
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.portfolio-item::before{
	position: absolute;
	z-index: 1;
	top: 2px;
	right: 6px;
	bottom: 2px;
	left: 6px;
	border: 5px solid;
	content: '';
	opacity: 0;
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		 -o-transform: scale(1.1);
			transform: scale(1.1);
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.portfolio-item:hover::before{
	opacity: 1;
	top: 0px;
	right: 53px;
	bottom: 0px;
	left: 53px;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
.portfolio-item-mask{
	margin: 0px;
    width: 30%;
    position: absolute;
    top: 35px;
    left: 150px;
    height: 223px !important;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.portfolio-item-mask p{
	font-size: 11px;
	line-height: 18px;
  	display: inline-block;
  	padding: 6px;
	opacity: 0;
	margin-right: 5px;
	letter-spacing: 2px;
	padding-left: 8px;
	text-transform: uppercase;
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		 -o-transform: scale(1.2);
			transform: scale(1.2);
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.portfolio-item-mask h5{
	font-size: 19px;
	line-height: 26px;
	margin-top: 5px;
	font-style: italic;
	opacity: 0;
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.portfolio-item:hover .portfolio-item-mask p, .portfolio-item:hover .portfolio-item-mask h5{
	opacity: 1!important;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
.portfolio-item-mask[data-featherlight="image"]{
	cursor: url(../images/cursor/lightbox-white.png), auto;
}
.portfolio-item-mask[data-featherlight="text-lightbox"]{
	cursor: url(../images/cursor/pen-white.png), auto;
}
.portfolio-item-mask[data-featherlight="iframe"]{
	cursor: url(../images/cursor/play-white.png), auto;
}


/*--------------------------------------------------------------------------------*/
								/* Blog */
/*--------------------------------------------------------------------------------*/

.blog .section-header{
	background: url(http://placehold.it/1600X700);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.blog-content{
	padding-top: 75px;
	padding-bottom: 45px;
}
.blog-item {
  	margin-bottom: 30px;
  	position: relative;
 	overflow: hidden;
}
.blog-visual{
	overflow: hidden;
}
.blog-item .blog-caption {
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}
.blog-item .blog-caption h1, .blog-item-overlay .blog-overlay-caption h1{
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 900;
}
.blog-item .blog-caption h1 span, .blog-item-overlay .blog-overlay-caption h1 span{
	font-weight: 600;
}
.blog-item-overlay{
	padding: 50px 10px;
	width: inherit;
	position: absolute;
	left: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.blog-item-overlay .blog-details{
	margin-bottom: 25px;
}
.blog-text{
	padding: 0 30px;
}
.blog-text p{
	font-size: 14px;
	line-height: 21px;
}
.trigger-wrap{
	overflow: hidden;
	position: relative;
	padding: 25px;
}
.blog-item a.read-more{
	width: 100%;
	height: inherit;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0px;
	-webkit-transition: all .8s ease-in-out;
	   -moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		 -o-transition: all .8s ease-in-out;
			transition: all .8s ease-in-out;
}
.blog-item a.read-more span{
	font-size: 20px;
	line-height: 27px;
}
.blog-item:hover .blog-item-overlay{
	opacity: 1;
	z-index: 99;
}
.blog-item:hover a.read-more{
	overflow: visible;
	bottom: 0px !important;
	opacity: 1;
}
.blog-item:hover .blog-caption{
	opacity: 0;
}
.blog-slider.owl-theme .owl-controls{
	display: none;
}

/*--------------------------------------------------------------------------------*/
								/* Contact */
/*--------------------------------------------------------------------------------*/

.contact .section-header{
	background: url(http://placehold.it/1600X700);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.contact-content{
	padding-top: 140px;
	padding-bottom: 110px;
	text-align: center;
}
.contact-content-item{
	position: relative;
}
.contact-content-item-icon{
	display: inline-block;
	text-align: center;
}
.contact-content-item-icon div:first-child{
	border: 2px solid;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin-bottom: 30px;
	-webkit-box-shadow: inset 0 0 0 0 rgba(255, 29, 77, 1);
	-moz-box-shadow: inset 0 0 0 0 rgba(255, 29, 77, 1);
	box-shadow: inset 0 0 0 0 rgba(255, 29, 77, 1);
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.contact-content-item-icon div:first-child span, .contact-content-item-icon div:last-child span{
	font-size: 35px;
    line-height: 42px;
    background: transparent;
    position: relative;
	display: inline-block;
	padding-top: 8px;	
}
.contact-content-item-icon div:first-child span{
	-webkit-transition: all .8s ease-in-out .4s;
	   -moz-transition: all .8s ease-in-out .4s;
		-ms-transition: all .8s ease-in-out .4s;
		 -o-transition: all .8s ease-in-out .4s;
			transition: all .8s ease-in-out .4s;

}
.contact-content-item-icon div:last-child span{
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;

}
.contact-content-item:hover .contact-content-item-icon div:first-child span{
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
.contact-content-item:hover .contact-content-item-icon div:last-child span{
	opacity: 1;
}
.contact-content-item-icon div:last-child{
    opacity: 0;
    position: absolute;
    top: 0px;
 /*   left: 114px;*/
	display: inline-block;
	margin-bottom: 30px;
	border: 2px solid;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;	
}
.contact-content-item:hover .contact-content-item-icon div:first-child{
	opacity: 1;
	-webkit-box-shadow: inset 0 0 0 110px rgba(255, 29, 77, 1);
	-moz-box-shadow: inset 0 0 0 110px rgba(255, 29, 77, 1);
	box-shadow: inset 0 0 0 110px rgba(255, 29, 77, 1);
}
.contact-content-item:hover .contact-content-item-icon div:last-child{
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
.contact-content-item h3{
	/*text-transform: uppercase;*/
	margin-bottom: 15px; 
}/*
.contact-content-item h3::after{
	content: '';
	clear: both;
	display: block;
	height: 3px;
	width: 15%;
	margin: 0 auto;
	margin-top: 15px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}*/
.contact-form-trigger{
	font-size: 14px;
    line-height: 12px;
    /* text-transform: uppercase; */
    font-weight: 300;
    cursor: pointer;
    margin-top: 5px;
    padding: 12px 25px;
    border: 1px solid;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.contact-form-close-btn{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px 15px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.contact-form-wrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.contact-form{
	width: 400px;
	height: 380px;
	padding: 0px 90px;
	border-bottom: 5px solid;
	position: relative;
	top: 50%;
	left: 50%;
	 -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.contact-form input[type="text"]{
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 25px;
	display: block;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid;
	outline: none;
}
.contact-form textarea{
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 25px;
	display: block;
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid;
	outline: none;
	resize: none;
}
.contact-form button[type="submit"]{
	font-size: 12px;
	line-height: 19px;
	padding: 5px 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	/*border-radius: 35px;*/
	letter-spacing: 2px;
	text-transform: uppercase;
	outline: none;
	border: none;
	box-shadow: none;
	font-weight: 600;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
		-ms-transition: all .5s ease-in;
		 -o-transition: all .5s ease-in;
			transition: all .5s ease-in;
}
.contact-form .error-msg::-webkit-input-placeholder{
	color: #f00;
	font-weight: 700;
	text-align: center;
}
.contact-form .error-msg:-moz-placeholder{
	color: #f00;
	font-weight: 700;
	text-align: center;
}
.contact-form .error-msg::-moz-placeholder{
	color: #f00;
	font-weight: 700;
	text-align: center;
}
.contact-form .error-msg:-ms-input-placeholder{
	color: #f00;
	font-weight: 700;
	text-align: center;
}
.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
    font-size: 16px;
    line-height: 14px;
   	text-align: center;
   	font-style: italic;
    opacity:  1;
}
.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    line-height: 14px;
   	text-align: center;
   	font-style: italic;
    opacity:  1;
}
.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
    font-size: 16px;
    line-height: 14px;
   	text-align: center;
   	font-style: italic;
    opacity:  1;
}
.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
    font-size: 16px;
    line-height: 14px;
   	text-align: center;
   	font-style: italic;
    opacity:  1;
}
.website_url{
	display: none;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.footer{
	position: relative;
	padding-top: 160px;
	padding-bottom: 100px;
}
.footer-innerpage{
	padding-top: 100px;
	padding-bottom: 100px;
}
.footer .social-icons{
	margin-top: 60px;
}
.footer .social-icons span{
	font-size: 20px;
    line-height: 27px;
	display: inline-block;
	padding-top: 3px;
	margin: 0px 8px;
	margin-bottom: 20px;
	border: 2px solid;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.footer p{
	font-size: 12px;
    line-height: 19px;
}
.to-top{
	position: fixed;
	right: 40px;
	z-index: 555;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.to-top a{
	width: 35px;
	height: 35px;
	background: transparent;
	display: inline-block;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;
}
.to-top a i{
	font-size: 23px;
	line-height: 30px;
	padding-top: 3px;
	display: block;
    -webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - INNER-PAGES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.inner-page-header{
	background-attachment: fixed;
	padding-top: 120px;
	padding-bottom: 20px;
} 
.inner-page-header h1{
	font-size: 24px;
	line-height: 31px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 7px 15px;
	padding-left: 19px;
	text-align: center;
	font-weight: 600;
}
.inner-page-header h4{
	font-size: 20px;
  	line-height: 27px;
 	font-style: italic;
  	margin-top: 5px;
  	text-align: center;
  	font-weight: 400;
}
.inner-page-navigation{
	font-size: 13px;
  	line-height: 20px;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.footer-innerpage .social-icons{
	margin-top: 0px;
}
/*--------------------------------------------------------------------------------*/
								/*Error-page*/						
/*--------------------------------------------------------------------------------*/
.error-page{
	background: url(http://placehold.it/1600X700) 0 50% no-repeat fixed;
 	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.error-page h1{
	font-size: 75px;
	line-height: 82px;
	margin-bottom: 15px;
}
.error-page p{
	font-size: 18px;
	line-height: 25px;
}

/*--------------------------------------------------------------------------------*/
								/*Standard-blog-page*/						
/*--------------------------------------------------------------------------------*/
.inner-page-header.standard-blog-post{
 	background: url(http://placehold.it/1600X700) 0 50% no-repeat fixed;
 	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.blog-post-path{
	text-align: right;
}
.blog-post .blog-post-details{
	display: inline-block;
	padding: 0px 10px;
}
.blog-post-details p{
	font-size: 14px;
    line-height: 21px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
}
.blog-post-details span{
	font-size: 16px;
    line-height: 23px;
}
.page-header-bottom-content{
	margin-top: 80px;
}
.blog-post-path p{
	font-size: 13px;
	line-height: 20px;
}
.blog-post-details{
	text-align: left;
}
.blog-post-details p{
	font-size: 13px;
	line-height: 20px;
}
.blog-post-wrap{
	margin-right: 20px;
}
.page-nav{
	margin-top: 65px;
	margin-right: 20px;
	padding: 10px 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.page-nav a{
	font-size: 12px;
	line-height: 19px;
}
.blog-post-image{
	margin-top: 50px;
	margin-bottom: 20px;
}
.blog-post-sidebar{
	margin-top: 65px;
}
.blog-post p{
	font-size: 14px;
	line-height: 21px;
	margin-top: 30px;
	display: inline-block;
	font-weight: 600;
}
.blog-post blockquote{
	border-left: 0px;
	margin-bottom: 0px;
}
.blog-post blockquote p{
	font-size: 20px;
	line-height: 27px;
	font-style: italic;
	font-weight: 900;
}
.blog-post-sidebar > div{
	margin-bottom: 65px;
}
.blog-post-sidebar h5{
	margin-bottom: 25px;
	text-transform: uppercase;
	font-weight: 600;
}
.blog-post-sidebar .recent-posts .item{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
}
.blog-type-list ul{
	padding-left: 0px;
}
.blog-type-list li{
	list-style: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid;
}
.blog-post-archives ul{
	padding-left: 15px;
}
.blog-post-archives li{
	margin-bottom: 15px;
}
.blog-post-tags ul{
	padding-left: 0px;
	margin: 0px;
	display: inline-block;
}
.blog-post-tags ul li{
	list-style: none;
	display: inline-block;
	margin: 2px 0px;
}
.blog-post-tags a{
	font-size: 12px;
	line-height: 20px;
	padding: 3px 5px;
	display: inline-block;
	font-weight: 400;
	border-radius: 2px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.blog-post-share{
	padding: 25px;
	margin-top: 75px;
}
.blog-post-share h5{
	text-transform: uppercase;
	font-weight: 600;
	padding: 6px 0px;
	display: inline-block;
	border-right: 1px solid;
}
.blog-post-share .social-icons{
	text-align: right;
}
.blog-post-share a{
	font-size: 20px;
  	line-height: 27px;
  	width: 30px;
  	height: 30px;
  	display: inline-block;
  	border-radius: 3px;
  	margin: 0px 3px;
  	position: relative;
  	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.blog-post-share a span{
	position: absolute;
	left: 50%;
	top: 50%;
	 -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.blog-comment-spec{
	font-size: 12px;
	line-height: 19px;
	text-align: left;
}
.blog-comment-spec a{
	font-style: italic;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}

.comment-count{
	display: inline-block;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 700;
}
.commentlists .comment > div{
	position: relative;
	padding: 20px;
	padding-left: 100px;
	margin-bottom: 25px;
}
.comments{
	margin-top: 75px;
	margin-bottom: 50px;
}
.comments ul{
	padding-left: 0px;
}
.comments ul li{
	list-style: none;
	padding-bottom: 15px;
}
.comments ul li p{
	margin-top: 10px;
}
.comments ul.children{

}
.comments ul.children li{
	margin-left: 10px;
	padding-left: 30px;
	border-left: 1px solid;
	background-repeat: no-repeat;
	background-position: left 40px;
  	background-image: url('../images/inner-pages/blog/comment-children-line.jpg');
}
.comments ul li:last-child{
	border-bottom: none;
	padding-bottom: 0px;
}
.commentlists .avatarbox{
	position: absolute;
	left: 20px;
	top: 20px;
}
.commentlists .avatarbox img{
	width: 65px;
	height: 65px;
}
.comment-info{
	font-size: 12px;
	line-height: 19px;
}
.comment-info span{
	font-size: 14px;
	line-height: 21px;
	font-weight: 700;
}
.comment-info a{
	font-style: italic;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.comment-reply{
	padding: 2px 5px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.respond{
	margin-top: 50px;
	margin-bottom: 100px;
}
.respond h3{
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
}
.respond form{
	margin-top: 25px;
}
.respond input[type="text"]{
	font-size: 14px;
	line-height: 21px;
	width: 100%;
	height: 35px;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 0px;
}
.respond input[type="submit"]{
	margin-top: 25px;
	background: none;
	border-radius: 0px;
	padding: 10px 15px;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.respond textarea{
	padding: 5px 10px;
	width: 100%;
	border: none;
	outline: none;
	resize: none;

}

/*--------------------------------------------------------------------------------*/
								/*Single-Project*/						
/*--------------------------------------------------------------------------------*/

.inner-page-header.single-project-home{
	padding:0px;
}
.single-project-home .section-header-special{
	background: url(http://placehold.it/1600X700);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.single-project-slider{
	margin-top: 40px;
}
.single-project-slider .item01{
	background: url(http://placehold.it/1920X950);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	height: 500px;
}
.single-project-slider .item02{
	background: url(http://placehold.it/1920X950);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	height: 500px;	
}
.single-project-slider .item03{
	background: url(http://placehold.it/1920X950);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	height: 500px;	
}
.single-project-slider.owl-theme .owl-controls{
	margin-top: 0px;
}
.single-project-slider.owl-theme .owl-controls .owl-nav div{
	width: 40px;
	height: 40px;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s ease;
	   -moz-transition: all .6s ease;
		-ms-transition: all .6s ease;
		 -o-transition: all .6s ease;
			transition: all .6s ease;
}
.single-project-slider.owl-theme .owl-controls .owl-nav div i{
	font-size: 25px;
	line-height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all .6s ease;
	   -moz-transition: all .6s ease;
		-ms-transition: all .6s ease;
		 -o-transition: all .6s ease;
			transition: all .6s ease;
}
.single-project-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	left: 0px;
}
.single-project-slider.owl-theme .owl-controls .owl-nav .owl-next{
	right: 0px;
}
.single-project-slider.owl-theme .owl-controls .owl-dots{
	position: absolute;
	width: 100%;
}
.project-text-content{
	margin-top: 70px;
	margin-bottom: 70px;
}
.project-text-content h1{
	font-size: 24px;
	line-height: 31px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
}
.project-text-content p{
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: left;
	font-weight: 600;
}
.more-projects{
	margin-bottom: 40px;
}
.more-projects h3{
	font-size: 24px;
	line-height: 31px;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-weight: 700;
}
.more-projects-item{
	position: relative;
}
.more-projects-item .overlay{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.more-projects-item .overlay h4{
	position: absolute;
	bottom: 25px;
	left: 25px;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
.more-projects-item:hover .overlay h4{
	opacity: 1;
}



/****************Add**********************/
.section-header-text{
   
}

.letraRoja{
    color: #ff1744 !important;
}

.text-Black{
    color: #000 !important;
}

.mt-70px{
    margin-top: 70px;
}

.mt-35px{
    margin-top: 35px;
}

.font-weight300{
    font-weight: 400;
}
.font-weight500{
    font-weight: 500;
}

.font-weight600{
    font-weight: 600;
}

.font-weight700{
    font-weight: 700;
}

.font-weight800{
    font-weight: 800;
}

.text-justify{
    text-align: justify;
}

.logoSlider{
   max-width: 50%;
    position: absolute;
    z-index: 9999;
    left: 12%;
    top: 10%;
}

.header-fix .vertical-align{
    top:50%;
    
}

.pb-15{
    padding-bottom: 15px;
}

.pb-30{
    padding-bottom: 15px;
}

.font-size-22px{
    font-size: 22px;
}
.font-size-16px{
    font-size: 16px;
}

.font-size-23px{
    font-size: 23px;
}

.plr-15{
    padding-left: 15px;
    padding-right: 15px;
}

.family-Crimson{
    font-family: 'Crimson Text', sans-serif;
}

.left15{
    left: 15% !important;
}

.logos{
    width: 90%;
}

.img-gray{
    filter: grayscale(100%);
}

.img-gray:hover{
    filter: grayscale(0%) !important;
}

.mt-10{
    margin-top: 10%;
}

.text-gray{
    
}

.ps-lista li::before{
    content: "• ";
    color: #ff1744;
}

.ps-lista{
    -webkit-padding-start: 0px;
    list-style: none;
    letter-spacing: 1px;
}

.pt-5{
    padding-top: 5%;
}

.vertical-align2{
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-fix{
    padding-top: 5px;
    padding-bottom: 5px;
}
.container2{
    max-width: 950px;
}

.mt-20px{
    margin-top: 20px;
}

.mt-70px{
    margin-top: 70px;
}

.colorWhite{
    color: #fff;
}

.colorWhite:hover{
    color: #fff;
}

.mxusa{
    font-weight: 600;
    letter-spacing: 3px;
}

.margin-Mx{
    margin-left: 55%;
}

.margin-Usa{
    margin-left: -60%;
}

.line-height{
    line-height: 24px;
}

.color-list{
    color: rgba(0,0,0,0.8);
}

h1{
    font-size: 35px;
}

.mb--10{
    margin-bottom: -10px;
}

.left1{left: -60px !important;}
.left2{left: -10px !important;}
.left3{left: 40px !important;}

.ion-arrow-right-b{
    color: #fff;
}

.ion-arrow-right-b:hover{
    color:  #ff1744;
}

.ion-arrow-left-b{
    color: #fff;
}

.ion-arrow-left-b:hover{
    color:  #ff1744;
}

.margin-b-2{
    margin-bottom: 2%;
}

.featherlight-next, .featherlight-previous{
    background: rgba(0,0,0,0);
}

.ion-ios-arrow-thin-right{
    color: #ff1744;
}

.ion-ios-arrow-thin-left{
    color: #ff1744;
}



/**************modal*/
/* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
    z-index: 9999;
}
/* Inner */
.popup-inner {
max-width:500px;
width:90%;
/*padding:40px;*/
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}
/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}
.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}

.img-youtube{
    width: 60%;
    margin-top: 20px;
    margin-left: 50px;
}