@charset "utf-8";

@media screen and (max-width:1040px) {
	.cont-people-say p {height:280px;}

}

@media screen and (max-width:970px) {
	.location-check .list-couses h3 {text-align:center; margin:0 0 10px; }
	.location-check .list-couses ul.view-list-courses {position:relative; margin:0 auto 40px; text-align:center;}
}

@media screen and (max-width:897px) {
	.opt-language-sup {display:block;}
	
    .presentation { height: auto; min-height: inherit; max-height: inherit;}
	.presentation article { position: relative; height: auto; margin: 0 5% 50px;}	
	.b-scroll-down {  margin:20px auto 0; position: relative; bottom:40px; display:block;}
	
	
.cont-header-cont {width:100%;}
	.cbp-af-header.cbp-af-header-shrink .cont-header-cont img.logo-ih{margin:0 70px !important}
	.cont-header-cont img.logo-ih {margin: 0 60px;}
	
	header {padding: 20px 0;}
	
	#navigation {top:20px;}
	header nav ul li {width:100%; text-align:left;  background:#25292c; padding:20px ; border-top:solid 1px #444; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;  }
	.b-see-courses-header, .b-apply-now-header {position:relative; width:100%; background:#46BA7D !important; display:block; top:0 !important; text-align:center; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
	.cbp-af-header.cbp-af-header-shrink nav {left:0px !important;}
	
	.arrow-left-logo {display:none;}

}

@media screen and (max-width:768px) {
	
	.lang-mob {display:block;}
	.lang-pc {display:none;}
	.opt-language-sup li a {width:30px;}

	.cont-people-say p { height: 190px; }	

	.opt-language-sup {position:relative; margin:0 0 0 100px; top:20px; text-align:right; z-index:30;}
	.logo-IH {margin:45px 0 20px;}
	ul.features li {width:80%; margin:0 0 25px 0}
	ul.features li hr {display:none;}
	
	.your-location {text-align:center;}
	.wrapper-dropdown-5 {position:relative !important; margin:12px auto 0 !important; width: 280px !important;}
	.course3 article, .course2 article, .course1 article  {width:100%;}
	.course2 article h2, .course3 article h2 { height:70px;}
	
	.course1 h2 {font-size:22px !important;}
	.course1 article h2 span.data-couse1 { font-size:18px;}
	.course1 article h2 span.title-couse1 { font-size:16px;}
	.course1 .cont-info-course {padding: 22px; }
	.course1 article ul {width:100%; font-size:14px !important; line-height:20px; margin: 20px 0 20px 22px !important;}
	.course1 a {width:60%;}
	
	
	.list-couses .cont-city-data .data-title-list {display:none;}
	.list-couses .item-couse-list li:first-child {width:100%;}
	.list-couses .item-couse-list li.link-info-course a {background:none; padding:20px; width:7px; height:13px; display:block;}
	.list-couses .item-couse-list li.link-info-course { position:absolute; right:0; top:12px; text-align:center; }
	.info-l-mob {display: block;}
	.info-l-pc {display:none;}
	
	.form-sup-responsive {display:block;}
	.form-sup-responsive p { margin: 0 0 10px 0;}
	.menu-footer {text-align:center;}

	.social-icon-links { position:relative; margin:40px auto 0;}
	
	
	/*---Detail--*/

	.menu-header-detail {top:0px !important;}
	.menu-header-detail nav ul li {background:#000;}
	.cont-gen-opt-lang-detail .opt-language-sup {display: block; position:relative; z-index:10;}
	.cont-gen-opt-lang-detail .opt-language-sup a {color:#94BEDA;}
	.cont-gen-opt-lang-detail .opt-language-sup .separator-line{ background:#3F8ABC;}
	.what-expect .text-what-expect {width:52%;}
	.stick-couse-info { width:43%;}
	.b-apply-now-header {background:#297DB4 !important;}

	
	.cont-logos-partners-detail {width:40%;}
	.job-partners .text-job-partners {width:59%;}
	.cont-logos-partners-detail {margin:0;}
	.cont-logos-partners-detail li {width:60%; margin: 13px 5%;}
	
			
}

@media screen and (max-width:725px) {
	.intro-detail .cont-info-detail ul {max-width:50%; margin:0 5%;}
	
	.stick-couse-info {position: relative !important; width:100%; top:0 !important;}
	.stickit-spacer {display:none !important;}
	.float-couse-info {width:95%; margin:20px auto; padding:0;}
	.m-cant-afford {width:100%; background:#FFF; padding:30px 0;}
	
	.what-expect .text-what-expect {width:100%;}
	.what-expect p { line-height:18px;}
	
	.agenda-course .text-agenda-course {width:100%;}
	.agenda-course h2, .agenda-course h3 {text-align:center;}
	
	.up-get-updated form input, .up-get-updated form button {width:90% !important;}
	
	
}

@media screen and (max-width:520px) {
	body { font-size:15px;}
	
	.presentation {padding:0;}
	.opt-language-sup li a {width:20px;}
	article { width:88%; }
	.logo-IH { width:80px; height:85px;}
	.presentation h1 {font-size:20px;}	
	ul.features li {width:100%;}
	.b-scroll-down, .b-scroll-down a, .b-scroll-down div, .b-scroll-down div img.r {width:40px; height:43px;}
	.b-scroll-down div span, .b-scroll-down div span img {width:14px; height:8px;}
	.b-scroll-down div span {top:12px;}
	
	.location-check, .what-people-say {padding:20px 0;}
	.location-check article {width:100%;}
	.your-location {font-size:16px;}
	.wrapper-dropdown-5 {width:80% !important; font-size:18px !important;}
	.wrapper-dropdown-5 .dropdown li a {font-size:18px !important;}	
	.course1 article h2, .course2 article h2, .course3 article h2 {font-size:20px;}
	.course2 article h2, .course3 article h2 { height:95px;}
	.course1 a, .course2 a, .course3 a {padding:12px;}
	.course2 a, .course1 a {width: auto; display:block !important;}
	

	.location-check .list-couses h3 {font-size:18px;}
	.location-check .list-couses ul.view-list-courses {font-size:16px;}
	.location-check .list-couses {width:100%;}	
	.list-couses .cont-city-data li:first-child {font-size:16px;}
	.list-couses .item-couse-list li h4 {font-size:15px;}
	.course3, .course2, .course1 {width:90%; margin:0 auto;}
	.location-check p {width:90%; margin:0 auto;}
	.list-couses .item-couse-list li.link-info-course { top:10px;}
	
	.what-people-say h3, footer h3 {font-size:18px;}
	.what-people-say p { font-size:15px; line-height:20px; margin:0 0 20px; }
	.owl-carousel {margin: 0 0 0px;}
	
	.ih-press, .form-sup-responsive, footer {padding:30px 0;}
	.form-sup-responsive p {font-size:19px; line-height:18px;}
	.form-sup-responsive .email {width:320px; display:block;}
	.send-mail {padding: 11px 9px; position:relative; font-size:16px;}
	.form-sup-responsive button {width:158px;}
	.cont-logos-partners li {width:40%;}
	.social-icon-links {margin:20px 0;}
	.social-icon-links li {margin: 0 8px;}
	footer h3, .cont-logos-partners, footer hr {display:none;}
	.menu-footer {margin:0 0 0;}
	.menu-footer li:first-child {width:100%; margin:10px 0;}
	
	

	
	/*---Detail---*/
	
	
	.intro-detail {padding: 0 0 30px 0;}
	.intro-detail .logo-IH-detail {width:80px; height:auto; margin: 50px 0 15px;}
	.intro-detail h1 {font-size:20px; margin: 0 auto 10px;}
	.intro-detail h2 { font-size:18px;}
	
	.intro-detail .cont-info-detail { margin: 25px auto 0;}
	.intro-detail .cont-info-detail ul {max-width:100%;}
	.intro-detail .cont-info-detail a {position:relative; margin:30px auto 0; display:block; font-size:18px; width:90%; top:0;}
	
	.float-couse-info h3, .float-couse-info span {font-size:20px;}
	.float-couse-info h4 {font-size:22px;}
	.float-couse-info p.data-float-info {line-height:21px;}
	
	.what-expect {padding: 30px 0 10px;}
	.what-expect h2 {font-size:18px; text-align:center; font-family: 'proxima_novabold'; }
	.what-expect h3 {font-size:15px; text-align:center; margin: 10px 0 30px;}
	.what-expect .text-what-expect a {display:none;}
	
	.arrow-agenda-icon {margin:0; position:relative; padding:20px 0 0; background:rgba(255,255,255,1); z-index:30;}
	.items-agenda-course .week-agenda {width:100%; text-align:left; background: url(../images-ironhack/dotted-lines.png) left repeat-y;
padding: 20px 0 20px 5%;  -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box; }
	.items-agenda-course {margin: -35px 0 0 15px;}
	.items-agenda-course .sep-agenda { display:none;}
	.items-agenda-course .week-agenda span {width: 7px; height: 7px; background: #DCDCDC; display: block; margin: 0; position: relative; top:14px; left: -14.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
	.items-agenda-course .week-agenda:first-child {padding: 0 0 0 12%;}
	.items-agenda-course .week-agenda h4, .items-agenda-course .week-agenda h5 { font-size:15px;}
	.items-agenda-course .cont-agenda { padding: 0 0 10px 12%; line-height:20px; width:95%}
	 .items-agenda-course .week-agenda { padding: 8px 0 0 12%; line-height:20px; width:100%}

	.agenda-course {padding: 30px 0 0;}
	.agenda-course h2 {font-size:18px; font-family: 'proxima_novabold';}
	.agenda-course h3 {font-size:15px; margin: 10px 0 30px;}
	
	.flexible-plans article {width:95%}
	.flexible-plans {padding: 30px 0;}
	.flexible-plans h2 {font-size:18px; font-family: 'proxima_novabold';}
	.flexible-plans h3 {font-size:15px; margin: 10px 0 0;}
	.flexible-plans article article {margin: 20px 1% 0; width:95%;}
	.add-prices-text {width:80%; margin:10px auto 0}

	
	.teachers-ih { padding: 30px 0 10px;}
	.teachers-ih h2 {font-size:18px; font-family: 'proxima_novabold';}
	.teachers-ih h3 {font-size:15px; margin: 10px 0 30px;}
	
	.cont-gen-profiles-teachers-a {display:none !important;}
	.cont-gen-profiles-teachers {display:block !important;}
	.info-teacher-text p{ height:125px;}
	.teacher-profile {display:block !important; background:#FFF; height:auto; margin:0 2%; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
	.l-arrow-teachers, .r-arrow-teachers {display:none;}
	.cont-info-teacher-p {padding:0 0 30px 0; margin:0;  background:none; height:auto;}
	.teacher-profile ul.teacher-photo img { width:80px; height:auto;}
	.info-teacher-text {width:90%; margin:0  auto; font-size:15px; line-height:18px; text-align:justify;}
	.teacher-profile ul.teacher-photo { padding:25px 0;}
	.teacher-profile ul.teacher-photo li {width:60%;}
	.teacher-profile ul.teacher-photo li:first-child {width:30%;}	
	.teacher-profile ul.teacher-photo li h3 {font-size:18px; margin: 10px 0 1px 0;}
	.teacher-profile ul.teacher-photo li h4 {font-size:15px;}
	.teacher-profile hr {margin: -45px auto 0 0;}
	.teacher-profile ul.links-teacher {text-align:center;}
	.teacher-profile ul.links-teacher li {display:inline-block; vertical-align:top; margin:5px 8px;}
	.teacher-profile ul.links-teacher li a span.icon {width:19px; height:16px; padding:2px; display:block; overflow:hidden;}
	.teacher-profile ul.links-teacher li a span.link-id { display:none}
	.teacher-profile ul.links-teacher li a img {width:auto; height:16px;}
	.teacher-profile ul.links-teacher li a .icon-linkedin img {margin-left:-40px;}
	.teacher-profile ul.links-teacher li a .icon-github img  {margin-left:-80px;}
	.teacher-profile ul.links-teacher li a .icon-url img  {margin-left:-122px;}

	
	.job-partners {padding:30px 0;}
	.cont-logos-partners-detail {display:none;}
	.job-partners .text-job-partners {width:100%;}
	.job-partners .text-job-partners h2 {font-size:18px; text-align:center;  font-family: 'proxima_novabold';}
	.job-partners .text-job-partners h3 {font-size:15px; text-align:center; margin: 10px 0 30px;}
	.job-partners p { color:#FFF; line-height:20px;}
	.job-partners .text-job-partners a:after {display:none;}
	.job-partners .text-job-partners a {background: #257BBA; color: #FFF; font-family: 'proxima_novabold'; padding: 15px; display: block; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
	.job-partners .text-job-partners a:hover {opacity:.8}	
	
	.questions-detail {padding:30px 0;}
	.questions-detail h2 {font-size:18px; font-family: 'proxima_novabold';}
	.questions-detail h3 {font-size:15px; text-align:center; margin: 10px 0 0;}
	.questions-detail .faq-course {width:100%; margin:0; line-height:20px;}
	.questions-detail .faq-course li { margin:20px 0;}
	.questions-detail article { background:none;}
	
	.footer-detail .menu-footer {margin:0;}
}