body { background: white; font: normal 14px "Open Sans"; min-width: 300px; color: #60666a; overflow-x: hidden; }
body > .overlay { width: 100%; background: rgba(0,0,0,.6); position: absolute; z-index: 11; }
input[type=text]:focus,
.bootstrap-select > button:focus,
.bootstrap-select.open > button {outline: none; border-color: #aaa !important;}
.bootstrap-select .btn:focus { outline: none !important; }
.bootstrap-select > button.btn span.text {color:#60666a;}
form button.btn[type=submit]:focus { outline: none; }
.subcontent { max-width: 1238px; margin: 0 auto; }
.plain-shadow-before:before { z-index: 9; display: block; content: ""; height: 6px; background: rgba(0,0,0,.1); width: 100%; position: relative; }
.title1,
.title2 {font-size: 36px; font-family: Titillium; font-weight: 400;}
.unselectable,
.unselectable:focus {	-webkit-touch-callout: none; -webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	outline-style:none; }
.box { position: relative; margin: 0 0 10px 0; padding: 0; border: 1px solid transparent; border-bottom-width: 5px; border-radius: 12px; }
.box:hover,
.box.box-shadowed { border-width: 0; border-bottom: 4px solid #f2f2f2; }
.box-wrap { border-radius: 10px; border: 1px solid #e2e7ea; padding: 18px; }
.box.box-borderless { border-width: 0; border-bottom-width: 5px; }
.box.box-borderless .box-wrap { border-color: transparent; }
.box:hover .box-wrap,
.box.box-shadowed .box-wrap { border-width: 2px; }
.box.box-borderless:hover .box-wrap { border-width: 1px; border-color: #e2e7ea; }
.bootstrap-select.btn-group .btn .filter-option { font-weight: normal; overflow: hidden; text-overflow: ellipsis;  }
.comment-count .tficon,
.like-count .tficon,
.share-count .tficon,
.publish-date-container .tficon {vertical-align: middle; margin-right: 1px;}
.publish-date-container { color: #2ecc71; }
.btn-more { text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 14px 17px; }
ul.cards { list-style-type:none; }
ul.cards li .title { display: block; font-size:24px; font-weight: bold; color: #0072bc; line-height: 27px; }

.header .top { height: 80px; }
.header .top .logo { text-align: center; }
.header .top .logo img { margin-top: 19px; cursor: pointer; }
.header .row { margin: 0; }
.header .row.subcontent { margin: 0 auto; }
.header .top .row > div { height: 80px; }
.header .top .row > div > .tficon { margin-right: 40px; margin-top: 0px }
.header .top .right { text-align: right; }
.header .top .te-guiamos {cursor:pointer}
.header .top .te-guiamos * { vertical-align: top;}
.header .top .te-guiamos .text { display: inline-block; margin-top: 26px; margin-right: 2px; font: normal 18px Titillium; }
.header .top .te-guiamos .text strong { color: #2ecc71; }
.header .top .te-guiamos .go { font-weight: 700; margin-top: 20px; margin-left: 10px; padding: 10px 12px; border-radius: 21px; }
.header .search-container { background: url('../img/header_bg.jpg') no-repeat; background-position: -700px 0; }
.header .search-container .bootstrap-select { z-index: 10; }
.header .search-container .title { margin-top: 35px;font-size: 30px }
.header .search-container .title,
.header .search-container .intro { color: white; }
.header .search-container .intro { margin: 5px 0; }
.header .search-container form input:focus {box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 3px 0px inset;}
.header .search-container #search_what:focus { border-color: white !important; border-top-color: #e8e8e8 !important; box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 3px 0px inset; }
.header .search-container input[type=text]:focus,
.header .search-container .bootstrap-select > button:focus,
.header .search-container .bootstrap-select.open > button {border-color: #D4D9DF !important;}
.header .search-container form { font-size: 0; display: inline-block; width: 100%; white-space: nowrap; text-align: center; margin-top: 10px; margin-bottom: 40px; }
.header .search-container form .form-group { display: inline-block; border-radius: 35px; border-bottom: 5px solid rgba(0,0,0,.1); }
.header .search-container form .input-group { display: inline-table; vertical-align: top; }

.header .search-container form input,
.header .search-container form button { margin-left: 0 !important; font-size: 14px; height: 50px; padding: 0 20px; }
.header .search-container form input,
.header .search-container form .bootstrap-select > button.btn-default { box-shadow: none; border-radius: 0; border: none; border-left: 2px solid #e2e6ea; background-color: #f3f5f7; line-height: 50px; }
.header .search-container form .btn-group { height: 50px; }
.header .search-container form .dropdown-menu { margin-top: 0; border-top: none; border-radius: 0 0 5px 5px; }
.header .search-container form select {display: none;}
.header .search-container form .bootstrap-select {float: none !important; display: inline-block;}
.header .search-container form button[type=submit] { width: 56px; padding: 10px; border-top-left-radius: 0; border-top-right-radius: 35px; border-bottom-right-radius: 35px; border-bottom-left-radius: 0; }
.header .search-container form button .searchw { background-position: -60px 0; margin: 2px 0 0 -2px; }
.header .search-container form #search_what { min-width: 255px; border-left: none; background-color: white; border-radius: 35px 0 0 35px; }
.header .search-container form #search_what + .dropdown-menu { min-width: 296px; border-radius: 5px 0 5px 5px; }
.header .search-container form #search_where + .dropdown-menu { border-radius: 0 0 5px 5px; }

.header .steps { background: url('img/steps-450.png') no-repeat; width: 450px; height: 142px; padding: 55px 50px 0 50px; color: white; list-style-type: none; white-space: nowrap; margin: 10px auto 0 auto; }
.header .steps li { padding: 0 2px; display: inline-block; text-align: center; white-space: normal; width: 33.33%; vertical-align: top; }
.header .steps li h2 {font: 14px "Open Sans";}

.footer { background-color: #252e37; }
.footer .needhelp { background: #f3f5f7; padding: 40px 0 50px 0; }
.footer .needhelp .we-guide-you { font: normal 24px Titillium; display: inline-block; vertical-align: middle; margin-top:20px }
.footer .needhelp .we-guide-you strong { color: #2ecc71; font-weight: bold; }
.footer .needhelp .we-guide-you .action { display: block; font-weight: 200; font-size: 14px; margin-top: -5px; }
.footer .needhelp .icon { display: inline-block; width: 40px; height: 40px; background: url('img/sprites.png') no-repeat -420px -260px; margin-left: 3px; margin-top: 5px; vertical-align: middle; }

.footer .contact { padding: 50px 0; }
.footer .contact form {font-size: 0; margin: 30px 0 15px 0; }
.footer .contact form .input-group { width: 100%; white-space: nowrap; }
.footer .contact form input,
.footer .contact form button { font-size: 14px; border: none; height: 50px; padding: 10px 20px; }
.footer .contact form button { vertical-align: top; padding: 10px 15px; border-radius: 0 25px 25px 0; text-transform: uppercase; font-weight: bold; }
.footer .contact form #newsletter_email { min-width: 300px; border-radius: 25px 0 0 25px; }

.footer .contact .social {font-size: 0; margin-bottom: 26px;}
.footer .contact .social .icon { display: inline-block; background: url('img/sprites.png') no-repeat; width: 50px; height: 50px; margin: 0 2px 0 3px; }
.footer .contact .icon.facebook { background-position: -100px -250px; }
.footer .contact .icon.gplus { background-position: -150px -250px; }
.footer .contact .icon.twitter { background-position: -200px -250px; }
.footer .contact .copy { color: #51585f; }
.footer .contact a { color: white; }
.footer .contact .legal { display: inline-block; margin: 12px 0; }
.footer .contact .links2 > a { margin: 0 5px; text-transform: uppercase; }

.header .progress-container {background-color: #f3f5f7; }
.header .progress-container > div {margin-top: -6px; padding: 0; }
.header .progress-container .bar { background-color: #e74c3c; border-top-right-radius: 30px; border-bottom-right-radius: 30px; min-width: 200px; }
.header .progress-container .bar .text { white-space: nowrap; position: relative; }
.header .progress-container .bar .percent { position: absolute; right: 15px; font-weight: bold; }
.header .progress-container .text,
.header .progress-container .col-available { height: 60px; line-height: 60px !important; color: white; font: 200 14px "Open Sans"; }
.header .progress-container .col-available { padding-right: 15px; color: #60666a; font-weight: 400; }
.header .progress-container .col-available .text-wrap { line-height: 15px; margin-top: 16px; max-width: 165px; font-weight: bold; }

.header .progress-container .col-progress-bar { width: 85%; }
.header .progress-container .col-available { width: 15%; }

.tag-cloud { list-style-type: none; padding: 0; font-size: 0; margin: 0; }
.tag-cloud li { display: inline-block; margin: 0 10px 10px 0; }
.tag-cloud li .label,
.tag-cloud li a { color: #0072bc; }
.tag-cloud li .label { display: inline-block; cursor: default; background: #f3f5f7; font-size: 14px; font-weight: normal; position: relative; padding: 11px 17px; border-radius: 5px; }
.tag-cloud li a.closebtn { display: none; background-color: #e2e6ea; width: 26px; height: 26px; border-radius: 13px; border: 3px solid white; font-size: 7px; line-height: 20px; position: absolute; right: -12px; top: -11px; cursor: pointer; }
.tag-cloud li a.closebtn:hover {background-color: #e74c3c; color: white; }
.tag-cloud li .label:hover a.closebtn {display: inline-block;}

.tficon { display: inline-block; background-image: url('img/sprites.png'); background-repeat: no-repeat; width: 20px; height: 20px; }
.tficon.big {width: 40px; height: 40px;}
.tficon.search { background-position: 0 0; }
.tficon.telephone { background-position: -20px 0; }
.tficon.telephone-white { background-position: -300px -20px; }
.tficon.comments { background-position: -240px 0; }
.tficon.like { background-position: -260px 0; }
.tficon.share { background-position: -280px 0; }
.tficon.calendar { background-position: -160px -342px; }
.tficon.larr { background-position: -280px -20px; }
.tficon.rarr { background-position: -320px -20px; }
.tficon.larr2 { background-position: -200px 0; height: 21px; }
.tficon.rarr2 { background-position: -220px 0; height: 21px; }
.tficon.larr3 { background-position: -80px -120px; height: 21px; }
.tficon.rarr3 { background-position: -100px -120px; height: 21px; }

.tags-collapsable .tag .tficon.course { background-position: -100px -340px; }
.tags-collapsable .tag:hover .tficon.course,
.tags-collapsable .active.tag .tficon.course {background-position: -100px -360px; }
.tags-collapsable .tag .tficon.online { background-position: -120px -340px; }
.tags-collapsable .tag:hover .tficon.online,
.tags-collapsable .active.tag .tficon.online {background-position: -120px -360px; }
.tags-collapsable .tag .tficon.location { background-position: -140px -340px; }
.tags-collapsable .tag:hover .tficon.location,
.tags-collapsable .active.tag .tficon.location{background-position: -140px -360px; }
.tags-collapsable .tag .tficon.calendar { background-position: -160px -340px; }
.tags-collapsable .tag:hover .tficon.calendar,
.tags-collapsable .active.tag .tficon.calendar {background-position: -160px -360px; }
.tags-collapsable .tag .tficon.time { background-position: -180px -340px; }
.tags-collapsable .tag:hover .tficon.time,
.tags-collapsable .active.tag .tficon.time{background-position: -180px -360px; }
.tags-collapsable .tag .tficon.flag { background-position: -200px -340px; }
.tags-collapsable .tag:hover .tficon.flag,
.tags-collapsable .active.tag .tficon.flag{background-position: -200px -360px; }
.tags-collapsable .tag .tficon.oficial { background-position: -220px -340px; }
.tags-collapsable .tag:hover .tficon.oficial,
.tags-collapsable .active.tag .tficon.oficial{ background-position: -220px -360px; }
.tags-collapsable .tag .tficon.speciality { background-position: -240px -340px; }
.tags-collapsable .tag:hover .tficon.speciality,
.tags-collapsable .active.tag .tficon.speciality{ background-position: -240px -360px; }

.tags-collapsable {font-size: 0; padding:0; margin-bottom:0;}
.tags-collapsable .item { display: inline-block; }
.tags-collapsable .tag { font-size: 14px; border: 1px solid #e2e7ea; width: 40px; height: 40px; text-align: center; vertical-align: top; padding-top: 8px; margin-right:7px; border-radius: 5px; }
.tags-collapsable .tag .wrap { border: 1px solid transparent; }
.tags-collapsable .tag:hover,
.tags-collapsable .active.tag { border: 2px solid #2ecc71; width: auto; padding-left: 18px; padding-right: 18px; -webkit-transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out; transition: padding 0.2s ease-in-out; }
.tags-collapsable .tag:hover .wrap,
.tags-collapsable .active.tag .wrap{ border-width: 0; }
.tags-collapsable .tag .tficon { vertical-align: top; }
.tags-collapsable .tag .text { font-size: 14px; display: none; font-weight: bold; cursor: default; }
.tags-collapsable .tag:hover .text,
.tags-collapsable .active.tag .text{ display: inline; color: #2ecc71; }

hr { border: none; display: block; margin: 0 auto; }
hr.figure  { border: none; width: 40px; height: 20px; background: url('img/sprites.png') -300px 0 no-repeat; }
hr.line { border: 1px solid #e2e7ea; }
hr.line-90 { width: 90%; }

.opinion-bar{background: #e9e9e9 none repeat scroll 0 0;display: inline-block;height: 22px;width: 95%;}
.opinion-bar-fill{background: #1ba355 none repeat scroll 0 0;display: inline-block;height: 22px;}
.opinion-bar-text{color: #afb2b4; white-space: nowrap}

.star-widget { display: inline-block; vertical-align: top; color: #afb2b4; white-space: nowrap }
.star-widget .star { display: inline-block; background: url('img/sprites.png') 0 -260px no-repeat; width: 100px; height: 20px; vertical-align: middle; }
.star-widget .star-1 { background-position: 0 -280px; }
.star-widget .star-2 { background-position: 0 -300px; }
.star-widget .star-3 { background-position: 0 -320px; }
.star-widget .star-4 { background-position: 0 -340px; }
.star-widget .star-5 { background-position: 0 -360px; }

.interactive-star-widget {white-space: nowrap;}
.interactive-star-widget .stars {font-size:0; display: inline-block; vertical-align: top; margin-right: 5px;}
.interactive-star-widget .stars a { display: inline-block; width: 19px; height: 18px; background: url('img/sprites.png') -20px -380px no-repeat; margin-right: 1px; cursor: pointer; }
.interactive-star-widget .stars a.on { background-position: 0 -380px; }

.social2 { display: inline-block; vertical-align: top; }
.social2 .icon { display: inline-block; background: url('img/sprites.png') no-repeat; width: 40px; height: 40px; margin-left: 1px; }
.social2 .icon.facebook { background-position: -260px -260px; }
.social2 .icon.gplus { background-position: -300px -260px; }
.social2 .icon.twitter { background-position: -340px -260px; }

.video { color: #60666a; }
.video,
.video span { display: block; }
.video .video-wrap { position: relative; }
.video .video-wrap:before { content: ""; position: absolute; width: 50px; height: 54px; display: block; left: 50%; top: 50%; background: url('img/sprites.png') -260px -380px no-repeat; margin: -25px 0 0 -25px; }
.video .video-wrap:hover:before,
.video:hover .video-wrap:before	{ background-position: -320px -380px; width: 68px; height: 68px; margin: -34px 0 0 -34px; }
.video .video-wrap img {width: 100%;}
.video .title {font: 600 24px Titillium; margin-top: 12px; }

.sidebar-xs > .title { font: 200 24px Titillium; margin-bottom: 20px; }
.sidebar-xs .form-group,
.sidebar-xs .top-cursos { border: 2px solid #e2e6ea; }
.sidebar-xs .form-group,
.sidebar-xs .top-cursos,
.sidebar-xs .panel.search .panel-body { padding: 18px 18px 22px 18px; }
.sidebar-xs .panel.report-sidebar .panel-body { padding: 18px 18px 22px 18px; }

.sidebar-xs .form-group { border-bottom-width: 0; margin-bottom: 0; }
.sidebar-xs .form-group:first-child { border-radius: 10px 10px 0 0; }
.sidebar-xs .form-group:last-child { border-bottom-width: 2px; border-radius: 0 0 10px 10px; }
.sidebar-xs .form-group > .title { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
.sidebar-xs .form-group .form-control { color: #60666a; margin-bottom:  10px; }
.sidebar-xs .form-group .form-control label {margin-bottom: 0;}
.sidebar-xs .form-group input.form-control,
.sidebar-xs .form-group .form-control.bootstrap-select > button,
.sidebar-xs .form-group .form-control.bootstrap-select { height: 40px; }
.sidebar-xs .form-group input.form-control,
.sidebar-xs .form-group textarea.form-control { border: 2px solid #dbe1e4; }
.sidebar-xs .radio-list.form-control { height: auto; border: none; padding: 0; box-shadow: none; list-style-type: none; }
.sidebar-xs .radio-list.form-control .radio-item a:hover,
.sidebar-xs .radio-list.form-control .radio-item.selected > a { background-color: #f3f5f7; }
.sidebar-xs .radio-list.form-control .radio-item a:hover,
.sidebar-xs .radio-list.form-control .radio-item.selected > a {font-weight: bold;}
.sidebar-xs .radio-list.form-control li { margin: 0 -18px; }
.sidebar-xs .radio-list.form-control .radio-item a { font-weight: normal; cursor: pointer; padding:8px 18px; display:block; width:100%;}
.sidebar-xs .radio-list.form-control label input {display: none;}
.sidebar-xs .dropdown-menu { min-width: 120px !important; }
.sidebar-xs .year-container .dropdown-menu {left: auto; right: 0;}

#right-sidebar { display: none; width: 80%; min-width: 380px; max-width: 500px; position: absolute; left: auto; top: 0; z-index: 11; text-align:center; background-color: #252e37; padding: 20px 80px; }
.visible#right-sidebar { display: block; right: 0; -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; }
#right-sidebar > .handle-container { position: relative; }
#right-sidebar > .handle-container > .handle { background: #252e37; position: absolute; left: -110px; padding: 13px 0 2px 15px; border-radius: 10px 0 0 10px; }
#right-sidebar > .title { font-size: 18px; color: white; margin-bottom: 5px; }
#right-sidebar > .intro { margin-bottom: 12px; }
#right-sidebar input.form-control,
#right-sidebar button { line-height: 42px; height: 46px; border-radius: 23px; padding: 0 15px; width: 100%; }
#right-sidebar .bootstrap-select.form-control { margin-bottom: 10px; background-color: transparent; line-height: 42px; height: 46px; z-index: 1;}
#right-sidebar button {font-weight: bold;}
#right-sidebar input.form-control,
#right-sidebar .bootstrap-select > button  { text-align: center; background-color: #2c343c; border: 2px solid #333a42; margin-bottom: 10px; color: white; }
#right-sidebar .form-control:focus { box-shadow: none; }
#right-sidebar .bootstrap-select.btn-group .btn .filter-option { text-align: center;font-weight: normal;color: #9B9B9B;}
#right-sidebar > .title strong { color: #2ecc71; background-color: #2c343c; }

#right-sidebar-filter { display: none; width: 80%; min-width: 380px; max-width: 500px; position: absolute; left: auto; top: 0; z-index: 11; text-align:center;background: white; padding: 20px 10px; }
.visible#right-sidebar-filter { display: block; right: 0; -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; }
#right-sidebar-filter > .handle-container { position: relative; }
#right-sidebar-filter > .handle-container > .handle { background: grey; position: absolute; left: -40px; padding: 13px 0 2px 15px; border-radius: 10px 0 0 10px; }
#right-sidebar-filter > .title { font-size: 18px; margin-bottom: 5px; }
#right-sidebar-filter > .intro { margin-bottom: 12px; }
#right-sidebar-filter > .title strong { color: #2ecc71; background-color: #2c343c; }
#right-sidebar-filter .form-group  a {
    text-decoration: none;
    color: #60666a;
}
.range-picker { position: relative; overflow: hidden; padding-bottom: 25px; }
.sidebar-xs .range-picker { margin-top: 7px; overflow: visible; }
.range-picker .min,
.range-picker .max { color: #e2e7ea; padding: 0; }
.range-picker .slider { width: 100%; margin-top: 5px; }
.range-picker .slider.slider-horizontal .slider-track { background: #e2e7ea; box-shadow: none; height: 5px; border-radius: 3px; }
.range-picker .slider.slider-horizontal .slider-selection { background: #2ecc71; box-shadow: none; }
.range-picker .slider.slider-horizontal .slider-handle { background: white; border: 1px solid #e2e7ea; opacity: 1; width: 21px; height: 21px; box-shadow: 0 2px 2px #e2e7ea; margin-top: -8px; }
.range-picker .live-min,
.range-picker .live-max { position: absolute; text-align: center;	width: 80px; margin-left: -37px; }

.checkbox.form-control { border: none; box-shadow: none; padding: 0; margin: 0; min-height: 24px; height: auto; }
.checkbox.form-control.privacy { padding: 8px 0; }
.checkbox.form-control label { width: 100%; line-height: 16px; padding-left: 0; }
.checkbox.form-control span.checkbox { display: inline-block; width: 16px; height: 16px; background: url('img/sprites.png') -240px -20px no-repeat; vertical-align: middle; margin: -2px 2px 0 0; float: left; }
.checkbox.form-control span.text-wrap { display: block; padding-left: 20px; margin-top: -2px; }
.checkbox input { display: none; }
.checkbox :checked + span.checkbox { background-position: -260px -20px; }

.tabpanel .nav-tabs-wrap {position: relative;}
.tabpanel .nav-tabs-wrap:after { z-index: 3; display: block; position: absolute; top: 0; width: 40px; height: 107px; background-image: url('img/vgradients.png'); background-repeat: repeat-y; }
.tabpanel .nav-tabs-wrap:after { content: ""; right: 40px; background-position: -40px 0; }
.tabpanel .nav-tabs-wrap .prev,
.tabpanel .nav-tabs-wrap .next { top: 50%; margin-top: -10px; cursor: pointer; position: absolute;	width: 12px; height: 21px; z-index: 3; text-align: center; }
.tabpanel .nav-tabs-wrap .prev { left: 10px; }
.tabpanel .nav-tabs-wrap .next { right: 10px; }
.tabpanel .nav-tabs-wrap .prev.disabled,
.tabpanel .nav-tabs-wrap .next.disabled { opacity: .2; }
.tabpanel .nav-tabs-wrap .nav-tabs > li:first-child { -webkit-transition: margin-left 0.3s ease-in-out; -moz-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; }

.scrollable { position: relative; padding-left: 40px; padding-right: 40px; }
.scrollable .prev,
.scrollable .next { display: none; cursor: pointer; z-index: 2; text-align: center; line-height: 50px; font-size: 20px; text-align: center; width: 40px; height: 21px; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.scrollable.has-scroll .prev,
.scrollable.has-scroll .next {display: block;}
.scrollable.no-scroll { padding-left: 0; padding-right: 0; }
.scrollable .prev { left: 0; }
.scrollable .next { right: 0; }
.scrollable .prev > *,
.scrollable .next > * {vertical-align: top; width: 12px; }
.scrollable .prev.disabled,
.scrollable .next.disabled { opacity: .2; }
.scrollable .scrollable-panel { font-size: 0; white-space: nowrap; padding:0; overflow: hidden; }
.scrollable.scrollable-hidden-xs .scrollable-panel {overflow: visible;}
.scrollable .scrollable-item { font-size: 14px; float: none; display: inline-block; vertical-align: top; }
.scrollable.scrollable-hidden-xs .scrollable-item { display: block; }
.scrollable .scrollable-item > * { white-space: normal; }
.scrollable .scrollable-panel > .scrollable-item:first-child { -webkit-transition: margin-left 0.3s ease-in-out; -moz-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; }

.switchery {border-width:3px;height: 23px;width:42px;}
.switchery>small { width: 23px; height: 23px; box-shadow: 2px 2px 3px rgba(0,0,0,.2); }
.switchbox:checked + .switchery>small { box-shadow: -2px 2px 3px rgba(0,0,0,.2); }
.switchery + .state { margin-left: 4px; }

.sidebar-xs .panel.search .panel-heading .title { font: 600 24px Titillium; line-height: 25px; }
.sidebar-xs .panel.search .form-group {border: none; padding: 0;}
.sidebar-xs .panel.report-sidebar .panel-heading .title { font: 600 24px Titillium; line-height: 25px; }

.sidebar-xs .form-control::-webkit-input-placeholder { color: #afb2b4; }
.sidebar-xs .form-control:-moz-placeholder { color: #afb2b4; opacity: 1; }
.sidebar-xs .form-control::-moz-placeholder { color: #afb2b4; opacity: 1;}
.sidebar-xs .form-control:-ms-input-placeholder { color: #afb2b4; }
.sidebar-xs .bootstrap-select > button span.filter-option { color: #afb2b4; }

#opinions { padding-left: 40px; padding-right: 40px; }
#opinions .box { border-width: 0; border-bottom-width: 5px; }
#opinions .box:hover { border-bottom-color: #e7e9ea; }
#opinions .box .box-wrap { padding: 14px 14px 16px 14px; border-color: transparent; }
#opinions .box:hover .box-wrap { border-width: 1px; border-color: #e2e7ea; }

#reportajes .cards{ padding-top: 15px; padding-bottom: 5px; }
#opinions .cards { padding: 15px 0 5px; }
#opinions .cards li:hover {background-color:#f8f9fa;}
#opinions .cards li a.img img,
#reportajes .cards li img{ width: 100%; }
#opinions .title2 { line-height: 38px; margin: 0 auto 10px auto; }
#opinions .title2,
#opinions .subtitle { max-width: 350px; }
#opinions .subtitle { margin: 0 auto; }
#opinions .cards .title,
#reportajes .cards .title { font: 600 22px Titillium; color: #60666a; line-height: 28px; display: block; }
#opinions .cards .author {margin-top: 12px;}
#opinions .cards .like-count,
#opinions .cards .share-count { position: absolute; bottom: 16px; right: 14px; }
#opinions .cards .like-count,
#reportajes .cards .like-count { right: 70px; }

#reportajes { margin-top: 100px; background-color: #f3f5f7; padding: 50px 40px; }
#reportajes .scrollable.no-scroll { padding-left: 10px; padding-right: 10px; }
#reportajes .cards .img,
#reportajes .cards .rcol { display: block; padding: 0; }
#reportajes .cards :not(.expanded) .box-wrap { border-color: transparent; }
#reportajes .cards .expanded .box-wrap { background-color: #f8f9fa; border-color: #e2e7ea; }
#reportajes .cards .bottom { margin-top: 12px; top: 138px;}
#reportajes .cards .bottom > div { padding: 0; }
#reportajes .cards .bottom .like-count,
#reportajes .cards .bottom .share-count {display: inline-block;}
#reportajes .cards .wrap { padding-bottom: 36px; }
#reportajes .cards .img {background-size: cover;}
#reportajes .cards .img img { opacity: 0; }

#needhelp .subtitle { max-width: 650px;margin: 0 auto; }

.comments-list {padding: 0 35px;}
.comments-list ul { list-style-type: none; padding: 0; }
.comments-list .title { font: 600 24px Titillium; margin-bottom: 15px; }
.comments-list .title .count { font-weight: 200; }
.comments-list ul ul {margin: 20px 0 0 62px;}
.comments-list .comment { margin-bottom: 20px; position: relative; }
.comments-list .comment .star-widget { position: absolute; top: 0; right: 0; border: 1px solid #e2e7ea; border-radius: 5px; padding: 8px 10px; color: #bcc0c3; }
.comments-list .comment .avatar {float: left; margin-right: 12px; }
.comments-list .comment .avatar img { width: 75px; height: 75px; border-radius: 5px; }
.comments-list .comment .avatar .imguser{ width: 175px; height: 98px; border-radius: 5px;}
.comments-list .comment .author { font-size: 16px; font-weight: 600; }
.comments-list .comment .age { color: #bcc0c3 }
.comments-list .comment .text { margin-top: 10px; }
.comments-list .comment .body-wrap { padding-left: 62px;}

.course-box .title { display: block; font-size: 24px; color: #0072bc; font-weight: bold; line-height: 27px; }
.course-box .subtitle{ font-size: 18px;color: #2ecc71; }
.course-box .intro{margin-top: 15px;}
.course-box .img { margin: 15px 0; display: block; position: relative; }
.course-box .img img{ width: 100%; }
.course-box .comment-count,
.course-box .like-count,
.course-box .publish-date { display: inline-block; vertical-align: top; color: #afb2b4; }
.course-box .publish-date { color: #2ecc71; }
.course-box .star-widget { margin-right: 25px; }
.course-box .comment-count .tficon { vertical-align: top; }
.course-box .meta { margin-top: 12px; position: relative; }
.course-box .meta > div { display: inline-block; vertical-align: top; }
.course-box .price {font-weight: bold; font-size: 14px; padding: 12px 15px; border-radius:5px; position: absolute; right: 0;}
.course-box .tags-collapsable {margin-top: 15px;}
.course-box.offer .band { display: block; background: url('img/sprites.png') -360px 0 no-repeat; width: 104px; height: 104px; position: absolute; top: -8px; right: -8px; }

.student-grant { position: relative; margin: 50px 0 20px; padding: 15px; }
.student-grant .title{font: bold 24px Titillium; color:#2ecc71}
.student-grant .img-becas{float:right; padding-left: 15px}
.student-grant .img-becas > img {width: 100%;}

.your-experience { position: relative; margin: 50px 0 20px; }
.your-experience .form-group { border: 1px solid #e2e6ea; padding: 18px; margin-bottom: 0; border-radius: 10px; }
.your-experience .form-group .column { padding: 0; z-index: 1; }
.your-experience .form-group:first-child { border-bottom: none; border-radius: 10px 10px 0 0; }
.your-experience .form-group:last-child { border-radius: 10px;   border-bottom: 1px solid #e2e6ea; }
.your-experience .form-group.collapse.in + a + .form-group:last-child,
.your-experience .form-group.collapsing + a + .form-group:last-child{ border-radius: 0 0 10px 10px; }
.your-experience .collapse.in {margin-top: -20px;-webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; -o-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }
.your-experience .btn.btn-toggler { position: absolute; top: -4px; left: 50%; margin-left: -55px; z-index: 2; }
.your-experience .btn.btn-toggler,
.your-experience button[type=submit] { font: bold 14px Titillium; padding: 8px 30px; }
.your-experience button[type=submit] {margin-top:5px;}
.your-experience .collapse.in + .btn-toggler,
.your-experience .collapsing + .btn-toggler{display:none;}
.your-experience .form-group > .title { font: 600 24px Titillium; color: #2ecc71; text-transform: none; margin: -6px 0 14px; }
.your-experience .form-group .form-control { padding: 8px 12px; height: auto; border: 2px solid #e2e6ea; margin-bottom: 10px; }
.your-experience .form-group .form-control.checkbox {padding:  0; border: none; }
.your-experience .form-group .form-control.checkbox span.checkbox { float:left; }
.your-experience .vote {clear: both; overflow:auto; overflow: visible;}
.your-experience .vote > .vote-wrap {position: relative;overflow:hidden; margin: 9px 0 16px;}
.your-experience .vote > .title {font-weight: 600; font-size: 18px; margin-top:2px; margin-bottom: 8px;}
.your-experience .vote .tip { font-weight: 200; color:#bcc0c3; }
.your-experience #experience-vote-description { position: absolute; top: 0; right: 0; }
.your-experience .vote-description { font-weight: 600; color: #0072bc; }
.your-experience .checkbox a {color: #0072bc;}
.your-experience .checkbox.form-control label { line-height: 18px; }

.your-experience .opinions .title { font: 600 18px Titillium; color: #0072bc; }
.your-experience .opinions .subtitle { line-height: 29px; }
.your-experience .opinions .rating > div,
.your-experience .opinions .ex-students,
.your-experience .opinions .users { padding: 0; }
.your-experience .opinions .rating .star-widget { color: #bcc0c3; }
.your-experience .opinions .rating { margin-bottom: 10px; }
.your-experience .opinions .rating:last-child {margin-bottom: 0;}
.your-experience .opinions hr.line { margin: 16px auto 12px auto; }

.notice { font-size: 18px; font-weight: bold; line-height: 50px; }
.notice.plain-shadow-before { padding-bottom: 5px; }

.multiselect-container {max-height: 180px;overflow-y: auto;overflow-x: hidden;margin-top: -214px;width: 95%;margin-left: 14px;}
.multiselect-container input[type="checkbox"] {display: block !important;}
.multiselect-container select{min-height: 40px; min-width:80px; width:100%}
.multiselect-native-select div {width: 100%;}
.multiselect-native-select button{font-weight: normal; width: 100%}
.dropdown-menu > li > a {white-space: normal;font-size: 12px}


@media(max-width:767px){
    .scrollable.scrollable-hidden-xs { padding-left: 0; padding-right: 0; }
    #reportajes .scrollable .scrollable-panel > .scrollable-item:first-child { margin-left: 0 !important; }
    .panel .panel-heading { padding: 19px 15px 22px; }
    div.sidebar { position: static; }
    #left-sidebar { width: 80%; min-width: 400px; position: absolute; left: -100%; top: 0; z-index: 11; background: white; padding: 20px; }
    .visible#left-sidebar,
    .visible#right-sidebar { box-shadow: 0 0 10px black; }
    .visible#left-sidebar { left: 0; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }
    #left-sidebar > .handle-container { position: relative; }
    #left-sidebar > .handle-container > .handle { background: white; position: absolute; right: -50px; padding: 13px 3px 2px 10px; border-radius: 0 10px 10px 0; }
    

}

@media(max-width:479px){
    .header .row.subcontent { white-space: nowrap; }
    .header .top { padding: 0;}
    .header .top .row > div { padding: 0;}
    .header .top .row > div:first-child { text-align: right; margin-left: 5px; }
    .header .top .right { text-align: left; margin-left: -5px; }
    .header .top .logo { margin-left: -5px; }
    .header .top .logo img { max-width: 100%; }
    #left-sidebar,
    #right-sidebar,
    #right-sidebar-filter{ min-width: 0; }
    #right-sidebar { padding: 20px; }
    #right-sidebar > .handle-container > .handle { left: -50px; }
    .footer .contact form #newsletter_email { min-width: 200px; }

    .comments-list .comment .star-widget { position: static; margin-top: 5px; display: inline-block; }
    .your-experience .vote .tip { display: none; }

    #reportajes,
    #opinions { padding-left: 10px; padding-right: 10px;}

    .header .steps { background: url('img/steps-320.png') no-repeat; padding-left: 20px; padding-right: 30px; }
    .header .steps li { font-size: 12px; padding: 0; }
    .header .steps li + li {width: 36%; }
    .header .steps li,
    .header .steps li+li+li {width:32%;}
    .header .steps { width: 300px; }
}

@media(min-width:768px){
    .scrollable.scrollable-hidden-xs .scrollable-panel { overflow: hidden; }
    .scrollable.scrollable-hidden-xs .scrollable-item { display: inline-block; }

    .title1 { font-size: 42px; }
    ul.cards li .title { font-size: 18px; line-height: normal; }

    .header .top .logo { text-align: left; }
    .header .top .te-guiamos { text-align: right; }
    .header .search-container { background-position: -365px 0;  }
    .header .search-container .title { margin-top: 36px; }
    .header .search-container .intro { max-width: 605px; margin: 0 auto; }
    .header .search-container form { margin-bottom: 47px; }
    .header .search-container form { margin-top: 10px; }
    .header .search-container form input,
    .header .search-container form button { height: 50px; }
    .header .search-container form button[type=submit] { width: 67px; }
    .header .search-container form input { width: 98px; line-height: 60px; }
    .header .search-container form #search_what { min-width: 248px; padding-left: 30px; border-top: 1px solid white;border-bottom: 1px solid white; }
    .header .search-container form #search_what + .dropdown-menu { min-width: 249px; }
    .header .search-container form #search_what + .dropdown-menu a { padding-left: 28px; }
    .header .search-container form input:focus,
    .header .search-container form #search_what:focus,
    .header .search-container form .bootstrap-select.open > button { box-shadow: rgba(0, 0, 0, 0.121569) 2px 3px 15px 0px inset; }
    .header .steps { background: url('img/steps-750.png'); width: 595px; height: 112px; padding: 55px 5px 0 0; margin-top: 35px; }
    .header .steps li {padding: 0 15px;}

    .footer .contact form #newsletter_email { min-width: 455px; }
    .footer .contact .form-inline .form-group {vertical-align: top;}
    .footer .contact .social { margin-top: 30px; white-space: nowrap; text-align: left; }
    .footer .contact form,
    .footer .contact .social { display: inline-block; width: auto; float: none; vertical-align: top; padding: 0 10px; margin-bottom: 18px; }

    .sidebar-xs .form-group:first-child + .form-group { border-radius: 10px 10px 0 0; }
    .sidebar-xs .form-group > .title,
    .sidebar-xs .top-cursos > .title { font-size: 14px; margin-bottom: 14px; }
    .sidebar-xs .form-group > .form-control.radio-list { margin-bottom: 0; }
    .sidebar-xs .top-cursos { margin: 10px 0; border-radius:10px;}
    .sidebar-xs .top-cursos > .title {font-weight: bold;}
    .sidebar-xs .top-cursos > .item { display: block; margin-bottom: 10px; }
    .sidebar-xs .top-cursos > .item img {width: 100%;}
    .sidebar .btn {width: 100%; }
    .sidebar .btn-large{max-width:200px!important}
    #right-sidebar button[type=submit] { font-weight: bold; }

    .sidebar-xs .panel.search .form-control { margin-bottom: 5px;}

    .sidebar .alerta {background: #f3f5f7;padding: 20px 15px 25px 15px;border-radius: 10px;margin-top:10px; margin-bottom:10px;}
    .sidebar .alerta .title {font-size: 18px; font-family: Titillium; }
    .sidebar .alerta .btn { margin-top:12px;}

    .col-main .tags-collapsable,
    .related .tags-collapsable { white-space: nowrap; }
    .col-main .tags-collapsable .tag,
    .related .tags-collapsable .tag{ width: auto; height: auto; font-size: 0; }
    .col-main .tags-collapsable .tag,
    .related .tags-collapsable .tag,
    .col-main .tags-collapsable .tag:hover,
    .related .tags-collapsable .tag:hover {padding:3px 8px 3px 5px; margin-right: 4px; }
    .col-main .tags-collapsable .tag .icon,
    .related .tags-collapsable .tag .icon { margin-right:4px; }
    .col-main .tags-collapsable .tag .text,
    .related .tags-collapsable .tag .text { display:inline; color: #60666a; }
    .col-main .tags-collapsable .tag:hover .text,
    .related .tags-collapsable .tag:hover .text {font-weight: 400;}

    .course-box .meta .price {	padding-top: 10px; padding-bottom: 10px; }
    .course-box .title {margin-bottom:15px;}
    .course-box .subtitle {font-size:14px; text-overflow: ellipsis; overflow: hidden;}
    .course-box .intro {margin-top:15px;height:105px;overflow: hidden;line-height:18px;}
    .course-box .img {float: left; width:43%; max-width: 255px; padding-right: 15px;margin-top:0;}
    .course-box.offer .band {background-position:-460px -280px;width:67px;height:67px;top:-5px;right:10px;}
    .course-box .tags-collapsable {margin-top: 12px; clear: both;}

    .your-experience { margin-top: 0;}
    .your-experience #experience_opinion { min-height: 260px; }
    .your-experience .form-group { padding: 14px; }
    .your-experience .form-group .column.column-1 { padding-right: 7px; }
    .your-experience .form-group .column.column-2 { padding-left: 8px; }
    .your-experience .vote.column.column-1 { position: absolute; top: 150px; padding-right: 42px; }
    .your-experience .vote > .title { margin-top: 0; }
    .your-experience .opinions { padding-bottom: 0; padding-top: 0; }
    .your-experience .opinions .ex-students { padding: 20px 15px 10px 0; border-right: 1px solid #e2e6ea; }
    .your-experience .opinions .users { padding: 20px 15px 10px 15px; }
    .your-experience .collapse.in + .btn-toggler .opinions .ex-students{padding: 8px 15px 0 0;}
    .your-experience .collapse.in + .btn-toggler .opinions .users {padding: 8px 0 0 15px;}

    .breadcrumb { margin-left: 0; margin-right: 0; }

    #opinions { padding-left: 0; padding-right: 0; }
    #opinions .title2 { max-width: 600px; }
    #opinions .subtitle { max-width: 100%; }
    #opinions .cards { padding-top: 25px; }
    #opinions .cards .like-count { right: 14px; }

    #reportajes { padding-left: 0; padding-right: 0; }
    #reportajes .cards .like-count { right: 20px; }
    #reportajes .cards a.img { padding: 0; }
    #reportajes .cards a.title { margin-top: 0; overflow: hidden; height: 56px; }
    #reportajes .cards .rcol { padding: 0 15px; }
    #reportajes .cards .rcol,
    #reportajes .cards .bottom { display: none; }
    #reportajes .cards li.expanded .rcol,
    #reportajes .cards li.expanded .bottom { display: block; }
    #reportajes .cards li.expanded a.img.col-sm-6 { width: 47%; }
    #reportajes .cards li.expanded .rcol.col-sm-6 { width: 53%; padding: 0 0 0 20px; }
    #reportajes .cards li .intro { height: 60px; overflow: hidden; }
    #reportajes .cards li a.img img { max-width: 270px; max-height: 200px; }
    #reportajes .cards .bottom { position: absolute; bottom: 12px; width: 50%; left: 47%; padding-left: 20px; }
    #reportajes .cards .bottom .author { white-space: nowrap; }
    #reportajes .cards .bottom .text-right { white-space: nowrap; }
    #reportajes .cards .bottom .like-count { margin-right: 20px; }
    #reportajes .cards .wrap { padding-bottom: 14px; }
}

@media(min-width:768px) and (max-width:991px){
    .social2 .icon { width: 30px; height: 30px; margin: 0; }
    .social2 .icon.facebook { background-position: -260px -300px; }
    .social2 .icon.gplus { background-position: -300px -300px; }
    .social2 .icon.twitter { background-position: -340px -300px; }

    .sidebar .btn {width: 100%; font-size: 12px; padding: 8px;}
    .sidebar .tag-cloud li .label { font-size: 12px; padding: 9px; }
    .sidebar .tag-cloud li .label:hover a.closebtn { width: 21px; height: 21px; line-height: 16px; top: -10px; right: -10px; border-radius: 50%; }
    .sidebar-xs .form-group,
    .sidebar-xs .top-cursos { padding: 16px 12px 10px 12px; }
    .sidebar-xs .radio-list.form-control label { padding-left: 12px; padding-right: 12px; line-height: 12px; }
    .sidebar-xs .bootstrap-select *,
    .range-picker {font-size:12px;}
    .sidebar-xs .bootstrap-select > button { line-height: 16px;}
    .sidebar-xs .form-group > input.form-control,
    .sidebar-xs .form-group > .form-control.bootstrap-select > button,
    .sidebar-xs .form-group > .form-control.bootstrap-select { height: 34px; }
    .range-picker .slider-handle { width: 16px; height: 16px; top: 2px; }
    .range-picker .slider { margin-top: 3px; }
    .range-picker .live-min,
    .range-picker .live-max { width: 60px; }
    .sidebar-xs .panel.search .panel-body { padding: 15px 12px 18px 12px; }
    .sidebar-xs .panel.report-sidebar .panel-body { padding: 15px 12px 18px 12px; }
    .sidebar-xs .form-group .form-control,
    .sidebar-xs .form-control.privacy .text { font-size: 12px; }
    .sidebar-xs .radio-list.form-control li { margin: 0 -12px; }
    .range-picker .live-min,
    .range-picker .live-max { margin-left: -32px; }

    .col-main .tags-collapsable li .text,
    .related .tags-collapsable li .text { font-size:12px; font-weight: 200; line-height: 19px; }
    .col-main .tags-collapsable li .tficon.course,
    .related .tags-collapsable li .tficon.course { background-position: -100px -300px; }
    .col-main .tags-collapsable li:hover .tficon.course,
    .related .tags-collapsable li:hover .tficon.course {background-position: -100px -320px; }
    .col-main .tags-collapsable li .tficon.online,
    .related .tags-collapsable li .tficon.online { background-position: -120px -300px; }
    .col-main .tags-collapsable li:hover .tficon.online,
    .related .tags-collapsable li:hover .tficon.online {background-position: -120px -320px; }
    .col-main .tags-collapsable li .tficon.location,
    .related .tags-collapsable li .tficon.location { background-position: -140px -300px; }
    .col-main .tags-collapsable li:hover .tficon.location,
    .related .tags-collapsable li:hover .tficon.location {background-position: -140px -320px; }
    .col-main .tags-collapsable li .tficon.calendar,
    .related .tags-collapsable li .tficon.calendar { background-position: -160px -300px; }
    .col-main .tags-collapsable li:hover .tficon.calendar,
    .related .tags-collapsable li:hover .tficon.calendar {background-position: -160px -320px; }
    .col-main .tags-collapsable li .tficon.time,
    .related .tags-collapsable li .tficon.time { background-position: -180px -300px; }
    .col-main .tags-collapsable li:hover .tficon.time,
    .related .tags-collapsable li:hover .tficon.time {background-position: -180px -320px; }
    .col-main .tags-collapsable li .tficon.flag,
    .related .tags-collapsable li .tficon.flag { background-position: -200px -300px; }
    .col-main .tags-collapsable li:hover .tficon.flag,
    .related .tags-collapsable li:hover .tficon.flag{background-position: -200px -320px; }
    .col-main .tags-collapsable li .tficon.oficial,
    .related .tags-collapsable li .tficon.oficial { background-position: -220px -300px; }
    .col-main .tags-collapsable li:hover .tficon.oficial,
    .related .tags-collapsable li:hover .tficon.oficial{background-position: -220px -320px; }
    .col-main .tags-collapsable li .tficon.speciality,
    .related .tags-collapsable li .tficon.speciality { background-position: -240px -300px; }
    .col-main .tags-collapsable li:hover .tficon.speciality,
    .related .tags-collapsable li:hover .tficon.speciality{background-position: -240px -320px; }
    
    .video .title { font-size: 18px; line-height: 22px; margin-top: 8px; }
    .video .video-wrap:hover:before,
    .video:hover .video-wrap:before	{ width: 44px; height: 45px; background-position: -440px -380px; margin: -22px 0 0 -22px; }
    .video .video-wrap:before { width: 32px; height: 36px; background-position: -400px -380px; margin: -16px 0 0 -16px; }

    .sidebar-xs .panel.search .panel-heading .title{ margin-bottom: 2px; }
    .sidebar-xs .panel.report-sidebar .panel-heading .title{ margin-bottom: 2px; }
    .sidebar-xs .panel.search .panel-heading .title{ font: bold 18px Titillium; line-height: 22px; }
    .sidebar-xs .panel.report-sidebar .panel-heading .title{ font: bold 18px Titillium; line-height: 22px; }
    .range-picker { font-size: 12px; }
    .sidebar-xs .bootstrap-select * { font-size: 14px; }
}


@media(min-width:900px) {
    .header .progress-container .col-progress-bar { width: 87%; }
    .header .progress-container .col-available { width: 13%; }
}

@media(min-width:992px){
    .header .search-container:before { height: 8px; }
    .header .search-container .intro { max-width: 775px; }
    .header .search-container form #search_what { min-width: 260px; }
    .header .search-container form #search_what + .dropdown-menu { min-width: 261px; }

    .header .steps { background: url('img/steps-970.png'); width: 778px; height: 131px; padding: 55px 90px 0 80px; margin-top: 35px; }
    .header .steps li {padding: 0 15px;}
    .header .progress-container .bar {font-size: 18px;}
    .header .progress-container .text { font-size: 18px; }

    .header .progress-container .col-progress-bar { width: 88%; }
    .header .progress-container .col-available { width: 12%; }

    .footer .contact { position: relative; padding-bottom: 60px; }
    .footer .contact form,
    .footer .contact .social { margin-top: 0; }

    .footer .contact form { padding-left: 50px; padding-right: 0; }

    .footer .contact .img { display: inline-block; width: auto; float: none; position: absolute; left: 0; padding-left: 30px; }
    .footer .contact .top { margin-bottom: 25px; }
    .footer .contact .social { position: absolute; right: 0; padding-right: 30px; }
    .footer .contact .social a:last-child { margin-right: 0; }
    .footer .contact form #newsletter_email { min-width: 350px; }
    .footer .contact .copyright,
    .footer .contact .links2 { position: absolute; display: inline-block; bottom: 60px; }
    .footer .contact .copyright { left: 0; padding-left: 30px;padding-left: 90px; top: 100px; }
    .footer .contact .links2 { right: 30px; }
    .footer .contact .legal { margin: 0 0 0 30px; }
    .footer .contact .links2 a { margin: 0 30px 0 0; }
    .footer .contact .links2 a:last-child { margin: 0; }

    .social2 {height: 40px;}

    .tficon.course { background-position: -100px -340px; }
    .col-main .tags-collapsable li:hover .tficon.course {background-position: -100px -360px; }
    .col-main .tficon.online { background-position: -120px -340px; }
    .col-main .tags-collapsable li:hover .tficon.online {background-position: -120px -360px; }
    .col-main .tficon.location { background-position: -140px -340px; }
    .col-main .tags-collapsable li:hover .tficon.location {background-position: -140px -360px; }
    .col-main .tficon.calendar { background-position: -160px -342px; }
    .col-main .tags-collapsable li:hover .tficon.calendar {background-position: -160px -361px; }
    .col-main .tficon.time { background-position: -180px -340px; }
    .col-main .tags-collapsable li:hover .tficon.time {background-position: -180px -360px; }
    .col-main .tficon.flag { background-position: -200px -340px; }
    .col-main .tags-collapsable li:hover .tficon.flag {background-position: -200px -360px; }
    .col-main .tficon.oficial { background-position: -220px -340px; }
    .col-main .tags-collapsable li:hover .tficon.oficial {background-position: -220px -360px; }

    .col-main .tags-collapsable .tag,
    .related .tags-collapsable .tag,
    .col-main .tags-collapsable .tag:hover,
    .related .tags-collapsable .tag:hover { padding: 5px 10px 5px 8px; margin-right: 9px; }
    .col-main .tags-collapsable .tag .text,
    .related .tags-collapsable .tag .text,
    .col-main .tags-collapsable .tag:hover .text,
    .related .tags-collapsable .tag:hover .text { font-weight: 600; }

    .sidebar .btn {padding: 8px; max-width: 145px;}
    .sidebar .alerta {padding-top: 30px;padding-bottom:35px;}
    .sidebar .alerta .title {font-size: 24px;}
    .sidebar-xs .form-group {padding-top: 18px;}
    .sidebar-xs .form-group > .title,
    .sidebar-xs .top-cursos > .title { margin-bottom: 17px;}
    .sidebar-xs .panel.search .panel-heading { padding: 20px; }
    .sidebar-xs .panel.search .form-control { margin-bottom: 10px; }
    .sidebar-xs .top-cursos,
    .sidebar .alerta { margin-top: 20px; margin-bottom: 20px;}
    .sidebar-xs .form-group > input.form-control,
    .sidebar-xs .form-group > .form-control.bootstrap-select > button,
    .sidebar-xs .form-group > .form-control.bootstrap-select { width: 100%; max-width: 100%; }
    .sidebar-xs .panel.search .panel-heading .title { margin-bottom: 5px; }

    .course-box.offer .band { background-position: -460px -200px; width: 78px; height: 78px; top: -6px; right: 9px; }
    .your-experience .form-group { padding: 0 8px 0 18px; }
    .your-experience .form-group.collapse.in,
    .your-experience .form-group.collapsing { padding: 18px; }

    .your-experience #experience_opinion { min-height: initial; }

    #opinions .title2 { max-width: 100%; }
}

@media(min-width:1200px){
    .title1 { font-size: 50px; }
    ul.cards li .title {font-size: 20px;}

    .header .top .logo { padding-left: 50px; }
    .header .top .te-guiamos { padding-right: 50px; }
    .header .search-container { background-size: cover; background-position: 0 0; }
    .header .search-container .title { margin-top: 14px; }
    .header .search-container form .btn-group { height: 50px; }
    .header .search-container form .dropdown-menu .text {font-size:18px;}
    .header .search-container form input { width: 115px; line-height: 70px; padding: 0 20px; }
    .header .search-container form input,
    .header .search-container form button { height: 50px; }
    .header .search-container form button[type=submit] { width: 78px; padding: 15px 20px; }
    .header .search-container form button .searchw {  background-position: -40px 0; margin-top: 0; }
    .header .search-container form #search_what { min-width: 325px; }
    .header .search-container form #search_what + .dropdown-menu { font-size: 18px; min-width: 326px; }
    .header .search-container form #search_where + .dropdown-menu { font-size: 18px; }
    .header .progress-container .col-progress-bar { width: 85%; }
    .header .progress-container .col-available { width: 15%; }

    .header .steps { background: url('img/steps-1170.png'); width: 945px; height: 137px; padding: 75px 100px 0 100px; margin-top: 70px; }
    .header .steps li {padding: 0 30px;}

    .footer .contact form #newsletter_email { min-width: 478px; }

    .course-box .img { max-width: 260px; padding-right: 20px; }
    .course-box.offer .band {background-position:-460px -200px;width:78px;height:78px;top:-6px;right:14px;}

    #opinions .cards .like-count { right: 70px; }
    #reportajes .cards li .intro { height: 78px; }
    #reportajes .cards .share-count { margin-right: 20px; }
    #reportajes .cards .bottom .like-count { margin-right: 10px; }
}

.tooltip .tooltip-title { font-size: 10px; text-transform: uppercase; white-space: nowrap; }
.tooltip .tooltip-value { display: block; font-size: 14px; margin-top: -3px; line-height: 15px;  white-space: normal;}
.tooltip > .tooltip-inner { background-color: #2ecc71; padding: 5px 12px; }
.tooltip > .tooltip-arrow, .tooltip.top .tooltip-arrow { border-top-color: #2ecc71; }


.section-header-text {
    padding: 0 6px 10px 6px;
}

.section-header-extra-text {
    display: none;
}

.read-more-header-text {
    float: right;
    cursor: pointer;
}

.relead-form .checkbox :checked + span.checkbox {
    border: 1px solid white;
    border-radius: 4px;
    height: 18px;
    width: 17px;
}
.privacy-text {font-size: 11px;display: inline-block;margin-top: 16px;}