.ui-icon-close:before {
  position: relative;
  left: -1px;
  top: -1px;
}

.warning_course:before {
  right: -0px;
  top: 0px;
  font-size: 25px;
  color: #ffc700;
  position: absolute;
}

@font-face {
  font-family: 'teachlr';
  src: url("fonts/teachlr.eot?m18frd");
  src: url("fonts/teachlr.eot?m18frd#iefix") format("embedded-opentype"), url("fonts/teachlr.ttf?m18frd") format("truetype"), url("fonts/teachlr.woff?m18frd") format("woff"), url("fonts/teachlr.svg?m18frd#teachlr") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], .ui-icon-close, .warning_course:before, .list_of_chapters .label_chapters:before, [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'teachlr' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-others:before {
  content: "\ea05";
}

.icon-teacher-training:before {
  content: "\e900";
}

.icon-it-and-software:before {
  content: "\e901";
}

.icon-self-defense:before {
  content: "\e902";
}

.icon-diet:before {
  content: "\e903";
}

.icon-meditation:before {
  content: "\e904";
}

.icon-nutrition:before {
  content: "\e905";
}

.icon-mental-health:before {
  content: "\e906";
}

.icon-safety-and-first-aid:before {
  content: "\e907";
}

.icon-sports:before {
  content: "\e908";
}

.icon-electronic-commerce:before {
  content: "\e909";
}

.icon-development-tools:before {
  content: "\e90a";
}

.icon-software-engineering:before {
  content: "\e90b";
}

.icon-software-testing:before {
  content: "\e90c";
}

.icon-sales-department:before {
  content: "\e90d";
}

.icon-google:before {
  content: "\e90e";
}

.icon-intuit:before {
  content: "\e90f";
}

.icon-sap:before {
  content: "\e910";
}

.icon-project-management:before {
  content: "\e911";
}

.icon-business-management:before {
  content: "\e912";
}

.icon-industries:before {
  content: "\e913";
}

.icon-real-estate:before {
  content: "\e914";
}

.icon-media:before {
  content: "\e915";
}

.icon-operations:before {
  content: "\e916";
}

.icon-human-resources:before {
  content: "\e917";
}

.icon-workhome:before {
  content: "\e918";
}

.icon-production:before {
  content: "\e919";
}

.icon-music-technics:before {
  content: "\e91a";
}

.icon-vocal:before {
  content: "\e91b";
}

.icon-statistic-and-automation:before {
  content: "\e91c";
}

.icon-positioning-strategy:before {
  content: "\e91d";
}

.icon-brand:before {
  content: "\e91e";
}

.icon-affiliate-marketing:before {
  content: "\e91f";
}

.icon-social-network-marketing:before {
  content: "\e920";
}

.icon-digital-marketing:before {
  content: "\e921";
}

.icon-promotion:before {
  content: "\e922";
}

.icon-public-relations:before {
  content: "\e923";
}

.icon-seo:before {
  content: "\e924";
}

.icon-certificates:before {
  content: "\e925";
}

.icon-hardware:before {
  content: "\e926";
}

.icon-operating-systems:before {
  content: "\e927";
}

.icon-arab:before {
  content: "\e928";
}

.icon-chinese:before {
  content: "\e929";
}

.icon-spanish:before {
  content: "\e92a";
}

.icon-french:before {
  content: "\e92b";
}

.icon-hebrew:before {
  content: "\e92c";
}

.icon-english:before {
  content: "\e92d";
}

.icon-italian:before {
  content: "\e92e";
}

.icon-latin:before {
  content: "\e92f";
}

.icon-portuguese:before {
  content: "\e930";
}

.icon-black-and-white:before {
  content: "\e931";
}

.icon-commercial-photography:before {
  content: "\e932";
}

.icon-nature-photography:before {
  content: "\e933";
}

.icon-travel-photography:before {
  content: "\e934";
}

.icon-wedding-photography:before {
  content: "\e935";
}

.icon-landscapes:before {
  content: "\e936";
}

.icon-pictures:before {
  content: "\e937";
}

.icon-beauty-and-makeup:before {
  content: "\e938";
}

.icon-travel:before {
  content: "\e939";
}

.icon-educational-development:before {
  content: "\e93a";
}

.icon-didactic-design:before {
  content: "\e93b";
}

.icon-teaching-tools:before {
  content: "\e93c";
}

.icon-visual3d:before {
  content: "\e93d";
}

.icon-architectural-design:before {
  content: "\e93e";
}

.icon-game-design:before {
  content: "\e93f";
}

.icon-user-experience:before {
  content: "\e940";
}

.icon-business-innovation:before {
  content: "\e941";
}

.icon-fashion:before {
  content: "\e942";
}

.icon-personal-brand:before {
  content: "\e943";
}

.icon-creativity:before {
  content: "\e944";
}

.icon-stress-management:before {
  content: "\e946";
}

.icon-motivacion:before {
  content: "\e947";
}

.icon-relationship:before {
  content: "\e948";
}

.icon-personal-transformation:before {
  content: "\e949";
}

.icon-abilities:before {
  content: "\e945";
}

.icon-academic:before {
  content: "\e94a";
}

.icon-academic-2:before {
  content: "\e94b";
}

.icon-add:before {
  content: "\e94c";
}

.icon-amount-sale-2:before {
  content: "\e94d";
}

.icon-amount-sale-3:before {
  content: "\e94e";
}

.icon-apple:before {
  content: "\e94f";
}

.icon-approved:before, .category_list_container .filter_list .squareCheck:before {
  content: "\e950";
}

.icon-approved-2:before {
  content: "\e951";
}

.icon-at:before {
  content: "\e952";
}

.icon-audio:before {
  content: "\e953";
}

.icon-bar-graph:before {
  content: "\e954";
}

.icon-blog:before {
  content: "\e955";
}

.icon-book:before {
  content: "\e956";
}

.icon-book2:before {
  content: "\e957";
}

.icon-bs:before {
  content: "\e958";
}

.icon-business:before {
  content: "\e959";
}

.icon-business-2:before {
  content: "\e95a";
}

.icon-calendar:before {
  content: "\e95b";
}

.icon-certificate:before {
  content: "\e95c";
}

.icon-checked:before {
  content: "\e95d";
}

.icon-checked-2:before {
  content: "\e95e";
}

.icon-circle:before {
  content: "\e95f";
}

.icon-close:before {
  content: "\e960";
}

.icon-close-2:before {
  content: "\e961";
}

.icon-close-3:before, .ui-icon-close:before {
  content: "\e962";
}

.icon-code:before {
  content: "\e963";
}

.icon-college:before {
  content: "\e964";
}

.icon-comunication:before {
  content: "\e965";
}

.icon-content:before {
  content: "\e966";
}

.icon-content-2:before {
  content: "\e967";
}

.icon-content-marketing:before {
  content: "\e968";
}

.icon-cook:before {
  content: "\e969";
}

.icon-createcourse:before {
  content: "\e96a";
}

.icon-createcourse-2:before {
  content: "\e96b";
}

.icon-cufflink:before {
  content: "\e96c";
}

.icon-dance:before {
  content: "\e96d";
}

.icon-data-2:before {
  content: "\e96e";
}

.icon-database:before {
  content: "\e96f";
}

.icon-delete:before {
  content: "\e970";
}

.icon-desing:before {
  content: "\e971";
}

.icon-desktop:before {
  content: "\e972";
}

.icon-details:before {
  content: "\e973";
}

.icon-development:before {
  content: "\e974";
}

.icon-digital-photography:before {
  content: "\e975";
}

.icon-doc:before {
  content: "\e976";
}

.icon-doctor:before {
  content: "\e977";
}

.icon-down-arrow:before, .list_of_chapters .label_chapters:before, .arrow:before {
  content: "\e978";
}

.icon-download:before {
  content: "\e979";
}

.icon-draganddrop:before {
  content: "\e97a";
}

.icon-draganddrop-2:before {
  content: "\e97b";
}

.icon-draganddrop-3:before {
  content: "\e97c";
}

.icon-edit:before {
  content: "\e97d";
}

.icon-edit-2:before {
  content: "\e97e";
}

.icon-edit-3:before {
  content: "\e97f";
}

.icon-edit-4:before {
  content: "\e980";
}

.icon-edit-arrow:before {
  content: "\e981";
}

.icon-entertainment:before {
  content: "\e982";
}

.icon-exel:before {
  content: "\e983";
}

.icon-facebook:before {
  content: "\e984";
}

.icon-filter:before {
  content: "\e985";
}

.icon-finance:before {
  content: "\e986";
}

.icon-finance-2:before {
  content: "\e987";
}

.icon-finance-3:before {
  content: "\e988";
}

.icon-fitness:before {
  content: "\e989";
}

.icon-fitness-2:before {
  content: "\e98a";
}

.icon-four-bar-menu:before {
  content: "\e98b";
}

.icon-germany:before {
  content: "\e98c";
}

.icon-google-pluss:before {
  content: "\e98d";
}

.icon-happy:before {
  content: "\e98e";
}

.icon-headphone:before {
  content: "\e98f";
}

.icon-headphone-2:before {
  content: "\e990";
}

.icon-hear-2:before {
  content: "\e991";
}

.icon-heart:before {
  content: "\e992";
}

.icon-help:before {
  content: "\e993";
}

.icon-home:before {
  content: "\e994";
}

.icon-hours:before {
  content: "\e995";
}

.icon-idea:before {
  content: "\e996";
}

.icon-influence:before {
  content: "\e997";
}

.icon-instagram:before {
  content: "\e998";
}

.icon-invite-friends:before {
  content: "\e999";
}

.icon-invite-friends-2:before {
  content: "\e99a";
}

.icon-japan:before {
  content: "\e99b";
}

.icon-justified:before {
  content: "\e99c";
}

.icon-key:before {
  content: "\e99d";
}

.icon-kitchen:before {
  content: "\e99e";
}

.icon-lamp:before {
  content: "\e99f";
}

.icon-languages:before {
  content: "\e9a0";
}

.icon-languages-2:before {
  content: "\e9a1";
}

.icon-left-arrow:before {
  content: "\e9a2";
}

.icon-less:before {
  content: "\e9a3";
}

.icon-letf-arrow-2:before {
  content: "\e9a4";
}

.icon-leth-arrow-3:before {
  content: "\e9a5";
}

.icon-library:before {
  content: "\e9a6";
}

.icon-lifestyle:before {
  content: "\e9a7";
}

.icon-link:before {
  content: "\e9a8";
}

.icon-linkedin:before {
  content: "\e9a9";
}

.icon-lisfestyle-2:before {
  content: "\e9aa";
}

.icon-list:before {
  content: "\e9ab";
}

.icon-list-2:before {
  content: "\e9ac";
}

.icon-marketing:before {
  content: "\e9ad";
}

.icon-marketing-basics:before {
  content: "\e9ae";
}

.icon-meditation2:before {
  content: "\e9af";
}

.icon-memory:before {
  content: "\e9b0";
}

.icon-message:before {
  content: "\e9b1";
}

.icon-microsoft-2:before {
  content: "\e9b2";
}

.icon-mobile:before {
  content: "\e9b3";
}

.icon-mouse:before {
  content: "\e9b4";
}

.icon-move:before {
  content: "\e9b5";
}

.icon-movil-2:before {
  content: "\e9b6";
}

.icon-multimedia:before {
  content: "\e9b7";
}

.icon-multimedia-2:before {
  content: "\e9b8";
}

.icon-multimedia-3:before {
  content: "\e9b9";
}

.icon-multiple-choice:before {
  content: "\e9ba";
}

.icon-multiple-choice-2:before {
  content: "\e9bb";
}

.icon-music:before {
  content: "\e9bc";
}

.icon-music-2:before {
  content: "\e9bd";
}

.icon-musica:before {
  content: "\e9be";
}

.icon-music-software:before {
  content: "\e9bf";
}

.icon-mycourses:before {
  content: "\e9c0";
}

.icon-name:before {
  content: "\e9c1";
}

.icon-notifications:before {
  content: "\e9c2";
}

.icon-off:before {
  content: "\e9c3";
}

.icon-on:before {
  content: "\e9c4";
}

.icon-personal-settings:before {
  content: "\e9c5";
}

.icon-pet:before {
  content: "\e9c6";
}

.icon-photography-tools:before {
  content: "\e9c7";
}

.icon-play:before {
  content: "\e9c8";
}

.icon-play-2:before {
  content: "\e9c9";
}

.icon-play-3:before {
  content: "\e9ca";
}

.icon-pluss:before {
  content: "\e9cb";
}

.icon-portfolio:before {
  content: "\e9cc";
}

.icon-presentation:before {
  content: "\e9cd";
}

.icon-preview:before {
  content: "\e9ce";
}

.icon-private:before {
  content: "\e9cf";
}

.icon-private-2:before {
  content: "\e9d0";
}

.icon-products:before {
  content: "\e9d1";
}

.icon-professional:before {
  content: "\e9d2";
}

.icon-profile:before {
  content: "\e9d3";
}

.icon-profile-2:before {
  content: "\e9d4";
}

.icon-programming:before {
  content: "\e9d5";
}

.icon-programming-language:before {
  content: "\e9d6";
}

.icon-promotional-video:before {
  content: "\e9d7";
}

.icon-question:before {
  content: "\e9d8";
}

.icon-reply:before {
  content: "\e9d9";
}

.icon-right-arrow:before, .subheader1 .category_location li:before {
  content: "\e9da";
}

.icon-right-arrow-3:before {
  content: "\e9db";
}

.icon-rigth-arrow-2:before {
  content: "\e9dc";
}

.icon-russian:before {
  content: "\e9dd";
}

.icon-sad:before {
  content: "\e9de";
}

.icon-sale:before {
  content: "\e9df";
}

.icon-save:before {
  content: "\e9e0";
}

.icon-sciences:before {
  content: "\e9e1";
}

.icon-search:before {
  content: "\e9e2";
}

.icon-security:before {
  content: "\e9e3";
}

.icon-settings:before {
  content: "\e9e4";
}

.icon-share:before {
  content: "\e9e5";
}

.icon-share-3:before {
  content: "\e9e6";
}

.icon-skype:before {
  content: "\e9e7";
}

.icon-squad:before {
  content: "\e9e8";
}

.icon-star:before {
  content: "\e9e9";
}

.icon-strategy:before {
  content: "\e9ea";
}

.icon-style-text:before {
  content: "\e9eb";
}

.icon-target:before {
  content: "\e9ec";
}

.icon-teacher:before {
  content: "\e9ed";
}

.icon-technology:before {
  content: "\e9ee";
}

.icon-tecnology:before {
  content: "\e9ef";
}

.icon-text-bubble:before {
  content: "\e9f0";
}

.icon-three-bar-menu:before {
  content: "\e9f1";
}

.icon-three-bar-menu-2:before {
  content: "\e9f2";
}

.icon-time:before {
  content: "\e9f3";
}

.icon-toleft:before {
  content: "\e9f4";
}

.icon-tools:before {
  content: "\e9f5";
}

.icon-toright:before {
  content: "\e9f6";
}

.icon-twiter:before {
  content: "\e9f7";
}

.icon-up-arrow:before {
  content: "\e9f8";
}

.icon-verified:before {
  content: "\e9f9";
}

.icon-video-design:before {
  content: "\e9fa";
}

.icon-videogame:before {
  content: "\e9fb";
}

.icon-vimeo:before {
  content: "\e9fc";
}

.icon-warning:before, .warning_course:before {
  content: "\e9fd";
}

.icon-webcam:before {
  content: "\e9fe";
}

.icon-webdesign:before {
  content: "\e9ff";
}

.icon-web-design:before {
  content: "\ea00";
}

.icon-web-design-2:before {
  content: "\ea01";
}

.icon-yoga:before {
  content: "\ea02";
}

.icon-yoga-2:before {
  content: "\ea03";
}

.icon-youtube:before {
  content: "\ea04";
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format("woff");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format("woff");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format("woff");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff) format("woff");
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGHiec-hVyr2k4iOzEQsW1iE.woff) format("woff");
}
body {
  background: transparent;
  overflow-x: hidden;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1em;
  margin: 0;
}

*,
.box_sizing_border_box,
.box_sizing_border_box:after,
.box_sizing_border_box::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #7b7b7b;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

.view_more {
  z-index: 1;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize style.css==========================================================
 */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet,
article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details,
dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4,
h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter,
nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike,
strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
  position: relative;
}

article, aside,
details, figcaption, figure,
footer, header, hgroup,
menu, nav, section {
  display: block;
}

b, strong {
  font-weight: 700;
}

img {
  color: transparent;
  font-size: 0;
}

ol, ul {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td, caption {
  font-weight: 400;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub, sup, small {
  font-size: 75%;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

* {
  outline: none !important;
}

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  color: #222;
  font-family: 'Source Sans Pro', Hervetica;
}

* ::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /*WEBKIT*/
  color: #999;
}

* :-moz-placeholder {
  /*MOZZILLA 4 - 18*/
  color: #999;
}

* ::-moz-placeholder {
  /*MOZZILLA 19+*/
  color: #999;
}

* :-ms-input-placeholder {
  /*IE 10*/
  color: #999;
}

::-moz-selection {
  background: #98FD98;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #98FD98;
  color: #fff;
  text-shadow: none;
}

input::-ms-clear {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: default;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
  margin-bottom: 20px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

@media screen\0 {
  .f_ie10 {
    margin-top: 0px !important;
  }
}
.f_moz_cho {
  display: inline-block;
  margin-top: -15px;
  vertical-align: middle;
  margin-left: 6%;
}

header {
  width: 100%;
  min-height: 55px;
  /*z-index:999988;*/
}

/* ==|== normalize style.css==========================================================*/
/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
/*	clases que ocultans opjetos en las resoluciones de corte
	.hide-on-mobile-320
	.hide-on-mobile-480
	.hide-on-mobile 
	.hide-on-desktop 
*/
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    /*max-width: 1180px;*/
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-parent_m10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid-parent-left {
    padding-left: 0;
  }

  .grid-parent-right {
    padding-right: 0;
  }

  .margin_0 .grid-5, .margin_0 .mobile-grid-5, .margin_0 .grid-10, .margin_0 .mobile-grid-10, .margin_0 .grid-15, .margin_0 .mobile-grid-15, .margin_0 .grid-20, .margin_0 .mobile-grid-20, .margin_0 .grid-25, .margin_0 .mobile-grid-25, .margin_0 .grid-30, .margin_0 .mobile-grid-30, .margin_0 .grid-35, .margin_0 .mobile-grid-35, .margin_0 .grid-40, .margin_0 .mobile-grid-40, .margin_0 .grid-45, .margin_0 .mobile-grid-45, .margin_0 .grid-50, .margin_0 .mobile-grid-50, .margin_0 .grid-55, .margin_0 .mobile-grid-55, .margin_0 .grid-60, .margin_0 .mobile-grid-60, .margin_0 .grid-65, .margin_0 .mobile-grid-65, .margin_0 .grid-70, .margin_0 .mobile-grid-70, .margin_0 .grid-75, .margin_0 .mobile-grid-75, .margin_0 .grid-80, .margin_0 .mobile-grid-80, .margin_0 .grid-85, .margin_0 .mobile-grid-85, .margin_0 .grid-90, .margin_0 .mobile-grid-90, .margin_0 .grid-95, .margin_0 .mobile-grid-95, .margin_0 .grid-100, .margin_0 .mobile-grid-100, .margin_0 .grid-33, .margin_0 .mobile-grid-33, .margin_0 .grid-66, .margin_0 .mobile-grid-66 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 320px) {
  /****
      agregado para enderesar cuadro en 320
  *****/
  .grid-parent-320-right {
    padding-right: 0;
  }

  .grid-parent-320-left {
    padding-left: 0;
  }

  /*************/
  .mobile-320-grid-100:before,
  .mobile-320-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-320-grid-100:after {
    clear: both;
  }

  .mobile-320-push-5,
  .mobile-320-pull-5, .mobile-320-push-10,
  .mobile-320-pull-10, .mobile-320-push-15,
  .mobile-320-pull-15, .mobile-320-push-20,
  .mobile-320-pull-20, .mobile-320-push-25,
  .mobile-320-pull-25, .mobile-320-push-30,
  .mobile-320-pull-30, .mobile-320-push-35,
  .mobile-320-pull-35, .mobile-320-push-40,
  .mobile-320-pull-40, .mobile-320-push-45,
  .mobile-320-pull-45, .mobile-320-push-50,
  .mobile-320-pull-50, .mobile-320-push-55,
  .mobile-320-pull-55, .mobile-320-push-60,
  .mobile-320-pull-60, .mobile-320-push-65,
  .mobile-320-pull-65, .mobile-320-push-70,
  .mobile-320-pull-70, .mobile-320-push-75,
  .mobile-320-pull-75, .mobile-320-push-80,
  .mobile-320-pull-80, .mobile-320-push-85,
  .mobile-320-pull-85, .mobile-320-push-90,
  .mobile-320-pull-90, .mobile-320-push-95,
  .mobile-320-pull-95, .mobile-320-push-33,
  .mobile-320-pull-33, .mobile-320-push-66,
  .mobile-320-pull-66 {
    position: relative;
  }

  .hide-on-mobile-320 {
    display: none !important;
  }

  .mobile-320-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-320-prefix-5 {
    margin-left: 5%;
  }

  .mobile-320-suffix-5 {
    margin-right: 5%;
  }

  .mobile-320-push-5 {
    left: 5%;
  }

  .mobile-320-pull-5 {
    left: -5%;
  }

  .mobile-320-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-320-prefix-10 {
    margin-left: 10%;
  }

  .mobile-320-suffix-10 {
    margin-right: 10%;
  }

  .mobile-320-push-10 {
    left: 10%;
  }

  .mobile-320-pull-10 {
    left: -10%;
  }

  .mobile-320-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-320-prefix-15 {
    margin-left: 15%;
  }

  .mobile-320-suffix-15 {
    margin-right: 15%;
  }

  .mobile-320-push-15 {
    left: 15%;
  }

  .mobile-320-pull-15 {
    left: -15%;
  }

  .mobile-320-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-320-prefix-20 {
    margin-left: 20%;
  }

  .mobile-320-suffix-20 {
    margin-right: 20%;
  }

  .mobile-320-push-20 {
    left: 20%;
  }

  .mobile-320-pull-20 {
    left: -20%;
  }

  .mobile-320-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-320-prefix-25 {
    margin-left: 25%;
  }

  .mobile-320-suffix-25 {
    margin-right: 25%;
  }

  .mobile-320-push-25 {
    left: 25%;
  }

  .mobile-320-pull-25 {
    left: -25%;
  }

  .mobile-320-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-320-prefix-30 {
    margin-left: 30%;
  }

  .mobile-320-suffix-30 {
    margin-right: 30%;
  }

  .mobile-320-push-30 {
    left: 30%;
  }

  .mobile-320-pull-30 {
    left: -30%;
  }

  .mobile-320-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-320-prefix-35 {
    margin-left: 35%;
  }

  .mobile-320-suffix-35 {
    margin-right: 35%;
  }

  .mobile-320-push-35 {
    left: 35%;
  }

  .mobile-320-pull-35 {
    left: -35%;
  }

  .mobile-320-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-320-prefix-40 {
    margin-left: 40%;
  }

  .mobile-320-suffix-40 {
    margin-right: 40%;
  }

  .mobile-320-push-40 {
    left: 40%;
  }

  .mobile-320-pull-40 {
    left: -40%;
  }

  .mobile-320-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-320-prefix-45 {
    margin-left: 45%;
  }

  .mobile-320-suffix-45 {
    margin-right: 45%;
  }

  .mobile-320-push-45 {
    left: 45%;
  }

  .mobile-320-pull-45 {
    left: -45%;
  }

  .mobile-320-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-320-prefix-50 {
    margin-left: 50%;
  }

  .mobile-320-suffix-50 {
    margin-right: 50%;
  }

  .mobile-320-push-50 {
    left: 50%;
  }

  .mobile-320-pull-50 {
    left: -50%;
  }

  .mobile-320-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-320-prefix-55 {
    margin-left: 55%;
  }

  .mobile-320-suffix-55 {
    margin-right: 55%;
  }

  .mobile-320-push-55 {
    left: 55%;
  }

  .mobile-320-pull-55 {
    left: -55%;
  }

  .mobile-320-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-320-prefix-60 {
    margin-left: 60%;
  }

  .mobile-320-suffix-60 {
    margin-right: 60%;
  }

  .mobile-320-push-60 {
    left: 60%;
  }

  .mobile-320-pull-60 {
    left: -60%;
  }

  .mobile-320-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-320-prefix-65 {
    margin-left: 65%;
  }

  .mobile-320-suffix-65 {
    margin-right: 65%;
  }

  .mobile-320-push-65 {
    left: 65%;
  }

  .mobile-320-pull-65 {
    left: -65%;
  }

  .mobile-320-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-320-prefix-70 {
    margin-left: 70%;
  }

  .mobile-320-suffix-70 {
    margin-right: 70%;
  }

  .mobile-320-push-70 {
    left: 70%;
  }

  .mobile-320-pull-70 {
    left: -70%;
  }

  .mobile-320-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-320-prefix-75 {
    margin-left: 75%;
  }

  .mobile-320-suffix-75 {
    margin-right: 75%;
  }

  .mobile-320-push-75 {
    left: 75%;
  }

  .mobile-320-pull-75 {
    left: -75%;
  }

  .mobile-320-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-320-prefix-80 {
    margin-left: 80%;
  }

  .mobile-320-suffix-80 {
    margin-right: 80%;
  }

  .mobile-320-push-80 {
    left: 80%;
  }

  .mobile-320-pull-80 {
    left: -80%;
  }

  .mobile-320-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-320-prefix-85 {
    margin-left: 85%;
  }

  .mobile-320-suffix-85 {
    margin-right: 85%;
  }

  .mobile-320-push-85 {
    left: 85%;
  }

  .mobile-320-pull-85 {
    left: -85%;
  }

  .mobile-320-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-320-prefix-90 {
    margin-left: 90%;
  }

  .mobile-320-suffix-90 {
    margin-right: 90%;
  }

  .mobile-320-push-90 {
    left: 90%;
  }

  .mobile-320-pull-90 {
    left: -90%;
  }

  .mobile-320-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-320-prefix-95 {
    margin-left: 95%;
  }

  .mobile-320-suffix-95 {
    margin-right: 95%;
  }

  .mobile-320-push-95 {
    left: 95%;
  }

  .mobile-320-pull-95 {
    left: -95%;
  }

  .mobile-320-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-320-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-320-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-320-push-33 {
    left: 33.33333%;
  }

  .mobile-320-pull-33 {
    left: -33.33333%;
  }

  .mobile-320-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-320-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-320-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-320-push-66 {
    left: 66.66667%;
  }

  .mobile-320-pull-66 {
    left: -66.66667%;
  }

  .mobile-320-grid-100 {
    clear: both;
    width: 100%;
  }

  .margin_0 .grid-5, .margin_0 .mobile-grid-5, .margin_0 .grid-10, .margin_0 .mobile-grid-10, .margin_0 .grid-15, .margin_0 .mobile-grid-15, .margin_0 .grid-20, .margin_0 .mobile-grid-20, .margin_0 .grid-25, .margin_0 .mobile-grid-25, .margin_0 .grid-30, .margin_0 .mobile-grid-30, .margin_0 .grid-35, .margin_0 .mobile-grid-35, .margin_0 .grid-40, .margin_0 .mobile-grid-40, .margin_0 .grid-45, .margin_0 .mobile-grid-45, .margin_0 .grid-50, .margin_0 .mobile-grid-50, .margin_0 .grid-55, .margin_0 .mobile-grid-55, .margin_0 .grid-60, .margin_0 .mobile-grid-60, .margin_0 .grid-65, .margin_0 .mobile-grid-65, .margin_0 .grid-70, .margin_0 .mobile-grid-70, .margin_0 .grid-75, .margin_0 .mobile-grid-75, .margin_0 .grid-80, .margin_0 .mobile-grid-80, .margin_0 .grid-85, .margin_0 .mobile-grid-85, .margin_0 .grid-90, .margin_0 .mobile-grid-90, .margin_0 .grid-95, .margin_0 .mobile-grid-95, .margin_0 .grid-100, .margin_0 .mobile-grid-100, .margin_0 .grid-33, .margin_0 .mobile-grid-33, .margin_0 .grid-66, .margin_0 .mobile-grid-66 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 8px;
  }

  /* ===================
        ALL: font_sise
       =================== */
  .font_sise_320_08 {
    font-size: 8px !important;
  }

  .font_sise_320_11 {
    font-size: 11px !important;
  }

  .font_sise_320_12 {
    font-size: 12px !important;
  }

  .font_sise_320_13 {
    font-size: 13px !important;
  }

  .font_sise_320_14 {
    font-size: 14px !important;
  }

  .font_sise_320_15 {
    font-size: 15px !important;
  }

  .font_sise_320_16 {
    font-size: 16px !important;
  }

  .font_sise_320_17 {
    font-size: 17px !important;
  }

  .font_sise_320_18 {
    font-size: 18px !important;
  }

  .font_sise_320_22 {
    font-size: 22px !important;
  }

  .font_sise_320_30 {
    font-size: 30px !important;
  }

  .font_sise_320_40 {
    font-size: 40px !important;
  }

  .T_2_tucompra {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .margin_bottom_80 {
    margin-bottom: 20px;
  }

  .margin_bottom_60 {
    margin-bottom: 15px;
  }

  .margin_bottom_row_P_F_30 {
    margin-bottom: 15px;
  }

  .pagos_padding_pagalo_facil {
    padding: 10px;
  }

  .T_2_amounts_radios {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md_T_1_span_container_ico_info {
    text-align: right;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  /****
      agregado para enderesar cuadro en 480
  *****/
  .grid-parent-480-right {
    padding-right: 0;
  }

  .grid-parent-480-left {
    padding-left: 0;
  }

  /*************/
  .mobile-480-grid-100:before,
  .mobile-480-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-480-grid-100:after {
    clear: both;
  }

  .mobile-480-push-5,
  .mobile-480-pull-5, .mobile-480-push-10,
  .mobile-480-pull-10, .mobile-480-push-15,
  .mobile-480-pull-15, .mobile-480-push-20,
  .mobile-480-pull-20, .mobile-480-push-25,
  .mobile-480-pull-25, .mobile-480-push-30,
  .mobile-480-pull-30, .mobile-480-push-35,
  .mobile-480-pull-35, .mobile-480-push-40,
  .mobile-480-pull-40, .mobile-480-push-45,
  .mobile-480-pull-45, .mobile-480-push-50,
  .mobile-480-pull-50, .mobile-480-push-55,
  .mobile-480-pull-55, .mobile-480-push-60,
  .mobile-480-pull-60, .mobile-480-push-65,
  .mobile-480-pull-65, .mobile-480-push-70,
  .mobile-480-pull-70, .mobile-480-push-75,
  .mobile-480-pull-75, .mobile-480-push-80,
  .mobile-480-pull-80, .mobile-480-push-85,
  .mobile-480-pull-85, .mobile-480-push-90,
  .mobile-480-pull-90, .mobile-480-push-95,
  .mobile-480-pull-95, .mobile-480-push-33,
  .mobile-480-pull-33, .mobile-480-push-66,
  .mobile-480-pull-66 {
    position: relative;
  }

  .hide-on-mobile-480 {
    display: none !important;
  }

  .mobile-480-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-480-prefix-5 {
    margin-left: 5%;
  }

  .mobile-480-suffix-5 {
    margin-right: 5%;
  }

  .mobile-480-push-5 {
    left: 5%;
  }

  .mobile-480-pull-5 {
    left: -5%;
  }

  .mobile-480-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-480-prefix-10 {
    margin-left: 10%;
  }

  .mobile-480-suffix-10 {
    margin-right: 10%;
  }

  .mobile-480-push-10 {
    left: 10%;
  }

  .mobile-480-pull-10 {
    left: -10%;
  }

  .mobile-480-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-480-prefix-15 {
    margin-left: 15%;
  }

  .mobile-480-suffix-15 {
    margin-right: 15%;
  }

  .mobile-480-push-15 {
    left: 15%;
  }

  .mobile-480-pull-15 {
    left: -15%;
  }

  .mobile-480-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-480-prefix-20 {
    margin-left: 20%;
  }

  .mobile-480-suffix-20 {
    margin-right: 20%;
  }

  .mobile-480-push-20 {
    left: 20%;
  }

  .mobile-480-pull-20 {
    left: -20%;
  }

  .mobile-480-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-480-prefix-25 {
    margin-left: 25%;
  }

  .mobile-480-suffix-25 {
    margin-right: 25%;
  }

  .mobile-480-push-25 {
    left: 25%;
  }

  .mobile-480-pull-25 {
    left: -25%;
  }

  .mobile-480-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-480-prefix-30 {
    margin-left: 30%;
  }

  .mobile-480-suffix-30 {
    margin-right: 30%;
  }

  .mobile-480-push-30 {
    left: 30%;
  }

  .mobile-480-pull-30 {
    left: -30%;
  }

  .mobile-480-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-480-prefix-35 {
    margin-left: 35%;
  }

  .mobile-480-suffix-35 {
    margin-right: 35%;
  }

  .mobile-480-push-35 {
    left: 35%;
  }

  .mobile-480-pull-35 {
    left: -35%;
  }

  .mobile-480-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-480-prefix-40 {
    margin-left: 40%;
  }

  .mobile-480-suffix-40 {
    margin-right: 40%;
  }

  .mobile-480-push-40 {
    left: 40%;
  }

  .mobile-480-pull-40 {
    left: -40%;
  }

  .mobile-480-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-480-prefix-45 {
    margin-left: 45%;
  }

  .mobile-480-suffix-45 {
    margin-right: 45%;
  }

  .mobile-480-push-45 {
    left: 45%;
  }

  .mobile-480-pull-45 {
    left: -45%;
  }

  .mobile-480-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-480-prefix-50 {
    margin-left: 50%;
  }

  .mobile-480-suffix-50 {
    margin-right: 50%;
  }

  .mobile-480-push-50 {
    left: 50%;
  }

  .mobile-480-pull-50 {
    left: -50%;
  }

  .mobile-480-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-480-prefix-55 {
    margin-left: 55%;
  }

  .mobile-480-suffix-55 {
    margin-right: 55%;
  }

  .mobile-480-push-55 {
    left: 55%;
  }

  .mobile-480-pull-55 {
    left: -55%;
  }

  .mobile-480-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-480-prefix-60 {
    margin-left: 60%;
  }

  .mobile-480-suffix-60 {
    margin-right: 60%;
  }

  .mobile-480-push-60 {
    left: 60%;
  }

  .mobile-480-pull-60 {
    left: -60%;
  }

  .mobile-480-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-480-prefix-65 {
    margin-left: 65%;
  }

  .mobile-480-suffix-65 {
    margin-right: 65%;
  }

  .mobile-480-push-65 {
    left: 65%;
  }

  .mobile-480-pull-65 {
    left: -65%;
  }

  .mobile-480-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-480-prefix-70 {
    margin-left: 70%;
  }

  .mobile-480-suffix-70 {
    margin-right: 70%;
  }

  .mobile-480-push-70 {
    left: 70%;
  }

  .mobile-480-pull-70 {
    left: -70%;
  }

  .mobile-480-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-480-prefix-75 {
    margin-left: 75%;
  }

  .mobile-480-suffix-75 {
    margin-right: 75%;
  }

  .mobile-480-push-75 {
    left: 75%;
  }

  .mobile-480-pull-75 {
    left: -75%;
  }

  .mobile-480-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-480-prefix-80 {
    margin-left: 80%;
  }

  .mobile-480-suffix-80 {
    margin-right: 80%;
  }

  .mobile-480-push-80 {
    left: 80%;
  }

  .mobile-480-pull-80 {
    left: -80%;
  }

  .mobile-480-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-480-prefix-85 {
    margin-left: 85%;
  }

  .mobile-480-suffix-85 {
    margin-right: 85%;
  }

  .mobile-480-push-85 {
    left: 85%;
  }

  .mobile-480-pull-85 {
    left: -85%;
  }

  .mobile-480-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-480-prefix-90 {
    margin-left: 90%;
  }

  .mobile-480-suffix-90 {
    margin-right: 90%;
  }

  .mobile-480-push-90 {
    left: 90%;
  }

  .mobile-480-pull-90 {
    left: -90%;
  }

  .mobile-480-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-480-prefix-95 {
    margin-left: 95%;
  }

  .mobile-480-suffix-95 {
    margin-right: 95%;
  }

  .mobile-480-push-95 {
    left: 95%;
  }

  .mobile-480-pull-95 {
    left: -95%;
  }

  .mobile-480-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-480-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-480-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-480-push-33 {
    left: 33.33333%;
  }

  .mobile-480-pull-33 {
    left: -33.33333%;
  }

  .mobile-480-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-480-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-480-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-480-push-66 {
    left: 66.66667%;
  }

  .mobile-480-pull-66 {
    left: -66.66667%;
  }

  .mobile-480-grid-100 {
    clear: both;
    width: 100%;
  }

  /* ===================
        ALL: font_sise
       =================== */
  .font_sise_480_08 {
    font-size: 8px !important;
  }

  .font_sise_480_11 {
    font-size: 11px !important;
  }

  .font_sise_480_12 {
    font-size: 12px !important;
  }

  .font_sise_480_13 {
    font-size: 13px !important;
  }

  .font_sise_480_14 {
    font-size: 14px !important;
  }

  .font_sise_480_15 {
    font-size: 15px !important;
  }

  .font_sise_480_16 {
    font-size: 16px !important;
  }

  .font_sise_480_17 {
    font-size: 17px !important;
  }

  .font_sise_480_18 {
    font-size: 18px !important;
  }

  .font_sise_480_21 {
    font-size: 22px !important;
  }

  .font_sise_480_22 {
    font-size: 22px !important;
  }

  .font_sise_480_30 {
    font-size: 30px !important;
  }

  .font_sise_480_40 {
    font-size: 40px !important;
  }

  .margin_bottom_80 {
    margin-bottom: 40px;
  }

  .margin_bottom_60 {
    margin-bottom: 30px;
  }

  .margin_bottom_row_P_F_30 {
    margin-bottom: 20px;
  }

  .pagos_padding_pagalo_facil {
    padding: 15px;
  }

  .T_2_amounts_radios {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md_T_1_span_container_ico_info {
    text-align: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  /****
      agregado para enderesar cuadro en 768
  *****/
  .grid-parent-768-right {
    padding-right: 0;
  }

  .grid-parent-768-left {
    padding-left: 0;
  }

  /*************/
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-grid-100:after {
    clear: both;
  }

  .mobile-push-5,
  .mobile-pull-5, .mobile-push-10,
  .mobile-pull-10, .mobile-push-15,
  .mobile-pull-15, .mobile-push-20,
  .mobile-pull-20, .mobile-push-25,
  .mobile-pull-25, .mobile-push-30,
  .mobile-pull-30, .mobile-push-35,
  .mobile-pull-35, .mobile-push-40,
  .mobile-pull-40, .mobile-push-45,
  .mobile-pull-45, .mobile-push-50,
  .mobile-pull-50, .mobile-push-55,
  .mobile-pull-55, .mobile-push-60,
  .mobile-pull-60, .mobile-push-65,
  .mobile-pull-65, .mobile-push-70,
  .mobile-pull-70, .mobile-push-75,
  .mobile-pull-75, .mobile-push-80,
  .mobile-pull-80, .mobile-push-85,
  .mobile-pull-85, .mobile-push-90,
  .mobile-pull-90, .mobile-push-95,
  .mobile-pull-95, .mobile-push-33,
  .mobile-pull-33, .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
  }

  .mobile-pull-5 {
    left: -5%;
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
  }

  .mobile-pull-10 {
    left: -10%;
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
  }

  .mobile-pull-15 {
    left: -15%;
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
  }

  .mobile-pull-20 {
    left: -20%;
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
  }

  .mobile-pull-25 {
    left: -25%;
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
  }

  .mobile-pull-30 {
    left: -30%;
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
  }

  .mobile-pull-35 {
    left: -35%;
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
  }

  .mobile-pull-40 {
    left: -40%;
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
  }

  .mobile-pull-45 {
    left: -45%;
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
  }

  .mobile-pull-50 {
    left: -50%;
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
  }

  .mobile-pull-55 {
    left: -55%;
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
  }

  .mobile-pull-60 {
    left: -60%;
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
  }

  .mobile-pull-65 {
    left: -65%;
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
  }

  .mobile-pull-70 {
    left: -70%;
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
  }

  .mobile-pull-75 {
    left: -75%;
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
  }

  .mobile-pull-80 {
    left: -80%;
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
  }

  .mobile-pull-85 {
    left: -85%;
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
  }

  .mobile-pull-90 {
    left: -90%;
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
  }

  .mobile-pull-95 {
    left: -95%;
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
  }

  .mobile-pull-33 {
    left: -33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
  }

  .mobile-pull-66 {
    left: -66.66667%;
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }

  /* ===================
   ALL: font_sise
  =================== */
  .font_sise_767_08 {
    font-size: 8px !important;
  }

  .font_sise_767_11 {
    font-size: 11px !important;
  }

  .font_sise_767_12 {
    font-size: 12px !important;
  }

  .font_sise_767_13 {
    font-size: 13px !important;
  }

  .font_sise_767_14 {
    font-size: 14px !important;
  }

  .font_sise_767_15 {
    font-size: 15px !important;
  }

  .font_sise_767_16 {
    font-size: 16px !important;
  }

  .font_sise_767_17 {
    font-size: 17px !important;
  }

  .font_sise_767_18 {
    font-size: 18px !important;
  }

  .font_sise_767_19 {
    font-size: 18px !important;
  }

  .font_sise_767_21 {
    font-size: 22px !important;
  }

  .font_sise_767_22 {
    font-size: 22px !important;
  }

  .font_sise_767_30 {
    font-size: 30px !important;
  }

  .font_sise_767_40 {
    font-size: 40px !important;
  }

  .label_p_f {
    margin-bottom: 6px;
  }

  .margin_bottom_row_P_F_30 {
    margin-bottom: 20px;
  }

  .margin_bottom_80 {
    margin-bottom: 60px;
  }

  .margin_bottom_60 {
    margin-bottom: 45px;
  }

  .pagos_padding_pagalo_facil {
    padding: 30px;
  }

  .T_2_amounts_radios, .md_T_1_span_container_ico_info {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .push-5,
  .pull-5, .push-10,
  .pull-10, .push-15,
  .pull-15, .push-20,
  .pull-20, .push-25,
  .pull-25, .push-30,
  .pull-30, .push-35,
  .pull-35, .push-40,
  .pull-40, .push-45,
  .pull-45, .push-50,
  .pull-50, .push-55,
  .pull-55, .push-60,
  .pull-60, .push-65,
  .pull-65, .push-70,
  .pull-70, .push-75,
  .pull-75, .push-80,
  .pull-80, .push-85,
  .pull-85, .push-90,
  .pull-90, .push-95,
  .pull-95, .push-33,
  .pull-33, .push-66,
  .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
  }

  .pull-5 {
    left: -5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
  }

  .pull-10 {
    left: -10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
  }

  .pull-15 {
    left: -15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
  }

  .pull-20 {
    left: -20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
  }

  .pull-25 {
    left: -25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
  }

  .pull-30 {
    left: -30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
  }

  .pull-35 {
    left: -35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
  }

  .pull-40 {
    left: -40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
  }

  .pull-45 {
    left: -45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
  }

  .pull-50 {
    left: -50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

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

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
  }

  .pull-55 {
    left: -55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

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

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
  }

  .pull-60 {
    left: -60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
  }

  .pull-65 {
    left: -65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
  }

  .pull-70 {
    left: -70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
  }

  .pull-75 {
    left: -75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
  }

  .pull-80 {
    left: -80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
  }

  .pull-85 {
    left: -85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
  }

  .pull-90 {
    left: -90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
  }

  .pull-95 {
    left: -95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
  }

  .pull-33 {
    left: -33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
  }

  .pull-66 {
    left: -66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }

  /* ===================
       ALL: font_sise
      =================== */
  .font_sise_08 {
    font-size: 08px !important;
  }

  .font_sise_11 {
    font-size: 11px !important;
  }

  .font_sise_12 {
    font-size: 12px !important;
  }

  .font_sise_13 {
    font-size: 13px !important;
  }

  .font_sise_14 {
    font-size: 14px !important;
  }

  .font_sise_15 {
    font-size: 15px !important;
  }

  .font_sise_16 {
    font-size: 16px !important;
  }

  .font_sise_17 {
    font-size: 17px !important;
  }

  .font_sise_18 {
    font-size: 18px !important;
  }

  .font_sise_19 {
    font-size: 19px !important;
  }

  .font_sise_20 {
    font-size: 20px !important;
  }

  .font_sise_21 {
    font-size: 21px !important;
  }

  .font_sise_22 {
    font-size: 22px !important;
  }

  .font_sise_24 {
    font-size: 24px !important;
  }

  .font_sise_28 {
    font-size: 28px !important;
  }

  .font_sise_30 {
    font-size: 30px !important;
  }

  .font_sise_40 {
    font-size: 40px !important;
  }

  .font_sise_60 {
    font-size: 60px !important;
  }

  .font_sise_80 {
    font-size: 80px !important;
  }

  .label_p_f {
    margin-bottom: 10px;
  }

  .margin_bottom_row_P_F_30 {
    margin-bottom: 35px;
  }

  .T_2_tucompra {
    margin-top: 70px;
  }

  .T_2_tucompra {
    margin-bottom: 30px;
  }

  .margin_bottom_80 {
    margin-bottom: 80px;
  }

  .margin_top_53 {
    margin-top: 53px;
  }

  .margin_bottom_60 {
    margin-bottom: 60px;
  }

  .pagos_padding_pagalo_facil {
    padding: 30px;
  }

  .T_2_amounts_radios, .md_T_1_span_container_ico_info {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/******************************************************************************************************************************************************************************************************************************************************************************************/
.progress-book {
  bottom: 0;
  height: 46px;
  width: 46px;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 999999;
  background-image: url("../img/loading-2.gif");
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000000;
  opacity: 0;
  background: rgba(200, 200, 200, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/** initial setup **/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: inherit;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}

.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

/*
 *  message 
 */
.notytop {
  background-size: 55px 55px;
  width: 100%;
  height: auto;
  z-index: 9999999;
  padding: 17px;
  position: fixed;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: default;
  box-sizing: border-box;
  display: block;
}

.notytop-info {
  background-color: #4EA5CD;
}

.notytop-error {
  background-color: #de4343;
  border-color: #c43d3d;
}

.notytop-warning {
  background-color: #eaaf51;
  border-color: #d99a36;
}

.notytop-warning a {
  color: #fff;
  text-decoration: underline !important;
}

.notytop-success {
  background-color: #61b832;
  border-color: #55a12c;
}

.notytop-x {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  opacity: 0.5;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.margin_horizontal_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin_horizontal_5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin_bottom_10 {
  margin-bottom: 10px;
}

.margin_bottom_20 {
  margin-bottom: 20px;
}

.margin_bottom_30 {
  margin-bottom: 30px;
}

.margin_bottom_100 {
  margin-bottom: 100px;
}

.margin_bottom_40 {
  margin-bottom: 40px;
}

.margin_top_10 {
  margin-top: 10px;
}

.margin_top_20 {
  margin-top: 20px;
}

.margin_top_18 {
  margin-top: 18px;
}

.margin_top_27 {
  margin-top: 27px;
}

.margin_top_30_404 {
  margin-top: 30px;
}

@media screen and (min-width: 480px) {
  .margin_top_30 {
    margin-top: 30px;
  }
}
.margin_top_40 {
  margin-top: 40px;
}

.margin_top_50 {
  margin-top: 50px;
}

.margin_top_100 {
  margin-top: 100px;
}

.margin_left_auto {
  margin-left: auto;
}

.margin_left_5 {
  margin-left: 5px;
}

.margin_left_10 {
  margin-left: 10px;
}

.margin_right_auto {
  margin-right: auto;
}

.margin_right_5 {
  margin-right: 5px;
}

.margin_bottom_30 {
  margin-bottom: 30px;
}

.padding_left_5 {
  padding-left: 5px;
}

.padding_right_5 {
  padding-right: 5px;
}

.padding_top_5 {
  padding-top: 5px;
}

.padding_top_10 {
  padding-top: 10px;
}

.padding_bottom_10 {
  padding-bottom: 10px;
}

.padding_bottom_40 {
  padding-bottom: 40px;
}

.r_padding {
  padding: 0;
}

.background_1 {
  background: #ffffff;
}

.background_2 {
  background: #f5f6f8;
}

.background_3 {
  background: #dfe0ec;
}

.background_tra {
  background: transparent;
}

.background_degradado1 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzUAAAAeCAYAAAAVbzCEAAAACXBIWXMAACZzAAAmcwHzbHUKAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAADbElEQVR42uzd2XIUMQwF0Bb5/28WD0DVAJmsbluyz3kLlbE9ck/QTS+J67perl/yWiOutaLQONGwxvH72IkC43R87WfGzyKfGQCYIV/pD3LSvLPHGfm9OWi+XFS3L80RD6HmtRfEk4Pr2eDxzkG5OryMar4rBYzYcKzZNa4YaAQXAFjTSD+GqbvXNivMZLG1Dt+zuK7rR6Gw8e9BFAvWUqUZ7dosV3j/scH+Cz0ACCv95rvz7MaI4JGD15VV9uClQXMUjeeMRjWIDev43bNz0fT4nbWevIQrAJ7//5DF17hyjBxYx5FnWWaHmWHHSIdQs7JJPOVSsdlzrAwLUbAmISQAQJ0GeXH4mR1SZgSZ2wNux1CzMuicfmnZXbUYdblhbL6/VecFgM82uDNv/J/VcGeR7690Vmba/u4SajoHHEHnvrGqXj4mfABAn7Aycsy7gkSVILMspO4Yav40jbMv5ekScgTAv8eo8EQ8wQgAFjfF19r7RFY/YGDWum/bu11DTYVGsPOZl1mh8KR7loQQANgjJOWC19/5OOWKf4/mca74yNynhZqVIWGXsNY9HLpvBgDOCyIr5p95CVcWGn/JuELNvkFnpyDSLfAIIwCwPpjc/TCCDo+FrhBipoTUz4Sa9y5H+ujlSt0eWxubz/c476y92aWmcdixCQAVg0H1NeWi12eTdU4NNflOI/zs67casO4N2Yk3h4e5hA8AEJpuG3vmWZUsXt9Ph5r3wshpwaHzWk9eQzgu/1tjNvwcASBY7LzOEWdDvtO35677GA0btNf+PYqvvUNtTznz5JIxABCeRs878gRBlXGy0+Z3CTW7NpLRqHZVfuu/6gyEMAIAQlLFsbPB+719HaeEmh2a1A5nparWNawHAISQxmvIxnWaMt/JoWbXxjPUXF0BgJbhKJu+l+WBUqjR6Apz1gwAwsfYdcXkNebB9RZqNK7D3+cuT9vymQCAs8PS7FBSKVBkx00Tamo20h7Fe07AiDd+mNh/ANik6b72vudHqEEIUA8AoGlIqfq3HrcOMEINQoG6AcApgcP7E2puL1h8cY4YcABoNgUAAAABpV4N4qu1OrmZDEEHnwUAQNDoXyONnHoCACCUaMJpuZfpuAEAED6EGnAcAwAIIKubwUy1BwAA+vqhBAAAQGc/AQAA//8DACpV2VaUDaXfAAAAAElFTkSuQmCC");
  background-size: 100%;
}

.border_all_3 {
  border: 4px solid #e7eaf0;
}

.border_all_4 {
  border: 2px dashed #e7eaf0;
}

.border_all_1 {
  border: 4px dashed #e7eaf0;
}

.border_left_1 {
  border-left: 4px dashed #e7eaf0;
}

.border_right_1 {
  border-right: 4px dashed #e7eaf0;
}

.border_bottom_1 {
  border-bottom: 4px dashed #e7eaf0;
}

.border_top_1 {
  border-top: 4px dashed #e7eaf0;
}

.border_all_2 {
  border: 1px solid #ecedf1;
}

.border_left_2 {
  border-left: 1px solid #ecedf1;
}

.border_left_4 {
  border-left: 1px solid #2FD632;
}

.border_right_2 {
  border-right: 1px solid #ecedf1;
}

.border_right_3 {
  border-right: 1px solid #d8e0ec;
}

.border_right_4 {
  border-right: 1px solid #2FD632;
}

.border_top_2 {
  border-top: 1px solid #dee5ef;
}

.border_top_4 {
  border-top: 1px solid #2FD632;
}

.border_bottom_2 {
  border-bottom: 1px solid #ecedf1;
}

.border_bottom_3 {
  border-bottom: 1px solid #d7dde5;
}

.border_bottom_4 {
  border-bottom: 1px solid #2FD632;
}

.border_bottom_5 {
  border-bottom: 1px solid #d8e0ec;
}

.border_left_Warning {
  border-left: 1px solid #ffce1a;
}

.border_right_Warning {
  border-right: 1px solid #ffce1a;
}

.border_top_Warning {
  border-top: 1px solid #ffce1a;
}

.border_bottom_Warning {
  border-bottom: 1px solid #ffce1a;
}

.border_none {
  border-style: none;
}

.md_box_amount,
.border_solid {
  border-style: solid;
}

.border_dashed {
  border-style: dashed;
}

.md_box_amount,
.border_width_1_px {
  border-width: 1px;
}

.border_width_4_px {
  border-width: 4px;
}

.border_color {
  border-color: #bbcde5;
}

.md_box_amount,
.border_color_2 {
  border-color: #d9e1ed;
}

.border_color_1 {
  border-color: #586777;
}

.border_color_3 {
  border-color: #6a727d;
}

.g300 {
  font-weight: 300;
}

.g400 {
  font-weight: 400;
}

.g500,
.g600 {
  font-weight: 700;
}

.g700,
.g800,
.g900 {
  font-weight: 700;
}

.g {
  font-weight: bold;
}

.text_align_center {
  text-align: center;
}

.text_align_inherit {
  text-align: inherit;
}

.text_align_justify {
  text-align: justify;
}

.text_align_left {
  text-align: left;
}

.text_align_right {
  text-align: right;
}

.text_decoration_none {
  text-decoration: none;
}

.text_decoration_underline {
  text-decoration: underline;
}

.md_T_1_hader,
.color_1 {
  color: #ffffff;
}

.float_reight {
  float: right;
}

.float_left {
  float: left;
}

.right {
  right: 0px;
}

.font_style {
  font-style: italic;
}

.bosder_left {
  border-radius: 3px 0 0 3px;
}

.bosder_right {
  border-radius: 0 3px 3px 0;
}

.bosder_top {
  border-radius: 3px 3px 0 0;
}

.bosder_bottom {
  border-radius: 0 0 3px 3px;
}

.bosder_left_2 {
  border-radius: 2px 0 0 2px;
}

.bosder_right_2 {
  border-radius: 0 2px 2px 0;
}

.border_radius_3 {
  border-radius: 3px;
}

.border_radius_2 {
  border-radius: 2px;
}

.T_2_ayuda_ico,
.border_radius_50_p {
  border-radius: 50%;
}

.line_height {
  line-height: 41px;
}

.line_height_36 {
  line-height: 36px;
}

.line_height_40 {
  line-height: 40px;
}

.line_height_46 {
  line-height: 46px;
}

.line_height_50 {
  line-height: 50px;
}

.line_height_60 {
  line-height: 60px;
}

.line_height_70 {
  line-height: 70px;
}

.line_height_94 {
  line-height: 94px;
}

.line_height_100 {
  line-height: 100px;
}

.line_height_194 {
  line-height: 194px;
}

.T_2_ayuda .button_skype,
.md_T_1_content,
.T_1_nav li,
.T_1custom-dropdown,
.T_1_warning,
.T_2_nav li,
.T_2_ayuda,
.position_relative {
  position: relative;
}

.T_1custom-dropdown::before,
.T_1custom-dropdown::after,
.slider_color .ui-slider .ui-slider-handle,
.pico:before,
.pico_2:before,
.T_1_warning:before,
.T_2_ayuda_ico,
.T_2_ayuda .button_skype span,
.barra:after,
.md_T_1_span_ico_info,
.position_absolute {
  position: absolute;
}

.position_right_0 {
  right: 0;
}

.position_left_0 {
  left: 0;
}

.position_fixed {
  position: fixed;
}

.position_static {
  position: static;
}

.left {
  left: 0;
}

.border_radius {
  border-radius: 50%;
}

.opacity_0 {
  opacity: 0;
}

.opacity_1 {
  opacity: 0;
}

.opacity_0_5 {
  opacity: 0.5;
}

.opacity_0_2 {
  opacity: 0.2;
}

.height_200 {
  height: 200px;
}

.height_194 {
  height: 194px;
}

.height_100 {
  height: 100px;
}

.height_169 {
  height: 169px;
}

.height_80 {
  height: 80px;
}

.height_50 {
  height: 50px;
}

.height_55 {
  height: 55px;
}

.height_60 {
  height: 60px;
}

.height_40 {
  height: 40px;
}

.z_index_1000 {
  z-index: 1000;
}

.width_280 {
  width: 280px;
}

.md_T_1_close,
.cursor_pointer {
  cursor: pointer;
}

.display_table {
  display: table;
}

.display_block {
  display: block;
}

.width {
  width: 10px;
}

/* ===================
    ALL: Theme 1
   =================== */
/*ico*/
.ico_repeat {
  background-repeat: no-repeat;
}

.ico_center {
  background-position: center center;
}

.ico_center_left {
  background-position: center left;
}

.ico {
  background-position: 34px center;
}

.ico_2 {
  background-repeat: no-repeat;
}

.ico_car {
  height: 42px;
  width: 52px;
  float: left;
}

.ico_car_1 {
  height: 36px;
  width: 7%;
  float: left;
}

.ico_car_2 {
  height: 36px;
  width: 100%;
  float: left;
}

.ico_Titulo, .height_150 {
  height: 150px;
}

/*====================================================================================================================*/
.T_1_height {
  min-height: 130px;
}

.T_1_height_1 {
  min-height: 420px;
}

.T_1_height_2 {
  min-height: 86px;
}

.T_1_sub_header {
  min-height: 89px;
  padding-top: 1%;
}

.T_1_bP_active_prin {
  background-image: -webkit-linear-gradient(bottom, #2ec228, #3ad531);
  background-image: -moz-linear-gradient(bottom, #2ec228, #3ad531);
  background-image: -o-linear-gradient(bottom, #2ec228, #3ad531);
  background-image: linear-gradient(to top, #2ec228, #3ad531);
}

.T_1_bP_active_prin_border {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 4px solid #24991f;
}

.T_1_bP_active {
  background: #80d445;
}

.T_1_colo_1 {
  color: #b5b6cd;
}

.T_1_colo_11 {
  color: #23272f;
}

.T_1_barra_carga {
  height: 3px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #c0c4d6;
  margin-top: 20px;
}

.T_1_barra_avance {
  background-image: -webkit-linear-gradient(left, #61a731, #74ce34);
  background-image: -moz-linear-gradient(left, #61a731, #74ce34);
  background-image: -o-linear-gradient(left, #61a731, #74ce34);
  background-image: linear-gradient(to right, #61a731, #74ce34);
  height: 3px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  float: left;
}

.pico:before {
  top: -22%;
  left: 49%;
  border-left: 8px solid rgba(44, 44, 44, 0);
  border-right: 8px solid rgba(44, 44, 44, 0);
  border-bottom: 13px solid #E0E2EC;
  content: "";
}

.pico_2:before {
  top: -22%;
  left: 49%;
  border-left: 8px solid rgba(44, 44, 44, 0);
  border-right: 8px solid rgba(44, 44, 44, 0);
  border-bottom: 13px solid #dc5555;
  content: "";
}

.font_sise_em {
  font-size: 0.7em;
}

.T_1_right_bar {
  width: 103px;
}

/*-----------------------------------------------------------------------------------------------------*/
.button_settings_linkedIn_button_container {
  height: 52px;
  float: left;
  width: 170px !important;
  margin-top: -11px;
}

.bg-Linkedin {
  background: none repeat scroll 0% 0% #076392;
  color: #FFF;
  padding: 4px 1px;
  border-radius: 2px;
  margin-right: 5px;
}

.new_button_settings_linkedIn_button {
  height: 46px;
  border: 0px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 2px;
  background: white;
  border-bottom: 2px solid #9bbbcf;
  color: #425d75;
}

.new_button_settings_linkedIn_button:hover, .new_button_settings_linkedIn_button:active {
  background-color: #dbeefa;
}

.new_button_settings_linkedIn_button:active {
  margin-top: 3px;
  height: 44px;
  border-bottom: 4px solid #9bbbcf;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.new_button_settings_linkedIn_button {
  font-size: 0.95em;
  font-weight: 700;
}

/*-----------------------------------------nuevo tema--------------------------------------------------*/
.T_2_background {
  background: #f8f9fb;
}

.md_T_1_price_box,
.T_2_color_3 {
  color: #97a2b8;
}

.T_2_button_purchase {
  min-height: 40px;
  border-radius: 2px;
}

.T_2_button_purchase_2 {
  color: #2b3646;
}

.T_2_button_purchase_2:hover {
  background: #2b3646;
  color: #ffffff;
}

.T_1_radio_button_pagos input[type=radio] {
  display: none;
}

/*======================================modales nuevos=================================================================*/
/** classes inportandes del modal **/
.md_T_1_modal {
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 200;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (max-width: 580px) {
  .md_T_1_modal {
    top: 0;
  }
}
@media screen and (min-width: 581px) {
  .md_T_1_modal {
    top: 7%;
  }
}
.md_T_1_show {
  visibility: visible;
}

.md_T_1_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 150;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md_T_1_show ~ .md_T_1_overlay {
  opacity: 1;
  visibility: visible;
}

.md_T_1_content {
  max-width: 580px;
  min-width: 300px;
  color: #000;
  border-radius: 5px;
  margin: 0 auto;
  background: none repeat scroll 0% 0% white;
  min-height: 218px;
}
.md_T_1_content.md_w_1 {
  max-width: 25.625em;
  width: 100%;
}
.md_T_1_content.md_w_2 {
  max-width: 415px;
  width: 100%;
}
.md_T_1_content.md_w_3 {
  max-width: 360px;
  width: 100%;
}

/* Effect 1: Fade in and scale up */
.md_T_1_effect-1 .md_T_1_content_home,
.md_T_1_effect-1 .md_T_1_content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md_T_1_show.md_T_1_effect-1 .md_T_1_content_home,
.md_T_1_show.md_T_1_effect-1 .md_T_1_content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md_T_1_effect-7 {
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.md_T_1_effect-7 .md_T_1_content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}

.md_T_1_show .md_T_1_effect-7 .md_T_1_content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}

.md_T_1_span_container_ico_info {
  padding-left: 30px;
}

/* esto esta es style.css */
@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes OpenTop {
  50% {
    -moz-transform: rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.md_T_1_effect-19 .md_T_1_content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}

.md_T_1_show .md_T_1_effect-19 .md_T_1_content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

/*========estruturas variantes==================================================*/
.md_T_1_hader_color_info, .md_T_1_hader_color_completed, .md_T_1_hader_color_acc {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.md_T_1_hader_color_info {
  background: #416086;
}
.md_T_1_hader_color_info .icon-close {
  color: #aabfd3;
}

.md_T_1_hader_color_completed {
  background: #113868;
}
.md_T_1_hader_color_completed .icon-close {
  color: white;
}

.md_T_1_hader_color_acc {
  background: #1fcc65;
}
.md_T_1_hader_color_acc .icon-close {
  color: #044C17;
}

.md_T_1_hader_color_war {
  background: #ffd738;
  border-top: 1px solid #ffd738;
  border-left: 1px solid #ffd738;
  border-right: 1px solid #ffd738;
  border-bottom: 4px solid #ffc600;
}

.md_T_pucharse {
  background: #F6F8FA;
  color: #294c77;
}

.md_live_completed {
  text-align: center;
  color: #294c77;
}
.md_live_completed h1 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 17px;
}
.md_live_completed form {
  margin-top: -10px;
  padding: 0px 10px;
}
.md_live_completed form label {
  width: 100%;
  float: left;
  text-align: left;
}
.md_live_completed form input {
  height: 40px;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #CFDBE6;
  background: #F4F4F4;
  border-radius: 1px;
  float: left;
  margin-top: 3px;
  margin-bottom: 8px;
}
.md_live_completed form input:last-child {
  margin-bottom: 0px;
}
.md_live_completed p {
  font-size: 16px;
  margin-bottom: 20px;
}
.md_live_completed button {
  width: 100%;
  background: #15b756;
  color: white;
  height: 55px;
  border: none;
  border-radius: 4px;
  margin-top: 20px;
  font-size: 19px;
  text-transform: uppercase;
}

.md_T_1_content_2 {
  width: 23.75em;
  background: #f2f8fc;
  display: table;
  padding-bottom: 34px;
}

.md_T_1_hader_color_log {
  position: relative;
  width: 100%;
  height: 5em;
  border-radius: 0.375em 0.375em 0px 0px;
  color: #113868;
  background-color: #FFF;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.09);
  padding: 0px 4.72862%;
  text-transform: uppercase;
}
.md_T_1_hader_color_log i {
  position: absolute;
  right: 4.72862%;
  top: 0px;
  line-height: 80px;
}
.md_T_1_hader_color_log label {
  color: #aabfd3;
  display: table-cell;
  text-align: center;
  font-weight: 600;
  font-size: 1em;
  line-height: 80px;
  box-sizing: border-box;
}
.md_T_1_hader_color_log label.label_1 {
  width: 97px;
}
.md_T_1_hader_color_log label.label_2 {
  width: 124px;
}
.md_T_1_hader_color_log label.active {
  color: #416086 !important;
  box-shadow: 0px -8px 0px #416086 inset;
}
.md_T_1_hader_color_log label:hover {
  color: #7194b5;
  cursor: pointer;
}
.md_T_1_hader_color_log .header_pwd_reset .left {
  display: table-cell;
  position: relative;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
}
.md_T_1_hader_color_log .header_pwd_reset span {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  padding-left: 4px;
  font-weight: 600;
  font-size: 1em;
}

input[type=radio]:checked + div {
  display: block;
}

.body_modal {
  padding: 0px 4.72862%;
  margin-top: 1.125em;
  display: none;
}
.body_modal h4 {
  color: #294c77;
  width: 10.231em;
  margin: 0.231em auto 0px;
  padding-bottom: 0.385em;
  border-bottom: 0.038em solid rgba(198, 212, 225, 0.45);
  font-size: 1.625em;
  text-align: center;
  font-weight: 100;
}
.body_modal h4.h4_signup {
  width: 11.538em;
}
.body_modal p {
  width: 77.4854%;
  margin: auto;
  margin-top: 0.4em;
  font-size: 0.938em;
  font-weight: 400;
  line-height: 1.2;
  color: #597496;
  text-align: center;
}
.body_modal .btn_log_container.background_fb, .body_modal .btn_log_container.background_in {
  color: #ffffff;
}
.body_modal .btn_log_container.background_fb .btn_log_icon, .body_modal .btn_log_container.background_in .btn_log_icon {
  font-size: 1.4em;
}
.body_modal .btn_log_container {
  width: 266px;
  height: 40px;
  display: table;
  margin: 0.625em auto auto auto;
  border-radius: 0.25em;
}
.body_modal .btn_log_container.background_fb {
  background: #3B559F;
}
.body_modal .btn_log_container.background_in {
  background: #0077B5;
}
.body_modal .btn_log_container .btn_log_icon {
  display: table-cell;
  width: 46px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border-right: 0.063em solid rgba(0, 0, 0, 0.14);
  background-color: rgba(255, 255, 255, 0.09);
}
.body_modal .btn_log_container .btn_log_text {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  font-size: 0.938em;
  padding-left: 22px;
  font-weight: 100;
}
.body_modal .form_container {
  width: 100%;
  margin: 1.125em auto;
  padding-bottom: 0.625em;
  border-top: 0.063em solid rgba(198, 212, 225, 0.45);
  border-bottom: 0.063em solid rgba(198, 212, 225, 0.45);
}
.body_modal .form_container .input_container {
  display: table;
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  margin-top: 0.625em;
  border: 0.063em solid rgba(198, 212, 225, 0.65);
  border-radius: 0.375em;
  background: white;
}
.body_modal .form_container .input_container i {
  display: table-cell;
  width: 44px;
  height: 100%;
  text-align: center;
  border-right: 0.063em solid rgba(198, 212, 225, 0.65);
  vertical-align: middle;
  color: #113868;
}
.body_modal .form_container .input_container input {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 100%;
  box-sizing: border-box;
  background: none;
  border: none;
  color: #0E2F5C;
  padding-left: 0.875em;
}
.body_modal .form_container .input_container input::-webkit-input-placeholder {
  color: #0e2f5c;
}
.body_modal .form_container .input_container input:-ms-input-placeholder {
  color: #0e2f5c;
}
.body_modal .form_container .input_container input:-moz-placeholder {
  color: #0e2f5c;
}
.body_modal .form_container .input_container input::-moz-placeholder {
  color: #0e2f5c;
}
.body_modal .form_container .input_container input:focus {
  border-color: #AABFD3;
  border: 0.063em solid rgba(198, 212, 225, 0.65);
}
.body_modal .form_container .password_reset {
  margin: 1.692em auto 0px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.813em;
  color: #597496;
}
.body_modal .form_container .password_reset:hover {
  color: #0e2f5c;
  cursor: pointer;
}
.body_modal .form_container a {
  display: block;
  width: 100%;
  margin: 1.538em auto 0px;
  font-size: 0.813em;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: #597496;
}
.body_modal .new_button_login {
  background: #28e674 linear-gradient(381deg, #ffac48 44.2857%, #ffbd6d 75.9524%) repeat scroll 0% 0%;
  border-radius: 5px;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

.md_T_1_body {
  border-radius: 0px 0px 5px 5px;
  background: #F6F8FA;
}

.md_T_1_title {
  font-size: 1.25em;
}

@media screen and (max-width: 640px) {
  .md_T_1_body {
    max-height: 496px;
    overflow: scroll;
  }
}
@media screen and (max-width: 320px) {
  .md_T_1_body {
    padding: 10px;
  }

  .md_T_1_hader {
    height: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .md_T_1_close,
  .md_T_1_hader_line_height {
    line-height: 60px !important;
  }
}
@media screen and (min-width: 321px) {
  .md_T_1_body {
    padding: 25px;
  }

  .md_T_1_hader {
    height: 80px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .md_T_1_close,
  .md_T_1_hader_line_height {
    line-height: 80px !important;
  }
}
@media screen and (max-width: 320px) {
  .md_top_edge_320_480 {
    border-top: 1px solid #f0f2f8;
    margin-top: 10px;
    padding-top: 5px;
  }

  .md_T_1_span_ico_info {
    top: 8px;
    left: 8px;
  }

  .md_price_box_height {
    height: 60px;
  }

  .md_T_1_close {
    font-size: 32px;
  }

  .md_T_1_hader_box,
  .md_T_1_hader_box_ {
    height: 50px;
    line-height: 50px;
    border-radius: 3px 0px 0px 0px !important;
  }

  .md_price_box_height_available {
    height: 51px;
    margin-bottom: 5px;
  }

  .md_price_box_height_available70 {
    line-height: 50px;
  }

  .margen_top_320_480 {
    margin-top: 25px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .md_top_edge_320_480 {
    border-top: 1px solid #f0f2f8;
    margin-top: 15px;
    padding-top: 5px;
  }

  .md_T_1_span_ico_info {
    top: 8px;
    left: 8px;
  }

  .md_T_1_close {
    font-size: 32px;
  }

  .md_box_amount {
    display: table;
  }

  .md_T_1_hader_box,
  .md_T_1_hader_box_ {
    height: 50px;
    line-height: 50px;
    border-radius: 3px 0px 0px 0px !important;
  }

  .md_price_box_height_available {
    height: 51px;
    margin-bottom: 5px;
  }

  .md_price_box_height_available70 {
    line-height: 50px;
  }

  .md_T_1_price_box {
    line-height: 50px;
    font-size: 20px;
  }

  .md_price_box_height {
    height: 90px;
  }

  .margen_top_320_480 {
    margin-top: 25px;
  }
}
@media screen and (min-width: 481px) {
  .md_T_1_span_ico_info {
    left: 8px;
    top: 2px;
  }

  .md_box_amount {
    height: 100px;
  }

  .md_T_1_hader_box,
  .md_T_1_hader_box_ {
    height: 30px;
    line-height: 30px;
  }

  .md_T_1_price_box {
    line-height: 70px;
    font-size: 40px;
  }

  .md_price_box_height,
  .md_price_box_height_available {
    height: 100px;
  }

  .md_price_box_height_available70 {
    line-height: 70px;
  }

  .md_T_1_close {
    font-size: 32px;
  }
}
/**===============================modal de notificaciones================================*/
.md_ul_notif {
  padding: 0px;
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.md_ul_notif * {
  box-sizing: border-box;
}

/*===================================================================================================*/
/*===================================================================================================*/
.container_paypal_api img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 22px;
  cursor: pointer;
}

.md_T_1_hader_box {
  background: #d9e1ed;
  color: #687a96;
}

.md_T_1_hader_box_ {
  background: #ffd64a;
  color: #cc8b00;
}

/*===================================================================================================*/
@media screen and (max-width: 480px) {
  .barra:after {
    content: "";
    display: block;
    border-left: 20px solid #BBCDE5;
    width: 2px;
    height: 20px;
    bottom: 0px;
    right: -10px;
    z-index: 1;
  }
}
@media screen and (min-width: 481px) {
  .barra:after {
    content: "";
    display: block;
    border-top: 1px solid #BBCDE5;
    width: 20px;
    height: 2px;
    top: 50%;
    right: -10px;
    z-index: 1;
  }
}
.cortador {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md_h1 {
  margin-top: -10px;
}

.md_live_class {
  color: #7194b5;
  line-height: 1.5em;
  font-size: 1em;
}
.md_live_class .title_request_live_class {
  font-size: 1.1em;
  margin-bottom: 20px;
}
.md_live_class .rates_request_live_class {
  padding-left: 100px;
  box-sizing: border-box;
}
.md_live_class .rates_request_live_class strong {
  font-weight: 400;
  color: #00d60d;
}
.md_live_class .compatible_live_class .message_live_class {
  position: relative;
  line-height: 1em;
  padding-left: 34px;
  box-sizing: border-box;
  margin-bottom: 15px;
  font-size: 0.75em;
}
.md_live_class .compatible_live_class i {
  position: absolute;
  left: 0px;
  font-size: 25px;
  color: #ffd62c;
}
.md_live_class .compatible_live_class a {
  font-size: 0.8em;
  text-align: center;
  color: #7194b5;
  text-transform: uppercase;
}
.md_live_class .compatible_live_class a:hover, .md_live_class .compatible_live_class a:active {
  color: #7194b5;
}
.md_live_class .taxation {
  font-size: 0.7em;
  margin-top: 5px;
  line-height: 0.8em;
}
.md_live_class button {
  height: 69px;
  text-transform: uppercase;
}
.md_live_class img {
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
  margin-bottom: 15px;
  display: block;
}
.md_live_class .md_tille_courses {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.1em;
  color: #113868;
}
.md_live_class .md_link_courses {
  background: #CAD9E8;
  color: #58727F;
  border: 1px solid #58727F;
  border-radius: 3px;
  min-height: 36px;
  width: 483px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 24px;
  font-size: 12px;
  padding-top: 5px;
  box-sizing: border-box;
}

.md_repor_body {
  color: #456587;
}
.md_repor_body .div_radio_repor {
  margin-bottom: 5px;
}
.md_repor_body input[type=radio] {
  display: none;
}
.md_repor_body .label_radio {
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #d3e4f6;
  color: #9aafcb;
  border-radius: 100%;
  margin-right: 10px;
}
.md_repor_body .label_radio .icon-approved-2,
.md_repor_body .label_radio .icon-circle {
  width: 100%;
  line-height: 35px;
  text-align: center;
}
.md_repor_body .label_radio .icon-approved-2 {
  display: none;
}
.md_repor_body input[type=radio]:checked + .label_radio {
  background: #f1f7f9;
  color: #00d60d;
}
.md_repor_body input[type=radio]:checked + .label_radio .icon-approved-2 {
  display: inline;
}
.md_repor_body input[type=radio]:checked + .label_radio .icon-circle {
  display: none;
}
.md_repor_body h4 {
  font-size: 1.2em;
  margin-bottom: 15px;
  border-bottom: 1px solid #d3e4f6;
}
.md_repor_body textarea {
  background: none repeat scroll 0% 0% transparent;
  border: medium none;
  height: 100px;
  width: 100%;
  padding-left: 15px;
  padding-top: 15px;
  box-sizing: border-box;
  color: #456587;
  font-size: 0.95em;
  resize: none;
  border: 1px solid #d3e4f6;
  border-radius: 3px;
  display: block;
  margin-bottom: 15px;
}

.course_created {
  color: #113868;
  font-size: 1em;
  font-weight: 400;
}
.course_created .info_cc {
  margin-bottom: 20px;
}
.course_created .sub_tittle_cc {
  font-weight: 600;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.course_created .items_container {
  margin-top: 18px;
}
.course_created .items_container .items {
  margin-bottom: 18px;
}
.course_created .checked {
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
  border: none;
}
.course_created .checked.title_checked {
  font-weight: 600;
  display: inline-block;
  max-width: calc(100% - 45px);
}
.course_created input[type="checkbox"]:checked + .check_label {
  background: #00d60d;
}
.course_created input[type="checkbox"]:checked + .check_label i {
  font-size: 20px;
  margin-top: 0px;
  margin-left: 0px;
  display: table;
  position: absolute;
  top: 5px;
  left: 1px;
}
.course_created input[type="checkbox"]:checked + .check_label .icon-approved-2 {
  display: block;
}
.course_created input[type="checkbox"]:checked + .check_label .icon-circle {
  display: none;
}
.course_created .check_label {
  height: 45px;
  width: 45px;
  border-radius: 3px;
  background: #d3e4f6;
  display: table;
  float: left;
}
.course_created .check_label i {
  font-size: 20px;
  margin-top: 0px;
  margin-left: 0px;
  display: table;
  position: absolute;
  top: 5px;
  left: 5px;
}
.course_created .check_label .icon-approved-2 {
  display: none;
}
.course_created .check_label .icon-circle {
  display: block;
  color: #9aafcb;
}
.course_created .check_label {
  height: 30px;
  width: 30px;
  border-radius: 3px;
  background: #d3e4f6;
  color: white;
  display: table;
  float: left;
  position: relative;
  margin-top: 5px;
}
.course_created .check_label:hover {
  cursor: pointer;
}
.course_created .check_label i {
  font-size: 20px;
  margin-top: 0px;
  margin-left: 0px;
  display: table;
  position: absolute;
  top: 5px;
  left: 5px;
}
.course_created a {
  color: #00d60d;
  font-weight: 400;
}
.course_created .button_course_created, .course_created .button_course_cancel {
  float: left;
  width: 48%;
  height: 70px;
  margin-top: 26px;
  padding-bottom: 0.125em;
  border-right: none;
  font-size: 1em;
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
}
.course_created .button_course_created:hover, .course_created .button_course_cancel:hover {
  opacity: 0.8;
}
.course_created .button_course_created:active, .course_created .button_course_cancel:active {
  border: none;
  height: 65px;
  margin-top: 32px;
}
.course_created .button_course_created {
  border-bottom: 0.313em solid #13a848;
  border-radius: 0.25em;
  background: #00d60d;
}
.course_created .button_course_cancel {
  border-bottom: 0.313em solid #6284a6;
  border-radius: 0.25em;
  background: #8da9c4;
}
@media screen and (min-width: 621px) {
  .course_created .button_course_cancel {
    margin-right: 20px;
  }
}

.container-free-course-modal {
  padding: 20px;
}

#divMarketing {
  position: absolute !important;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  /* Fancy blur effect */
  /* Remove these to get rid of the spinner */
}
#nprogress .bar {
  background: #00D60D;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-moz-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-o-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes content-rotate-y {
  from {
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-moz-keyframes content-rotate-y {
  from {
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-o-keyframes content-rotate-y {
  from {
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes content-rotate-y {
  from {
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes content-rotate-x {
  from {
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-moz-keyframes content-rotate-x {
  from {
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-o-keyframes content-rotate-x {
  from {
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes content-rotate-x {
  from {
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes content-rotate-both {
  from {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  to {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
@-moz-keyframes content-rotate-both {
  from {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  to {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
@-o-keyframes content-rotate-both {
  from {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  to {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
@keyframes content-rotate-both {
  from {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  to {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}
@-webkit-keyframes content-pop-out {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes content-pop-out {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes content-pop-out {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes content-pop-out {
  0% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes content-pop-in {
  from {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes content-pop-in {
  from {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes content-pop-in {
  from {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes content-pop-in {
  from {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-o-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-o-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-moz-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-o-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.paginate {
  width: 100%;
  padding: 0px;
  margin: 80px 0px;
  height: 80px;
  display: block;
  text-align: center;
  background: white;
  position: relative;
}
.paginate * {
  box-sizing: border-box;
}
.paginate .white {
  color: white !important;
}
.paginate .button_Paginate {
  line-height: 80px;
  position: absolute;
  top: 0px;
}
.paginate .button_Paginate b {
  font-size: 11px;
  font-weight: 700;
}
.paginate .button_Paginate span {
  font-size: 14px;
  font-weight: 700;
}
.paginate .button_Paginate:hover {
  background: #294c77;
  color: white;
}
.paginate ul.pages {
  height: 100%;
  margin: auto;
}
.paginate ul.pages.n1 {
  width: 100px;
}
.paginate ul.pages.n1 li {
  width: 100%;
}
.paginate ul.pages.n2 {
  width: 200px;
}
.paginate ul.pages.n2 li {
  width: 50%;
}
@media screen and (max-width: 331px) {
  .paginate ul.pages.n2 {
    margin: 0px 15%;
    width: 70%;
  }
}
.paginate ul.pages.n3 {
  width: 300px;
}
.paginate ul.pages.n3 li {
  width: 33.33%;
}
@media screen and (max-width: 480px) {
  .paginate ul.pages.n3 {
    margin: 0px 15%;
    width: 70%;
  }
}
.paginate ul.pages.n4 {
  width: 400px;
}
.paginate ul.pages.n4 li {
  width: 25%;
}
@media screen and (max-width: 614px) {
  .paginate ul.pages.n4 {
    margin: 0px 15%;
    width: 70%;
  }
}
.paginate ul.pages.n5 {
  width: 500px;
}
.paginate ul.pages.n5 li {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .paginate ul.pages.n5 {
    margin: 0px 15%;
    width: 70%;
  }
}
.paginate ul.pages.n6 {
  width: 100%;
  max-width: 600px;
}
.paginate ul.pages.n6 li {
  width: 16.66%;
}
@media screen and (max-width: 904px) {
  .paginate ul.pages.n6 {
    margin: 0px 15%;
    width: 70%;
  }
}
.paginate ul.pages li {
  margin: 0;
}
.paginate ul.pages li a.active {
  background: #113868;
}
.paginate ul.pages li a:hover {
  background: #294c77;
  color: white;
}
.paginate a:first-child {
  box-sizing: border-box;
  left: 0px;
  background: white;
  width: 15%;
  height: 100%;
}
.paginate a:last-child {
  box-sizing: border-box;
  right: 0px;
  background: white;
  width: 15%;
  height: 100%;
}
.paginate li:first-child {
  box-sizing: border-box;
  float: left;
  margin-left: 2%;
  background: white;
  width: 20%;
}
.paginate li:first-child b {
  font-size: 11px;
  font-weight: 700;
}
.paginate li:first-child span {
  font-size: 14px;
  font-weight: 700;
}
.paginate li:last-child {
  float: left;
  background: white;
  width: 20%;
  box-sizing: border-box;
}
.paginate li:last-child b {
  font-size: 11px;
  font-weight: 700;
}
.paginate li:last-child span {
  font-size: 14px;
  font-weight: 700;
}
.paginate li {
  display: table;
  list-style: none;
  padding: 0px;
  width: 8.5%;
  text-align: center;
  background: white;
  margin-right: 0.7%;
  border-radius: 2px;
  height: 100%;
  float: left;
}
.paginate li a {
  color: #537596;
  display: table-cell;
  vertical-align: middle;
}
.paginate .active {
  background-color: #0b264f;
  color: white !important;
}
.paginate .icon, .paginate .arrow {
  font-size: 16px;
  width: 50px;
  line-height: 49px;
}
.paginate .first_paginate {
  transform: rotate(90deg);
  display: table;
  float: left;
  line-height: 80px;
}
.paginate .last_paginate {
  transform: rotate(-90deg);
  display: table;
  float: right;
  line-height: 80px;
}

.paginate_vo {
  padding: 0;
  margin: 0;
  height: 50px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 530px) {
  .paginate_vo {
    display: table;
  }
}

.paginate_vo li {
  display: inline-block;
  list-style: none;
  padding: 0;
  width: 49px;
  text-align: center;
  background: #fff;
  margin-right: 10px;
  border-radius: 2px;
}
@media screen and (max-width: 530px) {
  .paginate_vo li {
    margin-top: 10px;
  }
}

.paginate_vo li:last-of-type {
  margin-right: 0;
}

.paginate_vo li a {
  color: #3d5374;
  text-decoration: none;
  font-size: 22px;
  width: 100%;
  padding: 0;
  line-height: 50px;
  display: inline-block;
  list-style: none;
  border-radius: 2px;
}

.paginate_vo .active {
  background-color: #27c2ff;
  color: white;
}

.paginate_vo .icon, .paginate_vo .arrow {
  font-size: 16px;
  width: 50px;
  line-height: 49px;
}

.paginate_vo .first_paginate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.paginate_vo .last_paginate {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.coupon_c {
  position: relative;
}

.redeem_coupon {
  height: auto;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.redeem_coupon img {
  height: 30px;
}
.redeem_coupon span {
  color: #000000;
  font-size: 13px;
  height: 40px;
}

.enter_coupon {
  visibility: hidden;
  display: none;
  top: 10px;
  height: 106px;
  width: 261px;
  background: white;
  border: 1px solid #d3e4f6;
  box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.45);
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  position: absolute;
  left: 20%;
  top: 150%;
}
.enter_coupon * {
  float: left;
  box-sizing: border-box;
}
.enter_coupon label {
  color: #00b200;
  font-size: 14px;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  width: 188px;
  text-align: left;
}
.enter_coupon .enter_coupon_button_cancel {
  height: 48px;
  color: #000000;
  font-size: 13px;
  line-height: 48px;
  float: right;
  cursor: pointer;
}
.enter_coupon input[type="text"] {
  color: #7d7d7d;
  background: white;
  border: 1px solid #d3e4f6;
  padding: 14px;
  height: 43px;
  width: 167px;
  font-size: 14px;
  margin-right: 6px;
}
.enter_coupon button {
  width: 87px;
  height: 43px;
  background: #7106a7;
  border: none;
  color: white;
  text-align: center;
  font-size: 13px;
}

.enter_coupon:before {
  background-color: white;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: -7px;
  transform: rotate(45deg);
  width: 14px;
  border-top: 1px solid #d3e4f6;
  border-left: 1px solid #d3e4f6;
}

.enter_coupon_visible {
  visibility: visible;
  display: block;
}

.discount_rate {
  width: 300px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.discount_rate .discount_rate_title {
  background: #3AD531;
  color: #00A300;
  float: left;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 2px;
}
.discount_rate .grid-33 {
  border-right: 1px solid #E0E4EE;
  color: #393939;
}
.discount_rate .grid-33 span {
  width: 100%;
  float: left;
}
.discount_rate .grid-33:last-of-type {
  border-right: none;
}
.discount_rate .sapn_tile_discount {
  font-size: 13px;
  font-weight: 700;
}
.discount_rate .sapn_amount_discount {
  font-size: 30px;
  font-weight: 300;
}
.discount_rate .amount_previous {
  color: #8F9BAB;
}

.btn_join_cupon {
  position: relative;
  width: 53%;
  height: 45px;
  display: block;
  border: 0px solid #000000;
  padding: 12px 35px;
  color: white;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  box-shadow: inset 0px 0px 2px #000000;
  -webkit-box-shadow: inset 0px 0px 2px #000000;
  background: -moz-linear-gradient(top, #5e0e9d 0%, #41066e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e0e9d), color-stop(100%, #41066e));
  background: -webkit-linear-gradient(top, #5e0e9d 0%, #41066e 100%);
  background: -o-linear-gradient(top, #5e0e9d 0%, #41066e 100%);
  background: -ms-linear-gradient(top, #5e0e9d 0%, #41066e 100%);
  background: linear-gradient(to bottom, #5e0e9d 0%, #41066e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e0e9d', endColorstr='#41066e',GradientType=0 );
}
.btn_join_cupon span {
  position: absolute;
  right: 10px;
  height: 51px;
  width: 50px;
  top: 0;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #2bb020;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAYAAAET5AgbAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94JCBMbLkfERh0AAAioSURBVGje7VpPiBxpFf+9r6qrq6urO/ZMs5MhkzWSQyRuEIQgKygePAheRBZ0EdYFccXLRljc03rYk3jQQw6LqAc3+A8vi+LBg7CQJZGBmExkyR/yhzBOk8lM90zS1VXdXX++56G6aqqqq2a6x5k2CT4our/6/rw/33vve+99Rcy8hQKgra0tLuoURBSOGv3GHUJA1TQNQggIIVKDpJQ7ncyc6iQiEEdv83D2ej3yff9htqPT6RBZlgUA8DwPQRAwgJ6u6zUAoCI+C3kUMUUJ/ogIqq7rEIoAYdRBABhQS6XSGF9SymKeRLfbpezLW7dufT7mZTAYMADYtk3z8/Mgy7IKxVMEqud5U00gopAb3/ehKAqEELEsJEuAdwYyc8glEWgwGDARxfseQdGmSilBo82aDl6r/xo8Hfhg5vjZ2Nioe57Hec/KygqklCHZyUnJ58aNG3+5ePHiJ13XHeuj3eyqUOwz2VwAUKfVhtgiki9Tlk/jE4gIaqQ6kTcgIjAYLDk1IalGaqlUAgmCIJHCwgrHZhdNYmYEQQBVURQoipLSuWhyUv+id4qihJMir1U0MIkJwP4UdlfHVujwbi23zk8z4Y3P/VwFM2Nra2si87hz504oqMjjBEGAarWaS6pt2390HOfVWq0W85Qa0Gq1vl4ulz+I2nfv3qWzZ8+mtiXGlATHcdDpdFgIQceOHRuXnuu60/uIfYCaR92hIMqem4eG6KAXLCJcVVUVUkpIKcOBgkAg5EYKNLI13vEdBIptLKtZSX+T61NiIx6dxnmWDwAMHju5k2OTT+wdImRJlzKpmPI4iSQU/arJOCn55J2hkTvKIskjLBobr+/7/mzsKBsBHKYdeQBKh41IuK6rWZZFrVbrUwe9uOu6f1teXqaNjQ1Cr9eDlBK2bSMIArTbbXQ6nXO8fxhevnyZ7t+/D9d14/VpOBzmahIzw3EcMPOKruuf3Yv6mzdvfqZer99YXFyEpmnjmtnr9WAYBvr9PnRdR7/fH2vruo719XXF9/0hgPjA6Ha7513XPXfq1CkQESqVSu58wzD2F3btAzZVz/MaM0DkqcPhcBZmRKrrurNBNKODj2bjfwBSD23ltKTErI7yHI4yJ+Ukud0EiIUanarMDBIUIlEoFeWn8gsOj/CImOh/9FsQM5BKgsBBiEQIEQcm8SAaBSAYEYOdxZPcJ7lNJQURIkECpBDyjvS0RAkQ4SICYiwwiQiI3kmWIBCCIBghSkQ+qQioKGYAjxUz8saKUaY32hqKj/Jk+kagQk3KEpWM6XIlEb4LPUOqGIS9PUVyDybUuh0XlEdNUbgVjc3LEJPcJUMx8jyPs8WxSW2miLAoaEyGD2rRZk4CRWNzCJid954VIvHcnUdPxJtnLhiHieHuv9be/UbtJw3qdrtgZmiadlnX9ZcPEsm1a9de0HV98+TJk4DrunAcB7Zto9VqfYUPAKSU9y9duoS1tTX0+304jhPagmVZYGY8efIE7XabpJTD/SJ59OjRuStXrsC2bUTSsiwL5Ps+PM+DqqrwPA+lUgndbhcAfl+v11+dRlTLy8tHlpaWunNzc6hUKvA8D5qmwfO8sNximiZ6vV7q9/HjxxgOh582TfPmXgiCIPh4ZWXlzJkzZ6AoCur1+th65LoufN9HsnActaP9C4KgoyjKXB6SVqv1HSHEhRMnTqBUKqXmJ9cTpVIprPipajwgaksp0Ww2oarqvGVZ79q2jeRz/fr1ysLCwoXjx4+jVquNzU+2x/Yokmm2TURYX19vOo6z6bruP4Ig+MLS0hLm5ubg+/7e8/dVAX96YWNWycSsgNTBYPB8MbSfqP1pZkjg+YLnjyH1maS6ODgMQ9Sn3Y6KGNg1uM9jKpWJ8+6L5a0T/x/ltqkMJJNo75fJsYJJsrwQJdARwtQkwq65cSrRQ/raIipLTANjtxIZQRUwNFK5Uf6tkBL/T961xO9yFtkt2ZEsdyoT2LkqYebUruXl//HYSLCjmkyKUR5jPCwuCIhUR95Vy26pehEopOTejKTslnYuniZdP7t7o5LMeN6a/fwle3WTrBdMWcTYVUXD0tK4EIvULmuviTkit1iSLWrlfcpzkMCSQ7vD+BV91l6yV4gZIVDqaqpQxSJPNFKPg2Zot9vB3Vx2nppOVMGgkJNUMfUwKh9Fxb8iFZy6yDSJqhXZ1BSVrqlc9h7zpytmFRG566F8uKHOOEOzut79f7T9lNdPZ7dD733v7y851vDjZ52Tfm/40c++/6cX6fUjv4HkAKx6+NpbL73yytsv/0pRxSeeET4e/vkXH337/Xc+/FC4FWhU3fmyq1qtIggCbG1tod/vq41G4516vf5jZD4ifArA29zc/NG9e/fOm6bJlUoFpmlifn4+vOyybRuGYUBKCcdxIISIC6zb29sYDocvNJvN9w3D+Or/kovBYPDXq1evvk5EnaWlJdRqtaguj2q1GtNPUR213+8jCAIYhgEhBBzHgZQSuq6DmbG9vY1+v392YWHhD+Vy+eQsmJBS3r19+/a3er3eP03TRK1WQ7PZRLlcxmAwgJQSlUolRT8xM2zbBjPDNE0AQK/Xi9WQiOJ+wzDgeR42NzfBzK81m833hBDVA+bDWVtb+8Hq6uqFo0ePYn5+HkQETdNQr9dBRIX0maa5Y0OmaSJibpJ2pVKB67rY2NjQieinR44cefO/4cKyrF+urq7+UFXVfqPRwOLiYrwTRDQxfbk2NE2biKDrOhzHQbvdPk5EvyuXy1+chAnXda8/ePDgm7Va7fbc3BxKpRKq1Srq9Xq4VfugRy2XywCA6MscXdcjIwQA7NWv63r47bGqotls/lvTtC+5rov19fUvM/NvhRDHMnHfdrvd/q7neR80Gg2cPn0atVoNQRDEah3Z8CT4s/1T2dA0/VJKaJoGx3HEw4cP3/Y870UhxFuGYfQVRYFpmmg0GlAUJfrc7EDw/wfy2cRmqNKiFgAAAABJRU5ErkJggg==");
}

.invalid_coupon {
  color: #f96464;
  margin-bottom: 20px;
  font-size: 15px !important;
  line-height: 21px;
}
.invalid_coupon .icon, .invalid_coupon .arrow {
  float: left;
  margin-right: 5px;
  font-size: 22px;
}

.take_course_modal_course {
  font-size: 14px;
  color: #0e2f5c;
}
.take_course_modal_course .img_data {
  position: relative;
  clear: both;
  display: inline-block;
  width: 120px;
  height: 68px;
  border-radius: 2px;
  margin-bottom: 10px;
}
.take_course_modal_course .bold_txt {
  display: block;
  font-size: 17px;
  font-weight: 600;
}
.take_course_modal_course .txt_data {
  position: relative;
  float: right;
  width: calc(100% - 130px);
  font-size: 13px;
}
.take_course_modal_course .txt_data .price {
  color: #7194b5;
}
.take_course_modal_course .txt_data .price.txt_tachado {
  text-decoration: line-through;
}

.takeline {
  border-bottom: 1px solid #e6eef6;
  padding-bottom: 5px;
}

.footerbtn_modal {
  position: relative;
  width: 48%;
  height: 38px;
  margin-top: 18px;
  padding-bottom: 3px;
  border-radius: 3px;
  background-image: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  font-size: 0.875em;
  font-weight: 400;
  color: white;
  border: none;
}
.footerbtn_modal.accep_mod {
  float: right;
  background: #1fcc65;
}
.footerbtn_modal.accep_mod:hover {
  background: #15b756;
}
.footerbtn_modal.cancel_mod {
  float: left;
  background: #aabfd3;
}
.footerbtn_modal.cancel_mod:hover {
  background: #8da9c4;
}

.secure {
  color: #416086;
  font-size: 12px;
}
.secure.divsecure {
  margin-top: 5px;
  text-align: center;
}

.more_credits {
  color: #416086;
  font-size: 16px;
  text-decoration: underline;
}

.margin_ajust {
  margin-bottom: 10px;
}

.take_course_btn_modal_base {
  height: 38px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  border: none;
  margin-bottom: 10px;
}
.take_course_btn_modal_base.mycredit {
  color: white;
  background: #1fcc65;
}
.take_course_btn_modal_base.mycredit:hover {
  background: #47ea89;
}
.take_course_btn_modal_base.nocredit {
  text-align: center;
  color: #7194b5;
  background: #e6eef6;
  padding-top: 8px;
}
.take_course_btn_modal_base.nocredit a {
  color: #7194b5;
  text-decoration: underline;
}
.take_course_btn_modal_base.paypal {
  color: #002F86;
  background: #f0c424;
}
.take_course_btn_modal_base.paypal:hover {
  background: #ffe164;
}
.take_course_btn_modal_base.card {
  color: white;
  background: #41c8f6;
}
.take_course_btn_modal_base.card:hover {
  background: #0ea8e7;
}

.separator_modal {
  font-size: 14px;
  color: #0e2f5c;
  position: relative;
  display: block;
  text-align: center;
}
.separator_modal .separator:before, .separator_modal .separator:after {
  content: "";
  border-top: 1px solid #C6D4E1;
  width: 172px;
  top: 11px;
  position: absolute;
}
.separator_modal .separator:before {
  left: 0;
}
.separator_modal .separator:after {
  right: 0;
}

.ty_buy_modal {
  color: #0e2f5c;
}
.ty_buy_modal .text_tybuy {
  display: inline-block;
  width: calc(100% - 45px);
  margin-bottom: 15px;
  margin-left: 10px;
}
.ty_buy_modal .text_tybuy a {
  margin-top: 5px;
  cursor: pointer;
  color: #1fcc65;
  display: block;
}
.ty_buy_modal .tittlety1 {
  color: #1fcc65;
}
.ty_buy_modal .tittlety2 {
  color: #6f6fd1;
}
.ty_buy_modal .tittlety3 {
  color: #f0c424;
}
.ty_buy_modal .circle {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  padding-top: 8px;
}
.ty_buy_modal .circle.circleg {
  background: #1fcc65;
}
.ty_buy_modal .circle.circlep {
  background: #6f6fd1;
}
.ty_buy_modal .circle.circley {
  background: #f0c424;
}
.ty_buy_modal i {
  color: white;
}

.upgrade_your_browser {
  display: block;
  width: 100%;
  height: 196px;
  z-index: 9999999999;
}
.upgrade_your_browser img {
  border: none;
  height: 80%;
  width: auto;
  margin-top: 3%;
  margin-left: 10%;
}
.upgrade_your_browser a {
  float: right;
  height: 79px;
  width: 19%;
  margin-bottom: 53px;
  margin-top: 83px;
  margin-left: 2%;
  cursor: pointer;
}
.upgrade_your_browser span {
  float: right;
  height: 100%;
  margin-right: 8%;
  width: 27%;
}

.es_browser {
  background: #263346 url("../img/es_hora_de_que_actualices_tu_navegador.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.en_browser {
  background: #263346 url("../img/It_s_time_to_upgrade_your_browser.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

/******************************************************************new footer******************************************************************/
.footer {
  color: #284b76;
  font-size: 1em;
  line-height: 1.38;
  background-color: white;
  border-top: 0.063em solid rgba(198, 212, 225, 0.61);
  height: 307px;
  width: 100%;
  float: left;
}
.footer * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .clearfix {
  *zoom: 1;
}
.footer .clearfix:before, .footer .clearfix:after {
  content: "";
  display: table;
}
.footer .clearfix:after {
  clear: both;
}
.footer .grid-container {
  height: 100%;
}
@media screen and (max-width: 860px) {
  .footer {
    border-top-width: 0.067em;
    height: 346px;
    font-size: 0.938em;
  }
  .footer .grid-container {
    height: 23em;
    max-width: 768px;
    width: 95.5%;
    padding: 0;
  }
}
@media screen and (min-width: 401px) and (max-width: 601px) {
  .footer {
    height: 595px;
  }
  .footer .grid-container {
    height: 39.6em;
    width: 95.4849%;
  }
}
@media screen and (max-width: 400px) {
  .footer {
    height: 869px;
  }
  .footer .grid-container {
    height: 54.267em;
    max-width: 380px;
    width: 93.1373%;
  }
  .footer .footer_button {
    margin-left: 1.875%;
  }
  .footer .footer_input {
    position: relative;
    width: 67.7083%;
  }
  .footer .text_15 {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.form_footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 861px) {
  .form_footer {
    float: right;
    height: 11.75em;
    width: 28.8136%;
  }
}
@media screen and (min-width: 501px) and (max-width: 860px) {
  .form_footer {
    clear: both;
    float: left;
    height: 7.533em;
    margin-left: 0.067em;
    margin-top: 1.467em;
    width: 273px;
  }
}
@media screen and (min-width: 366px) and (max-width: 500px) {
  .form_footer {
    clear: none;
    float: none;
    margin-top: 0.533em;
    position: relative;
    width: 366px;
    height: 7.533em;
  }
}
@media screen and (max-width: 365px) {
  .form_footer {
    height: 5.867em;
    margin-top: 1.067em;
    position: relative;
    width: 280px;
  }
}
.form_footer .title_form_footer {
  color: #294c77;
  float: left;
  font-size: 1em;
  line-height: 1.38;
  width: 100%;
}
@media screen and (min-width: 861px) {
  .form_footer .title_form_footer {
    border-bottom: 0.063em solid #e6eef6;
    padding-top: 1.75em;
    height: 3.625em;
  }
}
@media screen and (min-width: 511px) and (max-width: 860px) {
  .form_footer .title_form_footer {
    font-size: 15px;
    height: 2em;
    padding-top: 0.533em;
  }
}
@media screen and (min-width: 401px) and (max-width: 510px) {
  .form_footer .title_form_footer {
    padding-top: 0.267em;
    text-align: center;
    height: 2em;
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .form_footer .title_form_footer {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.267em;
    border-bottom-width: 0.067em;
    text-align: center;
    height: 2em;
    border-bottom-style: none;
    font-size: 15px;
  }
}
.form_footer .footer_button {
  background-color: #294c77;
  border-radius: 0.25em;
  color: white;
  display: block;
  float: left;
  height: 34px;
  line-height: 1.38;
  padding-bottom: 0.083em;
  position: relative;
  text-align: center;
  border: none;
  text-transform: uppercase;
}
.form_footer .footer_button:hover {
  background-color: #113868;
}
.form_footer .footer_button:active {
  background-color: #0e2f5c;
}
@media screen and (min-width: 861px) {
  .form_footer .footer_button {
    font-size: 0.75em;
    margin: 0.833em 0 0 1.28217%;
    width: 92.2px;
  }
}
@media screen and (min-width: 401px) and (max-width: 860px) {
  .form_footer .footer_button {
    font-size: 0.8em;
    margin-left: 1.83723%;
    margin-top: 0.75em;
    width: 30.4029%;
  }
}
@media screen and (max-width: 400px) {
  .form_footer .footer_button {
    margin-left: 1.875%;
    width: 30.4029%;
    margin-top: 0.75em;
    font-size: 0.8em;
    margin-top: 0.75em;
    font-size: 0.8em;
  }
}
.form_footer .footer_input {
  border: 1px solid #c6d4e1;
  border-radius: 0.214em;
  clear: both;
  color: #294c77;
  display: block;
  float: left;
  font-weight: 400;
  height: 2.5em;
  line-height: 1.38;
  padding: 0 0.714em 0.143em;
  position: relative;
}
.form_footer .footer_input::-webkit-input-placeholder {
  color: #8c9eb6;
}
.form_footer .footer_input:-ms-input-placeholder {
  color: #8c9eb6;
}
.form_footer .footer_input:-moz-placeholder {
  color: #8c9eb6;
}
.form_footer .footer_input::-moz-placeholder {
  color: #8c9eb6;
}
.form_footer .footer_input:focus {
  border-color: #7194b5;
  border-right-width: 1px;
}
@media screen and (min-width: 861px) {
  .form_footer .footer_input {
    font-size: 0.875em;
    margin-top: 0.714em;
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 401px) and (max-width: 860px) {
  .form_footer .footer_input {
    font-size: 0.933em;
    margin-top: 0.643em;
    width: 67.7656%;
  }
}
@media screen and (max-width: 400px) {
  .form_footer .footer_input {
    position: relative;
    width: 67.7083%;
    margin-top: 0.643em;
    font-size: 0.933em;
  }
}

.language_footer {
  position: relative;
}
@media screen and (min-width: 861px) {
  .language_footer {
    float: left;
  }
}
@media screen and (min-width: 501px) and (max-width: 860px) {
  .language_footer {
    height: 14.067em;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .language_footer {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.language_footer {
  height: 11.688em;
  width: 18.6441%;
  min-width: 200px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 601px) and (max-width: 860px) {
  .language_footer {
    width: 216px;
    float: left;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  .language_footer {
    height: 7.6em;
    min-width: 360px;
    position: relative;
    float: none;
  }
}
@media screen and (max-width: 400px) {
  .language_footer {
    height: 8.733em;
    width: 280px;
  }
}
.language_footer .container_logo {
  border-bottom: 1px solid #e6eef6;
  float: left;
  height: 3.625em;
  padding-top: 1.625em;
  width: 100%;
}
.language_footer .container_tex_des_language {
  clear: both;
  float: left;
  height: 1.813em;
  margin-top: 0.375em;
  position: relative;
  width: 33.1818%;
}
.language_footer .image {
  display: block;
  height: auto;
  overflow: hidden;
}
.language_footer .image-1 {
  float: left;
  width: 84px;
}
.language_footer .image-2 {
  float: left;
  width: 20.5479%;
  margin-top: 6px;
}
.language_footer .selected_language {
  position: relative;
  float: left;
  width: 30.4545%;
  height: 1.933em;
  margin: 0.4em 0px 0px 0.4em;
  padding-top: 0.2em;
  border: 1px solid #c6d4e1;
  border-radius: 0.2em;
  font-size: 0.938em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: #294c77;
}
.language_footer .tex_lenguage {
  float: right;
  width: 73.9726%;
  height: 1.933em;
  min-height: 1.333em;
  padding-top: 0.2em;
  padding-bottom: 0.133em;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.9;
  color: #294c77;
}
@media screen and (min-width: 601px) and (max-width: 860px) {
  .language_footer .tex_lenguage {
    width: 51px;
    height: 2.4em;
    padding-top: 0.467em;
  }
}
@media screen and (max-width: 600px) {
  .language_footer .tex_lenguage {
    height: 2.25em;
    padding-top: 0.375em;
    padding-bottom: 0.125em;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  .language_footer .tex_lenguage {
    width: 64px;
    min-height: 1.25em;
  }
}
@media screen and (max-width: 400px) {
  .language_footer .tex_lenguage {
    width: 60px;
    min-height: 1.25em;
  }
}
.language_footer .no_selected_language {
  display: block;
  position: relative;
  float: left;
  width: 30.4545%;
  margin: 0.4em 0px 0px 0.267em;
  border-radius: 0.2em;
  font-size: 0.938em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: #7194b5;
}
.language_footer .no_selected_language:hover {
  color: #294c77;
}
@media screen and (min-width: 861px) {
  .language_footer .no_selected_language {
    height: 1.933em;
    line-height: 1.9;
  }
}
@media screen and (max-width: 860px) {
  .language_footer .no_selected_language {
    height: 2.4em;
    line-height: 2.2em;
    position: relative;
    font-size: 1em;
  }
}
@media screen and (min-width: 601px) and (max-width: 860px) {
  .language_footer .no_selected_language {
    width: 66px;
    margin-left: 0.9838%;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  .language_footer .no_selected_language {
    width: 80px;
    margin-left: 0.99898%;
  }
}
@media screen and (max-width: 400px) {
  .language_footer .no_selected_language {
    margin-top: 0.8em;
    margin-left: 1.99777%;
    width: 80px;
  }
}
@media screen and (min-width: 601px) and (max-width: 860px) {
  .language_footer .container_tex_des_language {
    height: 1.933em;
    margin-top: 0.4em;
    position: relative;
  }
  .language_footer .container-1 {
    border-bottom-width: 0.067em;
    height: 3.867em;
    padding-top: 1.333em;
  }
  .language_footer .image-2 {
    margin-top: 10px;
  }
  .language_footer .container_logo {
    height: 3.867em;
    padding-top: 1.333em;
    border-bottom-width: 0.067em;
  }
  .language_footer .selected_language {
    position: relative;
    width: 66px;
    height: 2.4em;
    margin-left: 2.66204%;
    padding-top: 0.467em;
    font-size: 1em;
  }
}
@media screen and (min-width: 401px) and (max-width: 600px) {
  .language_footer .container_tex_des_language {
    height: 2.4em;
    position: relative;
    width: 33.0601%;
    margin-top: 0.4em;
  }
  .language_footer .image-2 {
    width: 16px;
    margin-top: 10px;
    margin-left: 24.7159%;
  }
  .language_footer .selected_language {
    position: relative;
    margin-left: 4.77715%;
    width: 66px;
    height: 2.4em;
    padding-top: 0.467em;
    font-size: 1em;
  }
  .language_footer .container_logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    height: 3.867em;
    padding-top: 1.333em;
    border-bottom-width: 0.067em;
  }
  .language_footer .image-1 {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 400px) {
  .language_footer .container_tex_des_language {
    margin-top: 0.8em;
    position: relative;
  }
  .language_footer .image-2 {
    margin-left: 9.58812%;
    margin-top: 7px;
  }
  .language_footer .container_logo {
    height: 4.8em;
    padding-top: 2em;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  .language_footer .image-1 {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  .language_footer .selected_language {
    position: relative;
    margin-top: 0.8em;
    margin-left: 2.4442%;
    padding-top: 0.4em;
    width: 66px;
    height: 2.4em;
  }
}

@media screen and (min-width: 861px) {
  .footes_list {
    width: 44.0678%;
    height: 12.75em;
    margin-left: 1.25em;
    position: relative;
    float: left;
  }
}
@media screen and (min-width: 601px) and (max-width: 860px) {
  .footes_list {
    float: right;
    width: 335px;
    margin-left: 0px;
    border-top-width: 0.067em;
    border-top-color: #e6eef6;
    position: relative;
    height: 14.067em;
  }
}
@media screen and (min-width: 411px) and (max-width: 600px) {
  .footes_list {
    width: 79.8582%;
    margin-top: 0.6em;
    border-bottom-width: 0.067em;
    border-bottom-color: #e6eef6;
    position: relative;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0.067em;
    border-top-color: #e6eef6;
    height: 14.067em;
    text-align: center;
  }
}
@media screen and (max-width: 410px) {
  .footes_list {
    width: 260px;
    height: 26.8em;
    margin-left: 1.333em;
    border-top-width: 0px;
    border-top-style: none;
    position: relative;
    margin-top: 0.6em;
    border-bottom-width: 0.067em;
    border-bottom-color: #e6eef6;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-top-color: #e6eef6;
    text-align: center;
  }
}
.footes_list li a:nth-of-type(1) {
  margin-top: 0.429em;
}
@media screen and (min-width: 861px) {
  .footes_list li:nth-of-type(1) {
    float: left;
    width: 18.1034%;
    height: 11.75em;
    margin-left: 3.45263%;
  }
  .footes_list li:nth-of-type(2) {
    float: left;
    width: 29.6163%;
    height: 12.75em;
    margin-left: 1.188em;
  }
  .footes_list li:nth-of-type(3) {
    float: right;
    width: 41.1538%;
    height: 11.75em;
  }
}
@media screen and (min-width: 411px) and (max-width: 860px) {
  .footes_list li:nth-of-type(1) {
    float: left;
    width: 25.7225%;
    height: 14.067em;
    margin-left: 0px;
  }
  .footes_list li:nth-of-type(2) {
    float: left;
    width: 35.5224%;
    height: 14.067em;
    margin-left: 0.8em;
  }
  .footes_list li:nth-of-type(3) {
    float: left;
    width: 30.0578%;
    height: 14.067em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 410px) {
  .footes_list li {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .footes_list li:nth-of-type(1) {
    height: 6.733em;
  }
  .footes_list li:nth-of-type(2) {
    height: 10em;
  }
  .footes_list li:nth-of-type(3) {
    height: 8em;
    margin-top: 0.667em;
  }
}
.footes_list h4 {
  float: left;
  width: 100%;
  height: 3.625em;
  padding-top: 1.75em;
  border-bottom: 1px solid #e6eef6;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.38;
  color: #294c77;
  display: table;
}
.footes_list a {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  min-height: 1.714em;
  margin-top: 0.286em;
  padding-top: 0.071em;
  font-size: 0.875em;
  line-height: 1.38;
  color: #7194b5;
}
.footes_list a:hover {
  color: #294c77;
}

.footer_element {
  width: 100%;
  height: 0.063em;
  margin: 210px auto 0px;
  background-color: #e6eef6;
}
@media screen and (min-width: 501px) and (max-width: 860px) {
  .footer_element {
    float: left;
    clear: both;
    height: 0.067em;
    margin-top: -8em;
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .footer_element {
    float: none;
    clear: none;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    height: 0.067em;
  }
}
@media screen and (max-width: 400px) {
  .footer_element {
    width: 280px;
    margin-top: 1.2em;
  }
}

.list_social_networks {
  position: relative;
  width: 11.813em;
  height: 2.063em;
  margin-top: 1.313em;
}
.list_social_networks .icon-facebook, .list_social_networks .icon-twiter, .list_social_networks .icon-instagram, .list_social_networks .icon-google-pluss, .list_social_networks .icon-linkedin {
  line-height: 31px;
  text-align: center;
}
.list_social_networks .icon-twiter, .list_social_networks .icon-instagram, .list_social_networks .icon-google-pluss, .list_social_networks .icon-linkedin {
  font-size: 18px;
}
.list_social_networks a {
  position: relative;
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 0.188em;
  color: #fff;
}
.list_social_networks .icon-facebook {
  background-color: #3B5998;
  font-size: 20px;
}
.list_social_networks .icon-twiter {
  margin-left: 3.66237%;
  background-color: #00ACED;
}
.list_social_networks .icon-instagram {
  margin-left: 3.66237%;
  background-color: #517FA4;
}
.list_social_networks .icon-google-pluss {
  margin-left: 4.22454%;
  background-color: #DD4B39;
}
.list_social_networks .icon-linkedin {
  margin-left: 3.66237%;
  background-color: #007BB6;
}
@media screen and (min-width: 861px) {
  .list_social_networks {
    position: relative;
    float: right;
    width: 11.813em;
    height: 2.063em;
    margin-top: 1.313em;
  }
}
@media screen and (min-width: 501px) and (max-width: 860px) {
  .list_social_networks {
    position: relative;
    clear: both;
    width: 12.6em;
    height: 2.2em;
    margin-top: -4.867em;
    float: right;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .list_social_networks {
    position: relative;
    float: none;
    clear: none;
    width: 190px;
    margin-top: 0.533em;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 400px) {
  .list_social_networks {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    height: 2.2em;
    width: 190px;
  }
}

.tex_copyright {
  line-height: 1.38;
  color: #AABFD3;
  position: relative;
}
@media screen and (min-width: 860px) {
  .tex_copyright {
    float: left;
    clear: both;
    height: 2.462em;
    margin-top: 1.692em;
    padding-top: 0.462em;
    font-size: 0.813em;
  }
}
@media screen and (min-width: 401px) and (max-width: 861px) {
  .tex_copyright {
    clear: none;
    height: 2.727em;
    padding-top: 0.545em;
    font-size: 0.733em;
  }
}
@media screen and (min-width: 501px) and (max-width: 861px) {
  .tex_copyright {
    float: right;
    margin-top: -9.818em;
    text-align: right;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .tex_copyright {
    margin-top: 0.364em;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  .tex_copyright {
    width: 100%;
    height: 1.833em;
    margin-top: 0.833em;
    padding-top: 0px;
    font-size: 0.8em;
    text-align: center;
  }
}

/******************************************************************end footer******************************************************************/
/************************************************************HEADER************************************************************/
.header {
  height: 55px;
  width: 100%;
  background: white;
  border-bottom: 2px solid #ecf2f8;
  color: #3e5374;
  position: fixed;
  z-index: 111;
}
.header *,
.header *:after,
.header *::before {
  box-sizing: border-box;
}
.header a {
  color: #3e5374;
}
.header .goOrganizacion_container {
  float: right;
  width: 20%;
  height: 55px;
  padding-right: 25px;
  display: table;
}
@media (max-width: 768px) {
  .header .goOrganizacion_container {
    display: none;
  }
}
.header .goOrganizacion_container .middle {
  display: table-cell;
  vertical-align: middle;
}
.header .goOrganizacion_container .goOrganizacion {
  display: block;
  vertical-align: middle;
  float: right;
  border: 1px solid #4576bb;
  padding: 4px 10px 6px;
  color: #4576bb;
  border-radius: 3px;
  background: none;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.header .goOrganizacion_container .goOrganizacion:hover {
  background-color: #4576bb;
  color: white;
}
.header .directory {
  line-height: 53px;
  height: 55px;
  border-left: 1px solid #ecf2f8;
  text-align: center;
}
@media screen and (min-width: 1400px) {
  .header .directory {
    max-width: 140px;
  }
}
@media screen and (min-width: 860px) and (max-width: 989px) {
  .header .directory {
    font-size: 15px;
  }
}
@media screen and (max-width: 859px) {
  .header .directory {
    font-size: 14px;
  }
}
.header .directory a {
  height: 100%;
  width: 100%;
  float: left;
  transition: border-bottom 0.5s;
  font-size: 15px;
}
@media screen and (max-width: 480px) {
  .header .directory {
    border-right: 1px solid #ecf2f8;
  }
}
@media screen and (max-width: 1045px) {
  .header .online {
    display: none;
  }
}

.inicio-sesion {
  float: right;
  max-width: 278px;
}
@media screen and (max-width: 480px) {
  .inicio-sesion .directory {
    border-left: none;
  }
}

.logo {
  height: 55px;
  position: relative;
  display: table;
  text-align: center;
}
@media screen and (min-width: 990px) {
  .logo {
    max-width: 139px;
  }
}
.logo a {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  margin: auto;
}

.search {
  height: 55px;
  position: absolute;
  border-left: 1px solid #ecf2f8;
}
@media screen and (min-width: 1400px) {
  .search {
    left: 278px;
  }
}
.search input[type="search"], .search button {
  height: 30px;
  border: none;
  background: none;
  margin-top: 12px;
  float: left;
  box-sizing: border-box;
  border: 1px solid #E6EEF6;
}
.search input[type="search"] {
  border-right: 0px;
  border-right: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
  transition: width 0.5s;
  color: #113868;
}
@media screen and (min-width: 1131px) {
  .search input[type="search"] {
    width: 400px;
  }
}
.search input[type="search"]::-webkit-input-placeholder {
  color: #c6d4e1;
}
.search input[type="search"]:-ms-input-placeholder {
  color: #c6d4e1;
}
.search input[type="search"]:-moz-placeholder {
  color: #c6d4e1;
}
.search input[type="search"]::-moz-placeholder {
  color: #c6d4e1;
}
.search button {
  border-left: 0px;
  color: #113868;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  width: 38px;
  line-height: 12px;
  font-size: 1.3em;
}
.search span {
  font-size: 1.1em;
  margin-left: 2px;
}
.search .suggestion {
  position: absolute;
  top: -455px;
  left: 0;
  width: 100%;
  height: 0px;
  background: white;
  transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.search .search_button_cancel {
  display: none;
  height: 55px;
  line-height: 55px;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 14px;
  color: #c9dbef;
}
@media screen and (max-width: 480px) {
  .search .search_button_cancel {
    border-right: none;
  }
}
@media screen and (min-width: 481px) {
  .search .search_button_cancel {
    border-right: 1px solid #ecf2f8;
  }
}
.search .search_button_cancel_icon {
  float: left;
  line-height: 55px;
  font-size: 1.5em;
}
@media screen and (min-width: 769px) and (min-width: 770px) {
  .search {
    max-width: 308px;
  }
}
@media screen and (min-width: 771px) and (min-width: 810px) {
  .search {
    max-width: 328px;
  }
}
@media screen and (min-width: 811px) and (min-width: 836px) {
  .search {
    max-width: 338px;
  }
}
@media screen and (min-width: 837px) and (min-width: 874px) {
  .search {
    max-width: 348px;
  }
}
@media screen and (min-width: 875px) and (min-width: 915px) {
  .search {
    max-width: 368px;
  }
}
@media screen and (min-width: 916px) and (min-width: 960px) {
  .search {
    max-width: 388px;
  }
}
@media screen and (min-width: 961px) and (min-width: 1011px) {
  .search {
    max-width: 410px;
  }
}
@media screen and (min-width: 1012px) and (min-width: 1068px) {
  .search {
    max-width: 460px;
  }
}
@media screen and (min-width: 1069px) and (min-width: 1131px) {
  .search {
    max-width: 480px;
  }
}
@media screen and (min-width: 1132px) and (min-width: 1203px) {
  .search {
    max-width: 520px;
  }
}

@media screen and (max-width: 768px) {
  .search_active {
    width: 100%;
    left: 0;
    background: white none repeat scroll 0% 0%;
    z-index: 200;
  }
  .search_active .search_button_cancel {
    display: inline;
  }
  .search_active input[type="search"] {
    width: 70%;
  }
}
@media screen and (min-width: 769px) and (min-width: 770px) {
  .search_active input[type="search"] {
    width: 85%;
  }
}
@media screen and (min-width: 771px) and (min-width: 810px) {
  .search_active input[type="search"] {
    width: 87%;
  }
}
@media screen and (min-width: 811px) and (min-width: 836px) {
  .search_active input[type="search"] {
    width: 86.5%;
  }
}
@media screen and (min-width: 837px) and (min-width: 874px) {
  .search_active input[type="search"] {
    width: 87%;
  }
}
@media screen and (min-width: 875px) and (min-width: 915px) {
  .search_active input[type="search"] {
    width: 87.5%;
  }
}
@media screen and (min-width: 916px) and (min-width: 960px) {
  .search_active input[type="search"] {
    width: 88%;
  }
}
@media screen and (min-width: 961px) and (min-width: 1011px) {
  .search_active input[type="search"] {
    width: 88.5%;
  }
}
@media screen and (min-width: 1012px) and (min-width: 1068px) {
  .search_active input[type="search"] {
    width: 90%;
  }
}
@media screen and (min-width: 1069px) and (min-width: 1131px) {
  .search_active input[type="search"] {
    width: 91.5%;
  }
}
@media screen and (min-width: 1132px) and (min-width: 1203px) {
  .search_active input[type="search"] {
    width: 92%;
  }
}
@media screen and (min-width: 1204px) and (min-width: 1288px) {
  .search_active input[type="search"] {
    width: 92.5%;
  }
}
@media screen and (min-width: 1289px) {
  .search_active input[type="search"] {
    width: 91%;
  }
}
.search_active input[type="search"] {
  transition: width 0.5s;
}
.search_active input[type="search"]:focus {
  border-color: #aabfd3;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
}
.search_active button {
  /* background: $desactivado;
   color: $azul_oscuro_1;*/
  border-color: #aabfd3;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
}

.suggestion_active {
  height: auto !important;
  top: 55px !important;
  transition: height 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.notifications_ico {
  color: #c9dbef;
}

.suggestion ul {
  width: 100%;
  height: auto;
}
.suggestion * {
  float: left;
}
.suggestion li {
  width: 100%;
  border-bottom: 1px solid #d3e4f6;
}
.suggestion a {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.suggestion .h2 {
  line-height: 38px;
  padding-left: 10px;
  width: 100%;
  border-bottom: 1px solid #d3e4f6;
}

.Course_lists {
  height: 88px;
}
.Course_lists img {
  height: 64px;
  max-width: 118px;
  padding: 0;
  margin-top: 10px;
}
.Course_lists .content {
  margin-top: 17px;
}
.Course_lists .title {
  width: 100%;
  font-size: 15px;
  color: #3d5374;
}
.Course_lists .user {
  width: 100%;
  font-size: 10px;
  color: #9aafcb;
}

.Course_lists:hover,
.user_lists:hover {
  background: #3e5374;
}
.Course_lists:hover .title, .Course_lists:hover .name_user_lists,
.user_lists:hover .title,
.user_lists:hover .name_user_lists {
  color: #ecf2f8;
}

.user_lists {
  height: 61px;
}
.user_lists img {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
}
.user_lists .content {
  margin-top: 8px;
}
.user_lists .name_user_lists {
  width: 100%;
  font-size: 13px;
  color: #3e5374;
}
.user_lists .profession {
  width: 100%;
  font-size: 10px;
  color: #9aafcb;
}

.bg-image {
  background-image: url("../content/images/covers/suggestion_cover-118x66.png");
}

/*===========================================================================================================================*/
.notification_bar {
  height: 55px;
  max-width: 150px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
.notification_bar .notification_icon_hover {
  height: 4px;
  width: 33.33333%;
  position: absolute;
  bottom: 0;
  background: transparent;
  border: none;
  transition: left 0.42s ease-in-out;
}

.notification_icon {
  position: relative;
  width: 33.33333%;
  height: 55px;
  float: left;
  margin-top: 0px;
  -mox-box-sizing: border-box;
  box-sizing: border-box;
  color: #c9dbef;
  text-align: center;
  transition: border-bottom 0.5s;
  cursor: pointer;
}
.notification_icon .icon, .notification_icon .arrow {
  padding-top: 13px;
  font-size: 1.7em;
  float: left;
  width: 100%;
  cursor: pointer;
}

.notification_icon:hover {
  color: #15b756;
  transition: 0.5s ease-in-out;
}

.notification_icon_active {
  background: #00d60d;
  color: white;
  transition: opacity 0.2s ease 0.35s, transform 0.2s ease 0.35s;
}

.count-notification {
  opacity: 0;
  transition-delay: 0.2s;
  transition: opacity 0.2s ease 0.35s, transform 0.2s ease 0.35s;
  transform: scale(0.2);
  position: absolute;
  padding: 0px 3px;
  right: 0;
  width: 20px;
  height: 20px;
  color: white;
  border: 2px solid white;
  font-size: 10px;
  background: #6231c5;
  margin-top: 2px;
  margin-right: 2px;
  margin-top: 9px;
  margin-right: 2px;
  top: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
}

.count-notification_active {
  transform: scale(1);
  opacity: 1;
}

/*===========================================================================================================================*/
/*================================================notifications==============================================================*/
/*===========================================================================================================================*/
.notification_div_content {
  height: 55px;
  max-width: 150px;
  position: fixed;
  z-index: 100;
}

.notification_div {
  opacity: 0;
  visibility: hidden;
  display: table;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
  top: -400px;
  color: #3e5374;
  width: 390px;
  height: 435px;
  background: #00d60d;
  box-sizing: border-box;
  box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.2);
}
.notification_div *,
.notification_div *:after,
.notification_div *::before {
  box-sizing: border-box;
}
@media screen and (min-width: 629px) {
  .notification_div {
    left: -170px;
  }
}
@media screen and (min-width: 575px) and (max-width: 628px) {
  .notification_div {
    left: -233px;
  }
}
@media screen and (min-width: 480px) and (max-width: 574px) {
  .notification_div {
    left: -285px;
  }
}
.notification_div .nano {
  width: 100%;
  height: 358px;
}
.notification_div .notification_header {
  height: 48px;
  line-height: 48px;
  color: white;
  padding-left: 12px;
  padding-right: 12px;
}
.notification_div .noticfication_msgread {
  height: 24px;
  min-width: 24px;
  line-height: 10px;
  padding: 6px;
  margin-top: 12px;
  margin-bottom: 12px;
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
  background: #00b600;
  float: left;
  text-align: center;
  margin-right: 10px;
}
.notification_div .noticfication_div_right {
  float: right;
  text-align: left;
  height: 100%;
  position: relative;
  padding-left: 25px;
  font-size: 13px;
  cursor: pointer;
}
.notification_div .noticfication_div_icon_header {
  position: absolute;
  left: 0px;
  top: 17px;
  font-size: 1em;
}
.notification_div .notification_container_inside {
  background: #ecf2f8;
  display: table;
  width: 100%;
  height: 358px;
  overflow: hidden;
}
.notification_div .inferior_top {
  background: #EEEEEE;
  display: table;
  width: 100%;
}
.notification_div .inferior_bottom {
  background: #9aafcb;
  display: table;
  width: 100%;
  height: 30px;
  color: white;
  text-align: center;
}
.notification_div .inferior_bottom_links {
  color: white;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.notification_div_active {
  top: 55px;
  opacity: 1;
  visibility: visible;
}

/*================================================mensajes==============================================================*/
.messages li {
  padding: 12px;
  height: 89px;
  width: 100%;
  border-bottom: 1px solid #d3e4f6;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.messages li:hover {
  border-bottom: 3px solid #d3e4f6;
  border-top: 3px solid #d3e4f6;
}
.messages li:hover .button_panel {
  opacity: 1;
}
.messages img {
  float: left;
  width: 54px;
  height: 54px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
}
.messages .text {
  float: left;
  width: 65%;
  margin-left: 12px;
}
.messages .button_panel {
  height: 100%;
  width: 40px;
  position: absolute;
  right: 10px;
  top: 0;
  opacity: 0;
}
.messages .button_delete, .messages .button_go {
  height: 50%;
  width: 100%;
  background: #d3e4f6;
  color: #3d5374;
  float: left;
  font-size: 15px;
  text-align: center;
  line-height: 44px;
}
.messages .button_delete:hover, .messages .button_go:hover {
  color: white;
}
.messages .button_delete {
  border-top: 1px solid #c9dbef;
}

/*================================================Notificaciones==============================================================*/
.notifications li {
  padding: 12px;
  height: 91px;
  width: 100%;
  border-bottom: 1px solid #d3e4f6;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.notifications li:hover {
  border-bottom: 3px solid #d3e4f6;
  border-top: 2px solid #d3e4f6;
}
.notifications .img_container_notifications {
  float: left;
  width: 100.8px;
  position: relative;
  height: 100%;
}
.notifications .text {
  float: left;
  width: calc(100% - 112.8px);
  margin-left: 12px;
}
.notifications .img_avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 54px;
  height: 54px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
}

/*================================================generales==============================================================*/
.new {
  background: #f1f7f9;
}

.read {
  background: white;
}

.notifications_contact {
  font-weight: 400;
  color: #3e5374;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mensage_test {
  font-weight: 300;
  color: #9aafcb;
  width: 100%;
  float: left;
  height: 28px;
  overflow: hidden;
  letter-spacing: 0.5pt;
  font-size: 13px;
  line-height: 1;
}

/*================================================nav user==============================================================*/
.name_user_nav_user {
  position: relative;
  color: #3e5374;
  float: right;
  height: 55px;
  width: 100%;
  left: -67px;
  transition: left 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  cursor: pointer;
}
.name_user_nav_user img {
  position: absolute;
  height: 32px;
  width: 32px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
  margin-top: 12px;
  cursor: pointer;
}
.name_user_nav_user .name {
  line-height: 55px;
  margin-left: 46px;
  max-width: 282px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name_user_nav_user b {
  color: #113868;
  font-size: 14px;
  float: left;
  line-height: 55px;
  margin-right: 5px;
  transition: transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.nav_user {
  position: fixed;
  top: 0px;
  z-index: 112;
  height: 100%;
  background: white;
  transition: all 0.5s;
  box-sizing: border-box;
  width: 300px;
  right: -300px;
}
.nav_user *,
.nav_user *:after,
.nav_user *::before {
  box-sizing: border-box;
}
.nav_user a {
  display: block;
  outline: none;
  font-weight: 400;
  transition: background 0.3s, box-shadow 0.3s;
  font-size: 16px;
  color: #3d5374;
}
.nav_user i {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: white;
  background: #00d60d;
  font-size: 1.3em;
  float: left;
  text-align: center;
  margin-top: 12px;
  margin-right: 14px;
  margin-left: 10px;
}
.nav_user ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: calc(100% - 55px);
  overflow: auto;
  border-top: 1px solid #ecf2f8;
  width: 100%;
}
.nav_user ul:first-child li {
  border-top: 1px solid #ecf2f8;
}
.nav_user li {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #ecf2f8;
}
.nav_user li:hover {
  background: #00d60d;
}
.nav_user li:hover a {
  color: white;
}
.nav_user li:hover i {
  background: #00b600;
}
.nav_user .nav_user_amount {
  float: right;
  display: table;
  height: 25px;
  line-height: 25px;
  margin-top: 16px;
  margin-right: 10px;
  margin-left: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background: #ecf2f8;
  color: #3e5374;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
}
.nav_user.nav_user-open {
  right: 0%;
}
.nav_user.nav_user-open .name_user_nav_user {
  border-left: 1px solid #ecf2f8;
  left: 0px;
  transition: left 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}
.nav_user.nav_user-open .name_user_nav_user b {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.user_nav_ico_notifications {
  font-size: 17px !important;
  text-align: left !important;
  padding-left: 6px !important;
}

.user_nav_ico_search {
  font-size: 17px !important;
}

.suggestion_selected {
  background-color: #3e5374 !important;
  color: #ecf2f8 !important;
}
.suggestion_selected .title,
.suggestion_selected .name_user_lists {
  color: #ecf2f8 !important;
}

.d_courses {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .d_courses.open_dircat {
    background: #f2f8fc;
  }
  .d_courses.open_dircat .category_list {
    display: inherit;
  }
  .d_courses.open_dircat .overlay.noDirectory {
    display: inherit;
  }
}
@media screen and (min-width: 769px) {
  .d_courses:hover {
    background: #f2f8fc;
  }
  .d_courses:hover .category_list {
    display: inherit;
  }
  .d_courses:hover .overlay.noDirectory {
    display: inherit;
  }
}

@media screen and (max-width: 480px) {
  .header_menu .category_list_container .category_list {
    left: 0px;
    width: 100%;
    height: calc(100% - 55px);
  }
}

/**********************************************************END*HEADER**********************************************************/
.category_list_container {
  position: relative;
  color: #597496;
}
.category_list_container .overlay {
  display: none;
  cursor: default;
  z-index: 1;
  position: fixed;
  left: 0px;
  top: 55px;
  width: 100%;
  height: 100%;
  background: transparent;
}
@media screen and (min-width: 769px) {
  .category_list_container .overlay {
    pointer-events: none;
  }
}
.category_list_container .filter_list, .category_list_container .category_list {
  position: relative;
  background: white;
  width: 279px;
  text-align: left;
  padding-left: 14px;
  z-index: 3;
  font-size: 15px;
}
.category_list_container .filter_list li, .category_list_container .category_list li {
  line-height: 40px;
  display: table;
  width: 100%;
}
.category_list_container .filter_list .directory_row, .category_list_container .category_list .directory_row {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e6eef6;
  display: table;
  cursor: pointer;
  position: relative;
  color: #597496;
}
.category_list_container .filter_list .directory_row *, .category_list_container .category_list .directory_row * {
  vertical-align: middle;
  display: inline-block;
}
.category_list_container .filter_list .directoryCheck:checked + .handle-check .circleRadio:before {
  background: #294c77;
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  display: block;
  border-radius: 50%;
}
.category_list_container .filter_list .directoryCheck:checked + .handle-check .squareCheck:before {
  border-radius: 0px;
  position: absolute;
  top: 0px;
  left: 1px;
  display: block;
  line-height: 12px;
  font-size: 10px;
}
.category_list_container .filter_list .title {
  font-weight: 700;
  padding-left: 6px;
  color: #294c77;
}
.category_list_container .filter_list .circleRadio, .category_list_container .filter_list .squareCheck {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #294c77;
  margin: auto 8px;
  box-sizing: border-box;
}
.category_list_container .filter_list .squareCheck {
  border-radius: 0px;
  font-family: "teachlr" !important;
}
.category_list_container .filter_list .squareCheck::before {
  display: none;
}
.category_list_container .category_list {
  display: none;
}
@media screen and (max-width: 768px) {
  .category_list_container .category_list {
    position: fixed;
    max-height: calc(100% - 55px);
    overflow: auto;
  }
  .category_list_container .category_list .directoryCheck:checked + .handle-check {
    background: #f2f8fc;
  }
  .category_list_container .category_list .directoryCheck:checked + .handle-check .subcategory_list {
    display: inherit;
  }
  .category_list_container .category_list .directoryCheck:checked + .handle-check .directory_row.category_p {
    color: #071e43;
  }
  .category_list_container .category_list .directoryCheck:checked + .handle-check .directory_row:hover {
    color: #071e43;
  }
  .category_list_container .category_list .directoryCheck:checked + .handle-check .directory_row .icon-right-arrow, .category_list_container .category_list .directoryCheck:checked + .handle-check .directory_row .subheader1 .category_location li, .subheader1 .category_location .category_list_container .category_list .directoryCheck:checked + .handle-check .directory_row li {
    transform: rotate(90deg);
  }
}
.category_list_container .category_list.delete-dilter .directory_row {
  line-height: 54px;
  height: 54px;
  text-transform: uppercase;
  color: #f96464;
  font-size: 14px;
}
.category_list_container .category_list li:hover {
  background: #f2f8fc;
  color: #0b264f;
}
@media screen and (min-width: 769px) {
  .category_list_container .category_list li:hover .subcategory_list {
    display: inherit;
  }
}
.category_list_container .category_list .directory_row.all-text {
  padding-left: 6px !important;
  font-weight: 300;
  color: #0b264f;
}
.category_list_container .category_list .directory_row .ic-left {
  font-size: 18px;
  margin: 0px 6px;
}
.category_list_container .category_list .directory_row .icon-right-arrow, .category_list_container .category_list .directory_row .subheader1 .category_location li, .subheader1 .category_location .category_list_container .category_list .directory_row li {
  font-size: 8px;
  position: absolute;
  right: 14px;
  top: calc(50% - 4px);
}
.category_list_container .category_list .subcategory_list {
  width: 100%;
  top: 0px;
  display: none;
}
@media screen and (max-width: 768px) {
  .category_list_container .category_list .subcategory_list .select {
    background: #c6d4e1;
  }
}
@media screen and (min-width: 769px) {
  .category_list_container .category_list .subcategory_list {
    background: #0e2f5c;
    min-height: 100%;
    height: auto;
    position: absolute;
    left: 100%;
    padding: 0px 14px;
  }
  .category_list_container .category_list .subcategory_list .directory_row {
    color: white;
    padding: 0px;
    border-bottom: 1px solid #0b264f;
  }
  .category_list_container .category_list .subcategory_list .directory_row:hover {
    background: #0b264f;
  }
}

dropdown {
  position: relative;
  display: table;
}
dropdown input[type="checkbox"] {
  display: none;
  visibility: hidden;
}

.sub_header {
  float: left;
  width: 100%;
  color: white;
}
.sub_header * {
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .sub_header {
    min-height: 149px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header {
    min-height: 166px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .sub_header {
    min-height: 188px;
  }
}
@media screen and (max-width: 320px) {
  .sub_header {
    min-height: 187px;
  }
}
.sub_header .title_courses {
  float: left;
  width: 100%;
  display: table;
  position: relative;
}
@media screen and (min-width: 769px) {
  .sub_header .title_courses {
    height: 92px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .sub_header .title_courses {
    height: 87px;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .sub_header .title_courses {
    height: 109px;
  }
}
@media screen and (max-width: 320px) {
  .sub_header .title_courses {
    height: 107px;
  }
}
.sub_header .title_courses .title_conten {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.sub_header .title_courses h1, .sub_header .title_courses h2 {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 481px) {
  .sub_header .title_courses h1, .sub_header .title_courses h2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.sub_header .title_courses h1 {
  font-size: 1.4em;
  font-weight: 400;
}
.sub_header .title_courses h2 {
  margin-top: 10px;
  font-size: 1.2em;
  font-weight: 300;
}
.sub_header .bar_nav {
  float: left;
  width: 100%;
  display: block;
}
@media screen and (min-width: 769px) {
  .sub_header .bar_nav {
    min-height: 60px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .sub_header .bar_nav {
    min-height: 79px;
  }
}
@media screen and (max-width: 320px) {
  .sub_header .bar_nav {
    min-height: 80px;
  }
}

@media screen and (min-width: 941px) {
  .menu_mobile_directory .nav_sub_header_overlay,
  .menu_mobile_directory .nav_sub_header {
    display: none !important;
    visibility: hidden !important;
  }
}

@media screen and (min-width: 622px) {
  .menu_mobile_dashBoard .nav_sub_header_overlay,
  .menu_mobile_dashBoard .nav_sub_header {
    display: none !important;
    visibility: hidden !important;
  }
}

.nav_sub_header {
  position: fixed;
  top: 57px;
  z-index: 111;
  right: 0;
  visibility: hidden;
  height: 91%;
  transition: all 0.5s;
  box-sizing: border-box;
  width: 261px;
  overflow: auto;
}
.nav_sub_header *,
.nav_sub_header *:after,
.nav_sub_header *::before {
  box-sizing: border-box;
}
.nav_sub_header a {
  display: block;
  outline: none;
  font-weight: 400;
  transition: background 0.3s, box-shadow 0.3s;
  font-size: 16px;
  color: #bcd0ed;
  position: relative;
  padding-left: 66px;
  box-sizing: border-box;
}
.nav_sub_header a i {
  position: absolute;
  left: 20px;
  top: 20px;
}
.nav_sub_header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 85%;
  width: 100%;
  float: left;
}
.nav_sub_header li {
  text-transform: uppercase;
  display: table;
  width: 100%;
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .nav_sub_header li {
    height: 79px;
  }
}
@media screen and (max-width: 320px) {
  .nav_sub_header li {
    height: 80px;
  }
}
.nav_sub_header li a, .nav_sub_header li .a_Closes, .nav_sub_header li .a-Share {
  display: table-cell;
  vertical-align: middle;
}
.nav_sub_header::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  transition: opacity 0.5s;
}
.nav_sub_header dropdown {
  width: 100%;
}
.nav_sub_header dropdown label {
  float: left;
  width: 100%;
}
.nav_sub_header dropdown label li {
  padding-left: 66px;
  box-sizing: border-box;
  position: relative;
}
.nav_sub_header dropdown label .a_Closes {
  display: none;
  visibility: hidden;
}
.nav_sub_header dropdown label i {
  position: absolute;
  left: 20px;
  top: 20px;
}
.nav_sub_header dropdown input[type="checkbox"]:checked ~ .dropdown_menu {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
  height: auto;
  display: block;
}
.nav_sub_header dropdown .dropdown_menu {
  visibility: hidden;
  display: none;
  transition: all 0.5s;
  width: 100%;
  height: 0px;
  float: left;
}

.nav_sub_header_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 57px;
  left: 0;
  z-index: 109;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.nav_sub_header-open .nav_sub_header_overlay {
  opacity: 1;
  visibility: visible;
}

.nav_sub_header-open .nav_sub_header::after {
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.nav_sub_header_effect.nav_sub_header {
  visibility: visible;
  transform: translate3d(100%, 0, 0);
}

.nav_sub_header_effect.nav_sub_header-open .nav_sub_header_effect.nav_sub_header {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

.nav_sub_header_effect.nav_sub_header::after {
  display: none;
}

.nav_sub_header-open .name_user_nav_sub_header {
  border-left: 1px solid #ecf2f8;
  left: 0px;
  transition: left 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.nav_sub_header-open .name_user_nav_sub_header b {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.container_middle {
  width: 100%;
  display: table;
  height: 100%;
}
.container_middle .middle {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.home_visitor {
  width: 100%;
  position: absolute;
  height: calc(100% - 0px);
  top: 0;
  background-color: #fff;
  background-size: 100% 100%;
  margin-top: 75px;
  /*@include media-query-bp(1281px,"",min,width,screen) {
      background-image: url('../img/crossfading/2.jpg');
  }
  @include media-query-bp(769px,1280px,max,width,screen) {
      background-image: url('../img/crossfading/1280.jpg');
  }
  @include media-query-bp(481px,768px,max,width,screen) {
      background-image: url('../img/crossfading/768.jpg');
  }
  @include media-query-bp(321px,480px,max,width,screen) {
      background-image: url('../img/crossfading/480.jpg');
  } 
  @include media-query-bp(320px,"",max,width,screen) {
      background-image: url('../img/crossfading/320.jpg');
      background-size: auto;
  }*/
  /* .owl-carousel.owl-loaded{
       margin-top: 21px;
   }*/
  /*end new*/
}
.home_visitor.recovery {
  top: 55px;
  position: absolute !important;
}
.home_visitor .owl-stage-outer, .home_visitor .owl-stage-outer .owl-stage, .home_visitor .owl-carousel, .home_visitor .owl-carousel .owl-item, .home_visitor .owl-carousel .owl-item .item, .home_visitor .owl-carousel .owl-item .item img {
  height: 100%;
}
.home_visitor .owl-carousel [class^="item_"] {
  -webkit-transition: all 30s;
  -moz-transition: all 30s;
  -o-transition: all 30s;
  transition: all 30s;
}
.home_visitor .owl-carousel .owl-item.active [class^="item_"] {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.home_visitor .owl-carousel .item_1 {
  background-image: url("../img/crossfading/1.jpg");
}
.home_visitor .owl-carousel .item_2 {
  background-image: url("../img/crossfading/2.jpg");
}
.home_visitor .owl-carousel .item_3 {
  background-image: url("../img/crossfading/3.jpg");
}
.home_visitor .owl-carousel .item_4 {
  background-image: url("../img/crossfading/4.jpg");
}
.home_visitor .owl-carousel .item_5 {
  background-image: url("../img/crossfading/_6.jpg");
}
.home_visitor [class^="item_"] {
  float: left;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.home_visitor .over_home_visitor {
  background: #000;
  z-index: 1;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.3;
}
.home_visitor .home_visitor_content {
  z-index: 3;
  position: absolute;
  width: 100%;
  top: 150px;
}
@media screen and (max-width: 320px) {
  .home_visitor .home_visitor_content {
    top: 100px;
  }
}
.home_visitor .home_visitor_content .buttons_visitor {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}
.home_visitor .home_visitor_content .buttons_visitor button {
  width: 15.3%;
}
.home_visitor .home_visitor_content .buttons_visitor button:first-child {
  margin-right: 15px;
}
@media screen and (min-width: 320px) {
  .home_visitor .home_visitor_content .buttons_visitor button {
    width: 100px;
  }
  .home_visitor .home_visitor_content .buttons_visitor button:first-child {
    margin-right: 5px;
  }
}
@media screen and (min-width: 360px) {
  .home_visitor .home_visitor_content .buttons_visitor button {
    width: 125px;
  }
}
@media screen and (min-width: 480px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .buttons_visitor button {
    width: 155px;
  }
}
@media screen and (min-width: 980px) {
  .home_visitor .home_visitor_content .buttons_visitor button {
    width: 181px;
  }
}
.home_visitor .home_visitor_content .md_home_learn {
  width: 95%;
  margin: 0 auto;
  margin-top: -50px;
}
.home_visitor .home_visitor_content .md_home_learn .back {
  display: block;
  float: left;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.67);
  transition: all 0.3s ease 0s;
  font-size: 1.2em;
}
.home_visitor .home_visitor_content .md_home_learn .back:hover {
  color: white;
  cursor: pointer;
}
.home_visitor .home_visitor_content .md_home_learn .back span {
  font-size: 14px;
  margin-right: 8px;
  color: white;
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content {
  padding-top: 60px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content {
    padding-top: 30px;
  }
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div {
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div {
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div.description {
    width: 33%;
    float: left;
  }
}
@media screen and (min-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div:first-child {
    float: right;
  }
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div img {
  width: 90%;
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div p {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div p.title {
  margin-top: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  font-size: 1.1em;
  line-height: 1.3;
  color: #F0F5F2;
  font-weight: 700;
}
@media screen and (min-width: 480px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div p.title {
    font-size: 14px;
  }
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div p.description {
  margin-top: 6px;
  font-weight: 300;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9em;
}
@media screen and (min-width: 480px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div p.description {
    font-size: 13px;
  }
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container {
  margin: 0 auto;
  width: 90%;
  margin-top: 30px;
}
.home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container label {
  cursor: pointer;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container {
    height: 100px !important;
    margin-bottom: 40px !important;
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container {
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container {
    width: 100%;
  }
}
.home_visitor .grid-container {
  position: relative;
}
.home_visitor .md_T_1_effect-1 {
  width: 100%;
}
.home_visitor h2 {
  font-size: 22px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  line-height: 26px;
}
@media screen and (min-width: 800px) {
  .home_visitor h2 {
    margin: 0px 0px 40px 0px;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .home_visitor h2 {
    margin: 0px 0px 27px;
  }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
  .home_visitor h2 {
    margin: 0px 0px 34px;
  }
}
@media screen and (max-width: 399px) {
  .home_visitor h2 {
    margin: 0px 0px 26px;
  }
}
@media screen and (max-height: 400px) {
  .home_visitor h2 {
    margin: 10px 0px 20px;
  }
}
.home_visitor h1 {
  font-weight: 300;
  color: #FFF;
  text-align: center;
  line-height: 43px;
  margin-bottom: 5px;
}
@media screen and (min-width: 800px) {
  .home_visitor h1 {
    font-size: 2.37em;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .home_visitor h1 {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
  .home_visitor h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 399px) {
  .home_visitor h1 {
    font-size: 1.5em;
  }
}
.home_visitor .banner_footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  color: #FFF;
  z-index: 4;
}
.home_visitor .banner_footer span {
  font-size: 1.3em;
}
.home_visitor .banner_footer .cursor_pointer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30px;
  font-size: 13px;
}
@media screen and (max-height: 400px) {
  .home_visitor .banner_footer {
    display: none;
    visibility: 0;
  }
}
@media screen and (min-width: 800px) {
  .home_visitor .banner_footer {
    height: 40px;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .home_visitor .banner_footer {
    height: 50px;
  }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
  .home_visitor .banner_footer {
    height: 45px;
  }
}
@media screen and (max-width: 399px) {
  .home_visitor .banner_footer {
    height: 23px;
  }
}
.home_visitor .banner_footer i {
  line-height: 0.4em !important;
}
@media screen and (max-height: 400px) {
  .home_visitor .banner_footer i {
    display: none;
    visibility: 0;
  }
}
@media screen and (min-width: 800px) {
  .home_visitor .banner_footer i {
    font-size: 73px !important;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .home_visitor .banner_footer i {
    font-size: 70px !important;
  }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
  .home_visitor .banner_footer i {
    font-size: 73px !important;
  }
}
@media screen and (max-width: 399px) {
  .home_visitor .banner_footer i {
    font-size: 45px !important;
  }
}
@media screen and (min-width: 769px) {
  .home_visitor .new_button_green_container {
    height: 64px;
  }
  .home_visitor .new_button_green,
  .home_visitor .new_button_purple {
    height: 60px;
  }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .home_visitor .new_button_green_container,
  .home_visitor .new_button_green,
  .home_visitor .new_button_purple {
    height: 50px;
    font-size: 15px;
  }
}

.how_it_works {
  color: #fff;
  display: block;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 30px;
  line-height: 30px;
  text-transform: uppercase;
}
.how_it_works:hover {
  text-shadow: 0px 0px 3px #ffffff;
}
.how_it_works div {
  height: 22px;
  position: relative;
  float: left;
  width: 22px;
  border-radius: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 10px;
}
.how_it_works div span {
  color: #FFF;
  font-size: 10px;
  display: block;
  float: left;
  position: absolute;
  top: calc(100% - 20px);
  left: calc(100% - 20px);
}
@media screen and (min-width: 800px) {
  .how_it_works {
    font-size: 14px;
    width: 225px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .how_it_works {
    font-size: 14px;
    width: 235px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
  .how_it_works {
    font-size: 14px;
    width: 235px;
    margin-top: 36px;
  }
}
@media screen and (max-width: 399px) {
  .how_it_works {
    font-size: 14px;
    width: 235px;
    margin-top: 28px;
  }
}

/*******************************************/
.home_visitor_list_courses {
  position: absolute;
  background: #e6eef6;
  top: 100%;
  width: 100%;
    /*.view_more_li{
        @include media-query-bp(466px,763px,max,width,screen) {
            width: 100%;     
        }
        figure{
            padding: 0;
            float: none;
            @include media-query-bp(466px,763px,max,width,screen) {
                width: 100%;     
            }
        }
    }
*/
}
@media screen and (max-width: 480px) {
  .home_visitor_list_courses.initial {
    position: initial;
  }
}
.home_visitor_list_courses .section_desc {
  margin: 60px 0px 16px 0;
  padding-top: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(198, 212, 225, 0.51);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: #113868;
}
@media screen and (min-width: 320px) and (max-width: 980px) {
  .home_visitor_list_courses .section_desc {
    margin-top: 40px;
  }
}
.home_visitor_list_courses .home_ul_course {
  margin-top: -20px;
}
.home_visitor_list_courses .home_ul_course ul li {
  margin-top: 20px;
}
.home_visitor_list_courses .footer_login {
  border-top: 1px solid rgba(198, 212, 225, 0.61);
  padding: 100px 0;
}
@media screen and (min-width: 320px) and (max-width: 979px) {
  .home_visitor_list_courses .footer_login {
    padding: 50px 0;
  }
}
.home_visitor_list_courses .footer_login > div {
  max-width: 1000px;
}
@media screen and (min-width: 980px) {
  .home_visitor_list_courses .footer_login > div > div:first-child {
    width: 30%;
    float: left;
    padding: 0 10px;
  }
}
.home_visitor_list_courses .footer_login > div > div:last-child {
  text-align: center;
  display: none;
}
.home_visitor_list_courses .footer_login > div > div:last-child img {
  width: 90%;
  margin-top: 70px;
  margin-left: 110px;
}
@media screen and (min-width: 980px) {
  .home_visitor_list_courses .footer_login > div > div:last-child {
    display: block;
    width: 70%;
    float: left;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1140px) {
  .home_visitor_list_courses .footer_login > div > div:last-child img {
    margin-left: 65px;
  }
}
.home_visitor_list_courses .footer_login h1 {
  text-align: center;
  color: #294c77;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 13px;
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  .home_visitor_list_courses .footer_login h1 {
    font-size: 22px;
  }
}
.home_visitor_list_courses .footer_login .container_footer_login {
  border: 1px solid #c6d4e1;
  padding: 16px;
  border-radius: 4px;
  margin: 0 auto;
}
@media screen and (min-width: 320px) and (max-width: 979px) {
  .home_visitor_list_courses .footer_login .container_footer_login {
    width: 280px;
  }
}
@media screen and (min-width: 980px) {
  .home_visitor_list_courses .footer_login .container_footer_login {
    width: 280px;
  }
}
.home_visitor_list_courses .footer_login .container_footer_login .btn_login {
  margin-bottom: 0 !important;
}
.home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item button, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container button, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .social_container button, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_login button {
  text-align: center;
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item button div, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container button div, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .social_container button div, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_login button div {
    width: 25px;
  }
}
.home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container button label, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .social_container button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_login button label {
  padding-left: 0px;
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container button label, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .social_container button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_login button label {
    font-size: 13px;
    font-weight: 400;
    width: calc(100% - 25px);
    padding-left: 4px;
  }
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .social_container, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_login {
    width: 48%;
    float: left;
  }
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login .btn_login .btn_item.item_fb, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_fb.social_container, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .home_visitor_list_courses .footer_login .container_footer_login .btn_login .item_fb.social_container, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .item_fb.btn_login {
    margin-right: 4%;
  }
}
.home_visitor_list_courses .footer_login .container_footer_login p {
  text-align: center;
  color: #597496;
  font-size: 0.8em;
  font-weight: 300;
  margin-top: 16px;
  margin-bottom: 8px;
}
.home_visitor_list_courses .footer_login .container_footer_login p:last-child {
  margin-top: 8px;
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login p {
    font-size: 12px;
  }
}
.home_visitor_list_courses .footer_login .container_footer_login .login_container .input_login {
  height: 35px;
  padding-left: 43px;
  width: 100%;
  background: transparent;
  float: left;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
  border: 1px solid #c6d4e1;
}
.home_visitor_list_courses .footer_login .container_footer_login .login_container .input_login input {
  padding-left: 14px;
  padding-right: 14px;
  background: transparent;
  border: medium none;
  width: 100%;
  color: #113868;
  height: 34px;
  font-weight: 400;
  font-size: 14px;
}
.home_visitor_list_courses .footer_login .container_footer_login .login_container .input_login input:focus {
  border-color: #7194b5;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.home_visitor_list_courses .footer_login .container_footer_login .login_container .input_login i {
  width: 43px;
  border-right: 1px solid #c6d4e1;
  text-align: center;
  line-height: 35px;
  color: #113868;
  left: 0px;
  top: 0px;
  position: absolute;
  font-size: 0.9em;
}
.home_visitor_list_courses .footer_login .container_footer_login .login_container button {
  margin-top: 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 320px) {
  .home_visitor_list_courses .footer_login .container_footer_login .login_container button {
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
  }
}

.btn_item, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container, .home_visitor_list_courses .footer_login .container_footer_login .btn_login {
  height: 44px;
  border-radius: 3px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
.btn_item > button, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button {
  background: transparent;
  color: white;
  border: 0;
  width: 100%;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  min-height: 44px;
  display: table;
  position: relative;
  padding: 0px;
}
.btn_item > button div, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button div, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button div {
  float: left;
  padding-top: 13px;
  width: 40px;
  text-align: center;
}
.btn_item > button div span, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button div span, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button div span {
  font-size: 1.2em;
}
.btn_item > button div img, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button div img, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button div img {
  width: 22px;
  margin-top: -5px;
}
.btn_item > button label, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button label {
  border-left: 1px solid rgba(0, 0, 0, 0.16);
  float: right;
  width: calc(100% - 40px);
  padding: 13px;
}
@media screen and (min-width: 480px) and (max-width: 600px) {
  .btn_item > button label, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container > button label, .home_visitor_list_courses .footer_login .container_footer_login .btn_login > button label {
    font-size: 1em;
  }
}
.btn_item.item_fb, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_fb.social_container, .home_visitor_list_courses .footer_login .container_footer_login .item_fb.btn_login {
  background: #43609c;
}
.btn_item.item_ld, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_ld.social_container, .home_visitor_list_courses .footer_login .container_footer_login .item_ld.btn_login {
  background: #0077b5;
}
.btn_item.item_gp, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_gp.social_container, .home_visitor_list_courses .footer_login .container_footer_login .item_gp.btn_login {
  background: white;
}
.btn_item.item_gp button, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_gp.social_container button, .home_visitor_list_courses .footer_login .container_footer_login .item_gp.btn_login button {
  color: #294c77;
}
.btn_item.item_gp button img, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_gp.social_container button img, .home_visitor_list_courses .footer_login .container_footer_login .item_gp.btn_login button img {
  width: 25px !important;
}
.btn_item.item_mail, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .item_mail.social_container, .home_visitor_list_courses .footer_login .container_footer_login .item_mail.btn_login {
  background: #13a848;
}
@media screen and (min-width: 479px) and (max-width: 768px) {
  .btn_item .mobile-grid-50, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container .mobile-grid-50, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .mobile-grid-50 {
    width: 46%;
    margin-left: 2%;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .btn_item .mobile-grid-50, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container .mobile-grid-50, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .mobile-grid-50 {
    width: 23%;
    margin-left: 2%;
    float: left;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .btn_item .mobile-grid-50:first-child, .home_visitor .home_visitor_content .md_home_learn .md_home_learn_content > div .social_container .mobile-grid-50:first-child, .home_visitor_list_courses .footer_login .container_footer_login .btn_login .mobile-grid-50:first-child {
    margin-left: 0%;
  }
}

/*******************************************/
.md_cont {
  max-width: 628px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: none;
  height: 164px;
}
.md_cont .md_video {
  max-width: 892px;
  max-height: 518px;
  width: 100%;
}
@media screen and (min-width: 521px) {
  .md_cont .md_video {
    position: absolute;
    top: -50%;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .md_cont .md_video {
    width: 100%;
  }
}
.md_cont .icon, .md_cont .arrow {
  color: #fff;
  position: absolute;
  right: 0;
  top: -50%;
  cursor: pointer;
  opacity: 0.6;
  font-size: 1.5em;
}
.md_cont .icon:hover, .md_cont .arrow:hover {
  opacity: 1;
}

.md_cont_active {
  display: block;
}

#md_video .md_cont {
  max-width: 892px;
  max-height: 518px;
}
#md_video .md_cont .icon, #md_video .md_cont .arrow {
  right: -40px;
  top: -120px;
}
#md_video .md_cont .md_video {
  border-radius: 4px;
}
#md_video .md_cont .md_video #video > div {
  border-radius: 4px;
}

/*******************************************/
.ribbon_front {
  text-align: center;
  height: 79px;
  background: white;
  width: 100%;
}
.ribbon_front * {
  box-sizing: border-box;
}
.ribbon_front ul {
  width: 100%;
  display: block;
  float: left;
}
.ribbon_front li {
  height: 79px;
  color: #7194b5;
  border-right: 1px solid #f2f8fc;
  float: left;
  padding: 0px;
}
@media screen and (min-width: 653px) {
  .ribbon_front li {
    width: 16.6%;
  }
}
@media screen and (min-width: 480px) and (max-width: 652px) {
  .ribbon_front li {
    width: 20%;
  }
  .ribbon_front li:nth-of-type(5) {
    visibility: hidden;
    display: none;
  }
}
.ribbon_front li:last-of-type {
  border: none;
}
.ribbon_front li:hover {
  background: #0e2f5c;
  border: none;
}
.ribbon_front a {
  color: #7194b5;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 79px;
  cursor: pointer;
  width: 100%;
  float: left;
}
@media screen and (min-width: 653px) {
  .ribbon_front a {
    font-size: 1em;
  }
}
@media screen and (min-width: 480px) and (max-width: 652px) {
  .ribbon_front a {
    font-size: 0.8em;
  }
}
.ribbon_front a:visited {
  color: #7194b5;
}
.ribbon_front a:hover {
  color: white;
}

.see_all_home_course {
  margin-bottom: 40px;
  margin-top: 20px;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  box-sizing: border-box;
}
.see_all_home_course a {
  height: 61px;
  line-height: 61px;
  text-align: center;
  width: 100%;
  background: white;
  float: left;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1em;
  color: #416086;
}
.see_all_home_course a:hover {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
  color: #1fcc65;
  transition: all 0.5s ease-in-out 0s;
}

/*crossfading
.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    list-style: none;
}

%spanoptions{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24 linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}

.cb-slideshow li{
    &:nth-child(1) span { 
        @extend %spanoptions;
        background-image: url(../img/crossfading/1.jpg);
    }
    &:nth-child(2) span {
        @extend %spanoptions;
        background-image: url(../img/crossfading/2.jpg);
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    &:nth-child(3) span {
        @extend %spanoptions;
        background-image: url(../img/crossfading/3.jpg);
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }
    &:nth-child(4) span {
        @extend %spanoptions;
        background-image: url(../img/crossfading/4.jpg);
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }
    
}

/* Animation for the slideshow images */
/*@-webkit-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -ms-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% {
        opacity: 0;        
        transform: scale(1.05);
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
    }
    17% {
        opacity: 1;
        transform: scale(1.05);        
    }
    25% {
        opacity: 1;
        transform: scale(1.05);        
        animation-timing-function: ease-out;
    }
    100% { opacity: 0;       
    }
}*/
.slider {
  width: 100%;
  height: 100%;
  position: relative;
}

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
}

/*
@keyframes fade {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade4 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade5 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}*/


@keyframes fade {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
  
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade4 {
 0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade5 {

  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }

}

@keyframes fade6 {

  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

/* @keyframes fade
{
    0%   {opacity:1;
        transform: scale(1.1);
    }
    25%   {opacity:0;
        transform: scale(1.2);
    }
    50%   {opacity:0;
        transform: scale(1.3);
    }
    75%   {opacity:0;
        transform: scale(1.4);
    }
    100%   {opacity:1;
        transform: scale(1.5);
    }
}
@keyframes fade2
{
    0%   {opacity:0;
        transform: scale(1.6);
    }
    25%   {opacity:1;
        transform: scale(1.7);
    }
    50%   {opacity:0;
        transform: scale(1.8);
    }
    75%   {opacity:0;
        transform: scale(1.9);
    }
    100%   {opacity:0;
        transform: scale(2);
    }
}
@keyframes fade3
{
    0%   {opacity:0;
        transform: scale(1.9);
    }
    25%   {opacity:0;
        transform: scale(1.8);
    }
    50%   {opacity:1;
        transform: scale(1.7);
    }
    75%   {opacity:0;
        transform: scale(1.6);
    }
    100%   {opacity:0;
        transform: scale(1.5);
    }
}
@keyframes fade4
{
    0%   {opacity:0;
        transform: scale(1.4);
    }
    25%   {opacity:0;
        transform: scale(1.3);
    }
    50%   {opacity:0;
        transform: scale(1.2);
    }
    75%   {opacity:1;
        transform: scale(1.1);
    }
    100%   {opacity:0;
        transform: scale(1);
    }
} */
.dir_blue_m, .dir_blue_c, .dir_green, .dir_purple, .dir_red, .dir_turq {
  min-height: 87px;
}
.dir_blue_m .title_courses, .dir_blue_c .title_courses, .dir_green .title_courses, .dir_purple .title_courses, .dir_red .title_courses, .dir_turq .title_courses {
  height: 100px;
}
.dir_blue_m .titulo-list, .dir_blue_c .titulo-list, .dir_green .titulo-list, .dir_purple .titulo-list, .dir_red .titulo-list, .dir_turq .titulo-list {
  font-size: 19px;
}
.dir_blue_m .titulo-list i, .dir_blue_c .titulo-list i, .dir_green .titulo-list i, .dir_purple .titulo-list i, .dir_red .titulo-list i, .dir_turq .titulo-list i {
  margin-left: 26px;
  font-size: 20px;
  float: left;
  margin-top: 4px;
}

.dir_blue_m {
  background: #0b264f;
}
.dir_blue_m .bar_nav {
  background: #0e2f5c;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_blue_m .bar_nav .nav_left .directory_drop:hover {
  background: #113868;
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down {
  background: #0e2f5c;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #0b264f;
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #7088a4;
  margin-top: 21px;
  float: left;
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #113868;
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #113868;
  color: white;
}
.dir_blue_m .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_blue_m .bar_nav .right_menu div:after {
  background: #7088a4;
}
.dir_blue_m .bar_nav .button_menu_320_directory:hover {
  background: #113868;
}
.dir_blue_m .nav_sub_header {
  background: #0e2f5c;
}
.dir_blue_m .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_blue_m .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_blue_m .nav_sub_header_directory .span_menu:hover {
  background: #113868;
}
.dir_blue_m .nav_sub_header_directory dropdown .drop_down li, .dir_blue_m .nav_sub_header_directory dropdown .drop_down2 li {
  color: #7088a4;
}
.dir_blue_m .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_blue_m .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #113868;
}
.dir_blue_m .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_blue_m .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_blue_m .nav_sub_header_directory dropdown label:hover {
  background: #113868;
}
.dir_blue_m .nav_sub_header_directory dropdown i {
  color: #7088a4;
}
.dir_blue_m .nav_sub_header_directory .span_menu_bottom {
  color: #7088a4;
}
.dir_blue_m .nav_sub_header_directory .span_menu_bottom:hover {
  background: #113868;
  cursor: pointer;
}
.dir_blue_m .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #0b264f;
}

.pager_blue_m .paginate {
  color: #0b264f;
}
.pager_blue_m .paginate a {
  color: #113868;
}
.pager_blue_m .paginate li {
  background: white;
}
.pager_blue_m .paginate li a {
  color: #0b264f;
  font-weight: 700;
}
.pager_blue_m .paginate li:hover {
  background: #0b264f;
}
.pager_blue_m .paginate li:hover a {
  color: white;
}
.pager_blue_m .paginate li.null:hover {
  background: white;
}

.dir_blue_c {
  background: #0b97da;
}
.dir_blue_c .bar_nav {
  background: #0ea8e7;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_blue_c .bar_nav .nav_left .directory_drop:hover {
  background: #11baf4;
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down {
  background: #0ea8e7;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #0b97da;
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #cff1fd;
  margin-top: 21px;
  float: left;
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #11baf4;
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #11baf4;
  color: white;
}
.dir_blue_c .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_blue_c .bar_nav .right_menu div:after {
  background: #cff1fd;
}
.dir_blue_c .bar_nav .button_menu_320_directory:hover {
  background: #11baf4;
}
.dir_blue_c .nav_sub_header {
  background: #0ea8e7;
}
.dir_blue_c .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_blue_c .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_blue_c .nav_sub_header_directory .span_menu:hover {
  background: #11baf4;
}
.dir_blue_c .nav_sub_header_directory dropdown .drop_down li, .dir_blue_c .nav_sub_header_directory dropdown .drop_down2 li {
  color: #cff1fd;
}
.dir_blue_c .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_blue_c .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #11baf4;
}
.dir_blue_c .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_blue_c .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_blue_c .nav_sub_header_directory dropdown label:hover {
  background: #11baf4;
}
.dir_blue_c .nav_sub_header_directory dropdown i {
  color: #cff1fd;
}
.dir_blue_c .nav_sub_header_directory .span_menu_bottom {
  color: #cff1fd;
}
.dir_blue_c .nav_sub_header_directory .span_menu_bottom:hover {
  background: #11baf4;
  cursor: pointer;
}
.dir_blue_c .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #0b97da;
}

.pager_blue_c .paginate {
  color: #0b97da;
}
.pager_blue_c .paginate a {
  color: #113868;
}
.pager_blue_c .paginate li {
  background: white;
}
.pager_blue_c .paginate li a {
  color: #0b97da;
  font-weight: 700;
}
.pager_blue_c .paginate li:hover {
  background: #0b97da;
}
.pager_blue_c .paginate li:hover a {
  color: white;
}
.pager_blue_c .paginate li.null:hover {
  background: white;
}

.dir_green {
  background: #15b756;
}
.dir_green .bar_nav {
  background: #1fcc65;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_green .bar_nav .nav_left .directory_drop:hover {
  background: #22dd6d;
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down {
  background: #1fcc65;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #15b756;
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #b5f7cf;
  margin-top: 21px;
  float: left;
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #22dd6d;
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #22dd6d;
  color: white;
}
.dir_green .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_green .bar_nav .right_menu div:after {
  background: #b5f7cf;
}
.dir_green .bar_nav .button_menu_320_directory:hover {
  background: #22dd6d;
}
.dir_green .nav_sub_header {
  background: #1fcc65;
}
.dir_green .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_green .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_green .nav_sub_header_directory .span_menu:hover {
  background: #22dd6d;
}
.dir_green .nav_sub_header_directory dropdown .drop_down li, .dir_green .nav_sub_header_directory dropdown .drop_down2 li {
  color: #b5f7cf;
}
.dir_green .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_green .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #22dd6d;
}
.dir_green .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_green .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_green .nav_sub_header_directory dropdown label:hover {
  background: #22dd6d;
}
.dir_green .nav_sub_header_directory dropdown i {
  color: #b5f7cf;
}
.dir_green .nav_sub_header_directory .span_menu_bottom {
  color: #b5f7cf;
}
.dir_green .nav_sub_header_directory .span_menu_bottom:hover {
  background: #22dd6d;
  cursor: pointer;
}
.dir_green .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #15b756;
}

.pager_green .paginate {
  color: #15b756;
}
.pager_green .paginate a {
  color: #113868;
}
.pager_green .paginate li {
  background: white;
}
.pager_green .paginate li a {
  color: #15b756;
  font-weight: 700;
}
.pager_green .paginate li:hover {
  background: #15b756;
}
.pager_green .paginate li:hover a {
  color: white;
}
.pager_green .paginate li.null:hover {
  background: white;
}

.dir_purple {
  background: #4a4aa5;
}
.dir_purple .bar_nav {
  background: #5353ad;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_purple .bar_nav .nav_left .directory_drop:hover {
  background: #6161bc;
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down {
  background: #5353ad;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #4a4aa5;
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #c4c4f2;
  margin-top: 21px;
  float: left;
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #6161bc;
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #6161bc;
  color: white;
}
.dir_purple .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_purple .bar_nav .right_menu div:after {
  background: #c4c4f2;
}
.dir_purple .bar_nav .button_menu_320_directory:hover {
  background: #6161bc;
}
.dir_purple .nav_sub_header {
  background: #5353ad;
}
.dir_purple .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_purple .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_purple .nav_sub_header_directory .span_menu:hover {
  background: #6161bc;
}
.dir_purple .nav_sub_header_directory dropdown .drop_down li, .dir_purple .nav_sub_header_directory dropdown .drop_down2 li {
  color: #c4c4f2;
}
.dir_purple .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_purple .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #6161bc;
}
.dir_purple .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_purple .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_purple .nav_sub_header_directory dropdown label:hover {
  background: #6161bc;
}
.dir_purple .nav_sub_header_directory dropdown i {
  color: #c4c4f2;
}
.dir_purple .nav_sub_header_directory .span_menu_bottom {
  color: #c4c4f2;
}
.dir_purple .nav_sub_header_directory .span_menu_bottom:hover {
  background: #6161bc;
  cursor: pointer;
}
.dir_purple .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #4a4aa5;
}

.pager_purple .paginate {
  color: #4a4aa5;
}
.pager_purple .paginate a {
  color: #113868;
}
.pager_purple .paginate li {
  background: white;
}
.pager_purple .paginate li a {
  color: #4a4aa5;
  font-weight: 700;
}
.pager_purple .paginate li:hover {
  background: #4a4aa5;
}
.pager_purple .paginate li:hover a {
  color: white;
}
.pager_purple .paginate li.null:hover {
  background: white;
}

.dir_red {
  background: #ea4747;
}
.dir_red .bar_nav {
  background: #f15555;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_red .bar_nav .nav_left .directory_drop:hover {
  background: #f96464;
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down {
  background: #f15555;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #ea4747;
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #fee0e0;
  margin-top: 21px;
  float: left;
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #f96464;
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #f96464;
  color: white;
}
.dir_red .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_red .bar_nav .right_menu div:after {
  background: #fee0e0;
}
.dir_red .bar_nav .button_menu_320_directory:hover {
  background: #f96464;
}
.dir_red .nav_sub_header {
  background: #f15555;
}
.dir_red .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_red .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_red .nav_sub_header_directory .span_menu:hover {
  background: #f96464;
}
.dir_red .nav_sub_header_directory dropdown .drop_down li, .dir_red .nav_sub_header_directory dropdown .drop_down2 li {
  color: #fee0e0;
}
.dir_red .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_red .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #f96464;
}
.dir_red .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_red .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_red .nav_sub_header_directory dropdown label:hover {
  background: #f96464;
}
.dir_red .nav_sub_header_directory dropdown i {
  color: #fee0e0;
}
.dir_red .nav_sub_header_directory .span_menu_bottom {
  color: #fee0e0;
}
.dir_red .nav_sub_header_directory .span_menu_bottom:hover {
  background: #f96464;
  cursor: pointer;
}
.dir_red .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #ea4747;
}

.pager_red .paginate {
  color: #ea4747;
}
.pager_red .paginate a {
  color: #113868;
}
.pager_red .paginate li {
  background: white;
}
.pager_red .paginate li a {
  color: #ea4747;
  font-weight: 700;
}
.pager_red .paginate li:hover {
  background: #ea4747;
}
.pager_red .paginate li:hover a {
  color: white;
}
.pager_red .paginate li.null:hover {
  background: white;
}

.dir_turq {
  background: #15bb96;
}
.dir_turq .bar_nav {
  background: #1bc7a6;
  color: #aabfd3;
  box-shadow: 0px 2px 6px rgba(3, 3, 3, 0.43);
}
.dir_turq .bar_nav .nav_left .directory_drop:hover {
  background: #22d3b5;
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down {
  background: #1bc7a6;
  box-shadow: -3px 3px 8px rgba(3, 3, 3, 0.33);
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down li {
  border-top: 1px solid #15bb96;
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down li i {
  color: #d3f6f0;
  margin-top: 21px;
  float: left;
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down li:hover {
  background: #22d3b5;
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down .active {
  background: #22d3b5;
  color: white;
}
.dir_turq .bar_nav .nav_left .directory_drop .drop_down .active * {
  color: white;
}
.dir_turq .bar_nav .right_menu div:after {
  background: #d3f6f0;
}
.dir_turq .bar_nav .button_menu_320_directory:hover {
  background: #22d3b5;
}
.dir_turq .nav_sub_header {
  background: #1bc7a6;
}
.dir_turq .nav_sub_header_directory {
  height: 100%;
  z-index: 110;
  padding-top: 55px;
  margin-top: -55px;
}
.dir_turq .nav_sub_header_directory .iconMobile {
  float: left;
  margin-top: 23px;
}
.dir_turq .nav_sub_header_directory .span_menu:hover {
  background: #22d3b5;
}
.dir_turq .nav_sub_header_directory dropdown .drop_down li, .dir_turq .nav_sub_header_directory dropdown .drop_down2 li {
  color: #d3f6f0;
}
.dir_turq .nav_sub_header_directory dropdown .dropdown_menu li:hover, .dir_turq .nav_sub_header_directory dropdown .dropdown_menu .active {
  background: #22d3b5;
}
.dir_turq .nav_sub_header_directory dropdown .dropdown_menu .active {
  color: white;
}
.dir_turq .nav_sub_header_directory dropdown .dropdown_menu .active i {
  color: white;
}
.dir_turq .nav_sub_header_directory dropdown label:hover {
  background: #22d3b5;
}
.dir_turq .nav_sub_header_directory dropdown i {
  color: #d3f6f0;
}
.dir_turq .nav_sub_header_directory .span_menu_bottom {
  color: #d3f6f0;
}
.dir_turq .nav_sub_header_directory .span_menu_bottom:hover {
  background: #22d3b5;
  cursor: pointer;
}
.dir_turq .nav_sub_header_directory .border_bottom {
  border-bottom: 1px solid #15bb96;
}

.pager_turq .paginate {
  color: #15bb96;
}
.pager_turq .paginate a {
  color: #113868;
}
.pager_turq .paginate li {
  background: white;
}
.pager_turq .paginate li a {
  color: #15bb96;
  font-weight: 700;
}
.pager_turq .paginate li:hover {
  background: #15bb96;
}
.pager_turq .paginate li:hover a {
  color: white;
}
.pager_turq .paginate li.null:hover {
  background: white;
}

.ul_course {
  display: table;
  width: 100%;
}
.ul_course li {
  float: left;
  transition: all .3s;
}
.ul_course.c4 li {
  width: 25% !important;
}
.ul_course.c3 li {
  width: 33% !important;
}
.ul_course.c2 li {
  width: 50% !important;
}
.ul_course.c1 li {
  width: 100% !important;
}

.course_box {
  width: 250px;
  height: 281px;
  background: white;
  border-radius: 3px;
  position: relative;
  padding: 6px;
  padding: 14px;
  transition: all .3s;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.course_box a {
  z-index: 1;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.course_box picture {
  width: 100%;
  min-height: 100px;
  margin-bottom: 16px;
  display: block;
  position: relative;
}
.course_box picture .favorite {
  transition: all .1s;
  opacity: 0;
  background: white;
  position: absolute;
  right: -1px;
  top: -1px;
  border-radius: 0px 0px 0px 100%;
  width: 40px;
  height: 40px;
  z-index: 100;
}
.course_box picture .favorite.wish {
  display: block;
  opacity: 1;
}
.course_box picture .favorite i {
  position: absolute;
  right: 0;
  font-size: 16px;
  top: 6px;
  right: 3px;
  color: #9aafcb;
}
.course_box picture .favorite i:hover {
  color: #f96464;
}
.course_box picture .favorite .Fav_on {
  color: #f96464;
}
.course_box picture .offert {
  height: 25px;
  width: 135px;
  position: absolute;
  background: #ffd23a;
  padding-left: 7px;
  padding-right: 7px;
  top: 7px;
  text-transform: uppercase;
  text-align: center;
  z-index: 100;
  font-size: 13px !important;
  color: black;
  line-height: 22px;
  font-weight: 700;
}
.course_box picture .offert:after {
  width: 0;
  height: 0;
  border-top: 11px solid #ffd238;
  border-right: 7px solid transparent;
  content: "";
  position: absolute;
  right: -7px;
}
.course_box picture .offert:before {
  width: 0;
  height: 0;
  border-bottom: 11px solid #ffd238;
  border-right: 7px solid transparent;
  content: "";
  position: absolute;
  right: -7px;
  bottom: 0px;
  height: 1px;
}
.course_box picture img {
  width: 100%;
  border-radius: 3px;
}
.course_box .topFigCaption {
  height: 45px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  border-bottom: 1px solid #f2f8fc;
}
.course_box .topFigCaption h2 {
  color: #3e5374;
  text-align: center;
  font-weight: 700;
}
.course_box .fromTeachlr {
  display: table;
  font-weight: 300;
  width: 100%;
  margin: 6px auto 0px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.38;
  text-align: center;
  color: #7194b5;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course_box .bottomCaption {
  display: table;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #9aafcb;
  font-size: 15px;
  position: relative;
}
.course_box .bottomCaption .left {
  box-sizing: border-box;
  padding-left: 9px;
  float: left;
  position: relative;
  margin-top: 3px;
}
.course_box .bottomCaption .left img {
  float: left;
  width: 15px;
  margin-right: 4px;
}
.course_box .bottomCaption .middle {
  box-sizing: border-box;
  padding-right: 9px;
  width: 80px;
  float: right;
  text-align: right;
  position: relative;
}
.course_box .bottomCaption .bid {
  bottom: -2px;
}
.course_box .bottomCaption .bid:after {
  content: attr(old-price);
  color: #7194b5;
  text-decoration: line-through;
  position: absolute;
  left: 0;
  width: 100%;
  top: -9px;
  font-size: 12px;
}
.course_box .bottomCaption .green {
  color: #1fcc65;
  font-weight: 400;
}
.course_box .bottomCaption .yellow {
  color: #FFD238;
}
@media screen and (min-width: 769px) {
  .course_box:hover {
    box-shadow: 5px 10px 20px rgba(136, 136, 136, 0.46);
    cursor: pointer;
    transform: scale(1.02);
  }
  .course_box:hover picture {
    cursor: pointer;
    border-radius: 3px;
  }
  .course_box:hover picture .favorite {
    transition: all .1s;
    opacity: 1;
    width: 40px;
    height: 40px;
  }
  .course_box:hover picture .favorite i {
    font-size: 16px;
    top: 6px;
    right: 3px;
  }
}

.ul_course li {
  margin-top: 15px;
}
.ul_course li figure {
  margin: 0 auto;
}
.ul_course li figure .bg {
  height: 56.3063%;
}
@media screen and (max-width: 465px) {
  .ul_course li {
    width: 100%;
    height: 295px;
    min-width: 250px;
  }
  .ul_course li figure {
    width: 250px;
    height: 281;
  }
}
@media screen and (min-width: 466px) and (max-width: 763px) {
  .ul_course li {
    width: 50%;
    height: 273px;
    min-width: 220px;
  }
  .ul_course li figure {
    width: 220px;
    height: 281;
  }
}
@media screen and (min-width: 764px) and (max-width: 1024px) {
  .ul_course li {
    width: 33%;
    height: 283px;
    min-width: 236px;
  }
  .ul_course li figure {
    width: 236px;
  }
}
@media screen and (min-width: 1025px) {
  .ul_course li {
    width: 25%;
    height: 283px;
    min-width: 250px;
  }
  .ul_course li figure {
    width: 250px;
  }
}

@media screen and (min-width: 768px) and (max-width: 783px) {
  .hide-on-mobile-directory {
    display: none;
  }
}
.popular_courses {
  float: left;
  width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .popular_courses {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  .popular_courses {
    margin-bottom: 0px;
  }
}
.popular_courses .category_box {
  float: left;
  height: 180px;
  padding: 10px 0px;
  border-radius: 4px;
  background-color: #113868;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.14);
  color: white;
  text-align: center;
  margin-left: 2%;
  margin-bottom: 10px;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .popular_courses .category_box {
    width: 47%;
    height: 55px;
  }
}
@media screen and (min-width: 601px) and (max-width: 980px) {
  .popular_courses .category_box {
    width: 17%;
    margin-left: 2.5%;
  }
}
@media screen and (min-width: 981px) {
  .popular_courses .category_box {
    width: 13.2203%;
    margin-left: 1%;
  }
}
.popular_courses .category_box:hover {
  background-color: #0e2f5c;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.14);
  transition: all 0.4s ease 0s;
}
.popular_courses .category_box label {
  color: white;
  display: block;
  font-size: 15px;
  font-weight: 300;
  word-break: normal;
  margin-left: 2%;
  margin-top: 9px;
  line-height: 18px;
  width: 95%;
  float: left;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .popular_courses .category_box label {
    width: 68%;
    float: left;
    text-align: left;
    font-size: 14px;
    line-height: 13px;
  }
}
.popular_courses .category_box div {
  width: 100%;
  float: left;
  height: 84px;
  margin-top: 5px;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .popular_courses .category_box div {
    width: 30%;
    height: 32px;
    margin-top: 0;
  }
}
.popular_courses .category_box div img {
  width: 90%;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .popular_courses .category_box div img {
    width: 45px;
  }
}
.popular_courses .category_box div span {
  font-size: 5em;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .popular_courses .category_box div span {
    font-size: 2em;
  }
}
.popular_courses .category_box.inSettings {
  height: 130px;
}
.popular_courses .category_box.inSettings div {
  height: auto;
}
.popular_courses .category_box.inSettings div span {
  font-size: 3em;
}

@media screen and (min-width: 981px) {
  .box6 .category_box {
    width: 13.28%;
    margin-left: 1%;
  }
}
@media screen and (min-width: 601px) and (max-width: 980px) {
  .box6 .category_box {
    width: 31%;
    margin-left: 1.72%;
  }
}

.text-through {
  position: absolute;
  top: -12px;
  right: 9px;
  font-size: 12px;
}
.text-through:before {
  content: "";
  width: 100%;
  border-top: 1px solid #3e5374;
  position: absolute;
  top: 50%;
}

.person-list {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.person-list li {
  float: left;
  margin-top: 40px;
  position: relative;
}
.person-list li:hover figure {
  box-shadow: 10px 10px 20px rgba(136, 136, 136, 0.46);
  cursor: pointer;
  transform: scale(1.02);
}
.person-list li:hover .btn_follow_Person {
  transform: scale(1.02);
}
@media screen and (max-width: 530px) {
  .person-list li {
    width: 100%;
  }
}
@media screen and (min-width: 531px) and (max-width: 774px) {
  .person-list li {
    width: 50%;
  }
}
@media screen and (min-width: 775px) and (max-width: 1024px) {
  .person-list li {
    width: 33.33%;
  }
}
@media screen and (min-width: 1025px) {
  .person-list li {
    width: 25%;
  }
}
.person-list figure {
  box-sizing: border-box;
  background: white;
  width: 250px;
  height: 340px;
  padding: 15px;
  border-radius: 5px;
  margin: auto;
  transition: all .5s;
  position: relative;
}
.person-list figure picture {
  display: block;
  width: 220px;
  max-height: 187px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.person-list figure picture .picture_left_container, .person-list figure picture .picture_right_container {
  transition: all 0.1s ease 0s;
  opacity: 1;
  background: #FFF none repeat scroll 0% 0%;
  position: absolute;
  top: -1px;
  width: 40px;
  height: 40px;
  z-index: 9;
}
.person-list figure picture .picture_left_container {
  left: -1px;
  border-radius: 0px 0px 100% 0px;
}
.person-list figure picture .picture_left_container .circle {
  width: 15px;
  height: 15px;
  display: table;
  border-radius: 100%;
  margin: 7px 7px;
}
.person-list figure picture .picture_left_container .circle.yellow {
  background: #ffd62c;
}
.person-list figure picture .picture_left_container .circle.red {
  background: #f96464;
}
.person-list figure picture .picture_left_container .circle.green {
  background: #22dd6d;
}
.person-list figure picture .picture_right_container {
  right: -1px;
  border-radius: 0px 0px 0px 100%;
}
.person-list figure picture .picture_right_container i {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 20px;
  color: #3d5374;
}
.person-list figure picture img {
  width: 100%;
}
.person-list figure picture .tittle_picture {
  text-align: center;
  position: absolute;
  top: 124px;
  width: 100%;
  color: white;
  z-index: 2;
}
.person-list figure picture .tittle_picture span {
  width: 100%;
  float: left;
  line-height: 20px;
  position: relative;
  z-index: 10;
}
.person-list figure picture .tittle_picture span:nth-child(1) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.person-list figure picture .tittle_picture span:nth-child(2) {
  height: 42px;
  color: #7194b5;
}
.person-list figure picture .tittle_picture:before {
  position: absolute;
  height: 80px;
  width: 100%;
  z-index: 1;
  bottom: -1px;
  left: 0;
  content: "";
  background: transparent linear-gradient(to bottom, rgba(212, 228, 239, 0) 0%, rgba(21, 27, 32, 0.6) 100%) repeat scroll 0% 0%;
}
.person-list figure figcaption {
  margin-top: 13px;
  height: 36px;
  width: 100%;
}
.person-list figure figcaption .footer_box {
  position: absolute;
  bottom: 14px;
}
.person-list figure figcaption .follow_div {
  width: 57px;
  float: left;
  text-align: center;
  margin: 0px 2.4px;
}
.person-list figure figcaption .follow_div span {
  width: 100%;
  float: left;
}
.person-list figure figcaption .follow_div span:nth-child(1) {
  font-size: 12px;
  font-weight: 700;
  color: #456587;
}
.person-list figure figcaption .follow_div span:nth-child(2) {
  font-size: 21px;
  color: #7194b5;
  line-height: 21px;
  font-weight: 700;
}
.person-list figure figcaption .follow_Person {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  height: 37px;
  color: white;
  border: none;
  background: #22dd6d;
  width: 82px;
  padding: 0;
}
.person-list figure figcaption .follow_Person:hover {
  background: #47ea89;
}
.person-list figure figcaption .follow_Person:active {
  background: #15b756;
}
.person-list figure .topFigCaption {
  max-height: 45px;
  overflow: hidden;
}
.person-list figure .topFigCaption h2 {
  color: #3e5374;
  text-align: center;
  font-weight: 700;
}
.person-list figure .work {
  width: 100%;
  float: left;
  text-align: center;
  color: #9aafcb;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 9px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.person-list .btn_follow_Person {
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 14px;
  margin-left: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  height: 37px;
  color: #FFF;
  border: medium none;
  background: #22DD6D none repeat scroll 0% 0%;
  width: 82px;
  padding: 0px;
  z-index: 10;
}
.person-list .follow_btn_container {
  height: 100%;
  width: 250px;
  display: block;
  margin: auto;
  position: relative;
  transition: all .5s;
}
.person-list .link {
  z-index: 1;
}

.person-list {
  display: table;
  width: 100%;
}
.person-list li {
  float: left;
  transition: all .3s;
}
.person-list.c4 li {
  width: 25% !important;
}
.person-list.c3 li {
  width: 33% !important;
}
.person-list.c2 li {
  width: 50% !important;
}
.person-list.c1 li {
  width: 100% !important;
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons {
  position: relative;
  width: 100%;
  height: 0px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
  color: #113868;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  position: absolute;
  font-size: 12px;
  clear: both;
  top: -11px;
  background-color: #f2f8fc;
  width: 38px;
  height: 282px;
  border-radius: 4px;
  line-height: 22;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
}
@media (max-width: 360px) {
  .owl-theme .owl-controls .owl-buttons .owl-prev,
  .owl-theme .owl-controls .owl-buttons .owl-next {
    width: 20px;
  }
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -55px;
}
@media (max-width: 768px) {
  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -84px;
  }
}
@media (max-width: 650px) {
  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -66px;
  }
}
@media (max-width: 390px) {
  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -42px;
  }
}
@media (max-width: 320px) {
  .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -25px;
  }
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -55px;
}
@media (max-width: 768px) {
  .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
  }
}
@media (max-width: 390px) {
  .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 2px;
  }
}
@media (max-width: 320px) {
  .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -11px;
  }
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  background: #fff;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: none;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 50px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  padding-top: 14px;
  margin-left: 6%;
  width: 88%;
  height: 300px;
  margin-right: 10%;
  display: none;
  position: relative;
  -ms-touch-action: pan-y;
}
@media (max-width: 768px) {
  .owl-carousel {
    margin-left: 12%;
  }
}
@media (max-width: 320px) {
  .owl-carousel {
    margin-left: 8%;
  }
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 320px;
}
@media (max-width: 950px) {
  .owl-carousel .owl-wrapper-outer {
    margin-left: 60px;
  }
}
@media (max-width: 768px) {
  .owl-carousel .owl-wrapper-outer {
    margin-left: 0px;
  }
}
@media (max-width: 650px) {
  .owl-carousel .owl-wrapper-outer {
    margin-left: 70px;
  }
}
@media (max-width: 460px) {
  .owl-carousel .owl-wrapper-outer {
    margin-left: 0px;
  }
}
@media (max-width: 320px) {
  .owl-carousel .owl-wrapper-outer {
    margin-left: 0px;
  }
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.directory_background {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 15px;
}

.top-courses-content {
  padding-top: 35px;
}

.directory_body {
  background: #e6eef6;
  position: relative;
  display: table;
  width: 100%;
}

/*body{
	background: black;
}*/
.subheader-filter-div {
  position: absolute;
  top: 0px;
  right: 15px;
  line-height: 55px;
}
.subheader-filter-div .icon-filter.filter-applied {
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background: #113868;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 28px;
}
.subheader-filter-div .apply_filter_container {
  color: #3e5374;
  font-weight: 400;
  font-size: 15px;
}
.subheader-filter-div .apply_filter_container i {
  font-size: 0.8em;
}
.subheader-filter-div .apply_filter_container .apply_filter {
  color: #0b264f;
  padding: 0px 8px;
  cursor: pointer;
}
.subheader-filter-div .apply_filter_container .filter_cancel {
  color: #416086;
  padding: 0px 8px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .subheader-filter-div {
    right: 15px;
    left: auto;
    margin: 0px;
  }
}

.subheader1 {
  top: 55px;
  left: 0px;
  right: 0px;
  height: 60px;
  z-index: 50;
  width: 100%;
  margin: 0px auto;
  padding: 12px 0px 15px;
  border-bottom: 1px solid #aabfd3;
  background-color: white;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.09);
  transition: all 0.5s ease-in-out;
  position: fixed;
}
.subheader1 .open_animation {
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.subheader1 .breadcrun_container {
  margin-left: 0px;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 769px) {
  .subheader1.menu_open .breadcrun_container {
    width: calc(100% - 279px);
    margin-left: 260px;
    padding-left: 45px;
    padding-right: 45px;
  }
}
.subheader1 .category_location {
  display: inline-block;
  line-height: 29px;
  color: #7194b5;
  font-weight: 400;
  font-size: 14px;
  max-width: calc(100% - 180px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .subheader1 .category_location {
    max-width: calc(100% - 190px);
    padding-left: 20px;
  }
}
.subheader1 .category_location li {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .subheader1 .category_location li {
    font-size: 18px;
  }
}
.subheader1 .category_location li:last-child {
  color: #0e2f5c;
  font-weight: 700;
}
.subheader1 .category_location li:last-child .ico_mobile {
  color: #0e2f5c;
  font-weight: 700;
}
.subheader1 .category_location li:last-child::before {
  display: none;
}
.subheader1 .category_location li a {
  color: #7194b5;
}
@media screen and (max-width: 480px) {
  .subheader1 .category_location li .text_desk {
    display: none;
  }
}
.subheader1 .category_location li .searchResult-d, .subheader1 .category_location li .searchResult-t {
  display: none;
}
@media screen and (min-width: 769px) {
  .subheader1 .category_location li .searchResult-d {
    display: inherit;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .subheader1 .category_location li .searchResult-t {
    display: inherit;
  }
}
.subheader1 .category_location li .ico_mobile {
  display: none;
}
@media screen and (max-width: 480px) {
  .subheader1 .category_location li .ico_mobile {
    display: inherit;
  }
}
.subheader1 .category_location li::before {
  color: #0e2f5c;
  position: absolute;
  right: 6px;
  top: 1px;
  font-size: 8px;
  font-family: 'teachlr' !important;
}
@media screen and (max-width: 480px) {
  .subheader1 .category_location li::before {
    line-height: 25px;
  }
}

.menu1 {
  font-size: 15px;
  cursor: pointer;
  color: #3e5374;
}
.menu1 i {
  font-size: 0.8em;
  margin-right: 10px;
}

.directorio {
  width: 100%;
  height: 60px;
  background: white;
  border-bottom: 1px solid #AABFD3;
}

.menu {
  z-index: 100;
  left: -290px;
  transition: all .5s ease-in-out;
}
.menu.desktop {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .menu.desktop {
    position: fixed;
  }
}
.menu .category_list_container .category_list {
  display: inherit;
}
@media screen and (min-width: 769px) {
  .menu .category_list_container {
    display: table;
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .menu {
    position: fixed;
    height: 100%;
    max-height: calc(100% - 55px);
    overflow: hidden;
    overflow-y: auto;
  }
  .menu .category_list_container {
    display: table;
    float: left;
    height: 100%;
  }
  .menu .category_list_container .category_list {
    max-height: 100%;
    height: 100% !important;
    position: relative;
  }
}
.menu.open {
  left: 0px;
}
@media screen and (max-width: 768px) {
  .menu.open .overlay {
    display: inherit;
  }
}

.filter {
  display: block;
  position: fixed;
  top: 115px;
  left: auto;
  right: -293px;
  background: white;
  height: calc(100% - 115px);
  transition: all .5s;
  z-index: 12;
  overflow-y: scroll;
  overflow-x: hidden;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check {
  background: #f2f8fc;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row {
  border-bottom: 1px solid #e6eef6;
  color: #597496;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row:hover {
  background: none;
  color: #071e43;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row:hover.select {
  background: #c6d4e1;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row.category_p {
  color: #071e43;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row .icon-right-arrow, .filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row .subheader1 .category_location li, .subheader1 .category_location .filter input[type="checkbox"].directoryCheck:checked + .handle-check .directory_row li {
  transform: rotate(90deg);
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .subcategory_list {
  padding: 0px;
  position: relative;
  display: inherit;
  left: 0px;
  background: none;
}
.filter input[type="checkbox"].directoryCheck:checked + .handle-check .subcategory_list .select {
  background: #c6d4e1;
}
@media screen and (max-width: 768px) {
  .filter {
    left: auto;
    right: -279px;
    overflow: auto;
  }
  .filter .category_list_container .category_list {
    position: relative;
  }
  .filter.open {
    left: auto !important;
    right: 0px;
  }
}
.filter.open {
  right: 0px;
  		/* @media screen and (min-width: 769px) {
  
  			.subcategory_list{
  				position: fixed;
  				width: 273px;
  				height: 100%;
  				left: 273px;
  				top: 115px;
  			}
  		} */
}
.filter.open .delete-filter {
  right: 19px;
}
.filter .category_list_container {
  position: relative;
}
.filter .category_list_container .category_list {
  padding-right: 15px;
}
.filter.marginforButton {
  margin-bottom: 16px;
}
.filter .category_list {
  display: inherit;
}
.filter .delete-filter {
  position: fixed;
  line-height: 42px;
  width: 100%;
  max-width: 294px;
  max-width: 240px;
  height: 42px;
  color: #071e43;
  background: white;
  bottom: 16px;
  right: -293px;
  z-index: 3;
  text-transform: uppercase;
  padding-left: 28px;
  border-radius: 50px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.24);
  transition: right .5s;
  cursor: pointer;
  font-size: 14px;
}

.overlayCat {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.24);
  z-index: 11;
}

.filter.open + .overlayCat {
  display: inherit;
}

input[type=radio] {
  visibility: hidden;
  display: none;
}

.m_icon {
  font-size: 1.2em;
  padding-right: 5px;
}

.m_icon2 {
  font-size: 1.4em;
  margin-right: 5px;
}

.icon-submenu {
  font-size: 0.5em;
  font-weight: bold;
  right: 15px;
  top: calc(50% - 3px);
  color: #3e5374;
  position: absolute;
}

.content_area_menu_courses {
  transition: all 0.5s ease-in-out;
  float: right;
  width: 100%;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .content_area_menu_courses {
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
  .content_area_menu_courses {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.content_area_menu_courses.menu_open {
  padding-left: 45px;
  padding-right: 45px;
  width: calc(100% - 279px);
}
@media screen and (max-width: 768px) {
  .content_area_menu_courses.menu_open {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 360px) {
  .content_area_menu_courses.menu_open {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.content_area_menu_courses.is_filter {
  padding-top: 55px;
}
.content_area_menu_courses .no_results_section {
  font-size: 30px;
  display: inline-block;
  width: 100%;
  font-weight: 300;
}
.content_area_menu_courses .no_results_section.no_match {
  color: #0e2f5c;
  margin: 32px 0 5px;
}
.content_area_menu_courses .no_results_section.filtro {
  color: #8da9c4;
}
.content_area_menu_courses .no_results_section.filtro:hover {
  color: #00b600;
}

@media screen and (max-width: 768px) {
  .menu_open2 {
    opacity: 0.5;
  }
}

.carousel_title, .nuevos {
  color: #5974AE;
  border-bottom: 1px solid #D6E1EC;
  padding-bottom: 12px;
  font-size: 16px;
}
.carousel_title .categorias, .nuevos .categorias {
  color: #3e5374;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .carousel_title .categorias, .nuevos .categorias {
    font-weight: normal;
  }
}
.carousel_title .all, .nuevos .all {
  text-align: right;
  font-weight: 300;
  color: #5974AE;
}
.carousel_title .all:hover, .nuevos .all:hover {
  color: #3e5374;
  text-decoration: none;
  cursor: pointer;
}

.contenedor-cat {
  width: calc(100% - 104px);
  display: inline-block;
}

.contenedor-all {
  width: 100px;
  text-align: right;
  display: inline-block;
}

.carousel_title {
  padding-top: 8px;
  margin-top: 50px;
}
.carousel_title:first-child {
  margin-top: 0px;
}

.nuevos {
  padding-top: 50px;
  padding-bottom: 12px;
}

.bar_nav {
  position: relative;
  z-index: 1;
}
.bar_nav.fixed {
  position: fixed !important;
  z-index: 108;
}

.icon_payment_succes {
  background: #15b756;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  padding-top: 10px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.icon_payment_succes i {
  color: white !important;
}

.icon_payment_unsucces {
  background: #f15555;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  padding-top: 5px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-size: 28px;
}
.icon_payment_unsucces i {
  color: white !important;
}

.title_payment {
  color: #15b756;
  display: inline-block;
  width: calc(100% - 50px);
  font-size: 18px;
}
.title_payment.red6 {
  color: #f15555 !important;
}

.subtitle_pament {
  display: inline-block;
  width: calc(100% - 50px);
  margin-bottom: 10px;
}

.bg_payment_ok {
  padding-top: 25px;
  background: #f2f8fc;
}

.container_course_payment {
  width: 100%;
  background: white;
  padding: 10px 10px 0px 10px;
  border-radius: 3px !important;
  border: 1px solid #c6d4e1;
  transition: all .5s;
  box-shadow: 0px 0px 0px transparent;
}
.container_course_payment .time_course_payment {
  padding-top: 10px;
  color: #597496;
}
.container_course_payment:hover {
  box-shadow: 2px 2px 5px #f4f4f4;
}

.downloadfacture {
  display: block;
  text-align: center;
  color: #15b756;
  margin: 13px 0;
}
.downloadfacture.unsuccessfull {
  margin: 0 13px 0 0 !important;
}
.downloadfacture:hover {
  color: #1fcc65;
}

.backtodirectory {
  display: block;
  text-align: center;
  background: #1fcc65;
  color: white;
  height: 38px;
  padding-top: 8px;
  margin-top: 10px;
  border-radius: 5px;
}
.backtodirectory:hover {
  background: #47ea89;
}

.title_course_on_purchase {
  font-weight: 700;
  color: #0e2f5c;
  font-size: 18px;
  padding-bottom: 10px;
}

.purcharse_container {
  position: relative;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  max-width: 180px;
  padding: 10px 0px;
}
.purcharse_container .title_txt {
  font-weight: 700;
  color: #0e2f5c;
  font-size: 1em;
}
.purcharse_container .txt_green {
  color: #15b756;
  font-size: 2.35em;
  font-weight: 300;
}
.purcharse_container .txt_gray {
  color: #7088a4;
  font-size: 2.35em;
  font-weight: 300;
}
.purcharse_container .txt_hardblue {
  color: #0e2f5c !important;
}

.purcharse_container_fail {
  position: relative;
  border-radius: 4px;
  background-color: #294c77;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  max-width: 180px;
  padding: 10px;
  color: white;
}
.purcharse_container_fail .lbl_txt {
  font-size: 2.35em !important;
  padding-bottom: 10px;
}
.purcharse_container_fail .color2 {
  color: #aabfd3 !important;
}

.container_white {
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  padding: 10px;
}
.container_white .lblue_txt {
  color: #7088a4;
}

.padding_top_40 {
  padding-top: 40px;
}

.purcharseref {
  text-align: center;
  padding-top: 7px;
}

.button_green_container {
  height: 54px;
  float: left;
  width: 100%;
}

.new_button_green {
  height: 49px;
  height: 50px;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  font-weight: 400;
  background: #22dd6d;
  box-shadow: 0 4px #13a848;
  color: white;
}
.new_button_green:hover, .new_button_green:active {
  background-color: #22dd6d;
}
.new_button_green:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}
.new_button_green:active {
  box-shadow: 0 0 #13a848;
  top: 4px;
}

.button_border_green_container {
  height: 54px;
  float: left;
  width: 100%;
}

.new_button_border_green {
  height: 49px;
  height: 50px;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  font-weight: 400;
  background: white;
  box-shadow: 0 4px #c6d4e1;
  color: #00d60d;
}
.new_button_border_green:hover, .new_button_border_green:active {
  background-color: white;
}
.new_button_border_green:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}
.new_button_border_green:active {
  box-shadow: 0 0 #c6d4e1;
  top: 4px;
}

.button_purple_container {
  height: 54px;
  float: left;
  width: 100%;
}

.new_button_purple {
  height: 49px;
  height: 50px;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  font-weight: 400;
  background: #5656b0;
  box-shadow: 0 4px #3e3e93;
  color: white;
}
.new_button_purple:hover, .new_button_purple:active {
  background-color: #5656b0;
}
.new_button_purple:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}
.new_button_purple:active {
  box-shadow: 0 0 #3e3e93;
  top: 4px;
}

.button_cancel_container {
  height: 54px;
  float: left;
  width: 100%;
}

.new_button_cancel {
  height: 49px;
  height: 50px;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  font-weight: 400;
  background: #c9dbef;
  box-shadow: 0 4px #9aafcb;
  color: white;
}
.new_button_cancel:hover, .new_button_cancel:active {
  background-color: #d3e4f6;
}
.new_button_cancel:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  transition: all 3s;
}
.new_button_cancel:active {
  box-shadow: 0 0 #9aafcb;
  top: 4px;
}

.height_container {
  width: 100%;
  min-height: calc(100% - 55px);
  height: auto;
  margin: 0px auto -272px;
  float: left;
}

.results-container {
  width: 100%;
  height: 70%;
  margin-top: 20px;
  position: relative;
  min-height: 550px;
}

.no_results {
  width: 100%;
  position: relative;
  float: left;
  color: #0b264f;
  text-align: center;
  font-size: 24px;
  font-weight: 100;
  margin-top: 30px;
}

.cPointer {
  cursor: pointer;
}

.color-primary-blue {
  color: #113868 !important;
}
.color-primary-blue i {
  color: #113868 !important;
}

.all_course {
  width: 100%;
  background: #FFF none repeat scroll 0% 0%;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 0px 27px;
  display: table;
  height: 59px;
  line-height: 59px;
  float: left;
  color: #113868;
  font-weight: 900;
  text-align: center;
  border: none;
  border-radius: 0.25em;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}

.temporal_container {
  text-align: center;
  display: table;
  width: 100%;
  background: #e6eef6;
  height: 768px;
  padding-top: 126px;
}
.temporal_container img {
  width: 80px;
  height: 80px;
  margin-bottom: 93px;
}
.temporal_container h1 {
  font-size: 25px;
  color: #666666;
  background: white;
  display: table;
  font-weight: 400;
  margin: 30px auto;
  padding: 15px 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
}

.arrow {
  font-size: 8px;
  line-height: 8px;
  font-family: 'teachlr';
  font-style: normal;
}

#menu_trigger_768 {
  position: relative;
}