@charset "utf-8 
html, body { height: 100%; }
body { font-family: 'Raleway', sans-serif; color: #fff; font-size: 16px; overflow-x: hidden; font-weight: 400; background-color: #111; }

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

aside { width: 100px; height: auto; position: fixed; top: 10px; left: 10px; z-index: 8001; background: #222; border-radius: 5px; }
aside nav { width: 200px; height: auto; margin: 0 auto; }
aside nav a { width: 49.5px; height: auto; display: block; margin: 0; float: left; font-family: 'Raleway', sans-serif; text-align: center; text-decoration: none; font-size: 1em; font-weight: 600; color: #fff; padding: 5px 0 0 0; transition: all 0.3s ease-in; s}
aside nav a:hover { color: #3498db; text-decoration: none !important; transition: all 0.15s ease-out; }
aside nav span { width: 1px; height: 30px; display: block; float: left; color: rgba(255, 255, 255, 0.55); padding: 5px 0 0 0; }
aside nav #actual { color: #3498db; }

section#homepage { background-color: transparent; }
section#slider { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
.slider-bg-static {
	background-image: url(../img/slider/static-bg/1.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-repeat: repeat;
	height: 100%;
}
.slider-bg-animated {
	background-image: url(../img/slider/animted-bg/1.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-repeat: repeat;
	-webkit-animation: BackgroundAnimation 500s linear infinite;
	-moz-animation: BackgroundAnimation 500s linear infinite;
	-ms-animation: BackgroundAnimation 500s linear infinite;
	height: 100%;
}
@-webkit-keyframes BackgroundAnimation {
    from { background-position: 0px 0px; }
    to { background-position: 9600px 0px; }
}
@-moz-keyframes BackgroundAnimation {
    from { background-position: 0px 0px; }
    to { background-position: 9600px 0px; }
}
@-ms-keyframes BackgroundAnimation {
    from { background-position: 0px 0px; }
    to { background-position: 9600px 0px; }
}
.colored-text { color: #e4545b; }
.tp-banner .line { font-family: Tahoma, Geneva, sans-serif; color: #fff; font-size: 50px; }
.tp-banner .border {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
}
.tp-banner a.btn1 {
	color: #FFF!important;
	border: 2px solid #FFF;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	padding-top: 16px;
	padding-right: 40px;
	padding-bottom: 16px;
	padding-left: 40px;
	margin-left: 4px;
	margin-right: 4px;
	transition: all 0.3s ease-in-out;
}
.tp-banner a.btn1:hover { color: #FFF!important; border: 2px solid #e4545b; background-color: #e4545b; }
.tp-banner a.btn2 {
	color: #FFF!important;
	border: 2px solid #e4545b;
	background-color: #e4545b;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	padding-top: 16px;
	padding-right: 40px;
	padding-bottom: 16px;
	padding-left: 40px;
	margin-left: 4px;
	margin-right: 4px;
	transition: all 0.3s ease-in-out;
}
.tp-banner a.btn2:hover { color: #FFF!important; border: 2px solid #FFF; background-color: transparent; }
.tp-banner a i { margin-right: 10px; }
section#navigation { padding-top: 0px; padding-bottom: 0px; }
.navbar-collapse.collapse { text-align: center!important; padding-bottom: 0!important; overflow: visible !important; }
.navbar-nav { display: inline-block!important; float: none!important; margin: 0!important; }
#navigation {
	width: 100%;
	margin-left: auto;
	margin-bottom: auto;
	position: absolute;
	z-index: 8000;
	text-align: center!important;
	/*height: auto !important;*/
	padding-bottom: 0!important;
	overflow: visible !important;
}
#navigation ul.nav { margin: 0px; padding: 0px; }
.navbar-inverse { background-color: #e4545b; }
.navbar-inverse .navbar-nav>li>a {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	border-color: transparent transparent transparent transparent;
	border-style: solid;
	border-width: 6px;
	padding-top: 18px;
	padding-bottom: 8px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
#navigation ul.nav a:hover { color: #fff; border-color: #ffffff transparent transparent transparent; border-style: solid; border-width: 6px; }
#navigation ul.nav .current a { border-color: #ffffff transparent transparent transparent; border-style: solid; border-width: 5px; color: #fff; }
.animated { visibility: hidden; }
.visible { visibility: visible; }
section { padding-top: 90px; padding-bottom: 90px; }
.section-heading { text-align: center; margin: 0 auto; display: block; float: none; }
.section-heading .heading { font-family: 'Raleway', sans-serif; font-size: 40px; line-height: 1em; font-weight: 600; color: #e4545b; }
.section-heading h1 { margin-top: 24px; margin-bottom: 30px; position: relative; text-align: center; }
.section-heading h1.icon-line:after {
	content: "";
	display: block;
	border-top: solid 2px #ccc;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.section-heading h1.icon-line i {
	background: #ccc;
	color: #222222;
	position: relative;
	z-index: 5;
	padding-top: 21px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
    font-size: 32px !important;
}
.section-heading .description { font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 400; }
#about { background-image: url(../img/texture/white-dot.png); background-repeat: repeat; background: #000; }
#about .personal-info {  }
#about .owl-controls { padding: 0px; margin: 0px; }
#about #my-pic-carousel img { padding-left: 20px; padding-right: 20px; }
#about .personal-info .line1 { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 30px; }
#about .personal-info .line2 { font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 600; }
#about .col-left { text-align: right; padding-top: 10px; }
#about .col-right { text-align: left; padding-top: 10px; }
#about .pic { text-align: center; }

#about .slick-fotos {
    width: 100%;
    height: auto;
    display: block;
    float: none;
    margin: 32px auto 0 auto;
    position: relative;
}
#about .slick-fotos img.img-responsive {
    display: block;
    border-radius: 5px;
    position: relative;
    margin: 12px;
    float: left;
}

#about .slick-fotos-mobile {
    width: 100%;
    height: auto;
    display: none;
    float: none;
    margin: 32px auto 0 auto;
    position: relative;
}
#about .slick-fotos-mobile img.img-responsive {
    display: block;
    border-radius: 5px;
    position: relative;
    margin: 12px;
    float: left;
}

#about .intro { padding-top: 50px; text-align: center; }
.navbar { border: none; border-radius: 0; }
#work-experience {  }
.work-experience-timeline { margin-top: 30px; padding-bottom: 0px; }
#work-experience hr {
	width: 30px;
	margin: 0px;
	padding: 0px;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	border-color: transparent transparent #cccccc transparent;
	border-style: solid;
	border-width: 30px;
}
.work-experience-timeline .company-name { font-size: 20px; font-weight: 600; padding-bottom: 1px; color: #e4545b; }
.work-experience-timeline .designation { font-size: 16px; font-weight: 400; }
.work-experience-timeline .duration { font-size: 16px; font-weight: 600; padding-top: 16px; padding-bottom: 6px; transition: all 0.3s ease-in-out; }
.work-experience-timeline .url { font-size: 16px; font-weight: 400; padding-top: 12px; padding-bottom: 6px; }
.work-experience-timeline .url a { color: #e4545b; transition: all 0.3s ease-in-out; }
.work-experience-timeline .url a:hover { transition: all 0.3s ease-in-out; }
.work-experience-timeline .row { padding-bottom: 30px; }
.work-experience-timeline .col-left { text-align: right; margin-right: 30px; margin-top: 46px; }
.work-experience-timeline .col-right { text-align: left; margin-left: 30px; margin-top: 6px; }
.work-experience-timeline .col-left .arrow {
	border-color: transparent #cccccc transparent transparent;
	border-style: solid;
	border-width: 20px;
	width: 0;
	height: 0;
	right: 0px;
	top: 40px;
	position: absolute;
	transition: all 0.3s ease-in-out;
}
.work-experience-timeline .col-right .arrow {
	border-color: transparent transparent transparent #cccccc;
	border-style: solid;
	border-width: 20px;
	width: 0;
	height: 0;
	left: 0px;
	top: 0px;
	position: absolute;
	transition: all 0.3s ease-in-out;
}
.work-experience-timeline .col-left:hover .arrow { border-color: transparent #e4545b transparent transparent; }
.work-experience-timeline .col-right:hover .arrow { border-color: transparent transparent transparent #e4545b; }
.work-experience-timeline .col-right:hover .duration, .work-experience-timeline .col-left:hover .duration { color: #e4545b; }
.work-experience-timeline {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
}
.work-experience-timeline:before {
	background-color: #cccccc;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: 0;
}
#services { background: url(../img/parallax/juandesedas.webp) top center no-repeat #000; color: #fff; }
#services-carousel { width: 830px; height: auto; display: block; margin: 0 auto; float: none; }
#services-carousel .items {
    width: 33.33%;
    height: auto;
    float: left;
    margin: 50px 0 0 0;
    text-align: center;
}
#services-carousel .items .icon { font-size: 35px; color: #fff; transition: all 0.3s ease-in-out; }
#services-carousel .items:hover .icon { font-size: 39px; color: #e4545b; }
#services-carousel .items .description { font-size: 20px; padding-left: 20px; padding-right: 20px; }
#video {
    width: 100%;
    height: 654px;
    padding: 0;
    margin:0 auto;
    background: #00040b;
}
#video a {
    width: 1170px;
    height: 654px;
    overflow: hidden;
    margin:0 auto;
    display: block;
    position: relative;
}
#video a #big-video {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 1;
    top: 38%;
    left: 45%;
    font-size: 10em;
    text-align: center;
    color: rgba(255, 255, 255, 0.35);
    transition: all 0.3s ease-in;
}
#video a:hover #big-video,
#video a #big-video:hover { color: rgba(255, 255, 255, 0.95); transition: all 0.15s ease-out; }
#video a img {
    width: 1170px;
    height: 654px;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
.twitt-widget { margin: 20px auto 50px auto; display: block; }
#contact { background-color: #e4545b; color: #fff; background-image: url(../img/texture/black-dot.png); background-repeat: repeat; }
#contact .section-heading .heading { font-family: 'Raleway', sans-serif; font-size: 40px; font-weight: 600; color: #fff; }
#contact .section-heading h1 { margin-top: 24px; margin-bottom: 30px; position: relative; text-align: center; }
#contact .section-heading h1.icon-line:after {
	content: "";
	display: block;
	border-top: solid 2px #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
#contact .section-heading h1.icon-line i {
	background: #e4545b;
	color: #fff;
	position: relative;
	z-index: 5;
	padding-top: 15px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	border: solid 2px #fff;
}
#contact .row { text-align: center; }
#contact .contact-info { margin-bottom: 80px; }
#contact .address { font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: 400; margin-bottom: 40px; }
#contact .phone { font-family: 'Raleway', sans-serif; font-size: 40px; font-weight: 600; margin-bottom: 20px; }
#contact .email { font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 400; margin-bottom: 12px; }
#contact .web { font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 400; margin-bottom: 12px; }
#contact hr {
	margin-bottom: 80px;
	width: 100px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
#contact .contact-form { margin: 132px auto 0 auto; float: none; }
#contact .contact-form .row.form { margin: 0 auto; float: none; }
#contact .contact-form .form .input-group { margin-bottom: 12px; color: #000; font-weight: 600; }
#contact .contact-form .form .input-group .form-control { padding: 6px; font-size: 18px; font-weight: 400; color: #000; }
#contact .contact-form .form button {
	padding: 14px;
	font-size: 30px;
	font-weight: 700;
	width: 100%;
	background-color: #fff;
	color: #e4545b;
	border: 4px solid #fff;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}
#contact .contact-form .form button:hover { border-radius: 4px; background-color: #e4545b; border: 4px solid #fff; color: #fff; }
#message_post { padding-top: 14px; padding-bottom: 14px; }
.errorMessage { color: #fff; }
.successMessage { color: #fff; }
.loading {
	height: 28px;
	width: 28px;
	display: none;
	background-image: url(../img/progress.gif);
	background-repeat: no-repeat;
	background-position: 1px;
}
.done { display: none }
.social-icons ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
.social-icons ul li {
	width: 50px;
	height: 50px;
	background-color: #e4545b;
	border-radius: 25px;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	line-height: 2.2;
	color: #fff;
	margin-left: 4px;
	margin-right: 4px;
	transition: all 0.3s ease-in-out;
}
.social-icons ul li a { color: #fff; }
.social-icons ul li:hover { opacity: .80; filter: alpha(opacity=80); }
section#footer { padding-top: 50px; padding-bottom: 50px; }
#footer { background-color: #000; }
#footer .row { text-align: center; }
#footer .line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#footer .desc { font-size: 18px; font-weight: 400; line-height: 2em; }
#footer .desc i { margin-bottom: 12px; color: #e4545b; }
.link-btn { text-align: center; margin-top: 80px; margin-bottom: 25px; }
.link-btn a {
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #e4545b;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	font-weight: 400;
	border-radius: 4px;
	border: 4px solid #e4545b;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}
.link-btn a:hover { border: 4px solid #e4545b; background-color: transparent; color: #e4545b; }
.link-btn a i { margin-right: 10px; }
.link-btn-2 { text-align: center; margin-top: 20px; }
.link-btn-2 a {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #e4545b;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	border: 4px solid #e4545b;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}
.link-btn-2 a i { margin-right: 12px; }
.link-btn-2 a:hover { border: 4px solid #e4545b; background-color: transparent; color: #e4545b; }
.scrollup {
	width: 50px;
	height: 50px;
	background-color: #e4545b;
	border-radius: 25px;
	display: inline-block;
	text-align: center;
	font-size: 28px;
	line-height: 1.7;
	color: #fff;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}
a.scrollup i { color: #fff; }
a.scrollup:hover i { color: #fff; }
.scrollup:hover { opacity: .80; filter: alpha(opacity=80); }
#slider { width: 100%; height: 800px; display: block; margin: 0 auto; background: #000; }
#slider .slick { width: 100%; height: 800px; display: block; margin: 0 auto; overflow: hidden; }
#slider .slick #uno,
#slider .slick #dos { width: 1920px; height: 800px; display: block; margin: 0; float: left; }
#slider .slick #uno { background: url(../img/slider/fullscreen/juandesedas-mixing-engineer.jpg) no-repeat top center; }
#slider .slick #dos { background: url(../img/slider/fullscreen/juandesedas-mastering-engineer.jpg) no-repeat top center; }
#slider .slick #uno .zona-title,
#slider .slick #dos .zona-title { width: 1047px; height: auto; display: block; margin: 30px auto 0 auto; clear: both; float: none; }
#slider .slick #uno #h3-uno,
#slider .slick #dos #h3-dos { width: 750px; height: auto; display: block; margin: 0 auto; clear: both; float: none; text-align: center; }
#slider .slick #uno #h3-uno h3,
#slider .slick #dos #h3-dos h3 { font-size: 47px; margin-top: 0; }
#slider .slick #uno .zona-title #h1-uno-1,
#slider .slick #dos .zona-title #h1-dos-1 { width: 265px; height: auto; display: block; margin: 0; float: left; }
#slider .slick #uno .zona-title #h1-uno-2,
#slider .slick #dos .zona-title #h1-dos-2 { width: 650px; height: auto; display: block; margin: 0 0 0 130px; float: left; }
#slider .slick #uno .zona-title #h1-uno-1 h1,
#slider .slick #uno .zona-title #h1-uno-2 h1,
#slider .slick #dos .zona-title #h1-dos-1 h1,
#slider .slick #dos .zona-title #h1-dos-2 h1 { font-family: 'Raleway', sans-serif; font-size: 135px; color: #fff; font-weight: bolder; text-align: center; line-height: 1em; }
#slider .slick #uno .zona-title #h1-uno-1 h1,
#slider .slick #dos .zona-title #h1-dos-1 h1 { text-align: right; }
#slider .slick #uno .zona-title #h1-uno-2 h1,
#slider .slick #dos .zona-title #h1-dos-2 h1 { text-align: left; }
.box-rwd { margin: 75px auto 0 auto; }
#copyright { padding-top: 10px; padding-bottom: 10px; }
#copyright p { text-align: center; padding: 9px 0 0 0; font-size: 0.9em; }

a#alwhats {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    float: none !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 99999 !important;
    margin: 0px !important;
    background: rgb(90, 217, 34) !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: 0.3s ease-in !important;
}
a#alwhats i {
    width: 50px;
    height: 50px;
    display: block;
    float: none;
    font-size: 1.7em;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0px auto;
    padding: 11px 5px;
    transition: 0.3s ease-in !important;
}

/*Playlist*/
#audio-samples { background: #000; padding-top: 0; }
.player-container { display: block; background-color: #222; padding: 20px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); max-width: 100%; width: 100%; }
#now-playing { margin-bottom: 15px; font-weight: bold; }
audio { width: 100%; margin-bottom: 20px; }
#playlist { list-style: none; padding: 0; }
#playlist li { padding: 10px; border-bottom: 1px solid #3498db52; cursor: pointer; transition: all 0.3s; }
#playlist li:hover { background-color: #3498db; color: #fff; }
#playlist li.active { background-color: #3498db; color: #fff; }

#start-today { background: #3498db; color: #fff; width: auto; height: auto; display: block; margin: 32px auto 0 auto; float: none; border-radius: 50px; font-size: 1em; padding: 12px; max-width: 235px; text-decoration: none; transition: 0.3s ease-in !important; }
#start-today:hover { background: #fff; color: #3498db; transition: 0.3s ease-in !important; }

/*Blue*/
#preloader { background-color: #3498db; }
.colored-text { color: #3498db; }
.tp-banner a.btn1:hover { border: 2px solid #3498db; background-color: #3498db; }
.tp-banner a.btn2 { border: 2px solid #3498db; background-color: #3498db; }
.navbar-inverse { background-color: #3498db; }
.section-heading .heading { color: #3498db; }
.owl-theme .owl-controls .owl-page span { background: #3498db; }
.education-timeline .programe { color: #3498db; }
.education-timeline .education:hover .divider { background-color: #3498db; }
.education-timeline .education:hover .duration { color: #3498db; }
#process .items:hover { background: #3498db; }
.work-experience-timeline .company-name { color: #3498db; }
.work-experience-timeline .url a { color: #3498db; }
.work-experience-timeline .col-left:hover .arrow { border-color: transparent #3498db transparent transparent; }
.work-experience-timeline .col-right:hover .arrow { border-color: transparent transparent transparent #3498db; }
.work-experience-timeline .col-right:hover .duration, .work-experience-timeline .col-left:hover .duration { color: #3498db; }
#services-carousel .items:hover .icon { color: #3498db; }
#options ul li:hover a, #options ul li a.selected { border: 2px solid #3498db; background-color: #3498db; }
.overlayzoom span.zoom { background: rgb(4, 158, 228); background: rgba(4, 158, 228, 0.7); }
.portfolio-detail .heading { color: #3498db; }
.links a { color: #3498db; }
#video .play a:hover { color: #3498db; }
#awards-carousel .items:hover .icon { color: #3498db; }
#testimonials-carousel .items .emp-name { color: #3498db; }
#contact { background-color: #3498db; }
#contact .section-heading h1.icon-line i { background: #3498db; }
#contact .contact-form .form button { color: #3498db; }
#contact .contact-form .form button:hover { background-color: #3498db; }
.social-icons ul li { background-color: #3498db; }
#footer .desc i { margin-bottom: 12px; color: #3498db; }
.link-btn a { background-color: #3498db; border: 4px solid #3498db; }
.link-btn a:hover { border: 4px solid #3498db; color: #3498db; }
.link-btn-2 a { background-color: #3498db; border: 4px solid #3498db; }
.link-btn-2 a:hover { border: 4px solid #3498db; color: #3498db; }
.scrollup { background-color: #3498db; }

.small-note { font-size: 13px; line-height: 13px; text-align: left; color: #fff; padding: 16px 0 0 0; font-style: italic; }

@media (max-width:1279px) {
    #slider .slick #uno .zona-title,
    #slider .slick #dos .zona-title { width: 767px; }
    #slider .slick #uno .zona-title #h1-uno-1,
    #slider .slick #dos .zona-title #h1-dos-1 { width: 160px; }
    #slider .slick #uno .zona-title #h1-uno-2,
    #slider .slick #dos .zona-title #h1-dos-2 { width: 476px; }
    #slider .slick #uno .zona-title #h1-uno-1 h1,
    #slider .slick #uno .zona-title #h1-uno-2 h1,
    #slider .slick #dos .zona-title #h1-dos-1 h1,
    #slider .slick #dos .zona-title #h1-dos-2 h1 { font-size: 100px; }
    #slider .slick #uno #h3-uno h3,
    #slider .slick #dos #h3-dos h3 { font-size: 32px; }
}

@media (max-width:1200px) {
    #about .slick-fotos .mini-artistas { height: 183px; }
    #about .slick-fotos .mini-artistas .play-audio, #about .slick-fotos .mini-artistas .play-video { top: 19%; left: 33%; }

    .box-rwd { width: 885px; height: auto; margin: 75px auto 0 auto; float: none; }
    #video { width: 100%; height: 555px; background: #00040b; }
    #video a { width: 100%; height: 555px; }
    #video a #big-video { font-size: 8.5em; }
    #video a img { width: 992px; height: 555px; margin: 0 auto; position: relative; }
}

@media (max-width:1023px) {
    #about .pic .mini-artistas .play-audio,
    #about .pic .mini-artistas .play-video { color: rgba(255, 255, 255, 0.75); }
    #video a #big-video { color: rgba(255,255,255,0.75); }
    #slider { height: 700px; }
    #slider .slick { height: 700px; }
    #slider .slick #uno,
    #slider .slick #dos { height: 700px; }
    #slider .slick #uno { background: url(../img/slider/fullscreen/juandesedas-mixing-engineer.jpg) no-repeat top center; background-size: cover; }
    #slider .slick #dos { background: url(../img/slider/fullscreen/juandesedas-mastering-engineer.jpg) no-repeat top center; background-size: cover; }
}

@media (max-width:992px) {
    #about .slick-fotos { display: none; }

    #about .slick-fotos-mobile { display: block; }
    #about .slick-fotos-mobile .mini-artistas { height: 183px; }

    .box-rwd { width: 600px; }
    #video { height: 504px; }
    #video a { height: 504px; }
    #video a #big-video { font-size: 7em; }
    #video a img { width: 900px; height: 504px; }
    .slider-buttons { margin-top: 20px!important; }
    .tp-banner a.btn1 {
        color: #FFF!important;
        border: 2px solid #FFF;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .tp-banner a.btn2 {
        color: #FFF!important;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    #ContactForm { width: 85%; display: block; margin: 0 auto; }

    #services { background-size: cover; padding-bottom: 45px; }
    #services-carousel { width: 90%; height: auto; display: block; margin: 0 auto; float: none; }
    #services-carousel .items { width: 100%; float: none; margin: 48px auto; }
}

@media (max-width:899px) {
    #video { height: 429px; }
    #video a { height: 429px; }
    #video a #big-video { font-size: 6em; }
    #video a img { width: 767px; height: 429px; }
    #slider { height: 600px; }
    #slider .slick { height: 600px; }
    #slider .slick #uno,
    #slider .slick #dos { height: 600px; }
    #slider .slick #uno .zona-title,
    #slider .slick #dos .zona-title { width: 535px; }
    #slider .slick #uno .zona-title #h1-uno-1,
    #slider .slick #dos .zona-title #h1-dos-1 { width: 170px; }
    #slider .slick #uno .zona-title #h1-uno-2,
    #slider .slick #dos .zona-title #h1-dos-2 { width: 335px; margin: 0 0 0 30px; }
    #slider .slick #uno .zona-title #h1-uno-1 h1,
    #slider .slick #uno .zona-title #h1-uno-2 h1,
    #slider .slick #dos .zona-title #h1-dos-1 h1,
    #slider .slick #dos .zona-title #h1-dos-2 h1 { font-size: 70px; }
    #slider .slick #uno #h3-uno,
    #slider .slick #dos #h3-dos { width: 90%; }
    #slider .slick #uno #h3-uno h3,
    #slider .slick #dos #h3-dos h3 { font-size: 24px; }
    .section-heading .description { font-size: 18px; width: 85%; margin: 0 auto; }
}

@media (max-width:767px) {
    #video { height: 336px; }
    #video a { height: 336px; }
    #video a #big-video { font-size: 5em; }
    #video a img { width: 600px; height: 336px; }
    #services-carousel .items { width: 50%; }
    #container-thumbs .items { min-width: 50%; max-width: 50%; }
    .twitt-widget { width: 80%; }
    #about .col-left { text-align: center; padding-top: 10px; margin-bottom: 50px; }
    #about .col-right { text-align: center; padding-top: 10px; margin-top: 50px; }
    .slider-buttons { margin-top: 20px!important; }
    .tp-banner a.btn1 {
        color: #FFF!important;
        border: 2px solid #FFF;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .tp-banner a.btn2 {
        color: #FFF!important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; top: 45%!important; left: 0; margin-left: 20px!important; }
    .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; top: 45%!important; right: 0; margin-right: 20px!important; }
    .owl-theme .owl-controls .owl-buttons div { font-size: 30px; width: 30px; height: 30px; }
    #about { background-image: none; }
    #contact { background-image: none; }
}

@media (max-width:600px) {
    #video { height: 330px; }
    #video a { height: 330px; }
    #video a img { width: 589px; height: 330px; }
    .box-rwd { width: 380px; }
    #about .pic .mini-artistas { width: 350px; height: 350px; margin: 0 0 25px 0; float: none; }
    #about .pic .mini-artistas img { width: 350px; height: 350px; }
}

@media (max-width:589px) {
    #about { padding-top: 48px; padding-bottom: 48px; }
    #about .slick-fotos-mobile .mini-artistas .play-audio, #about .slick-fotos-mobile .mini-artistas .play-video { top: 19%; left: 33%; font-size: 5em; }

    #video { height: 269px; }
    #video a { height: 269px; }
    #video a #big-video { top: 35%; font-size: 6em; }
    #video a img { width: 480px; height: 269px; }
    #slider { height: 500px; }
    #slider .slick { height: 500px; }
    #slider .slick #uno,
    #slider .slick #dos { height: 500px; }
    #slider .slick #uno .zona-title,
    #slider .slick #dos .zona-title { width: 395px; }
    #slider .slick #uno .zona-title #h1-uno-1,
    #slider .slick #dos .zona-title #h1-dos-1 { width: 115px; }
    #slider .slick #uno .zona-title #h1-uno-2,
    #slider .slick #dos .zona-title #h1-dos-2 { width: 250px; margin: 0 0 0 30px; }
    #slider .slick #uno .zona-title #h1-uno-1 h1,
    #slider .slick #uno .zona-title #h1-uno-2 h1,
    #slider .slick #dos .zona-title #h1-dos-1 h1,
    #slider .slick #dos .zona-title #h1-dos-2 h1 { font-size: 50px; }
    #slider .slick #uno #h3-uno h3,
    #slider .slick #dos #h3-dos h3 { font-size: 20px; }
    .section-heading .description { font-size: 16px; width: 85%; line-height: 24px; }

    #work-experience { padding-top: 48px; padding-bottom: 48px; }
}

@media (max-width: 480px) {
    #about .slick-fotos-mobile .mini-artistas .play-audio, #about .slick-fotos-mobile .mini-artistas .play-video { top: 19%; left: 33%; font-size: 4em; }

    #video { height: 179px; }
    #video a { height: 179px; }
    #video a #big-video { top: 30%; font-size: 5em; }
    #video a img { width: 320px; height: 179px; }
    #services { background: url(../img/parallax/juan-de-sedas.webp) top center no-repeat; }
    #services-carousel .items { width: 100%; }
    #container-thumbs .items { min-width: 100%; max-width: 100%; }
    .animated { visibility: visible; }
    .visible { visibility: visible; }
    .slider-contents { top: 20%; }
    #slidecaption .name { font-size: 60px; line-height: 50px; font-weight: 800; }
    #slidecaption .designation { font-size: 28px; font-weight: 600; line-height: 1; }
    #slidecaption .line { border-top-width: 2px; width: 80px; margin-top: 35px; margin-bottom: 30px; }
    #slidecaption .description { font-size: 36px; font-weight: 500; }
    .slider-buttons { margin-top: 20px!important; }
    .tp-banner a.btn1 {
        color: #FFF!important;
        border: 2px solid #FFF;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .tp-banner a.btn2 {
        color: #FFF!important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .link-btn a {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 12px;
        padding-bottom: 12px;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: 400;
        border-radius: 4px;
    }
    #about { background-image: none; }
    #contact { background-image: none; }
    #about .col-left { text-align: center; padding-top: 10px; margin-bottom: 50px; }
    #about .col-right { text-align: center; padding-top: 10px; margin-top: 50px; }
    .owl-theme .owl-controls .owl-buttons .owl-p { position: absolute; top: left; margin-left: 0px !important; }
    .owl-theme .owl-controls .owl-buttons .owl-n { position: absolute; top: right; margin-right: 0px !important; }
    .owl-theme .owl-controls .owl-buttons div { font-size: 30px; width: 30px; height: 30px; }
    .overlayzoom span i { color: #FFF; font-size: 50px; padding: 35%; }
    #myskills { background: none; background-color: #000; color: #fff; }
    #process { background: none; background-color: #000; color: #fff; }
    #awards { background: none; background-color: #000; color: #fff; }
    .section-heading .heading { font-size: 32px; }
}

@media (max-width:449px) {
    #about .slick-fotos-mobile .mini-artistas .play-audio, #about .slick-fotos-mobile .mini-artistas .play-video { top: 19%; left: 33%; font-size: 3.5em; }

    .box-rwd { width: 310px; }
    #about .pic .mini-artistas { width: 280px; height: 280px; }
    #about .pic .mini-artistas img { width: 280px; height: 280px; }
    #slider { height: 450px; }
    #slider .slick { height: 450px; }
    #slider .slick #uno,
    #slider .slick #dos { height: 450px; }
    #slider .slick #uno .zona-title,
    #slider .slick #dos .zona-title { width: 280px; }
    #slider .slick #uno .zona-title #h1-uno-1,
    #slider .slick #dos .zona-title #h1-dos-1 { width: 100px; }
    #slider .slick #uno .zona-title #h1-uno-2,
    #slider .slick #dos .zona-title #h1-dos-2 { width: 167px; margin: 0 0 0 10px; }
    #slider .slick #uno .zona-title #h1-uno-1 h1,
    #slider .slick #uno .zona-title #h1-uno-2 h1,
    #slider .slick #dos .zona-title #h1-dos-1 h1,
    #slider .slick #dos .zona-title #h1-dos-2 h1 { font-size: 35px; }
    #slider .slick #uno #h3-uno h3,
    #slider .slick #dos #h3-dos h3 { font-size: 16px; }
}

@media (max-width:399px) {
    #about .slick-fotos-mobile .mini-artistas { height: 108px; }
    #about .slick-fotos-mobile .mini-artistas .play-audio, #about .slick-fotos-mobile .mini-artistas .play-video { top: 12%; font-size: 3em; }
}