@import url('reset.css');

/*@import url('webfonts/raleway-webfont.css');*/

.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
.clear {clear:both;}


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

/* Messages groupés */
ul.messages{
  list-style-type: none;
}
ul.messages .error-msg{
  max-width: 800px;
  padding: 2px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
ul.messages .success-msg{
  max-width: 800px;
  padding: 2px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.buttons-set {
  clear: both;
  padding: 8px 0 0;
  border-top: 1px solid #e4e4e4;
  text-align: right;
}

.lingueo-logo a{
  text-decoration: none;
}
.align-center {
  text-align: center;
}
/* Account Login/Create Pages ============================================================ */
.account-login .content {padding:14px 21px; background-color: rgba(0, 0, 0, 0.2); border:0; border-radius:7px; border-bottom:0; height:300px; color:#ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);}
.account-login .content h2 { }
.account-login .error-msg, .account-login .success-msg { list-style: none; color:#ffffff; font-weight: 700;}
.account-login a { color:#ffffff; }
.account-login a:hover { color:#ffffff; text-decoration: underline;}
.account-login .col2-set:first-of-type .col-1 { border-right:none; }
.account-login .new-users h2 {}
.account-login .registered-users h2 {}
.account-login .buttons-set { border-top:0; margin:0; padding:8px 13px;}
.new-users .content{border-right:none; }
.account-login .col2-set:nth-child(2){
  margin-top: 20px;
}
.page-title{
  width: 100%;
  overflow: hidden;
  /*border-bottom: 1px solid #ccc;*/
  margin: 0 0 25px;
}
.col2-set .col-1 {
  float: left;
  width: 48.5%;
}
.col2-set .col-2 {
  float: right;
  width: 48.5%;
}



.account-create {}
/* Account Login/Create Pages =========================================================== */


/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
.my-account { padding-bottom: 20px; }
/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 1.5em 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }


/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list{list-style:none;}
.form-list li { margin:0 0 8px; }
.form-list label { float:left; color:#44ABE6; font-weight:bold; position:relative; z-index:0; }
.form-list label.required {color:#000;}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:100%; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:70%; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }


/* ======================================================================================= */


/* Layout ================================================================================ */
/*.wrapper { min-width:954px; background-image:none; position: relative; z-index: 1;}
.page { margin:auto; background: #FFF;}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background: #fff; padding:25px 30px; text-align:left; }
.main-container {background-image:none; background: #FFF; width:100%; margin:auto; }
.main { width: 100%; margin:0 auto; min-height:400px; padding:0 0 20px 0; text-align:left; }*/
/* Base Columns */
.col-left { float:left; width:300px; padding:14px 0 1px 10px; }
/*.col-main { float:left; width:100%; padding:0 0 1px; }*/
.col-main { width:100%; padding:0 }
.col-right { float:right; width:300px; padding:0 0 1px; }
.col-main .motivation-wrapper .widget-category-link { display:block; margin:7px auto 0; }
.col-main .widget-category-link a {
  background: none;
  display: inline-block;
}
/* 1 Column Layout */
/*.col1-layout .col-main { float:none; width:auto; padding: 0; }*/

/* 2 Columns Layout */
/*.col2-left-layout .col-main { float:right; padding: 5px; width: 24%;}
.col2-right-layout .col-main {padding: 5px 10px;width: 74%;}
.col2-right-layout .col-right {padding: 0 10px 0 0;width: 24%;}*/

.col2-left-layout .col-main { float:right; padding: 5px; width: 24%;}
.col2-right-layout .col-main {padding: 0; width: 75%;}
.col2-right-layout .col-right {padding: 0;width: 24%;}

/* 3 Columns Layout */
/*.col3-layout .col-main { width:475px; margin-left:17px; }
.col3-layout .col-wrapper { float:left; width:687px; }
.col3-layout .col-wrapper .col-main { float:right; }*/

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

/* One colum content */
/*.one-column {padding: 15px 10px;}*/

/*.cms-home .col-main { padding:0; }*/

/* ======================================================================================= */


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

body{
  padding:0px;
  margin:0px;
  font-family:helvetica, sans-serif;
  background-repeat:repeat;
}

p{
  margin:0px;
}
a{
  color: #000;
  text-decoration: none;
}

.clear{
  clear:both;
  display:block;
}

.section{
  clear:both;
}

.mobile-nodisplay{
  display:none;
}

.category-relevant-content{
  padding:20px;
  font-size:0.8rem;
  text-align:justify;
  background-color: #f0f0f0;
}

.category-relevant-content p a{
  text-decoration:underline;
}

.category-relevant-content p a:hover{
  text-decoration:none;
  color:#7B6A5B;
}

.category-relevant-content p{
  margin-bottom:15px;
  line-height: 1.5em;
  /*font-size:14px;*/
}
.category-relevant-content .section-title{
  font-size:20px;
}

.category-relevant-content .paragraph-starter{
  color:#7B6A5B;
  font-weight:700;
  font-size:1.0rem;
  margin-bottom:5px;
}

.action-btn{
  display: block;
  text-transform: uppercase;
  box-sizing:border-box;
  color: #FFF;
  padding: 10px;
  border-radius: 7px;
  margin: 20px auto 0px auto;
  font-size: 0.89rem;
  max-width: 230px;
  text-align: center;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.action-btn.margin {
  margin-bottom: 10px;
  width:250px;
  max-width: 250px;
}

.btn-type-a{
  background-color: rgba(255, 115, 0, 1) !important;
  border:solid 2px rgba(255, 115, 0, 1);
  transition: border-color 0.3s ease 0s;
}

.btn-type-a:hover, .trialform .btn-send-mail:hover{
  background-color: rgba(230, 104, 0, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.btn-type-b{
  color: #000 !important;
  background-color: rgba(255, 255, 255, 1) !important;
  border:solid 2px rgba(255,255,255,1);
  text-shadow: none !important;
  transition: border-color 0.3s ease 0s;
}

.btn-type-b:hover{
  background-color: rgba(255, 255, 255, 1) !important;
  border:solid 2px rgba(4, 165, 218, 1);
}

.btn-type-c{
  color: rgba(0,0,0,0.8) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  border:solid 2px rgba(0,0,0,0.8);
  text-shadow: none !important;
  transition: border-color 0.3s ease 0s;
}

.btn-type-c:hover{
  background-color: rgba(255, 255, 255, 1) !important;
  border:solid 2px rgba(4, 165, 218, 1);
  color:rgba(4, 165, 218, 1)!important;
}

.btn-type-d{
  background-color:rgba(0,0,0,0.7);
  border:solid 2px rgba(0, 0, 0, 0.7);
  transition: background-color 0.3s ease 0s;
}

.btn-type-d:hover{
  background-color:rgba(0,0,0,0.5);
}


.btn-type-e{
  background-color:rgba(4,165,218,1);
  border:solid 2px rgba(4,165,218,1);
  transition: border-color 0.3s ease 0s;
}

.btn-type-e:hover{
  background-color: rgba(1, 142, 189,1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.btn-type-f{
  background-color:rgba(4,165,218,1);
  border:solid 2px rgba(255,255,255,1);
  transition: border-color 0.3s ease 0s;
}

.btn-type-f:hover{
  background-color: rgba(1, 142, 189,1) !important;
}

.btn-type-g{
  background-color:rgba(0,0,0,0.5);
  border:solid 2px rgba(0, 0, 0, 0.7);
  transition: background-color 0.3s ease 0s;
}

.btn-type-g:hover{
  background-color:rgba(0,0,0,0.7);
}


.desktop-action-btn{
  display:none;
}

.section-title{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: #7B6A5B;
  position:relative;
}

.invisible{
  visibility: hidden;
}

#header{
  background-color:#FFF;
  padding:10px;
  border-bottom: solid 3px #B2B2B2;
  -webkit-transition:height 1s ease-in-out;
       -moz-transition:height 1s ease-in-out;
            transition:height 1s ease-in-out;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
#header.open{
  height: 220px;
}
.main-container{
  -webkit-transition:margin-top 1s ease-in-out;
     -moz-transition:margin-top 1s ease-in-out;
          transition:margin-top 1s ease-in-out;
}
#header.open + .main-container{
  margin-top: 243px;
}

#header.open .signin-mobile, #header.open .logout-mobile {
  opacity: 1;
  cursor: pointer;
  display:block;
  text-align:center;
}

#header #nav a:hover {
  text-decoration: underline;
}

.navbar-login{
  padding-top: 0 !important;
}
#nav2{
  margin: 0;
  padding-left: 0;
}

#signinmobile-extra{
  position: absolute;
  top: -315px;
  z-index: 9999;
  padding: 15px;
  left: 10px;
  border-radius: 10px;

  right: 10px;
  background-color: #4b4b4b;
  -webkit-transition:top 1s ease-in-out;
       -moz-transition:top 1s ease-in-out;
            transition:top 1s ease-in-out;
}

#signinmobile-extra.open{
  top: 10px !important;
}

#signinmobile-extra #login-form{
  margin-top: 20px;
}

#signinmobile-extra .form-list{
  margin: 0;
  padding: 0;
}
#signinmobile-extra .form-list li .input-box,
#signinmobile-extra .form-list li input{
  width: 100%;
  box-sizing:border-box;
}
#signinmobile-extra .form-list li input{
  height: 40px;
  margin-bottom: 20px;
}
#signinmobile-extra .forgotten-password{
  color: #fff;
  text-align: right;
  display: inline-block;
  width: 100%;
  text-decoration: underline;
}
#signinmobile-extra > p{
  font-size: 1.1rem;
  height: initial;
  line-height: initial;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

#signinmobile-extra .close-btn{
  height:20px;
  width:20px;
  position:absolute;
  top:10px;
  right:10px;
  background:url(../images/lingueo-closeicon.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}

#header .nav-container{
  padding-top: 50px;
  display: none;
}

#header .nav-container ul li{
  position: relative;
  display: block;
  font-size: 1rem;
}
#header .header-nav,
#header .logout-mobile {
  display: none;
}
.header-nav,
#nav,
#nav2{
  overflow-x: visible;
  /*opacity: 0;
  -webkit-transition:all 1s ease-in-out;
       -moz-transition:all 1s ease-in-out;
            transition:all 1s ease-in-out;*/
  opacity: 1;
  padding-left: 0;
}

#header.open #nav2{
  height: auto;
  opacity: 1;
}

#nav.open{
  height: auto;
  opacity: 1;
}

#nav.open li{
  border-right: 0 !important;
}

.signin-mobile{
  opacity: 1;
  border-right: 0 !important;
  /*display: block;*/
  /*position: absolute;*/
  top: 180px;
  font-size:0.8rem;
  /*left: 42%;*/
  /*-webkit-transition:opacity 1s ease-in-out;
     -moz-transition:opacity 1s ease-in-out;
          transition:opacity 1s ease-in-out;*/
  padding-left: 0;
  text-align: center;
}

.logout-mobile{
  opacity: 1;
  border-right: 0 !important;
  display: inline-block;
  top: 208px;
  /*padding-top:12px;*/
  font-size:0.8rem;
  /*-webkit-transition:opacity 1s ease-in-out;
     -moz-transition:opacity 1s ease-in-out;
          transition:opacity 1s ease-in-out;*/
}


.lingueo-logo{
  margin-right:auto;
  margin-left:auto;
  margin:12px 0px 0px 10px;
  height:35px;
  width:130px;
  float:left;
}

.lingueo-logo img{
  width:100%;
}

.lingueo-logo{
  /*background-image:url(../images/lingueo-logo-color.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;*/
  margin-right:auto;
  margin-left:auto;
  margin:0px 0px 0px 10px;
  height:30px;
  width:100px;
  float:left;
}
.lingueo-logo a.logo{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.lingueo-logo .logo strong{
  display: none;
}

.header-menu-btn{
  border:solid 1px rgba(0,0,0,0.4);
  height:30px;
  width:50px;
  margin:0px 10px 0px 0px;
  float:right;
  border-radius: 7px;
  background-image:url(../images/lingueo-menu-icon.svg);
  background-position:center;
  background-size:70%;
  background-repeat: no-repeat;
  cursor: pointer;
}

#header.test .header-nav li,
#header.test #nav li{
  max-width:95px;
  font-size:0.7rem;
  border-right:solid 1px rgba(0,0,0,0.3);
  padding:0px 10px 0px 10px;
  height:30px;
  margin:0px;
  box-sizing:border-box;
}

#header.test .header-nav,
#header.test #nav{
  margin:0px;
}

.header-nav + .phone,
.nav-container + .phone{
  font-size: 0.8rem!important;
  height:30px;
  line-height:30px;
  vertical-align:middle;
  font-weight: bold;
}

.header-nav + .phone img,
.nav-container + .phone img{
  height:20px;
  width:20px;
}

.header-nav + .phone span,
.nav-container + .phone span{
  position:relative;
  top:-7px;
  margin-left:5px;
}

#header .account-links {
  margin-bottom:20px;
}

#header .account-links a{
  color:#ffffff;
  display: block;
}

#header .signin a:hover{
  text-decoration: underline;
}

.main-container{
  margin-top: 53px;
  min-height:550px;
}

.class-dashboard-timezone{
  min-height:550px;
}

.top-section{
  padding:20px 20px 0;
 /* background-color: rgba(0,0,0,0.7);*/
  background-color: rgba(4,165,218,1);
  text-align:center;
  color:#FFF;
  position:relative;
  background-image:url(../images/lingueo-cam-bg05.svg);
  background-repeat: repeat;
  background-size:24px;
}
.top-section-copy .product-name{
  font-size: 2.1rem;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  margin-top:0px;
  margin-bottom:0px;
}
.top-section-copy p{
  font-size: 1.4rem;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 300;
}

.categorypage .top-section{
  background-color: rgba(3, 112, 148, 0.7);
}

.top-section-upper{
  position:relative;
  padding-bottom:20px;
}


@media (max-width:768px) {
  .top-section-upper{
    padding-bottom: 43px;
  }
}

.top-image{
  z-index:100;
  /*background-image:url(../images/lingueo-productbg1.png);*/
  background-size:cover;
  background-repeat: no-repeat;
  background-position: bottom;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  pointer-events: none;
}

.categorypage .top-image{
  background-image:url(../images/lingueo-categorybg2.jpg);
}


.customer-account-forgotpassword .page-title, .customer-account-login .page-title{
  border:none;
  font-weight:700;
  text-transform:uppercase;
  font-size: 1.3rem;
  text-align:center;
  margin-bottom:10px;
  color: rgb(0, 49, 73);
  clear:both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.product-name {
  font-size: 1.3rem;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 934;
}
.customer-training-index .product-name {
  max-width:768px;
}
.product-value-prop{
  font-size:0.95rem;
  margin-top:5px;
  margin-bottom:10px;
  line-height:130%;
  font-weight:500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  max-width:768px;
  position: relative;
  z-index:999;
}

.product-value-prop a {
  color:white;
}

.product-value-prop a:hover {
  text-decoration: underline;
}

.top-section .product-price, .product-details .product-price{
  font-weight:700;
}

.top-section .product-price{
  display: block;
  background-color: rgba(0,0,0,0.5);
  padding: 10px;
  max-width: 460px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px;
  border: solid 1px rgba(255,255,255,0.5);
}

.top-section .product-price span{
  font-weight:300;
}

.productpage .product-view{
  display: none;
}
.productpage .product-details{
  background-color: #f0f0f0;
}

.productpage .product-details .buttons-wrapper{
  margin-top:0px !important;
  display: inline-block;
}

.productpage .product-details .buttons-wrapper .add-to-cart,
.productpage .users-reco .buttons-wrapper .add-to-cart{
  display: inline-block;
  float: none;
  clear: none;
  margin-right: 0px;
  width: 100%;
}


.buttons-wrapper .btn-type-c{
  margin-bottom: 20px;
}

.productpage .product-details .buttons-wrapper .add-to-cart a,
.productpage .users-reco .buttons-wrapper .add-to-cart a{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.productpage .product-details .buttons-wrapper .btn-type-c,
.productpage .users-reco .buttons-wrapper .btn-type-c{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.productpage .users-reco,
.productpage .product-details{
  margin-top: 0;
  padding-bottom: 20px;

}

.productpage .related-links{
  background-color: #f0f0f0;
}
.productpage .related-links .section-title{
  margin: 0px auto 20px;
}

.productpage .howitworks{
  padding: 30px !important;
  background-color: #fff;
}

.howitworks{
  text-align:center;
  padding:20px;
  background-color:#f0f0f0;
}

.howitworks .video{
  display:block;
  width:100%;
  max-width:500px;
  margin:20px auto 20px auto;
  border:solid 4px rgba(0,0,0,0.2);
}

.howitworks-step{
  margin: 10px 0px 0px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}

.howitworks-step h3{
  font-weight: normal;
  font-size: 13px;
}

.howitworks-step-illustration {
    display: block;
    background-color: #04A5DA;
    height: 100px;
    width: 150px;
    border-radius: 14px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    /*background-image: url("../images/jobeoz-cvbuilding-illu.svg");*/
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center center;
    position: relative;
}

.howitworks-steps .howitworks-step:nth-of-type(1) .howitworks-step-illustration{
  background-image: url("../images/lingueo-howto1.png");
}
.howitworks-steps .howitworks-step:nth-of-type(2) .howitworks-step-illustration{
  background-image: url("../images/lingueo-howto2.png");
}
.howitworks-steps .howitworks-step:nth-of-type(3) .howitworks-step-illustration{
  background-image: url("../images/lingueo-howto3.png");
}

.howitworks-step-illustration p {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    line-height: 30px;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #FFF;
    background-color: #FF7300;
}

.product-details{
  text-align:center;
  padding:20px;
  font-size: 0.8rem;
  background-image: url(../images/lingueo-circle-bg.svg);
  background-position:center;
  background-size:1000px;
  background-repeat: no-repeat;
}

.product-details .product-price{
  margin-top:20px;
  margin-bottom:20px;
  font-weight:700;
  font-size:0.9rem;
}

.product-details .list-container{
  margin-right:auto;
  margin-left:auto;
  padding:0px 20px;
  box-sizing: border-box;
  width:100%;
}

.product-details ul{
  margin:0px auto 0px auto;
  padding:0px;
  text-align:left;
  float: left;
}

.product-details ul li{
  margin:0px auto 20px auto;
}

.product-details ul li .li-starter,
.product-details ul li strong{
  font-weight:700;
  font-size:0.9rem;
}

.product-details .action-btn{
  clear:both;
}

.users-reco{
  background-color:#fff !important;
  text-align:center;
  padding:20px;
}



.user-reco-unit{
  margin:10px 0px 10px 0px;
  padding:10px 0px 10px 0px;
  background-image: url("../images/jobeoz-userfeed-bg.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120px auto;
}

.users-reco .section-undertitle{
  font-size:0.8rem;
  font-weight:500;
  color:rgba(0,0,0,0.5);
  margin-top:5px;
}

.users-reco .section-undertitle a {
  text-decoration:underline;
  color:rgba(0,0,0,0.5);
  cursor: pointer;
}

.users-reco .section-undertitle a:hover {
  text-decoration:none;
}

.users-reco .reco-title{
  font-weight:500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 16px;
}

.users-reco .reco-rating{
  width:140px;
  height:20px;
  margin:5px auto 5px auto;
}

.users-reco .reco-rating {
  width: 140px;
  height: 20px;
  margin: 5px auto 5px auto;
}

.users-reco .reco-copy{
  font-size: 0.8rem;
  font-weight: 300;
  color: #7B6A5B;
  width: 60%;
  max-height: 100px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-style:italic;
  height:45px;
}

.users-reco .reco-date{
  font-size:0.8rem;
  color:rgba(0,0,0,0.6);
  margin-top:10px;
}

.users-reco .action-btn{
  clear:both;
}

.related-links{
  text-align:left;
  color:#FFF;
  font-weight:300;
  font-size: 0.9rem;
  padding:20px 0px 20px 0px;
}


.related-links h2{
  padding-bottom: 30px;
}

.catalog-category-view .related-links h2{
  padding-bottom: 0px;
}

#categories{
  padding-top: 30px;
}

.related-links .section-title{
  margin:0px auto;
}

.related-products-wrapper{
    width:100%;
    text-align: center;
    margin-right:auto;
    margin-left:auto;
   /* margin-bottom: 30px;*/
  }
.customer-training-index .related-products-wrapper{
  margin-top:40px;
}
.related-product-box-container{
  width:300px;
  box-sizing:border-box;
   margin:0px 10px 10px 10px;
  clear: both;
  display: inline-block;
  position: relative;

}
.related-product-box{
    width:300px;
    border-radius: 7px;
    padding:10px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    border:solid 2px rgba(255,255,255,0.6);
}
.customer-training-index .related-product-box a,
.customer-training-index .related-product-pitch {
  position: relative;
  z-index: 3;
}
  .paiement-sans-frais{
    font-size: 0.7rem;
    color: #000;
    position: absolute;
    bottom:3px;
    left:10px;
    width:100%;
  }
    .paiement-sans-frais span {

    }

.related-product-box:hover{
  background-color:rgba(0,0,0,0.2);
}

.related-product-fill{
  height:100%;
  width:100%;
  position:absolute;
  top:0%;
  left:0%;
  background-image:url(../images/lingueo-cam-bg05.svg);
  background-repeat: repeat;
  background-size:24px;
  z-index:2;
  background-color:rgba(255,255,255,1);
}

.related-product-box:nth-of-type(3n+1) .related-product-fill{
  background-color:rgba(4,165,218,1);
}

.related-product-box:nth-of-type(3n+2) .related-product-fill{
  background-color:rgba(255,115,0,1);
}
.related-product-box:nth-of-type(3n+3) .related-product-fill{
  background-color:rgba(153,134,117,1);
}

.related-product-arrow{
  width:10%;
  height:100%;
  position:absolute;
  top:0px;
  right:0px;
  background-color:rgba(0,0,0,0.4);
  background-image:url(../images/rightarrow.svg);
  background-repeat:no-repeat;
  background-position:60% 50%;
  background-size:12px;
  z-index:3;
}

.related-product-action-btn{
  display:none;
}

.related-product-bg{
  z-index:1;
  background-image:url(../images/lingueo-productbg3.png);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: 0px 40%;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
}

.related-product-box:nth-of-type(3n+2) .related-product-bg{
  background-image:url(../images/lingueo-productbg4.jpg);
}

.related-product-box:nth-of-type(3n+3) .related-product-bg{
  background-image:url(../images/lingueo-productbg2.png);
}

.related-product-copy{
  width:90%;
  z-index:3;
  position:relative;
  min-height:230px;
}
.related-product-copy a:first-child {
  display: block;
  width:100%;
}
.customer-training-index .related-product-name,
.catalog-category-view .related-product-name,
.catalog-product-view .related-product-name {
  height: 60px;
  width:300px;
  display: table-cell;
  vertical-align: middle;
}

.related-product-name{
  color:rgba(255,255,255,1);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight:700;
  text-shadow:1px 1px rgba(0,0,0,0.3);
  border-right: solid 1px rgba(255,255,255,0.6);
  border-bottom: solid 1px rgba(255,255,255,0.6);
  border-radius: 0px 0px 7px 0px;
  padding:10px;
  position:relative;
  box-sizing:border-box;
  top:-10px;
  left:-10px;
  background-color:rgba(255,255,255,0.1);
  margin:0;
  min-height: 60px;
}

.related-product-pitch{
  color:rgba(255,255,255,1);
  font-size: 0.7rem;
  font-weight:500;
  margin-bottom:5px;
  text-shadow:0px 0px 2px rgba(0,0,0,0.8);
  min-height:110px;
  max-height:110px;
  text-overflow: ellipsis;
  white-space: inherit;
  overflow: hidden;
}


.related-categorie-price p {
  width: 100%;
  font-weight: 700;
  color:#fff;
}

.related-product-price{
  background-color: rgba(0,0,0,0.5);
  padding:10px;
  box-sizing:border-box;
  width:90%;
  border-radius: 0px 7px 0px 0px;
  position:absolute;
  left:-10px;
  bottom:-15px;
}

.related-product-courseprice{
  color:rgba(255,255,255,1);
  font-size: 0.7rem;
  font-weight:500;
  margin-left:6px;
  display: inline-block;
}


.related-product-totalprice{
  font-size:1rem;
  font-weight:700;
  color:rgba(255,255,255,1);
  text-shadow:0px 0px 4px rgba(0,0,0,0.8);
  display: inline-block;
}
  .related-product-totalprice .stroke{
    color: #bab7b4;
    text-decoration: line-through;
  }

.related-product-magnifier{
  display:none;
}
.related-categorie-magnifier{
  display:block;
  position:absolute;
  right:5%;
  bottom:10px;
  height:20px;
  width:20px;
}


.related-product-final{
  display: block;
  clear:both;
  text-transform: uppercase;
  box-sizing: border-box;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 40px;
  border:solid 2px rgba(255, 255, 255, 0);
  border-radius: 7px;
  margin: 20px auto 0px auto;
  font-size: 0.8rem;
  max-width: 350px;
  text-align: center;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: border 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}


.lingueo-logo-footer{
  background-image:url(../images/lingueo-logo-white.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  margin-right:auto;
  margin-left:auto;
  margin:0px;
  height:20px;
  width:70px;
  vertical-align: bottom;
}
.footer-container {
  width:100%;
  border-top: 1px solid rgba(192,192,192,0.5);
}
#footer{
  background-color:#2A2A2A;
  padding:20px;
  background-image:url(../images/jobeoz-footer-bg.svg);
  background-repeat: repeat;
  border-top: solid 2px rgba(0,0,0,0.1);
  clear:both;
}

.copyright{
  float:left;
}

.jobeoz-logo-footer{
  background-image:url(../images/jobeoz-logo-white.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  margin-right:auto;
  margin-left:auto;
  margin:0px;
  height:20px;
  width:70px;
  vertical-align: bottom;
}

.copyright p {
  clear:both;
  margin-bottom:20px;
  font-size:0.7rem;
  color: rgba(255,255,255,0.5);
  font-weight: 300;
}

.footer-nav{
  border-top:solid 1px rgba(255,255,255,0.2);
  padding-top:10px;
}

.footer-social-links{
  width:158px;
  margin-right:auto;
  margin-left:auto;
}

#footer .social-icon{
  float:left;
  height:32px;
  width:32px;
  margin-right:5px;
  border-radius: 7px;
  opacity:0.5;
  cursor:pointer;
}

#footer .logofooter {
  text-align: center;
}

#footer .logofooter span{
  font-size:12px;
  width:100%;
  text-align: center;
  color: rgba(255,255,255,0.5);
  display:inline-block;
}

#footer .logofooter img{
  padding:10px;
  opacity: 0.5;
}


#footer .logofooter img:hover{
  opacity:1;
}

@media (max-width:768px) {
  #footer .logofooter img{
    max-width: 15%;
    padding:2%;
  }
}


#footer .social-icon:nth-of-type(4){
  margin-right:0px;
}

#footer .social-icon:hover{
  opacity:0.9;
}

.reservationnumber{
  display:none;
}

.review-categorie-notset{
  text-decoration: underline;
}

.blog-link{
  text-transform: uppercase;
  font-weight:700;
  font-size:1.1rem;
  color:rgba(255,255,255,0.5);
  float:left;
  margin-left:10px;
  line-height:32px;
}

.blog-link:hover{
  color:rgba(255,255,255,0.9);
}

.footer-nav{
  clear:both;
}

.footer-category{
  width:100%;
}

.footer-category ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.footer-category li:first-of-type{
  text-transform: uppercase;
  margin-top: 10px;
  font-weight:700;
  font-size:1rem;
  color:rgba(255,255,255,0.7);
  margin-bottom:15px;
}

.footer-category li a{
  color:rgba(255,255,255,0.7);
  margin-top:7px;
  font-size:0.8rem;
  font-weight:300;
}

.footer-copyright-social{
  margin-right:auto;
  margin-left:auto;
  width:280px;
  padding:20px 0px;
}

.footer-lingueobrands {
  font-size:0.75rem;
  text-align: center;
  color:rgba(255,255,255,0.7);
  font-weight:300;
  padding-bottom:20px;
  margin-bottom:0px;
  background-image:url(../images/lignebottom-footer.png);
  background-repeat:no-repeat;
  background-position:100% 100%;


}

.footer-lingueobrands p{
  background-image:url(../images/lignetop-footer.png);
  background-repeat:no-repeat;
  background-position:100% 100%;
  height:40px;
}

.footer-lingueobrands img{
  max-width:20%;
  display:inline-block;
  margin:20px 20px 10px;
  opacity: 0.4;
  cursor: pointer;
}
  .footer-lingueobrands img:hover{
    opacity: 0.9;
  }
@media (max-width:768px) {
  .footer-lingueobrands img{
    margin: 15px 10px 10px;
  }
  .motivation-prompt .motivation-globalwrap{
    text-align: center;
  }
  .motivation-prompt .motivation-wrapper a{
    display: inline-block;
  }
  .motivation-prompt .motivation-wrapper img{
    display: none;
  }
}

.groupe-lingueo-lingueo{
  max-width: 15% !important;
}
.groupe-lingueo-lingueopro{
  max-width: 15% !important;
}
.groupe-lingueo-jobeoz{
  max-width: 15% !important;
}
.groupe-lingueo-skoul{
  max-width: 15% !important;
}



.clearer{
  clear:both;
  display:block;
}

.homepage .top-section{
  background-color:rgba(4, 165, 218, 1);
}

.homepage .messages{
  display:none;
}

.homepage .top-section-copy{
  z-index:2;
  position:relative;
}

.homepage .top-image{
  background-image:url(../images/lingueo-homebg1.svg);
  background-size:contain;
  background-position:50% 100%;
  z-index:1;
  height:40%;
  width:100%;
  top:auto;
  bottom:0px;

}

.homepage .top-section .buttons-wrapper{
  z-index:2;
  position:relative;
}

@keyframes popright {
    0%   {right:-200px;}
    100% {right:0px;}
}

@keyframes poprightclose {
    0%   {right:0px;}
    100% {right:-200px;}
}

@keyframes popbottom {
    0%   {bottom:-140px;}
    100% {bottom:0px;}
}
@keyframes popbottomclose {
    0%   {bottom:0px;}
    100% {bottom:-140px;}
}

.trialclass-popup{
  display:block;
  height:140px;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  background-color:rgba(255,255,255,0.9);
  color: rgba(0, 0, 0, 0.7);
  border-radius: 0px;
  border:solid 3px #7B6A5B;
  border-right:none;
  border-left:none;
  border-bottom:none;
  position:fixed;
  bottom:-140px;
  z-index:200;
  animation: popbottom 1s ease-out 8s 1 forwards;
  background-image:url(../images/lingueo-adviser.svg);
  background-size:80px;
  background-repeat:no-repeat;
  background-position:100% 110%;
}
.trialclass-popup.close{
  animation:popbottomclose 1s ease-in-out;
}

.trialclass-popup .popup-title{
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight:700;
  color:rgba(255,115,0,1);
}

.trialclass-popup .popup-body{
  font-size:0.8rem;
}
.trialclass-popup .popup-closebtn{
  cursor: pointer;
}
.popup-callbtn{
  display:block;
  float:left;
  height:40px;
  width:40px;
  background-size:contain;
  background-repeat:no-repeat;
  margin-top:5px;
}

.popup-callbtn:nth-of-type(1){
  background-image:url(../images/skype-icon.svg);
  margin-right:10px;
}

.popup-callbtn:nth-of-type(2){
  background-image:url(../images/phone-icon.svg);
}

.popup-callbtn:nth-of-type(1):hover{
  background-image:url(../images/skype-icon2.svg);
}

.popup-callbtn:nth-of-type(2):hover{
  background-image:url(../images/phone-icon2.svg);
}

.popup-closebtn{
  height:12px;
  width:12px;
  position:absolute;
  top:14px;
  right:10px;
  background-image:url(../images/lingueo-closeicon.svg);
  background-size:contain;
  background-repeat:no-repeat;
}

.language-picker{
  width:280px;
  background-color:rgba(0,0,0,0.2);
  box-shadow: 0 0 0px 3px rgba(0,0,0,0.3);
  padding:10px;
  color:white;
  box-sizing:border-box;
  border-radius:7px;
  margin-right:auto;
  margin-left:auto;
  z-index:5;
  position:relative;
}

.language-picker p{
  text-align:center;
  font-size:0.9rem;
  margin-top:10px;
  font-weight:300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.selec-section p{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  font-size:1.2rem;
  margin:0px auto 10px auto;
  text-align:center;
}

.language-field-container{
  width:260px;
  height:34px;
  overflow:hidden;
  border-radius: 3px;
  background-image: url(../images/lingueo-selecticon.svg);
  background-size:contain;
  background-position:right;
  background-repeat:no-repeat;
  background-color:rgba(255,255,255,1);
  margin-bottom:10px;
}

.language-field{
  background-color:transparent;
  color:rgba(0,0,0,0.7);
  height:34px;
  width:280px;
  border-radius: 3px;
    font-size: 1rem;
    line-height: 140%;
    border: 0;
    margin-left:10px;
    cursor:pointer;
}

.language-field option{
  margin-bottom:5px;
}

.language-field option:nth-of-type(1){
  color:rgba(0,0,0,0.5);
}

.language-picker .action-btn{
  display: block;
  clear:both;
  box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
}

.languages-listing{
  clear:both;
  border-radius: 7px;
}

.flag-box{
  display:inline-block;
  /*float:left;*/
  height:40px;
  width:40px;
  margin-right:10px;
  margin-top:10px;
  border-radius: 7px;
  overflow:hidden;
  position:relative;
  border:solid 2px rgba(0,0,0,0.5);
  cursor:pointer;
}

.flag-box:nth-of-type(5), .flag-box:nth-of-type(10), .flag-box:nth-of-type(15), .flag-box:nth-of-type(20){
  margin-right:0px;
}

.flag-box h2 {
  margin:0;
}

.flag-box .dark-layer{
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,0.1);
  z-index:3;
  position:absolute;
  top:0px;
  left:0px;
}

.flag-box .dark-layer:hover{
  background-color:rgba(0,0,0,0);
}

.flag-box img{
  height:100%;
  width:100%;
  z-index:2;
}

.advisers-prompt{
  background-color:rgba(255,115,0,1);
}

.prompt-content{
  max-width:320px;
  margin-right:auto;
  margin-left:auto;
}

.prompt-title{
  color:#FFFFFF;
  text-shadow:1px 1px 1px rgba(0,0,0,0.6);
  text-transform:uppercase;
  font-size: 19.2px;
  font-weight: normal;
  /*font-weight:700;*/
  margin-bottom:10px;
}

.prompt-pitch{
  color:rgba(0,0,0,0.8);
  font-weight:500;
  font-size:0.8rem;
}

.prompt{
  width:100%;
  padding:20px;
  box-sizing:border-box;
  text-align:center;
  float:left;
  background-image: url(../images/lingueo-cam-bg03.svg);
  background-size: 24px auto;
  border-top: solid 2px rgba(0,0,0,0.4);
}

.prompt .action-btn{
  color: rgba(0,0,0,0.8);
  background-color: rgba(255, 255, 255, 0);
  border:solid 2px rgba(0,0,0,0.8);
  text-shadow: none;
  transition: border-color 0.3s ease 0s;
  /*margin-top: 40px;*/
}

.prompt .action-btn:hover{
   background-color: rgba(255, 255, 255, 0.2);
}

.usersreco-prompt{
  background-color: rgba(153,134,117,1);
}

.usersreco-prompt-content{
  color:white;
  border:solid 1px rgba(255,255,255,0.5);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  padding: 10px;
  border-radius: 7px;
  font-size: 0.8rem;
  margin-top:10px;

}

.usersreco-prompt .prompt-content{
  max-width:420px;
}

.usersreco-prompt-content .reco-title{
  font-size:1rem;
  margin-bottom:5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.reco-copy{
  text-shadow:none;
  color:rgba(0,0,0,0.8);
  font-style:italic;
  margin: 5px auto;

  height: 53px;
  -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
          box-orient: vertical;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
     -moz-text-overflow: ellipsis;
          text-overflow: ellipsis;
  display: block !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
     -moz-line-clamp: 3;
          line-clamp: 3;
}
.usersreco-prompt-content div[class*=reco-rating]{
  height: 20px;
  background: url(../images/rating-5stars-white.svg) no-repeat left center transparent;
  position: relative;
  margin: auto;
}

.usersreco-prompt-content .reco-rating-0,
.experience_header .reco-rating-0{
  width: 0;
}
.usersreco-prompt-content .reco-rating-1,
.experience_header .reco-rating-1{
  width: 25px;
}
.usersreco-prompt-content .reco-rating-2,
.experience_header .reco-rating-2{
  width: 50px;
}
.usersreco-prompt-content .reco-rating-3,
.experience_header .reco-rating-3{
  width: 80px;
}
.usersreco-prompt-content .reco-rating-4,
.experience_header .reco-rating-4{
  width: 110px;
}
.usersreco-prompt-content .reco-rating-5,
.experience_header .reco-rating-5{
  width: 140px;
}

.user-reco-unit div[class*=reco-rating],
.experiences span[class*=reco-rating]{
  width: 140px;
  height: 20px;
  margin: 5px auto 5px auto;
}
.experiences span[class*=reco-rating]{
  display: inline-block;
  margin: 0;
}
.user-reco-unit .reco-rating-0,
.experiences .reco-rating-0{
  background: url(../images/rating-0stars-color.svg) no-repeat center transparent;
}
.user-reco-unit .reco-rating-1,
.experiences .reco-rating-1{
  background: url(../images/rating-1stars-color.svg) no-repeat center transparent;
}
.user-reco-unit .reco-rating-2,
.experiences .reco-rating-2{
  background: url(../images/rating-2stars-color.svg) no-repeat center transparent;
}
.user-reco-unit .reco-rating-3,
.experiences .reco-rating-3{
  background: url(../images/rating-3stars-color.svg) no-repeat center transparent;
}
.user-reco-unit .reco-rating-4,
.experiences .reco-rating-4{
  background: url(../images/rating-4stars-color.svg) no-repeat center transparent;
}
.user-reco-unit .reco-rating-5,
.experiences .reco-rating-5{
  background: url(../images/rating-5stars-color.svg) no-repeat center transparent;
}

.usersreco-prompt-content .home-user-review:first-child{
  display: block;
}
.usersreco-prompt-content .home-user-review:not(:first-child){
  display: none;

}
.usersreco-prompt-content .home-user-review.active{
  display: block !important;
}


.short-information {
  width: 100%;
  height: 40px;
  background-color: #dbd4ce;
  text-align: center;
  line-height: 40px;
}

@media(min-width:1280px){
  .short-information{
    text-align: left;
  }

  .short-information-align{
    padding-left: 23%;
  }
}



@media(min-width:960px && max-width:1280px){
  .short-information{
    text-align: left;
  }

  .short-information-align{
    padding-left: 13%;
  }
}



.homepage .short-information {
  background-color: #A4D5E6;
}
.short-information .short-session strong {
  font-family: Verdana, Geneva, sans-serif;
}

.short-information div:first-child {
  line-height: 30px;
}

.short-information div{
  display: inline-block;
  font-size: 0.8rem;
}

.short-information .short-session{
  border-right: solid 1px rgba(0,0,0,0.2);
  padding-right: 19px;
  margin-right: 15px;
}

@media(min-width:768px){

.short-information .short-session{
    min-width: 303px;
    text-align: left;
}

.short-information .short-reviews{
  min-width: 35vw;
  text-align: left;
  position:relative;
  height:20px;
}
.short-information .short-review{
  position: absolute;
  top:2px;
  left:5px;
  overflow: hidden;
  height: 23px;
}
}

@media(max-width:768px){
.short-information .short-reviews{
  position:relative;
    height: 30px;
}
.short-information .short-review{
  text-align: center;
  width: 100%;
  height: 26px;
  position: absolute;

}
.short-information .short-reviews .short-review .inside-short{
    float: none;
    height: 17px;
    display: inline-block;
    margin: 10px;
    text-align: center;
    overflow: hidden;
}
.short-information .short-reviews .short-review .inside-short .review-title{
  max-width: 64%;
}
.short-information .short-reviews .short-review .inside-short div[class*=review-rating]{
  margin-top:-4px;
}
}
.short-information a {
  text-decoration: underline;
}

.short-information .short-reviews div[class*=review-rating]{
  height: 19px;
  background: url(../images/rating-5stars-small-white.svg) no-repeat left center transparent;
  position: relative;
  margin: auto;
}



@media(max-width:768px){

  .short-information {
    height: 140px;
    padding-top: 10px;
  }

  .short-information div{
    display: block;
  }


  .short-information .short-session{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }

  .short-information .short-reviews {
    min-width: 0;
    text-align: center;
  }

  .short-information div:first-child {
    line-height: 22px;
  }


}

.short-information .short-reviews .review-rating-0{
  width: 0;
}
.short-information .short-reviews .review-rating-1{
  width: 17px;
}
.short-information .short-reviews .review-rating-2{
  width: 40px;
}
.short-information .short-reviews .review-rating-3{
  width: 60px;
}
.short-information .short-reviews .review-rating-4{
  width: 80px;
}
.short-information .short-reviews .review-rating-5{
  width: 100px;
}

.short-reviews .short-review:first-child {
  display: block;
}

.short-reviews .short-review:not(:first-child) {
  display: none;
}

.short-reviews .short-review:active {
  display: block !important;
}

.short-reviews .short-review .review-title {
  text-transform: uppercase;
  margin-right:5px;
  margin-top:-1px;
}


.short-reviews .short-review .review-date {
  margin:-1px 3px;
}

/*
.review-rating-5, .review-rating-4, .review-rating-3, .review-rating-2, .review-rating-1, .review-title, .review-categorie{
  float:left;
}*/
.short-reviews .short-review div {
  float:left;
}

.review-categorie {
  margin-top: -1px;
}

.teachers-prompt{
  background-color: rgba(4, 165, 218, 1);
  height: 260px !important;
}

.teachers-prompt-us{
  height:320px !important;
}
@media(max-width:766px){
  .teachers-prompt-us{
    height:180px !important;
  }
}

.media-prompt{
  background-color:rgba(241,241,241,1);
  height: 220px !important;
}

.media-prompt .prompt-title, .media-prompt{
  color:rgba(0,0,0,0.8);
  text-shadow:none;
}

.media-prompt-logos{
  width:280px;
  height:100px;
  margin-right:auto;
  margin-left:auto;
}

.media-prompt-logounit{
  display:block;
  /*background-color:rgba(0,0,0,0.4);*/
  height:38px;
  width:38px;
  display: inline-block;
  margin-right:5px;
  margin-left:5px;
  margin-top:5px;
  border: 3px solid rgba(0,0,0,0.4);
  color: #807a73;
  line-height:15px;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  transition: .5s;
}
  .media-prompt-logounit:hover{
    border-color: rgba(0,0,0,0.8);
    color: rgba(0,0,0,0.8);
    font-weight: bold;
  }



.blog-prompt{
  padding:10px;
  height: 260px !important;
}

.blog-prompt .prompt-content{
  max-width:420px;
}

.blog-prompt .action-btn{
  display:none;
}

.blog-prompt .blog-right{
  border:2px solid rgba(0,0,0,0.1);
  border-radius:7px;
  padding:10px;
}

.blog-prompt .blog-latest-title{
  font-size:1.1rem;
  font-weight:700;
}

.blog-prompt .blog-latest-summary{
  font-weight:500;
  font-size:0.8rem;
  font-style:italic;
  color:rgba(0,0,0,0.8);
  margin-top:10px;
}

.blog-latest-summary .blog-readmore{
  display:block;
  font-weight:700;
  font-size:1rem;
  text-decoration: underline;
  color:rgba(0,0,0,0.9);
  margin-top:10px;
  font-style:initial;
}

.motivation-prompt{
  background-color:rgba(4, 165, 218, 1);
}

.motivation-prompt .prompt-title{
  margin-bottom: 5px;
}


.motivation-btn{
  height:40px;
  padding-left:10px;
  padding-right:10px;
  display: table-cell;
  vertical-align: middle;
  box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
  box-sizing:border-box;
  border-radius: 7px;
  width:220px;
  font-size: 1rem;
  font-weight: 700;
  color: #FF7300;
  text-align:center;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:10px;
  cursor:pointer;
  background-color: rgba(255, 255, 255, 1) !important;
  transition: box-shadow 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.motivation-btn:hover{
  color: rgba(0,0,0,0.9);
  -webkit-box-shadow: 0 0 0px 2px rgba(0,0,0,0.6);
     -moz-box-shadow: 0 0 0px 2px rgba(0,0,0,0.6);
          box-shadow: 0 0 0px 2px rgba(0,0,0,0.6);
}

.motivation-btn span{
/*  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  line-height: 40px;*/
}

/* FORGOT PASSWORD */
.forgot-password .page-title, .account-create .page-title{
  color:#fff !important;
}

.forgot-password h2, .account-create h2,
.forgot-password h2 + p, .account-create h2 + p{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  color: white;
}


.forgot-password, .account-login, .account-create {
  background-color: #04A5DA;
  padding:20px;
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-repeat: repeat;
  background-size: 24px auto;
}

.account-login .buttons-set{
  display: block !important;
}
.account-login h1{
  color: #fff;
}

.account-create .field{
  float:left;
  margin-right: 25px;
}
.account-create .form-list input.input-text{
  width:250px;
}

.account-create .validation-advice{
  width:275px;
  margin-top: 5px;
}

.forgot-password-form .form-list, .account-login-content .form-list, .account-create .form-list{
  list-style: none;
  width:100%;
  padding:0px;
  color:initial;
}

.forgot-password .validation-advice{
  width:525px;
  margin-top: 5px;
}
.forgot-password-form .form-list .fields, {
  margin-bottom: 0;
}
.forgot-password-form .form-list .input-box,
.forgot-password-form .form-list li.wide .input-box,
.forgot-password-form .form-list .field{
  width: 100%;
}

.forgot-password-form .input-box input, .account-create input, .account-login-content input{
  border-radius:7px;
  padding:10px;
  font-size:0.9rem;
}

/* PAGES CMS */
.page-copy{
  max-width:680px;
  margin-right:auto;
  margin-left:auto;
  line-height:140%;
}

.contentpage{
  color:rgba(0,0,0,0.8);
  text-align:left;
  padding:0px 20px 20px 20px;
}

 .contentpage .mainimage{
  display:block;
  width:100%;
  max-width:800px;
  margin-right:auto;
  margin-left:auto;
  border-radius:0px 0px 7px 7px;
 }

 .contentpage .page-title{
  font-weight:700;
  font-size:1.3rem;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
  line-height:120%;
  border-bottom: 0;
 }

 .contentpage .page-summary{
  font-weight:700;
  font-size:0.9rem;
  margin-bottom:20px;
  color: #7B6A5B;
  line-height:130%;
 }

.contentpage .page-copy .normal-copy{
  font-size:0.9rem;
  margin-bottom:10px;
}

.contentpage .page-copy .emphasis-copy{
  font-size:1rem;
  margin-bottom:10px;
  background-color:rgba(241,241,241,1);
  padding:20px 40px 20px 20px;
  font-style: italic;
  border-radius:0px 7px 7px 0px;
}

.contentpage .page-copy .incopy-video{
  display: block;
  width: 100%;
  box-sizing:border-box;
  max-width: 500px;
  margin: 20px auto;
  border: 4px solid rgba(0, 0, 0, 0.2);
}

.contentpage .page-copy .paragraph-starter{
  font-size:1.2rem;
  font-weight:700;
  margin-top:20px;
  margin-bottom:10px;
}


/* CONTACT PAGE */
.helvetica{
  font-family: "Helvetica";
  float:left;
  padding:10px 0px 0px 5px;
}

.contactpage{
  padding:0px;
}
.contact-title{
  font-weight:700;
  text-transform:uppercase;
  font-size: 1.3rem;
  text-align:center;
  margin-bottom:10px;
  color: rgb(0, 49, 73);
  clear:both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.contact-subtitle{
  font-weight:500;
  text-transform:uppercase;
}

.contact-top{
  background-color: #04A5DA;
  padding:20px;
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-repeat: repeat;
  background-size: 24px auto;
}

.contact-bottom{
  background-color: #F1F1F1;
  padding:20px;
  background-image: url("../images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.contact-call, .contact-mail, .contact-findus{
  width:100%;
  padding:20px 0px;
  box-sizing:border-box;
  border-radius:0px;
}

.contact-call{
  border-radius:7px;
  padding:10px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  font-size:0.9rem;
  border:none;
  margin-bottom: 20px;
}

.contact-call .call-btn{
  background: no-repeat center url(../images/phone-icon.svg);
  background-size:contain;
  height:60px;
  width:60px;
  float:left;
  margin-right:10px;
}
.contact-call .contact-copy{
  float:left;
}

.contact-copy span{
    float:left;
    display:block;
    font-weight:700;
    font-size:1.2rem;
  }

.contact-copy p{
  clear:both;
}

.contact-mail{
  border-radius:7px;
  padding:10px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size:0.9rem;


}

.contact-mail .contact-subtitle, .contact-social .contact-subtitle{
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  font-style:initial;
  margin-bottom: 10px;
}

.contact-mail .form-list{
  list-style: none;
  width:100%;
  padding:0px;
  color:initial;
}
.contact-mail .form-list .fields{
  margin-bottom: 0;
}
.contact-mail .form-list .input-box,
.contact-mail .form-list li.wide .input-box,
.contact-mail .form-list .field{
  width: 100%;
}
.field.field-half{
  width: 49% !important;
}
.field-right{
  float: right !important;
}
.field-left{
  float: left !important;
}

.contact-mail input, .contact-mail textarea{
  width:100% !important;
  box-sizing:border-box;
  margin:0px auto 10px auto;
  padding:10px;
  border-radius: 7px;
  border:none;
  font-size: 1.05rem;
}

.contact-mail input{
  min-height:30px;
}

.contact-mail textarea{
  margin-bottom:0px;
}

.contact-mail .error-box{
  display:none;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  border-radius:7px;
  color:rgba(0,0,0,0.7);
  font-weight:500;
  border:solid 1px rgba(0,0,0,0.7);
  background:#FF7300;
}

.contact-online{
  float:left;
  line-height:40px;
}

.contact-socialicon{
  float:left;
  height:40px;
  width:40px;
  margin-left:10px;
  margin-bottom:20px;
  opacity:0.8;
  cursor:pointer;
}

.contact-socialicon:hover{
  opacity:1;
}

.office-adress{
  clear:both;
  margin-bottom:10px;
}

#office-ggmap{
  width:100%;
  height:180px;
  background-color:#E3E3E3;
  border:solid 2px rgba(0,0,0,0.4);
}

.contact-findus{
  border-bottom:none;
  border-top:solid 2px rgba(0,0,0,0.7);
  padding:0px;
}

/* PAGE NOTRE METHODE */
.methodpage{
  font-size:0.7rem;
  padding:10px;
  box-sizing:border-box;
  background-color:#04A5DA;
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-size:24px;
}

.methodpage .contain{
  max-width:800px;
}

.method-intro{
  text-align:center;
  font-size:0.8rem;
  color:rgba(0,0,0,0.8);
  padding:20px;
}

.method-intro .page-title{
  font-size: 1.3rem;
  font-weight: 700;
  color:#FFF !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom:10px;
}

.method-intro .strong{
  font-weight: 700;
  margin-top: 10px;
  color:#FFF;
  font-size:1rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.methods-listing{
  width:280px;
  padding:0px 10px;
  margin-right:auto;
  margin-left:auto;
}

.method-btn{
  display:block;
  width:135px;
  height:40px;
  float:left;
  height:auto;
  box-sizing:border-box;
  margin-right:10px;
  margin-bottom:10px;
  padding:5px 5px 5px 25px;
  font-size:0.8rem;
  text-align:center;
  color:rgba(0,0,0,0.8);
  border:solid 1px rgba(255,255,255,0.4);
  border-radius:7px;
  background-color:rgba(255,255,255,0.4);
  transition:background-color 0.2s;
  background-image:url("../images/lingueo-versusicon.svg");
  background-position:5px 50%;
  background-repeat:no-repeat;
  background-size:18px;
  cursor:pointer;
}

.method-btn:hover{
  background-color:rgba(255,255,255,0.6);
}

.method-btn:nth-of-type(2n){
  margin-right:0px;
}

.method-wrapper{
  width:100%;
  max-width:728px;
  box-sizing:border-box;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:20px;
  position:relative;
}

.method-illu{
  display:block;
  width:70%;
  max-width:280px;
  max-height:169px;
}

.versus-icon{
  position:absolute;
  height:20px;
  width:20px;
  left:50%;
  margin-left:-10px;
  top:30px;
}

.method-table{
  position:relative;
  width:100%;
  border-spacing: 0;
  border-collapse:separate;
}

.table-border{
  position:absolute;
  top:0px;
  left:0px;
  border-radius:7px;
  width:100%;
  height:100%;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.method-table td{
  padding:10px;
  width:50%;
  vertical-align:top;
  box-sizing:border-box;
}

.method-table tr:nth-of-type(1){
  font-size:0.9rem;
  text-align:center;
  height:82px;
}

.method-table tr:nth-of-type(1) td:nth-of-type(1){
  border-radius:7px 0px 0px 0px;
  background-color:#C4F0FF;
  border-right:solid 2px rgba(0,0,0,0.2);
  vertical-align:middle;
  font-weight:700;
}
.method-table tr:nth-of-type(1) td:nth-of-type(2){
  border-radius:0px 7px 0px 0px;
  background-color:rgba(255,255,255,1);
  vertical-align:middle;
  font-size:0.9rem;
}

.method-table tr:nth-of-type(1) td:nth-of-type(2) .table-logo{
  vertical-align:middle;
  margin-left:7px;
  width:90%;
  max-width:140px;
}

.method-table tr:nth-of-type(2){
  background-color:#FDFFED;
}

.method-table tr:nth-of-type(2) td{
  border-top:solid 2px rgba(0,0,0,0.2);
  border-bottom:solid 2px rgba(0,0,0,0.2);
}

.method-table tr:nth-of-type(3) td:nth-of-type(1){
  border-radius:0px 0px 0px 7px;
  background-color:#C4F0FF;
  border-right:solid 2px rgba(0,0,0,0.2);
}
.method-table tr:nth-of-type(3) td:nth-of-type(2){
  border-radius:0px 0px 7px 0px;
  background-color:rgba(255,255,255,1);
}

.method-table tr:nth-of-type(2) td ul{
  padding:0px;
  width:80%;
  max-width:600px;
  margin-right:auto;
  margin-left:auto;
}

.method-table tr:nth-of-type(3) td ul{
  padding:0px;
  width:100%;
  max-width:300px;
  margin-right:auto;
  margin-left:auto;
}

.method-table ul{
  list-style:none;
  width:100%;
}

.method-table li{
  margin-bottom:20px;
  padding-left:20px;
  width:100%;
  box-sizing:border-box;
}

.method-table tr:nth-of-type(2) li, .method-table tr:nth-of-type(3) td:nth-of-type(2) li{
  background-image:url("../images/lingueo-iconpro.svg");
  background-position:0px 0px;
  background-repeat:no-repeat;
  background-size:14px;
}

.method-table tr:nth-of-type(3) td:nth-of-type(1) li{
  background-image:url("../images/lingueo-iconcon.svg");
  background-position:0px 0px;
  background-repeat:no-repeat;
  background-size:14px;
}

/* PAGE TEAM */
.teampage{
  font-size:0.9rem;
  color:rgba(0, 0, 0, 0.8);
}

.teampage .top-section .bg{
  background-image:url("../../../../../media/wysiwyg/wysiwyg/lingueo-vid.png");
  background-repeat: no-repeat;
  background-size:cover;
  background-position:0% 30%;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-100;
}

.teampage .contain{
  max-width:800px;
}

.teampage .product-name{
  margin-bottom:10px;
}

.teampage .section-title{
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  color: #FFF;
  text-align:center;
  margin-bottom:10px;
}

.teampage .advisers-section{
  padding:20px;
  position:relative;
  text-align: center;
  font-size: 0.9rem;
  background-color:rgba(255,115,0,1);
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-repeat: repeat;
  background-size: 24px auto;
  border-top:solid 2px rgba(0,0,0,0.6);
}

.teampage .teachers-section{
  padding:20px;
  position:relative;
  text-align: center;
  font-size: 0.9rem;
  background-color: #998675;
  background-image: url("../images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
  border-top:solid 2px rgba(0,0,0,0.4);
}

.teampage .copy{
  line-height: 140%;
  clear:both;
}

.teampage .strong{
  font-weight:700;
  margin-top:10px;
  margin-bottom:20px;
  font-size:1.1rem;
}



.teampage ul{
  margin: 0px auto;
  padding: 0px 10px;
  text-align: left;
  list-style:none;
  line-height: 140%;
}

.teampage ul .strong, .teachers-section .strong{
  font-size:0.9rem;
}

.teampage li{
  padding-left:30px;
  background-position:0% 50%;
  background-size:10px 30px;
  background-repeat:no-repeat;
  margin:10px auto 20px auto;
}

.teampage li.orange{
  background-image:url(../images/lingueo-arrow-orange.svg);
}

.teampage li.blue{
  background-image:url(../images/lingueo-arrow-blue.svg);
}

.illu-parisadvisers{
  clear:both;
  border-radius:7px;
  display:block;
  width:100%;
  height:140px;
  margin-bottom:10px;
}

.teampage .recruit{
  padding:20px;
  color:rgba(0,0,0,0.7);
  font-size:0.8rem;
  background-color:#F1F1F1;
  background-image: url("../images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
  text-align:left;
  border-top:solid 2px rgba(0,0,0,0.2);
}

.teampage .recruit p:nth-of-type(1){
  font-weight:700;
  color:rgba(0,0,0,0.8);
  font-size:0.9rem;
}

.teampage .recruit a{
  color:#998675;
  display:block;
  text-decoration: underline;
}

.teachers-section .illu{
  width:100%;
  max-width:500px;
  margin-right:auto;
  margin-left:auto;
  height:300px;
  margin-top:20px;
  background-image:url("../images/lingueo-teacherskills-mobile.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.teachers-section .illu.en{
  background-image:url("../images/lingueo-teacherskillsen.png");
}

.teachers-gallery{
  width:280px;
  margin-right: auto;
  margin-left: auto;
  margin-top:20px;
  text-align: center;
}
.list-teacher-product{
  list-style-type: none;
}


.product-trust-content .teacher-unit{
  width:24%;
  min-height:156px;
  margin-bottom:10px;
  float:none;
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
}
@media(max-width:415px){
  .product-trust-content .teacher-unit{
    width:49%;
  }
}
.product-trust h2 span{
  text-transform: lowercase;
}
.product-trust .section{
background-color:red;
}


.teacher-unit{
  float: none;
  display: inline-block;
  position: relative;
  font-size: 0.8rem;
  margin-bottom: 10px;
  min-height: 156px;
  width: 86px;
}
.teachers-gallery .teacher-unit {
  vertical-align: top;
}

.bck_photo_teacher{
  background-repeat: no-repeat;
  background-size: contain;
}

.teacher-unit:nth-child(3n){
  margin-right:0px;
}

.teachers-section .teacher-unit .teacher-pic{
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px solid #7b6a5b;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 86px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 86px;
  }

  .product-trust-content .teacher-unit .teacher-pic{
    box-sizing:border-box;
    display: block;
    height: 86px;
    width: 86px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #7B6A5B;
    border-radius:50%;
    margin-bottom: 6px;
    margin-right: auto;
    margin-left: auto;
  }

.teacher-unit .teacher-name{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

/* BLock Professeurs bas de page */
.product-trust .product-trust-title{
  text-align: center;
}
/* Teacher availabilities */
.teacher-avail-table  {
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color:#eee;
  padding:5px;
  border-collapse:collapse;
}
.teacher-avail-table th {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
.teacher-avail-table .teacher-avail-slotarea  {
  margin:1px 0;
  height: 19px;
}
.teacher-avail-table .teacher-avail-slot      {
  background: #CCC;
  padding: 0 3px;
  margin-left:2px;
  cursor: pointer;
}

.teacher-avail-table .teacher-avail-slotarea .hour-start {
  background:#bbb;
  margin-left:3px;
}
.teacher-avail-table .teacher-avail-slotarea .checked:first-child { background:#2367a8; }

.teacher-avail-table .checked   { background: #2367a8; }
/* PANIER */
.cart .contain{
  max-width:800px;
}

.cart{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.cart-title{
  font-size: 2.1rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #3D3D3D;
  clear: both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.shopping-cart-table{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  background-color:rgba(255,255,255,0.7);
  position:relative;
  z-index:21;

  border-radius: 7px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.table-border{
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%!important;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  z-index:0;
}

.shopping-cart-table .table-header{
  font-weight:700;
  font-size:0.8rem;
  background-color:rgba(153,134,117,0.2);
}

.shopping-cart-table .subtotal{
  font-weight:700;
}

.shopping-cart-table .input-text.qty{
  width:20px;
  font-size: 0.8rem;
}

.shopping-cart-table tr:first-of-type td:first-of-type{
  border-radius:7px 0px 0px 0px;
}

.shopping-cart-table tr:last-of-type td:last-of-type{
  text-align:right;
}

.shopping-cart-table td:last-of-type{
  border-right:none;
  /*max-width:30px;*/
  padding:10px;
}

.shopping-cart-table td{
  border-right:solid 1px rgba(0,0,0,0.3);
  border-bottom:solid 1px rgba(0,0,0,0.3);
  text-align:center;
  padding:20px;
}

/*.shopping-cart-table tr:last-of-type td{
  border:none;
  padding:10px 20px;
  font-size: 0.9rem;
  font-weight:700 !important;
  color: #04A5DA !important;
}
*/
.shopping-cart-table .table-header td{
  border-radius: 0 !important;
  color: #000 !important;
  padding: 10px !important;
}


.table-header td{
  padding:10px;
  color: #000;
  text-align: center;
}
.shopping-cart-table tbody tr td{
  padding: 20px !important;
}
.shopping-cart-table tbody tr td:not(:first-child){
  text-align: center;
  color:#000;
  /*font-weight: normal;*/
}
.shopping-cart-table .btn-remove img{
  -webkit-transition: 300ms linear all;
    -moz-transition: 300ms linear all;
    -o-transition: 300ms linear all;
    transition: 300ms linear all;
}

.shopping-cart-table .btn-remove:hover img{
  -webkit-transform:rotate(20deg);
  -moz-transform:rotate(20deg);
  -o-transform:rotate(20deg);
  -ms-transform:rotate(20deg);
  transform:rotate(20deg);
}

.shopping-cart-table .a-right {
  text-align: right !important;
}

.shopping-cart-table .a-left {
  text-align: left !important;
}

#checkout-step-review .data-table tfoot tr td{
  color: rgba(0,0,0,0.7);
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0 !important;

}
#checkout-step-review .data-table tfoot tr td:first-child{
  padding-left: 20px !important;
  text-align: left;
}
#checkout-step-review .data-table tfoot tr.first + tr td,
#checkout-step-review .data-table tfoot tr.first + tr td strong{
  font-size: 0.9rem;
  color: rgba(0,0,0,0.7);
  font-weight: normal;
}

#checkout-step-review .data-table tfoot tr.last td.a-left{
    border-radius: 0px 0px 0px 7px;
}
#checkout-step-review .data-table tfoot tr.last td.a-right{
    border-radius: 0px 0px 7px 0px;
}

#checkout-step-review .data-table tfoot tr.last td{
  font-weight: 700;
  font-size: 1.2rem;
  height: 40px;
}

#checkout-step-review .data-table tfoot tr.first,
#checkout-step-review .data-table tfoot tr.summary-total{
  background-color: rgba(153, 134, 117, 0.07);
}
#checkout-step-review .data-table tfoot tr.first + tr,
#checkout-step-review .data-table tfoot tr.last{
  background-color: #fff;
}

#checkout-review-submit .checkout-agreements dl,
#checkout-review-submit .checkout-agreements ol{
  display: none;
}
#checkout-review-submit .checkout-agreements h2 + ol,
#checkout-review-submit .checkout-agreements h2 + dl{
  display: initial;
}
#checkout-review-submit .checkout-agreements .agreement-content{
  display: block;
  height: 160px;
  border-radius: 7px;
  background-color: #FFF;
  border: solid 1px #E4E4E4;
  padding: 10px;
  overflow: auto;
  margin: 20px auto;
}
#checkout-review-submit .buttons-set{
  border-top: 0 !important;
}
#review-buttons-container button,
#review-buttons-container a{
  line-height: initial;
  text-decoration: none;
}


tr.product-row{
  min-height:80px;
}

tr.product-row td:first-of-type{
  text-align:left;
}

a.product-row-name{
  font-weight:700;
  color:#000000;
}

.product-row-info{
  font-weight:500;
  margin-top: 2px;
  font-size:0.8rem;
  color:#000;
}

.unit-price{
  font-size:0.8rem;
}

.delete-icon{
  height:16px;
  width:16px;
  opacity:0.5;
  cursor:pointer;
}

.delete-icon:hover{
  opacity:0.8;
}

.promo-area{
  font-size:0.9rem;
  width:60%;
  float:left;
}
.promo-area .strong{
  font-weight:700;
}
.promo-area .more-info{
  color: #7B6A5B;
  display: block;
  font-size:0.8rem;
}
.promo-area .rewards-link{
  text-decoration: underline;
}

.fidelity{
  margin:20px 0px;
}
.submit-pink span span{
  border: none;
  height: 20px;
  padding: 10px 20px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #04A5DA;
}

.input-text.promocode{
  width:250px;
  min-height:38px;
  padding:0px 10px;
  box-sizing:border-box;
  color:#04A5DA;
  float:left;
  border-radius: 7px;
  border: solid 1px rgba(0,0,0,0.5);
}
.discount-codes select{
  min-width: 100px;
  min-height: 38px;
  padding: 0px 10px;
  box-sizing: border-box;
  color: #04A5DA;
  float: left;
  border-radius: 7px;
  border: solid 1px rgba(0,0,0,0.5);
}
.discount-codes .buttons-set{
  display: inline;
}
.promo-btn{
  display:block;
  font-size:0.8rem;
  background-color:rgba(0,0,0,0.8);
  color:#FFFFFF;
  border-radius:7px;
  min-width:90px;
  height:38px;
  box-sizing:border-box;
  text-align:center;
  line-height:34px;
  float:left;
  text-transform: uppercase;
  font-weight:700;
  text-shadow:1px 1px rgba(0, 0, 0, 0.3);
  margin-left:10px;
  cursor:pointer;
}

.cart-total-container{
  margin-top:20px;
  float:left;
  width:40%;
}

.cart-total-table{
  /*border-left:solid 1px black;*/
  width:100%;
}
.cart-total-table tfoot tr:last-child td{
  font-weight: 700;
  font-size: 16px;
  color:#000;
}
.cart-total-table tr{
  height:30px;
  color: rgba(0,0,0,0.7);
}
.cart-total-table td{
    font-size: 0.9rem;
}
.cart-total-table tr td:first-of-type{
  text-align: left;
  padding-left: 20px;
}
.cart-total-table td:last-of-type {
  text-align: right;
}

.cart-total-table .subtotal, .cart-total-table .notaxes{
  font-size:0.9rem;
}
.cart-total-table .grand_total_incl{
  font-weight: 700;
  font-size: 1.2rem;
  height: 40px;
}
  .cart-total-table .grand_total_incl td{
    font-size: 1.2rem;
    color:#000;
  }

.cart-total-table .taxes{
  font-size:0.8rem;
}

.cart-total-table .withtaxes{
  font-weight:700;
}

.cart-total-table td:first-of-type{
  text-align:left;
  padding-left:20px;
}

.cart-total-table td:last-of-type{
  text-align:right;
}

.cart-total-table tr:nth-of-type(1), .cart-total-table tr:nth-of-type(2), .cart-total-table tr:nth-of-type(3){
  color:rgba(0,0,0,0.7);
}
.checkout-types{
  list-style-type: none;
}
.checkout-types button{
  clear:both;
  display:block;
  margin:20px 0px;
  float:right;
  font-size:0.9rem;
  color:#FFFFFF;
  border-radius:7px;
  width:220px;
  box-sizing:border-box;
  text-align:center;
  line-height:34px;
  text-transform: uppercase;
  font-weight:700;
  text-shadow:1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor:pointer;
  background-color: rgba(255, 115, 0, 1) !important;
  border: solid 2px rgba(255, 115, 0, 1);
  transition: border-color 0.3s ease 0s;
}

.payment-btn{
  clear:both;
  display:block;
  margin:20px 0px;
  float:right;
  font-size:0.9rem;
  background-color:rgba(0,0,0,0.8);
  color:#FFFFFF;
  border-radius:7px;
  width:220px;
  box-sizing:border-box;
  text-align:center;
  line-height:34px;
  text-transform: uppercase;
  font-weight:700;
  text-shadow:1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor:pointer;

}
.cart .messages{
  list-style-type: none;
  display:none;
}
.cart .contain{
  max-width: 800px;
}
.checkoutpage{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;

}

#checkout-step-login h3{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 10px;
}

.checkoutpage .section{
  padding: 0;
}

.checkoutpage .step-title .number{

}
/*.col-main{
  width:70%;
  float:left;
}*/

.col-right{
  width:25%;
  float:right;
}

.checkout-steps{
  position:relative;
  border-radius: 7px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.7);
  padding:0px;
  margin-top:10px;
}

.checkout-section{
  position:relative;
}

.checkout-title{
  font-size: 2.1rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #3D3D3D;
  clear: both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.checkoutpage ol{
  list-style:none;
}

.step-title{
  box-sizing:border-box;
  font-weight: 700;
  font-size: 0.8rem;
  background-color: rgba(153, 134, 117, 0.2);
  min-height:40px;
  line-height:20px;
  padding:10px;
  border-bottom:solid 1px rgba(0,0,0,0.4);
  border-top:solid 1px rgba(0,0,0,0.4);
}

.checkout-section:first-of-type .step-title, .progress-block .step-title{
  border-top:none;
}

.checkout-section.active .step-title{
  background-color: rgba(4, 165, 218, 0.3);
}

.step-number{
  float:left;
  border-radius:100%;
  background-color:#3D3D3D;
  color:#FFFFFF;
  box-sizing:border-box;
  height:20px;
  width:20px;
  text-align:center;
  margin-right:10px;
}

.step-title p{
  float:left;
}

.step-content{
  min-height:10px;
  padding:20px;
  font-size:0.9rem;
}

#co-billing-form .buttons-set {
  border: 0;
}



#co-billing-form .fields .field{
  width: 100%;
}

#co-billing-form label,
#co-billing-form label{
  clear: both;
  float: left;
  text-align: right;
  font-weight: 700;
  line-height: 30px;
  width: 15%;
  margin-right: 10px;
  clear: none;
  margin-top: 10px;
  color:#000;
}

#co-billing-form label.confirm-password{
  line-height: initial;
}
#co-billing-form .fields,
#co-billing-form .wide{
  margin-top: 0;
  margin-bottom: 0;
}
#co-billing-form .input-box,
#co-billing-form .input-box{
  float: left;
  width: 70%;
  clear: none;
  margin-top: 10px;
}
#co-billing-form .form-list li.wide input.input-text{
  width: 100%;

}

#co-billing-form .company,
#co-billing-form .fax{
  color: rgba(0,0,0,0.5);
}
.col2-set .col-1 {
    float: left;
    width: 48.5%;
    padding-right:20px;
    box-sizing:border-box;
}

.col2-set:first-of-type .col-1 {
    border-right:solid 1px rgba(0,0,0,0.3);
}

.col2-set .col-2 {
    float: right;
    width: 48.5%;
}

.step-subtitle{
  text-transform: uppercase;
  font-weight:700;
  font-size:0.9rem;
  margin-bottom:10px;
}

.step-content li{
  margin-top:10px;
}

.step-content ul{
  list-style:none;
  padding:0px;
}

.step-content ul.dotted{
  list-style:disc;
  padding-left:40px;
}

.step-content input[type=text],
.step-content input[type=password],
.step-content select{
  width:100%;
  height:30px;
  color:black;
  margin-right:auto;
  margin-left:auto;
  border-radius:7px;
  border:1px solid rgba(0,0,0,0.3);
  padding:5px;
  box-sizing:border-box;
}

.step-content input:nth-of-type(2){
  margin-top:5px;
}

a.forgotten-password{
  color:#7B6A5B;
  display:block;
  width:100%;
  height:20px;
  text-align:right!important;
  font-size:0.7rem;
  font-weight:500;
}

.error-message{
  /*display:block;*/
  border-radius:7px;
  margin-top:20px;
  padding:10px;
  box-sizing:border-box;
  line-height:initial;
  background-color:rgba(255,115,0,0.2);
  font-weight:500;
}

.step-btn{
  clear: both;
  display: block;
  margin: 20px auto 0px auto;
  font-size: 0.9rem;
  color: #FFF;
  border-radius: 7px;
  width: 220px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.return-btn{
  position:absolute;
  bottom:20px;
  left:20px;
  display: block;
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 7px;
  width: 100px;
  box-sizing: border-box;
  text-align: center;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.bill-info .field-name{
  clear:both;
  float:left;
  text-align:right;
  font-weight:700;
  line-height:30px;
  width:15%;
  margin-right:10px;
}

.bill-info input::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
}
.bill-info input::-moz-placeholder {
  color: rgba(0,0,0,0.5);
}
.bill-info input:-moz-placeholder {   /* Older versions of Firefox */
  color: rgba(0,0,0,0.5);
}
.bill-info input:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}

.bill-info .field-name.optional{
  color:rgba(0,0,0,0.5);
}

.bill-info .field-name.dual{
  line-height:initial;
}

.bill-info .input-box{
  float:left;
  width:70%;
}

.bill-info input.missing-field, .bill-info select.missing-field{
  border: solid 1px rgb(255,115,0);
}

.asterisk{
  color:rgb(255,115,0);
}

.payment-option{
  clear:both;
  margin-bottom:20px;
  font-weight:700;
}

input[type=radio]{
  margin-right: 10px
}

.terms{
  display:block;
  height:160px;
  border-radius:7px;
  background-color: #FFF;
  border: solid 1px #E4E4E4;
  padding: 10px;
  overflow:auto;
  margin:20px auto;
}

.progress-title{
  font-size: 0.9rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #3D3D3D;
  clear: both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.progress-block{
  border-radius:7px;
  background-color:rgba(255,255,255,0.7);
  overflow:hidden;
  margin-bottom:20px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.progress-block .step-title a{
  color:rgba(0,0,0,0.7);
  float:right;
}

.progress-block .step-content{
  padding:10px;
}

.progress-block .step-content p{
  margin-bottom:5px;
}

/**************** STYLE FOR CART TABLE ********************/

.shopping-cart-table{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  background-color:rgba(255,255,255,0.7);
  position:relative;
  z-index:21;
  border-spacing: 0 !important;
}

.table-border{
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%!important;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  z-index:0;
}

.shopping-cart-table button{
  border: 0;
  background-color: transparent;
}

.shopping-cart-table .table-header{
  font-weight:700;
  font-size:0.8rem;
  background-color:rgba(153,134,117,0.2);
}

.shopping-cart-table tr:first-of-type td:first-of-type{
  border-radius:7px 0px 0px 0px;
}

.shopping-cart-table tr:first-of-type td:last-of-type{
  /*border-radius:0px 7px 0px 0px;*/
}

/*.shopping-cart-table tr:last-of-type td:first-of-type{
  border-radius:0px 0px 0px 7px;
  text-align:left;
}*/

/*.shopping-cart-table tr:last-of-type td:last-of-type{
  border-radius:0px 0px 7px 0px;
  text-align:right;
}*/

.shopping-cart-table td:last-of-type{
  border-right:none !important;
  padding:10px;
}

.shopping-cart-table td{
  /*border-right:solid 1px rgba(0,0,0,0.3) !important;*/
  border-bottom:solid 1px rgba(0,0,0,0.3) !important;
  text-align:center;
  /*box-sizing:border-box;*/
  padding:20px;
}

.table-header td{
  padding:10px;
}

tr.product-row{
  min-height:80px;
}

tr.product-row td:first-of-type{
  text-align:left;
  min-width:200px;
}

.product-row-name{
  font-weight:700;
  color:#000000;
  text-align: left;
}

.product-row-info{
  font-weight:500;
  margin-top: 2px;
  font-size:0.8rem;
  text-align: left;
}

.unit-price{
  font-size:0.8rem;
}

.cart-total-table{
  width:100%;
  margin-top:20px;
  border-left: solid 1px black;
}

.cart-total-table tr{
  height:30px;
}

.cart-total-table tr:nth-of-type(odd){
  /*background-color:rgba(153, 134, 117, 0.07);*/
}

.cart-total-table .subtotal, .cart-total-table .notaxes{
  font-size:0.9rem;
}

.cart-total-table .taxes{
  font-size:0.8rem;
}

.cart-total-table .withtaxes{
  font-weight:700;
  font-size:1.2rem;
  height:40px;
}

.cart-total-table td:first-of-type{
  text-align:left;
  padding-left:20px;
}

.cart-total-table td:last-of-type{
  text-align:right;
  padding-right:20px;
}

.cart-total-table tr:nth-of-type(1), .cart-total-table tr:nth-of-type(2), .cart-total-table tr:nth-of-type(3){
  color:rgba(0,0,0,0.7);
}


@media(min-width:414px){
  .teachers-gallery{
    width:374px;
  }

  .teacher-unit:nth-child(3n){
    /*margin-right:10px;*/
  }

  .teacher-unit:nth-child(4n){
    margin-right:0px;
  }

}

@media(min-width:510px){
  .teachers-gallery{
    width:470px;
  }

  .teacher-unit:nth-child(4n){
    /*margin-right:10px;*/
  }

  .teacher-unit:nth-child(5n){
    margin-right:0px;
  }
}
@media(min-width:465px){
  .methods-listing{
    width:425px;
  }

  .method-btn:nth-of-type(2n){
    margin-right:10px;
  }
  .method-btn:nth-of-type(3n){
    margin-right:0px;
  }
}

@media(max-width:768px){

  .header-username{
    top: 35px;
  }
  #header.test ul.header-nav.links{
    width: 80%;
    position: relative;
    margin: auto;
    list-style-type: none;
    padding-top: 53px;
  }
  #header.test ul.header-nav.links li{
    background-position: 3% 0%;
    max-width: 80%;
    position: relative;
    margin: auto;
    text-align: center;
    border: 0;
    padding: 0;
  }
  #header.test ul.header-nav.links li a{
    height: 20px;
    line-height: 20px;
  }

  .logout-mobile{
    max-width: 80%;
    position: relative;
    margin: auto;
    text-align: center;
    border: 0;
    padding: 0;
    top: 0;
    display: block;
  }

  .page{
    /*position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;*/
    overflow-x: hidden;
  }

  #header.test .header-nav li,
  #header.test #nav li,
  #header.test #nav2 li{
    max-width:100%;
    text-align: center;
    font-size:0.8rem;
    /*border-right:solid 1px rgba(0,0,0,0.3);*/
    padding:0px 10px 0px 10px;
    height:30px;
    margin:0px;
    box-sizing:border-box;
  }

  .signin-mobile {
    text-align: center;
    width: 100%;
  }
  .pagination-numbers{
    top: -300px !important;
  }
  .phone,
  .signin{
    display: none;
  }

  .list-container{
    padding:20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 7px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    margin: 20px auto;
    max-width: 768px;
  }
  .pager,
  .itemscope{
    padding-left: 0 !important;
  }
  .amount,
  .limiter,
  .pages,
  .itemscope > span,
  .itemscope > div{
    width: 100% !important;
    text-align: center  !important;
    margin: 5px 0 !important;
  }
  .media-prompt{
    height: 300px !important;
  }
    .media-prompt .action-btn{
      margin-top:50px;
    }
  .media-prompt-logounit{
    width: 70px;
    height: 45px;
    margin-bottom: 10px;
  }
    .media-prompt-logounit img{
      max-width: 100%;
    }

  /* ACCOUNT */
  .myaccountpage .contain{
    margin-left: 0;
  }
}

@media(min-width:768px){
  .catalog-category-view .related-product-courseprice {
    display: block;
    padding-left:0;
  }

  .main-container{
    margin-top: 73px;
  }
  .teachers-section .teacher-unit .teacher-pic{
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px solid #7b6a5b;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 86px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 86px;
  }

  .product-trust-content .teacher-unit .teacher-pic {
    box-sizing:border-box;
    display: block;
    height: 142px;
    width: 142px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #7B6A5B;
    border-radius:50%;
    margin-bottom: 6px;
    margin-right: auto;
    margin-left: auto;
  }
  .product-trust-content .teacher-unit .teacher-pic:hover {
    box-shadow:0px 0px 1px 2px rgba(255, 115, 0, 1);
  }

  #header.test .header-nav li:last-of-type,
  #header.test #nav li:last-of-type{
    /*border:none;*/
    /*padding-right:0px*/
    max-width:170px !important;
  }

  #signinmobile-extra{
    display: none;
  }
  .mobile-nodisplay{
    display:initial;
  }

  .nomobile-nodisplay{
    display:none;
  }

  /* PAGE CONTACT */
  .contactpage .contain{
    max-width:800px;
  }

  .contactpage .messages li{
    margin:0 auto;
  }

  .contact-title{
    font-size: 2.1rem;
    text-align:left;
  }

  .contact-subtitle{
    margin-bottom:20px;
  }

  .contact-left{
    float:left;
    width:30%;
    margin:10px 10px 10px 0px;
  }

  .contact-call{
    padding:20px;
    border-radius:7px;
  }

  .contact-call .contact-subtitle{
    float:left;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    color: #FF7300;
    margin-bottom: 10px;
  }

  .contact-call .contact-copy{
    clear:both;
  }

  .contact-call .contact-copy p{
    font-size:0.8rem;
    padding-left:40px;
  }

  .contact-copy .phone-icon{
    display:inline-block;
    float:left;
    background: no-repeat center url(../images/phone-icon.svg);
    background-size:contain;
    height:30px;
    width:30px;
  }

  .contact-copy span{
    line-height:30px;
    display:inline-block;
    float:left;
    margin-left:10px;
    font-weight:700;
    font-size:1.2rem;
  }

  .contact-social{
    display:block;
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    padding:20px;
    box-sizing:border-box;
    min-height:200px;
    border-radius:7px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.6);
    color: #FFF;
    font-size:0.9rem;
    border:none;
    font-style: italic;
    font-weight: 300;
    font-size: 1rem;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  }

  .contact-social .contact-subtitle{
    margin-bottom:20px;
  }

  .contact-social .contact-socialicon{
    float:left;
    clear:both;
    display:inline-block;
    margin-left:0px;
  }

  .contact-social .contact-socialicon:hover{
    opacity:1;
  }
.
  .contact-social span{
    float:left;
    line-height:40px;
    margin-left:10px;
    display:inline-block;
  }

  .contact-mail{
    border:none;
    width:540px;
    float:left;
    margin:10px 0px 0px 10px;
    padding:20px;


  }

  .trial-form .contact-mail{
    float: none;
    margin: 20px auto;
  }





  #email, #telephone{
    width:49%;
    float:left;
  }

  form #trialForm, #telephone , #email {
    float:none;
  }

  #email{
    margin-right:2%;
  }

  .contact-mail textarea{
    height:200px;
  }

  .contact-findus{
    clear:both;
    border-radius:0px;
  }

  .contact-findus .office-adress{
    margin-top:20px;
    margin-bottom:20px;
  }

  .contact-findus #office-ggmap{
    height:400px;
  }

  /* PAGE NOTRE METHODE */
  .methodpage{
    font-size:0.9rem;
    padding:20px;
    box-sizing:border-box;
    background-color:#04A5DA;
  }

  .method-intro{
    font-size:0.9rem;
    padding-bottom:0px;
  }

  .method-intro .page-title{
    font-size: 2.1rem;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border: 0;
  }

  .method-intro .strong{
    font-size:1.4rem;
    margin:20px auto;
  }

  .methods-listing{
    width:620px;
    margin-bottom:20px;
  }

  .method-btn{
    height:26px;
    width:200px;
    padding-left:26px;
  }

  .versus-icon{
    position:absolute;
    height:30px;
    width:30px;
    left:50%;
    margin-left:-15px;
    top:25px;
  }

  .method-table td{
    padding:20px;
    width:50%;
    vertical-align:top;
  }

  .method-table tr:nth-of-type(1){
    font-size:0.8rem;
    text-align:center;
  }

  /* PAGE TEAM */
  .teampage{
    font-size:1rem;
    text-align:center;
   }

  .teampage .copy{
    max-width:800px;
    margin-right:auto;
    margin-left:auto;
  }

  .teampage .copy.strong{
    margin-top:0px;
    margin-bottom:0px;
  }

 .advisers-section .list-container{
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
 }

 .list-container{
    padding:20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 7px;
    box-sizing: border-box;
    margin: 20px auto;
    max-width: 768px;
  }

  .teampage ul{
    padding:10px 20px 0px 20px;
    width:50%;
    float:left;
    box-sizing:border-box;
  }

  .teampage li{
    min-height:68px;
    background-position:0px 10px;
    margin-bottom:10px;
  }
  .teampage .top-section {
    background:url("../images/xlingueo-vid.png") 0 30% no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
  }

  .teampage li:nth-of-type(2){
    margin-bottom:0px;
  }

  .advisers-bg{
    width:20%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:url("../images/lingueo-advisersinparis.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:0% 100%;
  }

  .teachers-section .illu.fr{
    background-image:url("../images/lingueo-teacherskills.svg");
    height:500px;
  }
  .teachers-section .illu.en{
    background-image:url("../images/lingueo-teacherskillsen.png");
    height:500px;
  }

  .teachers-gallery{
    width:770px;
  }

  .teacher-unit:nth-child(6n){
    margin-right:0px;
  }

  .col2-right-layout .main.class-dashboard .account-wrapper .col-main.page-cms{
    /*width: 100%;*/
  }
    .col2-right-layout .main.class-dashboard .account-wrapper .col-main.page-cms .myaccountpage .contain .col-main .reward-points{
      margin-bottom: 20px;
    }
  .col2-right-layout .main.class-dashboard .account-wrapper .col-right,
  .col2-right-layout .main.class-sales .account-wrapper .col-right{
    /*left: 90px;*/
  }
  .class-dashboard .my-account{
    float: left;
  }

}


.trial-form .selec-section label{
    display:none;
  }


  @media (min-width: 768px){
.trial-form .selec-section {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 50px;
}
  .trial-form .selec-section select{
    width: 100%;
    height: 50px;
    margin: 0px;
    padding-left: 10px;
    font-size: 1.2rem;
    }
}

.trial-form .selec-section {
    width: 100%;
    height: 34px;
    overflow: hidden;
    border-radius: 3px;
    background-image: url("https://www.lingueo.fr/skin/frontend/lingueo-responsive/default/css/../images/lingueo-selecticon.svg");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,1);
    margin-bottom: 10px;
}

.trial-form input{
  color:#000;
}

.trial-form .selec-section select{
    background-color: transparent;
    color: rgba(0,0,0,0.7);
    height: 34px;
    width: 100%;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 140%;
    border: 0;
    margin-left: 10px;
    cursor: pointer;
    }

.trial-form .selec-section .alert{
display:none !important;
}


.trial-form .form-group .alert{
    border-radius: 7px;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    line-height: initial;
    background-color: #FFD5B3;
    font-weight: 500;
    color:#000;

}

.trial-form .btn-send-mail{
    background-color: rgba(0,0,0,0.7);
    border: solid 2px rgba(0, 0, 0, 0.7);
    display: block;
    text-transform: uppercase;
    box-sizing: border-box;
    color: #FFF;
    padding: 10px;
    border-radius: 7px;
    margin: 20px auto 0px auto;
    font-size: 0.89rem;
    max-width: 230px;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
    transition: background-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.trial-form .btn-send-mail:hover{
    transition: background-color 0.3s ease 0s;
  background-color: rgba(0,0,0,0.5);
}

@media(max-width:1024px){
  .col2-right-layout .main.class-dashboard .account-wrapper .col-main.page-cms{
    width: 100%;
    padding-bottom: 20px;
  }
  .col2-right-layout .main.class-sales .col-main.page-cms{
    width: 100%;
  }
    .col2-right-layout .main.class-sales .col-main.page-cms .myaccountpage .main-content-block{
      margin: auto;
    }
    .col2-right-layout .main.class-sales .col-main.page-cms .myaccountpage .main-content-block.order-detail{
      margin-top: 390px;
    }
  .class-dashboard .col-main .col-main{
    margin-top: 0;
  }
  .class-dashboard .my-account{
    width: 100%;
  }
  .wallet-dashboard{
    margin-top: 380px !important;
  }
  .new-address-button{
    width:100%;
    margin-top:5px;
  }
  .addresses-list .addresses-primary, .addresses-list  .addresses-additional
  {
    width:100%;
  }
  .col2-set .col-1, .col2-set .col-2{
    width:100%;
    padding:0px;
  }
  .col2-set:first-of-type .col-1{
    border-right: none;
  }
  .order-history-table .table-header td{
    display: table-header-group;
    text-align: center;
  }
  .data-table.order-history-table td{
    display: table;
    width: 100%;
    margin: 0 auto;
  }
  .data-table.order-history-table td span{
    display: inline-block;
  }
  .data-table.order-history-table tr:nth-child(2n+2){
    background: #ccc;
  }
  .account-wrapper .col-right.sidebar.class-sales .block.block-account, .account-wrapper  .col-right.sidebar.class-dashboard .block.block-account{
    width:98%;
  }
  .page{
    overflow: hidden;
  }

}

@media(min-width:768px){

  .contentpage .mainimage{
    clear:both;
    position:relative;
    top:0px;
    margin-bottom: 15px;
  }

  .contentpage .page-title{
    font-size:1.5rem;
    margin-top:0px;
    margin-bottom:20px;
    text-align:center;
  }

  .contentpage .page-summary{
    font-size:1rem;
    margin-bottom:20px;
   }

  .trialclass-popup{
    height:200px;
    width:200px;
    padding:10px;
    border-radius: 7px 0px 0px 7px;
    border:solid 2px rgba(0,0,0,0.5);
    border-right:none;
    position:fixed;
    top:20%;
    right:-200px;
    animation: popright 1s ease-out 8s 1 forwards;
    background-size:100px;
  }
  .trialclass-popup.close{
    animation: poprightclose 1s ease-in-out;
  }

  .language-picker{
    width:600px;
    padding:20px;
  }

  .selec-section{
    width:540px;
    margin-right:auto;
    margin-left:auto;
  }

  .trial-form .selec-section{
    width:100%;
    margin-right:auto;
    margin-left:auto;
  }

  .selec-section p{
    display:none;
  }

  .language-field-container{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:50px;
  }

  select.language-field{
    width:560px;
    height:50px;
    margin:0px;
    padding-left:10px;
    font-size:1.2rem;
  }

  .languages-listing{
    clear:both;
    width:580px;
    margin-bottom:0px;
    margin-top:20px;
    margin-right:auto;
    margin-left:auto;
  }

  .flag-box{
    /*float:left;*/
    height:30px;
    width:30px;
    margin-right:5px;
    margin-top:0px;
    margin-bottom:5px;
    border-radius: 100%;
  }

  .flag-box:nth-of-type(5), .flag-box:nth-of-type(10), .flag-box:nth-of-type(15), .flag-box:nth-of-type(20){
    margin-right:0px;
  }

  .flag-box:nth-of-type(15){
    margin-right:0px;
  }

  .medium-prompt{
    width:40%;
  }

  .large-prompt{
    width:60%;
  }

  .prompt{
    height:260px;
    //border-right:solid 2px rgba(0,0,0,0.4);
    border-bottom:solid 2px rgba(0,0,0,0.4);
    border-top:0px;
    position:relative;
    overflow:hidden;
  }

  .prompt-title{
    font-size:1.2rem;
  }

  /*.prompt:nth-of-type(1), .prompt:nth-of-type(2){
    height:320px;
  }*/

  .advisers-prompt, .usersreco-prompt{
    border-top:solid 2px rgba(0,0,0,0.4);
    height: 320px;
  }

  .prompt:nth-of-type(even){
    border-right:none;
  }

  .prompt-title, .prompt-pitch, .prompt .action-btn{
    z-index:2;
    position:relative;
  }

  .prompt-bg{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
  }

  .advisers-prompt .prompt-bg{
    background-image:url(../images/lingueo-advisersbg.png);
    background-position:50% 100%;
    background-size:320px;
    background-repeat:no-repeat;
  }

  .teachers-prompt .prompt-bg{
    background-image:url(../images/lingueo-teachersbg.png);
    background-position:10% 100%;
    background-size:30%;
    background-repeat:no-repeat;
  }

  .media-prompt{
    border-bottom:none;
    height:220px;
  }

  .media-prompt .prompt-content{
    width:100%;
    max-width:100%;
  }

  .media-prompt-logos{
    width:100%;
    max-width:752px;
    height:92px;
    overflow: hidden;
  }

  .media-prompt-logounit{
    width:105px;
    height:68px;
  }

  .media-prompt-logounit:nth-of-type(6){
    margin-right:5px;
  }

  .media-prompt-logounit:nth-of-type(12){
    margin-right:0px;
  }

  .blog-prompt{
    padding:20px;
    min-height:0px;
    border-bottom:2px solid rgba(0,0,0,0.8);
    background-color: white;
  }

  .motivation-prompt{
    padding-bottom:0px;
    height:auto;
    min-height:0px;
    /*height: 255px;*/
  }

  .motivation-globalwrap{
    width:100%;
    max-width:1000px;
    margin-right:auto;
    margin-left:auto;
  }

  .motivation-globalwraphight{
    width:100%;
    max-width:935px;
    margin-right:auto;
    margin-left:auto;
  }

  .motivation-wrapper{
    width:22%;
    height:205px;
    float:left;
    margin-right:3%;
    background-size: 160px;
    background-position:50% 100%;
    background-repeat:no-repeat;
    cursor:pointer;
  }

  .motivation-wrapper:hover{
    background-position:50% 103%;
    color:#FF7300;
  }
  .motivation-wrapper:hover img{
    margin-top: 28px;
  }
  /*.motivation-wrapper:hover a{
    color:rgba(0,0,0,0.9);
    box-shadow: 0 0 0px 2px rgba(0,0,0,0.6);
  }*/

  /*.motivation-wrapper:nth-of-type(1){
    background-image:url(../images/lingueo-motiv-business.svg);
  }

  .motivation-wrapper:nth-of-type(2){
    background-image:url(../images/lingueo-motiv-exams.svg);
  }

  .motivation-wrapper:nth-of-type(3){
    background-image:url(../images/lingueo-motiv-school.svg);
  }

  .motivation-wrapper:nth-of-type(4){
    background-image:url(../images/lingueo-motiv-tourism.svg);
    margin-right:0px;
  }*/
  .motivation-wrapper img{
    height: 135px;
    margin-top: 25px;
  }

  .motivation-wrapper a{
    /*background: none #fff !important;*/
  }

  .motivation-btn{
    font-size:1rem;
    background-image:none;
  }

  .motivation-btn:hover{
    background-image:none;
  }

  .users-reco{
    /*margin-top: 30px;*/
    background-color:#fff !important;
    padding-top: 0;
    /*height: 320px;*/
  }
  .users-reco.section{
    padding-top: 0 !important;
    /*padding-bottom: 0 !important;*/
    padding-bottom: 30px;
    margin-top: -30px;
  }
  .users-reco .contain{
    margin-top: 30px;
    /*height: 310px;*/
    height: 280px;
    padding-top: 30px;

  }
}

@media(min-width: 768px){
  .form-list input.input-text { width:500px; }

  .contain{
    max-width:100%;
    margin-right:auto;
    margin-left:auto;
    box-sizing:border-box;
  }


  .section{
    padding:30px;
  }

  .conditionnal-clearer{
    clear:both;
    display:block;
  }

  .section-title{
    font-size: 1.4rem;
  }

  .desktop-action-btn{
    display: block;
    text-transform: uppercase;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.7);
    line-height: 40px;
    border-radius: 7px;
    margin: 15px auto 0px auto;
    font-size: 0.7rem;
    width:400px;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    border:solid 2px rgba(0,0,0,0);
    cursor: pointer;
    z-index:5;
    box-sizing:border-box;
    transition: background-color 0.3s ease 0s;
    transition: border 0.3s ease 0s;
  }

  .desktop-action-btn:hover{
    background-color: rgba(0, 0, 0, 0.8);
    border:solid 2px rgba(255,255,255,0.8);
  }
  #header{
    /*height: 50px !important;*/
  }
  #header .lingueo-logo{
    height:50px;
    width:140px;
  }

  #header.test .header-nav,
  #header.test #nav{
    margin-top:12px;
  }

  .header-menu-btn{
    display:none;
  }

  #header .contain{
    position:relative;
  }

  .header-nav,
  #nav{
    display:block;
    margin:5px;
    font-weight:700;
    text-transform: uppercase;
    font-size:0.7rem;
    position:absolute;
    max-width:80%;
    /*right:0px;*/
    right:170px;
    opacity:1;
  }

  #nav{
    right: 140px;
    /*border-right: solid 1px rgba(0,0,0,0.3);*/
  }

  .nav-container + .phone{
    position: absolute;
    right: 0;
    top: 8px;
    line-height: 45px;
  }

  #header .nav-container{
    padding-top: 0;
    display: block;
  }
  #header .header-nav,
#header .logout-mobile {
  display: block;
}

  .header-nav li,
  #nav li{
    float:left;
    height:20px;
    max-width:12%;
    margin-left:30px;
    text-align:center;
    list-style: none;
    cursor:pointer;
    border-right: solid 1px rgba(0,0,0,0.3);
  }

  .header-nav li a,
  #nav li a{
    vertical-align:middle;
    display:table-cell;
    height:30px;
    line-height: normal;
  }

  .placeholder{
  display:block;
  height:100vh;
}

#header .signin{
  max-height: 30px;
  transition: height 0.5s, max-height 0.5s, background-color 0.5s !important;
}
#header .signin p{
  border-radius: 0px 0px 7px 7px;
  display: block;
}

#header .signinmobile{
  cursor: pointer;
}

/*#header .signin:hover{
  background-color:rgba(0,0,0,0.3);
}*/

#signin-extra{
  opacity:0;
  width:80%;
  margin-right:auto;
  margin-left:auto;
  padding-top:10px;
  transition: opacity 1s 0.2s;
  /*display:none;*/
}

.signin .form-list{
  padding:0px;
  width:100%;
  margin:0px;
  list-style: none;
}

.signin input{
  width:100%;
  height:30px;
  color:black;
  margin-right:auto;
  margin-left:auto;
  padding:5px;
  box-sizing:border-box;
  margin-bottom:10px;
}

.signin #password{
  margin-bottom:0px;
}

#header .signin a.forgotten-password{
  color:#FFFFFF;
  display:block;
  width:100%;
  height:20px;
  text-align:right!important;
  font-size:0.7rem;
  font-weight:500;
}

#login-form .input-box,
#login-form .input-box input{
  width: 100%;
}

.account-login .input-box input {
  width:60% !important;
}

.error-message{
  display:none;
  border-radius:7px;
  margin-top:20px;
  padding:5px;
  box-sizing:border-box;
  line-height:initial;
  background-color:rgba(255,255,255,0.2);
  font-weight:500;
}

.signin .action-btn{
  height:30px;
  line-height:26px;
  padding:0px;
  width:100%;
  margin-bottom:20px;
}

#header .logout-mobile{
  border-radius: 0px 0px 7px 7px;
  height:20px;
  line-height:20px;
  position:absolute;
  top:62px;
  right:00px;
  float:right;
  font-size:0.7rem;
  font-weight:700;
  text-align:center;
  padding-right: 10px;
  padding-left: 10px;
  width:initial;
  background-color:rgba(0,0,0,0.7);
  z-index:10;
  border-left:solid 1px rgba(255,255,255,0.8);
  border-bottom:solid 1px rgba(255,255,255,0.8);
  border-right:solid 1px rgba(255,255,255,0.8);
  cursor:pointer;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  overflow: hidden;
  padding-top: 0;
}
  #header .logout-mobile a{
    color:#FFFFFF;
  }
  
  form#login-form {
    display:block;
  }

  #header .signin{
    border-radius: 0px 0px 7px 7px;
    height:30px;
    line-height:30px;
    position:absolute;
    top:62px;
    right:-10px;
    float:right;
    font-size:0.8rem;
    font-weight:700;
    text-align:center;
    width:200px;
    color:white;
    background-color:rgba(0,0,0,0.7);
    z-index:10;
    border-left:solid 1px rgba(255,255,255,0.8);
    border-bottom:solid 1px rgba(255,255,255,0.8);
    border-right:solid 1px rgba(255,255,255,0.8);
    cursor:pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    overflow: hidden;
  }

  #header .signin p:hover{
    background-color:rgba(0,0,0,0.3);
  }
  #header .signin-mobile{
    display: none;
  }

  #header .signin.signin-open{
    max-height: 300px;
    height: auto;
  }

    #header .signin.signin-open #signin-extra{
      opacity: 1;
    }
  #header .signin.signin-close{
    max-height: 30px;
    height: auto;
  }
    #header .signin.signin-close #signin-extra{
      opacity: 0;
    }
.homepage .top-section{
    padding:64px 20px 64px 20px;
}
  .top-section{
    box-sizing: border-box;
    padding:64px 20px 64px 20px;
  background-color: rgba(4,165,218,1);
   /* background-color: rgba(0,0,0,0.6);*/
  }
  .top-section-copy{
    background-size: cover;
  }

  .action-btn {
      width: 230px;
  }

  .buttons-wrapper{
    width:480px;
    margin-right: auto;
    margin-left:auto;
    /*margin-top:20px;
    margin-bottom:20px;*/
  }

  .top-section .buttons-wrapper{
    margin-bottom:0px;
  }

  .buttons-wrapper .action-btn{
    float:left;
    clear:none;
  }

  .buttons-wrapper .action-btn:first-of-type{
    margin-right:20px;
  }

  .product-name{
    font-size: 2.1rem;
    width:80%;
    margin-right:auto;
    margin-left:auto;
  }

  .product-value-prop{
    font-size:1.4rem;
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-top:20px;
    margin-bottom:20px;
    font-weight: 300;
  }

  .product-price{
    font-size:1.1rem;
    margin-top:20px;
  }

  .howitworks{
    margin-right:auto;
    margin-left:auto;
    box-sizing:border-box;
    padding-bottom: 30px;
  }

  .howitworks-step{
    padding:0px 10px 10px 10px;
    box-sizing:border-box;
    width:33%;
    height:100%;
    float:left;
    border-right: solid 1px rgba(0,0,0,0.2);
  }

  .howitworks-step:last-of-type{
    border:none;
  }

  .howitworks-step-illustration{
    height:100px;
    width:160px;
    margin-bottom:20px;
  }

  .product-details .list-container{
    box-sizing: border-box;
    max-width:768px;

  }
  .product-details .std{
    display: inline-block;
  }

  .product-details ul{
    box-sizing: border-box;
    width: 50%;
    padding: 20px;
  }

  .product-details ul li{
    margin-bottom:30px;

  }

  .reco-copy{
    font-size:0.9rem;
    color:rgba(0,0,0,0.5);
    width:100%;
    max-height:100px;
    display:block;
    vertical-align: middle;
    padding-left:0px;
  }

  .users-reco h2{
    margin-bottom:5px!important;
  }

  .user-reco-unit{
    border-right: solid 1px rgba(0,0,0,0.2);
    padding:20px;
    box-sizing:border-box;
    width:33%;
    float:left;
  }

  .user-reco-unit:nth-of-type(3n){
    border:none;
  }

  .productpage .product-details .buttons-wrapper .add-to-cart,
  .productpage .product-details .buttons-wrapper .btn-type-c,
  .productpage .users-reco .buttons-wrapper .add-to-cart,
  .productpage .users-reco .buttons-wrapper .btn-type-c{
    float: left;
    margin-right: 20px;
    width: initial;
  }
  .productpage .product-details .buttons-wrapper .btn-type-c,
  .productpage .users-reco .buttons-wrapper .btn-type-c{
    margin-right: 0 !important;
  }

  .related-products-wrapper{
    margin-right:auto;
    margin-left:auto;
  }

  .related-products-wrapper.twocollumn{
    width:508px;
  }

  .related-products-wrapper.threecollumn{
    width:764px;
    text-align: center;
  }

  .related-product-box{
    /*float: left;*/
    width:234px;
    margin:0px 10px 20px 10px;
    padding:0px;
    border:solid 2px rgba(0, 0, 0, 0.6);
    display: inline-block;
    clear: both;
  }

  .related-product-box:hover{
    /*border:solid 2px rgba(0, 0, 0, 0.8);*/
    box-shadow: 0px 0px 15px 1px rgba(255, 102, 0, .75);
  }

  .related-product-box:nth-of-type(3n+1) .related-product-fill{
    background-color:rgba(153,134,117,1);
  }

  .related-product-box:nth-of-type(3n+2) .related-product-fill{
    background-color:rgba(153,134,117,1);
  }

  .related-product-box:nth-of-type(3n+3) .related-product-fill{
    background-color:rgba(153,134,117,1);
  }

  .related-product-copy{
    width:100%;
    height:100%;
    position:relative;
  }

  .related-product-name{
    width:100%;
    height:auto;
    background-color: rgba(0,0,0,0.1);
    text-align:center;
    box-sizing:border-box;
    border-radius: 0px;
    border:none;
    top:0px;
    left:0px;
  }

  .related-product-pitch{
    font-size: 0.85rem;
    line-height: 18px;
    text-align: justify;
    min-height:110px;
    max-height:110px;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    color:rgba(0,0,0,0.8);
    text-shadow:none;
    padding:10px;
    background-color:rgba(241,241,241,1);
    margin:0px;
  }

  .related-product-box-container:nth-of-type(3n+1) .related-product-pitch,
  .related-product-box:nth-of-type(3n+1) .related-product-pitch{
    border-top:solid 3px rgba(4,165,218,1);
  }

  .related-product-box-container:nth-of-type(3n+2) .related-product-pitch,
  .related-product-box:nth-of-type(3n+2) .related-product-pitch{
    border-top:solid 3px rgba(255,115,0,1);
  }

  .related-product-box-container:nth-of-type(3n+3) .related-product-pitch,
  .related-product-box:nth-of-type(3n+3) .related-product-pitch{
    border-top:solid 3px rgba(90,90,90,1);
  }


  .related-product-arrow{
    display:none;
  }

  .related-product-price{
    width:100%;
    height:auto;
    border-radius: 0px;
    position:relative;
    top:auto;
    right:auto;
    bottom: 0px;
    left:0px;
    text-align:center;
    box-sizing:border-box;
    background-color:rgba(0,0,0,0.4);
  }

  .related-product-courseprice{
    font-size:1rem;
    margin:auto;
    position:relative;
    left:-5px;
    text-shadow:none;
    display: inline-block;
    padding-left: 10px;
  }

  .related-product-totalprice{
    font-size:1.5rem;
    position:relative;
    left:-10px;
    text-shadow:none;
    display: inline-block;

  }
  .catalog-category-view .related-product-totalprice,
  .catalog-category-view .related-product-courseprice,
  .catalog-product-view .related-product-totalprice,
  .customer-training-index .related-product-totalprice,
   .customer-training-index .related-product-courseprice {
    left:0;
  }

  .related-product-magnifier{
    display:block;
    position:absolute;
    right:5%;
    bottom:10px;
    height:20px;
    width:20px;
  }

  .related-product-action-btn {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      display: none;
      text-transform: uppercase;
      background-color: rgba(0,0,0,0.2);
      border: 1px solid rgba(255,255,255,1);
      color:rgba(255,255,255,1);
      line-height: 40px;
      border-radius: 7px;
      font-size: 0.9rem;
      width: 200px;
      text-align: center;
      font-weight: 700;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
      cursor: pointer;
      z-index: 5;
      box-sizing: border-box;
      transition: background-color 0.3s ease 0s;
  }

  .related-product-action-btn:hover{
    background-color: rgba(0,0,0,0.4);
  }
 .customer-training-index .related-product-action-btn {
    display: block;
    margin-top:5px;
   }
  .related-product-final{
    margin-top:20px;
  }

  .related-product-final:hover{
    background-color: rgba(0, 0, 0, 0.8);
    border:solid 2px rgba(255,255,255,0.4);
  }

  .category-relevant-content .contain{
    width:740px;
  }

  #footer{
    clear:both;
  }

  .copyright{
    float:left;
    }

  .lingueo-logo-footer{
    margin:0px;
    height:20px;
    width:71px;
    vertical-align: bottom;
  }

  .copyright p {
    clear: both;
    margin-bottom: 10px;
    font-size: 0.8rem;
  }

  .footer-social-links{
    clear:both;
  }


  .footer-nav{
    clear:initial;
    padding:0px;
    margin:27px 0 0px;
    border-top:none;
  }

  .footer-category{
    margin-bottom:30px;
  }

  .footer-category ul{
    list-style-type: none;
      padding: 0px;
      margin: 0px;
      text-align: center;
  }


  .footer-category li{
    color:rgba(255,255,255,0.7);
    font-weight: 300;
  }

  .footer-category li:first-of-type{
    text-transform: uppercase;
    font-weight:700;
    font-size:1rem;
    margin-top:0px;
  }

  .footer-category li a{
    color:rgba(255,255,255,0.7);
    margin-top:7px;
    font-size:0.8rem;
    font-weight:300;
    cursor:pointer;
  }

  .footer-category li:first-of-type:hover a{
    color:#FFF;
    font-weight:700;
    cursor: default;
  }

  .footer-category li a:hover{
    color:rgba(255,255,255,1);
    font-weight:500;
  }

  #footer .contain{
    max-width:620px;
    margin-right:auto;
    margin-left:auto;
  }

  .footer-copyright-social{
    width:initial;
    padding:0px;
    margin-top:20px;
  }

  .footer-lingueobrands{
    font-size:0.8rem;
  }

  #footer .logofooter{
    margin-top:35px;
  }


  #footer .logofooter .partners{
    width:100%;
    margin-bottom: 30px;
  }
#footer .logofooter .partners div{
  width:685px;
  margin: 0 auto;
}

 #footer .logofooter .otherpartners{
    width: 685px;
    margin: 0 auto;
 }

  #footer .logofooter .labellingueo{
    width: 63%;
    float: left;
  }

  #footer .logofooter .assoc{
    width: 34%;
    float: left;
    margin-left: 3%;
  }



  /* Modal Login */
  .modal-login .account-login p{
    font-size: 0.8rem;
  }
  .modal-login .account-login .section-title{
    text-align: left;
    font-size: 1.4rem;
  }
  .modal-login .account-login .product-name{
    font-size: 2.1rem;
  }


}

@media(min-width:992px){
  #header.test .header-nav li,
  #header.test #nav li{
    max-width:115px;
    font-size:0.8rem;
    /*border-right:solid 1px rgba(0,0,0,0.3);*/
    padding:0px 10px 0px 10px;
    height:30px;
    margin:0px;
    box-sizing:border-box;
  }


  #header.test .header-nav li:last-of-type,
  #header.test #nav li:last-of-type{
    /*border:none;*/
    /*padding-right:0px*/
    max-width:200px !important;
  }

  .contain{
    max-width:1200px;
  }

  .header-nav li,
  #nav li{
    font-size:0.9rem !important;
    /*max-width:100%;*/
    max-width:200px !important;
    border-right:solid 1px rgba(0,0,0,0.3);
    padding:0px 10px 0px 10px;
    height:30px;
    margin:0px;
    box-sizing:border-box;
  }

  #nav{
    right: 185px;
    /*border-right: solid 1px rgba(0,0,0,0.3);*/
  }

  .header-nav + .phone,
  .nav-container + .phone{
    font-size: 1.2rem !important;
  }

  .header-nav + .phone img,
  .nav-container + .phone img{
    height:30px;
    width:30px;
  }

  .header-nav + .phone span,
  .nav-container + .phone span{
    margin-left: 10px;
  }


  .related-products-wrapper{
    margin-right:auto;
    margin-left:auto;
  }

  .related-products-wrapper.twocollumn{
    width:640px;
  }

  .related-products-wrapper.threecollumn{
    width:991px;
    text-align: center;
  }

  .related-product-box{
    /*float: left;*/
    width:300px;
    display: inline-block;
    clear: both;
  }

  .related-product-final{
    width:620px;
    margin-top:20px;
  }

  .related-product-final:hover{
    background-color: rgba(0, 0, 0, 0.8);
    border:solid 2px rgba(255,255,255,0.4);
  }
}


@media(max-width: 1500px) {
  .myaccountpage .contain,
  .contain-invoice {
    margin-left: 50px !important;
  }
}
@media(max-width: 1400px) {
  .myaccountpage .contain,
  .contain-invoice {
    margin-left: 0px !important;
  }
  .contain-invoice {
    margin-left:19px !important;
  }

}
@media(max-width:1200px){
  .myaccountpage{
    padding: 15px !important;
  }

  .contain-invoice{
    margin-left: 16px !important;
  }
  .class-dashboard .contain .col-main .main-content-block{
    width: 800px !important;
  }

}

/* Popup Footer (leadform) */
#popup_footer{
  position: fixed;
  right: 2%;
  bottom: -30%;
  width: 200px;
  height: 200px;
  background:#fff;
  -webkit-box-shadow:0px 0px 2px #333;
  -moz-box-shadow:0px 0px 2px #333;
  box-shadow:0px 0px 2px #333;
  z-index: 9999;

}
#popup_footer #close_popup{
  float: right;
  padding-right: 15px;
  cursor: pointer;
}


.breadcrumbs{
  /* display: none; */
  font-size: 0.8em;
  display: inline-block;
  background-image: url("http://lingueo.test/skin/frontend/lingueo-responsive/default/css/../images/lingueo-cam-bg05.svg");
  background-color : rgba(4,165,218,1);
  background-repeat: repeat;
  background-size: 24px;
  width: 100%;
}

.breadcrumbs li {
  /* display: none; */
  display: inline-block;
  list-style: none;
}

.breadcrumbs li a {
  color: white;
}

/* PROFILE - TEACHER/POPUP */

.profile-teacher-popup h1{
    font-size: 1.4rem;
    margin-bottom: 10px;
    font-weight: 700; }
.profile-teacher-popup .presentation{ height:240px; /*border-bottom:1px dotted #767B46; */ }
.profile-teacher-popup .teacher-pic {
    display: block;
    height: 140px;
    width: 140px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #7B6A5B;
    border-radius:50%;
    margin-bottom: 10px;
    margin-left: 10px;
    float: right;
  }
.profile-teacher-popup .left2{padding-right:10px; padding-top:10px;}
.profile-teacher-popup .main-data{padding-top:10px; border-bottom:2px dotted #767B46; height:150px;}
.profile-teacher-popup p{ /*font-size:11px;*/}
.profile-teacher-popup .presentation {
  line-height: 1.4;
    margin-bottom: 5px;
}
.profile-teacher-popup .teacher-avail-table {
  background: none;
}
.profile-teacher-popup .avail {
  border-right:.5px solid #CCC;
  border: 1px solid #CCC;
  display: inline-block;
  background-color: #04A5DA;
  width: 12px;
  height:15px;
  vertical-align: middle;
  margin-right:10px;
}
.profile-teacher-popup .avail + span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.profile-teacher-popup .plage-dispo {
  text-align:right;
  border-top:1px solid rgba(0,0,0,0.5);
  display: inline-block;
  padding:5px 10px 20px;
  float:right;


}
.profile-teacher-popup .first {
  border-left:1px solid #CCC;
}
.profile-teacher-popup .first + .first {
  border-left: 0;
}
.profile-teacher-popup .teacher-avail-table .teacher-avail-slot {
    background: hsl(0, 0%, 94%) none repeat scroll 0 0;
    margin-left: 0;
    border-right:1px solid #CCC;
    border-top:1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 0;
    width: 11px;
    display: inline-block;

}
.profile-teacher-popup .teacher-avail-table .teacher-avail-dayrow:first-child .teacher-avail-slot:first-child{
  border-left: 1px solid #CCC;;
}
.profile-teacher-popup .teacher-avail-table .checked,
.profile-teacher-popup  .teacher-avail-table .teacher-avail-slotarea .checked:first-child {
   background-color: #04A5DA;
}

.profile-teacher-popup .teacher-avail-container {
  padding-bottom: 10px;
}
.profile-teacher-popup .teacher_profile_experiences #experiences { float: left; padding-left: 0;}
.profile-teacher-popup .teacher_profile_experiences .title { font-size: 17px; font-family: Arial; text-align:center; color: #2e2e2e; }
.profile-teacher-popup .teacher_profile_experiences .rate { margin-top: 4px; text-align:center;}
.profile-teacher-popup .teacher_profile_experiences .author { }
.profile-teacher-popup .teacher_profile_experiences .smiley_language { float: left; margin-right: 10px; }
.profile-teacher-popup .teacher_profile_experiences #experiences li { padding: 10px 0 10px 0; border-bottom: 1px grey dotted; display: inline-block; width: 100%;}
.page-popup { background: #fff; padding:25px 30px; text-align:left; font-size: 12px;}
.teacher_profile_experiences p.baseline {
    float: right;
}
.teacherwindow-subtitle{
  font-size:1rem;
  font-weight:700;
  padding-top:20px;
  margin-bottom:20px;
  text-align:center;
  border-top:1px solid rgba(0,0,0,0.5);

}

.profile-teacher-popup  .teacher-review{
  text-align:center;
  padding-left: 0;
}

.profile-teacher-popup  .teacher-review-unit{
  width:70%;
  float:none;
  text-align:center;
  margin:20px auto;
  background-image: url("images/jobeoz-userfeed-bg.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120px auto;
  list-style: none;
}

.profile-teacher-popup  .review-title{
  font-size:1rem;
  font-weight:500;
}

.profile-teacher-popup .review-rating{
  margin:5px auto;
}

.profile-teacher-popup  .review-copy{
  font-size: 0.8rem;
  font-weight: 300;
  color: #7B6A5B;
  max-height: 100px;
  font-style: italic;
}

.profile-teacher-popup  .review-author{
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 5px;
}

/* SUCCESS PAGE */

.successpage, .cartpage{
  font-size: 0.85rem;
  padding: 20px;
  box-sizing: border-box;
  background-color: #04A5DA;
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-size: 24px auto;
  text-align:center;
}

.successpage .page-title, .cartpage .page-title {
  border:none;
}

.successtitle, .carttitle{
  font-size: 1.5rem;
  font-weight: 700;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom:10px;
  margin-right: auto;
  margin-left: auto;
}

.successcopy{
  margin-top:0px;
  margin-bottom:10px;
  line-height: 140%;
  clear: both;
}

.successcopy.emphasis, .cartmessage{
  font-weight: 700;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom:20px;
}

.successbtn-container{
  max-width:400px;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
  padding: 10px;
  color: #FFF;
  box-sizing: border-box;
  border-radius: 7px;
  margin-right: auto;
  margin-left: auto;
  z-index: 5;
  position: relative;
}

.successbtn{
  font-size:1rem;
  max-width:260px;
  margin-top:10px;
}

@media(min-width:768px){

  .successpage .contain{
    max-width: 800px;
  }

  .successpage{
    font-size: 0.9rem;
    padding: 20px;
    padding-top:60px;
    min-height:400px;
  }

  .successcopy.emphasis{
    font-size:1.1rem;
  }

  .successtitle{
    font-size: 2.1rem;
    width: 60%;
  }

  .successbtn-container{
    padding: 20px;
  }

  .successbtn{
    font-size:0.9rem;
    margin-top:20px;
    width:260px;
  }
}

/* 404 MISSING PAGE */

.missingpage{
  font-size: 0.85rem;
  padding: 20px;
  box-sizing: border-box;
  background-color: #04A5DA;
  background-image: url("../images/lingueo-cam-bg05.svg");
  background-size: 24px auto;
  text-align:center;
}

.errortitle{
  font-size: 1.5rem;
  font-weight: 700;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom:10px;
  margin-right: auto;
  margin-left: auto;
}

.errorillus{
  display:block;
  height:100px;
  margin-right:auto;
  margin-left:auto;
}

.errorcopy{
  margin-top:10px;
  margin-bottom:10px;
  line-height: 140%;
  clear: both;
}

.errorcopy.emphasis{
  font-weight: 700;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  margin-bottom:20px;
}

.language-picker{
  width:69%;
  background-color:rgba(0,0,0,0.2);
  box-shadow: 0 0 0px 3px rgba(0,0,0,0.3);
  padding:10px;
  color:white;
  box-sizing:border-box;
  border-radius:7px;
  margin-right:auto;
  margin-left:auto;
  z-index:5;
  position:relative;
}

.language-picker p{
  text-align:center;
  font-size:0.9rem;
  margin-top:10px;
  font-weight:300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.selec-section p{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  font-size:1.2rem;
  margin:0px auto 10px auto;
  text-align:center;
}

.language-field-container{
  width:100%;
  height:34px;
  overflow:hidden;
  border-radius: 3px;
  background-image: url(../images/lingueo-selecticon.svg);
  background-size:contain;
  background-position:right;
  background-repeat:no-repeat;
  background-color:rgba(255,255,255,1);
  margin-bottom:10px;
}

.language-field{
  background-color:transparent;
  color:rgba(0,0,0,0.7);
  height:34px;
  width:100%;
  border-radius: 3px;
    font-size: 1rem;
    line-height: 140%;
    border: 0;
    margin-left:10px;
    cursor:pointer;
}

.language-field option{
  margin-bottom:5px;
}

.language-field option:nth-of-type(1){
  color:rgba(0,0,0,0.5);
}

.language-picker .action-btn{
  display: block;
  clear:both;
  box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
}

.languages-listing{
  clear:both;
  border-radius: 7px;
}

.flag-box{

  /*float:left;*/
  height:40px;
  width:40px;
  margin-right:2px;
  margin-left:2px;
  margin-top:10px;
  border-radius: 7px;
  overflow:hidden;
  position:relative;
  border:solid 2px rgba(0,0,0,0.5);
  cursor:pointer;
}

.flag-box:nth-of-type(5), .flag-box:nth-of-type(10), .flag-box:nth-of-type(15), .flag-box:nth-of-type(20){
  margin-right:0px;
}

.flag-box .dark-layer{
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,0.1);
  z-index:3;
  position:absolute;
  top:0px;
  left:0px;
}

.flag-box .dark-layer:hover{
  background-color:rgba(0,0,0,0);
}

.flag-box img{
  height:100%;
  width:100%;
  z-index:2;
}

@media(min-width:768px){

  .missingpage .contain{
    max-width: 800px;
  }

  .missingpage{
    font-size: 1rem;
    padding: 20px;
  }

  .errortitle{
    font-size: 2.1rem;
    width: 60%;
  }

  .language-picker{
    width:600px;
    padding:20px 10px;
  }

  .selec-section{
    width:540px;
    margin-right:auto;
    margin-left:auto;
  }

  .selec-section p{
    display:none;
  }

  .language-field-container{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:50px;
  }

  select.language-field{
    width:560px;
    height:50px;
    margin:0px;
    padding-left:10px;
    font-size:1.2rem;
  }

  .languages-listing{
    clear:both;
    /*width:590px;*/
    margin-bottom:0px;
    margin-top:20px;
    margin-right:auto;
    margin-left:auto;
  }

  .flag-box{
    /*float:left;*/
    height:30px;
    width:30px;
    margin-right:1px;
    margin-left:1px;
    margin-top:0px;
    margin-bottom:5px;
    border-radius: 100%;
  }

  .flag-box:nth-of-type(5), .flag-box:nth-of-type(10), .flag-box:nth-of-type(15), .flag-box:nth-of-type(20){
    margin-right:0px;
  }

  .flag-box:nth-of-type(15){
    margin-right:0px;
  }
}
/* AVIS */
.reviews-baseline{
  position: relative;
  margin: auto;
  width: 95%;
  color: rgba(0, 0, 0, 0.7);
}
/* Pagination des avis */
.pagination-numbers{
  text-align: center;
  display: inline-block;
  width: 100%;
  top: -115px;
  /*top: -150px;*/
  font-size: 40px;
  position: relative;
}
  .pagination-numbers a{
    color: #7b6a5b;
    cursor: pointer;
  }
  .pagination-numbers a:first-child{
    float: left;
  }
  .pagination-numbers a:last-child{
    float: right;
  }
.pager{
  /*display: inline-block;*/
  width: 90%;
  height: 30px;
  position: relative;
  margin: auto;
  font-size: 0.6em;
  /*padding-left: 40px;*/
}
.pager .amount,
.pager .limiter,
.pager .pages{
  vertical-align: bottom;
  display: inline-block;
  width: 33%;
  text-align: center;
}
.pager .amount{
  text-align: left;
}
.pager .pages{
  text-align: right;
}

.pager .pages strong{
  vertical-align: bottom;
}

.pager .pages ol{
  vertical-align: bottom;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.pager .pages ol li{
  float: left;
  display: inline-block;
  padding: 0 5px;
}
.pager + div > span{
  float: left;
  width: 33%;
  font-size: 0.6em;
  /*padding-left: 40px;*/
}
.pager + div > div{
  float: left;
  width: 66%;
  font-size: 0.6em;
}

.aggregate-subcat{
  text-align: center;
  position: relative;
  margin: auto;
  border-radius: 7px;
  max-width: 500px;
  background: url("../images/lingueo-cam-bg05.svg") rgba(153,134,117,1);
  padding: 10px;
  /*margin-bottom: 30px;*/
  margin-top: 15px !important;
  color: #fff;
  margin-top: -30px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  font-weight: normal;
}
.aggregate-subcat h3{
  margin: 0;
  color: rgba(0,0,0,0.5);
  /*text-transform: capitalize;*/
}
.aggregate-subcat .ratings{
  text-shadow: 1px 1px rgba(0,0,0,0.3);
}
.aggregate-subcat .amount{
  width: auto !important;
}

.aggregate-products{
  text-align: center;
  position: relative;
  margin: auto;
  border-radius: 7px;
  max-width: 500px;
  background: url("../images/lingueo-cam-bg05.svg") rgba(153,134,117,1);
  padding: 10px;
  margin-bottom: 30px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.aggregate-products h3{
  margin: 0;
  color: rgba(0,0,0,0.5);
  /*text-transform: capitalize;*/
}
.aggregate-products .ratings{
  text-shadow: 1px 1px rgba(0,0,0,0.3);
}
.aggregate-products .amount{
  width: auto !important;
}

.ratings .amount{
  text-align: right;
  display: inline-block;
  width: 49%;
}
.ratings .rating-box{
  display: none !important;
}
.itemscope{
  display: block;
  width: 90%;
  position: relative;
  margin: auto;
}
.itemscope-rating{
  text-align: center;
  width: 49%;
  display: inline-block;
}

.section:nth-of-type(odd){
  background-color:#F0F0F0!important;
}

.section:nth-of-type(even){
  background-color:#FFFFFF!important;
}

/* Page des avis */

/*.page-cms{
  background-image: url(../images/lingueo-cam-bg03.svg);
  background-color: rgb(241,241,241);
}*/
.page-cms .page-title{
  color: #7b6a5b;
  text-align: center;
}
.page-cms .page-title + .std > p{
  padding: 10px;
}
.page-cms #experiences{
  list-style-type:none;
}
.page-cms #experiences li{
  border-bottom: 1px solid #999999;
  padding: 10px 0px;
}
.page-cms #experiences .experience_header{
  padding: 5px 0;
}
.page-cms #experiences .experience_header .title{
  color: #03A1D4;
  font-weight: bold;
}
.page-cms #experiences .experience_header .author{
  color: #FF7300;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  font-style: italic;
}
.page-cms #experiences .text{
  font-size: 15px;
  display: inline-block;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.7);
}


/* MES FORMATIONS */
.back-to-current-registrations{
  /*float: left;*/
  /*margin-top: 10px;*/
  padding: 0px 20px;
  clear: both;
  display: block;
  font-size: 0.9rem;
  color: #FFF;
  max-width: 800px;
  position: relative;
  margin: 10px auto 0;
  white-space: nowrap;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.mycoursespage a{
  text-decoration: none;
}

.mycoursespage .contain{
  max-width:800px;
}

.mycoursespage{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.mycourses-subnav{
  clear:both;
  height:35px;
  margin-bottom:10px;
}

.mycourses-subnav a{
  float:left;
  text-transform: uppercase;
  font-weight: 700;
  margin-right:50px;
  text-decoration: none;
  transition:color 0.2s 0s;
}

.mycourses-subnav a:hover{
  color: #3D3D3D;
}

a.mycourses-current{
  font-size: 1.8rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

a.mycourses-secondary{
  font-size: 0.8rem;
  color: rgba(0,0,0,0.5);
  margin-top:14px;
}

a img.plus-icon{
  height:10px;
  width:10px;
  opacity:0.5;
  margin-right:5px;
}

.courses-list{
  clear:both;
  font-size:0.8rem;
  line-height:1.4;
}

.courses-list a{
  font-weight:700;
  text-decoration:none;
  opacity:0.8;
}

.courses-list a:hover{
  opacity:1;
}

.courses-list a:nth-of-type(odd){
  color:#3D3D3D;
}

.courses-list a:nth-of-type(even){
  color:#7B6A5B;
}

#registration-item-list{
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.courseblock-open,
.registration-item-selected{
  min-height:100px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:20px auto 20px auto;
  padding:20px;
  font-size: 0.9rem;
  line-height:1;
  display: inline-block;
  width: 800px;
  box-sizing:border-box;
  text-align: initial;
}


@media(max-width:770px){
  .courseblock-open,
  .registration-item-selected{
    width: 100%;
  }
  .courseblock-open .leftside, .mycoursespage .registration-item-selected .leftside, .courseblock-open .rightside, .mycoursespage .registration-item-selected .rightside{
    width:100%;
  }
  .rightside .insiderightside{
    display: inline-block;
  }

  .class-dashboard-timezone .duration-content{
    width:100%;
  }
  .class-dashboard-timezone .timeslot-picker button img{
    margin: 0 1vw;
  }
  .class-dashboard-timezone .timeslot-picker img{
    margin: 0 2vw;
  }
}


.registration-item-selected .magnifier-icon,
.registration-item-selected .closedcourse-icons{
  display: none;
}

.registration-item-selected .registration-tabs-container{
  display: inline-block;
  width: 100%;
}

/*.courseblock-top{
  position:relative;
  height:100px;
}*/

.courseblock-open .leftside,
.registration-item-selected .leftside{
  float:left;
  width:100%;
  color:rgba(0,0,0,0.9);
  height:100%;
}

.courseblock-open .course-title,
.registration-item-selected .course-title{
  font-weight:700;
  font-size:1.4rem;
}

.courseblock-open .teacher-name,
.registration-item-selected .teacher-name{
  font-size:1rem;
  font-weight:500;
  margin:8px auto 8px auto;
}

.courseblock-open .teacher-name a,
.registration-item-selected .teacher-name a{
  font-size:1.1rem;
  font-weight:bold;
  color:rgba(0,0,0,0.9);
}

.courseblock-open .explanation-copy,
.registration-item-selected .explanation-copy{
  font-size:0.8rem;
  font-weight:500;
  color:rgba(0,0,0,0.9);
  margin:10px auto 10px auto;
  line-height:1.4;
}
.registration-item-selected .explanation-copy{
  /*visibility: hidden;*/
}

.courseblock-open .rightside,
.registration-item-selected .rightside{
  float:right;
  height:100%;

  /*visibility: hidden;*/
  /*display: none;*/
}

.courseblock-open .teacher-button,
.registration-item-selected .teacher-button{
  height:100px;
  width:100px;
  margin-left:0px;
  background-color:rgba(0,0,0,0.3);
  float:right;
  /*box-sizing:border-box;*/
  border-radius: 50%;
  border:solid 2px #7B6A5B;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  translate:transform 0.2s 0s;
}

.courseblock-open .teacher-button:hover,
.registration-item-selected .teacher-button:hover{
  transform:scale(1.05,1.05);
}

.courseblock-open .call-overlay a.button-call-teacher,
.registration-item-selected .call-overlay a.button-call-teacher{
  background-image:url(../images/lingueo-callbtn.svg);
  height:100%;
  width:100%;
  z-index:2;
  position:absolute;
  opacity:0;
  left: 0;
  text-indent:-9999px;
}
.courseblock-open .call-overlay a.button-call-teacher-active,
.registration-item-selected .call-overlay a.button-call-teacher-active{
  background-image:url(../images/lingueo-callbtn.svg);
  height:100%;
  width:100%;
  z-index:2;
  position:absolute;
  opacity:0;
  left: 0;
  animation: btnflash 3s infinite ease-in-out;
}

@keyframes btnflash {
    0% {
        opacity:0.3;
        animation-timing-function: ease-in;
    }
    45% {
        opacity:1;
    }

    55% {
        opacity:1;
    }

    100% {
        opacity:0.3;
    }
}

.courseblock-open .teacher-pic,
.registration-item-selected .teacher-pic{
  height:100px;
  width:100px;
  z-index:1;
  position:absolute;
}

.courseblock-open .icons-holder,
.registration-item-selected .icons-holder{
  position:relative;
  /*height:100%;*/
  width:80px;
  float:left;
}

.courseblock-open .icons-holder .icon,
.registration-item-selected .icons-holder .icon{
  display:block;
  width:50px;
  height:40px;
  position:absolute;
  cursor:pointer;
  translate:transform 0.2s 0s;
}

.icon .number{
  display:block;
  height:14px;
  width:14px;
  position:absolute;
  top:2px;
  left:2px;
  border-radius: 50%;
  color:#FFF;
  font-weight:700;
  font-size:0.5rem;
  background-color:#000;
  text-align:center;
  line-height:14px;
}

.courseblock-open .icons-holder .icon:hover,
.registration-item-selected .icons-holder .icon:hover{
  transform:scale(1.1,1.1);
}

/*.courseblock-open .icons-holder .icon:nth-of-type(1),
.registration-item-selected .icons-holder .icon:nth-of-type(1),*/
.registration-item-selected .icons-holder .icon-messages{
  top:0px;
  right:0px;
  background-image:url(../images/lingueo-courseicon-mail.svg);
}

/*.courseblock-open .icons-holder .icon:nth-of-type(2),
.registration-item-selected .icons-holder .icon:nth-of-type(2),*/
.registration-item-selected .icons-holder .icon-history{
  top:50%;
  left:0px;
  margin-top:30px;
  background-image:url(../images/lingueo-courseicon-report.svg);
}

/*.courseblock-open .icons-holder .icon:nth-of-type(3),
.registration-item-selected .icons-holder .icon:nth-of-type(3),*/
.registration-item-selected .icons-holder .icon-documents{
  top: 50%;
  margin-top: 65px;
  right:0px;
  background-image:url(../images/lingueo-courseicon-file.svg);
}

/*.courseblock-subnav,*/

.courseblock-subnav{
  clear:both;
  margin-top:10px;
  padding-bottom:25px;
  border-bottom:solid 1px rgba(0,0,0,0.5);
  padding-left: 0;
}
.registration-tabs{
   list-style-type: none;
   padding-left: 0
}
.registration-tabs .tab-contact{
  /*visibility: hidden;*/
}
/*.courseblock-subnav li,*/
.courseblock-subnav li a{
  font-size:0.9rem;
  margin-right:30px;
  text-transform: uppercase;
  float:left;
  color:rgba(0,0,0,0.4);
  font-weight:700;
  transition:color 0.2s 0s, opacity 0.2s 0s;
}


.courseblock-subnav a:hover{
  color:rgba(0,0,0,0.7);
}

/*.courseblock-subnav a.current,*/
.courseblock-subnav li.selected a{
  color:rgba(0,0,0,0.9);
}

.courseblock-subnav .settings-button{
  display:list-item;
  background-image:url(../images/lingueo-settingsicon.svg);
  background-size:contain;
  background-repeat:no-repeat;
  height:20px;
  width:20px;
  margin-top:-4px;
  opacity:0.4;
  float: left;
  cursor: pointer;

  /*visibility: hidden;*/
}

.courseblock-subnav .settings-button:hover{
  opacity:1;
}

.courseblock-subsection{
  display: inline-block;
    width: 100%;
    float: left;
}

.tab-tools{
  height: 28px !important;
}
.tools-subnav{
  display: none;
  list-style-type: none;
  background-color: #454545;
  width: 200px;
  height: 80px;
  border-radius: 10px;
  margin-top: 30px;
  margin-left: -100px;
  position: relative;
  padding: 10px !important;
  z-index: 10;
}
  .tools-subnav:after{
    content: " ";
    position: absolute;
    top: -7px;
    left: 100px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #454545;

  }
  .tools-subnav a{
    color: #fff !important;
    font-size: 13px !important;
    text-transform: initial !important;
    font-weight: normal !important;
    width: 100% !important;
    padding: 8px 0;
    margin-left: -10px;
    padding-left: 20px;
    margin-right: 0 !important;
  }
    .tools-subnav a:hover{
      background-color: #575757;

    }


.courseblock-subnav .settings-button:hover .tools-subnav{
  display: block;
}







.reservation-btn{
  float:left;
  margin-top:10px;
  padding:0px 20px;
  clear: both;
  display: block;
  font-size: 0.9rem;
  color: #FFF;
  max-width:300px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.reservation-btn:hover{
  background-color: rgba(3, 124, 163, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.nextcourse-section .explanation-copy{
  float:left;
  width:180px;
  margin-left:20px;
  margin-top:14px;
}

.nextcourses-list{
  background-image: url(../images/lingueo-nextcourseslist-bg.png);
  background-repeat:repeat-y;
  background-position:30px;
}

.nextcourse-unit{
  width:100%;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  box-sizing:border-box;
  margin:10px auto 20px auto;
  position:relative;
  overflow:hidden;
}

.nextcourse-firstrow{
  font-size:0.9rem;
  background-color:#FF933B;
  position:absolute;
  box-sizing:border-box;
  top:0px;
  left:0px;
  padding:10px;
  width:100%;
  color:#FFF;
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

.nextcourse-firstrow .course-number{
  font-weight: 700;
}

.nextcourse-info{
  margin-top:30px;
  margin-bottom:0px;
  line-height:1.4;
  font-size:0.8rem;
  color:rgba(0,0,0,0.8);
  background-color:#EDEAE7;
  padding:10px 10px 20px 40px;
}

.nextcourse-info li{
  margin-top:5px;
}

a.cancel-button{
  font-weight:700;
  font-size:0.8rem;
  position:absolute;
  bottom:10px;
  right:10px;
  color:rgba(0,0,0,0.5);
  transition: color 0.2s 0s;
}

a.cancel-button:hover{
  color:rgba(0,0,0,0.8);
}

.nextcourses-list .reservation-btn{
  float:none !important;
}

.courses-list.contain a:after{
  content: " - ";
 color: hsl(0, 0%, 24%);
}
.courses-list.contain a:last-child:after {
  content: none;
}
.registration-item-deselected,
.courseblock-closed{
  height:46px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:20px auto 20px auto;
  padding:10px;
  box-sizing:border-box;
  cursor:pointer;
  transition:box-shadow 0.2s 0s;
  width: 800px;
  box-sizing:border-box;
}
.registration-item-deselected .closedcourse-icons{
  display: block;
  height: 25px;

  /*visibility: hidden;*/
}
.registration-item-deselected .icons-holder,
.registration-item-deselected .teacher-name,
.registration-item-deselected .teacher-button,
.registration-item-deselected .registration-tabs-container{
  display: none;
}

.registration-item-deselected:hover,
.courseblock-closed:hover{
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.registration-item-deselected .magnifier-icon,
.courseblock-closed .magnifier-icon{
  height:24px;
  float:left;
}

.registration-item-deselected .course-title,
.courseblock-closed .course-title{
  line-height:24px;
  font-size:1.4rem;
  font-weight:700;
  float:left;
  margin-left:20px;
}

.registration-item-deselected .explanation-copy{
  display: none;
}

.closedcourse-icons{
  width:100px;
  float:right;
}

.closedcourse-icons .icon{
  display:block;
  height:24px;
  width:24px;
  margin-left:8px;
  float:left;
}

.closedcourse-icons .icon-on-mail{
  background-image:url(../images/lingueo-courseicon-mail2.svg);
}

.closedcourse-icons .icon-on-report{
  background-image:url(../images/lingueo-courseicon-report2.svg);
}

.closedcourse-icons .icon-on-file{
  background-image:url(../images/lingueo-courseicon-file2.svg);
}

.closedcourse-icons .icon-off-mail{
  background-image:url(../images/lingueo-courseicon-mail3.svg);
}

.closedcourse-icons .icon-off-report{
  background-image:url(../images/lingueo-courseicon-report3.svg);
}

.closedcourse-icons .icon-off-file{
  background-image:url(../images/lingueo-courseicon-file3.svg);
}

/* DOCUMENTS */
.workspace-form-container,
.workspace-form,
.workspace-share-panel.workspace-share-panel-upload,
.show-link-target,
.qq-upload-drop-area{
  display: block !important;
}
.qq-upload-file{
  word-wrap:break-word;
}

.workspace-form-container .document-search-input{
  outline: 0;
}
.document-search-container {
  display: none;
}

/*bouton upload*/
.qq-upload-list {
    position: relative;
}
.qq-upload-drop-area{
  background: transparent !important;
}
.qq-uploader {
  position:static;
}
.qq-upload-drop-area span{
  text-align: center;
  width: 160px;
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(0,0,0,0.7);
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -80px;
  margin-top: 10px;
}
.class-dashboard .qq-upload-button{
  opacity:0;
  position: relative;
  z-index: 10;
  width:100%;
  height:auto;
  cursor: pointer;
  margin-top: 00px;
  height: 96px;
}
.qq-upload-button input[name="file"]{
  position: absolute;
  /*left: 105px !important;*/
  left: 0;
  top: 0px !important;
  font-family: Arial;
  font-size: 118px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  /*width: 70px !important;*/
  width: 256px !important;
  opacity: 1;
  height: 96px !important;
}

.workspace-share-panel.workspace-share-panel-upload{
  clear: both;
  width: 100%;
  border-radius: 0px;
  /*border: solid 2px rgba(0,0,0,0.2);*/
  margin: 10px auto 20px auto;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  overflow: hidden;
  /*background-color: rgba(4,165,218,0.1);*/
  font-size: 0.8rem;
}

.docshare-block-left {
  margin-bottom: 35px;
}
.reservation-btn, .opinionshare-btn, .docshare-btn{
  float:left;
  margin-top:10px;
  padding:0px 20px;
  clear: both;
  display: block;
  font-size: 0.9rem;
  color: #FFF;
  max-width:300px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.reservation-btn:hover, .opinionshare-btn:hover, .docshare-btn:hover{
  background-color: rgba(3, 124, 163, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}
.contact-section {
  font-size: 0.8rem;
  padding-bottom: 10px;
}

.contact-form {
  width: 70%;
  float: left;
}
.contact-form span {
  font-size: 0.8rem;
  color: rgba(0,0,0,0.5);
  line-height: 24px;
}
.opinion-area .teacher-opinion .section-subtitle, .contact-section .section-subtitle {
  font-size: 0.9rem;
  color: rgba(0,0,0,0.7);
  margin-top: 10px;
}
.section-subtitle {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 10px;
  color: rgba(0,0,0,0.9);
}


.contact-link-lingueo, .contact-link-mailbox {
  display: block;
  height: 100px;
  width: 100%;
  border-radius: 7px;
  background-color: rgba(0,0,0,0.5);
  margin-bottom: 20px;
  color: #FFF;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  border: solid 2px rgba(0,0,0,0.2);
  cursor: pointer;
}
.contact-links {
    width: 30%;
    /*float: left;*/
    padding: 0px 0px 0px 20px;
    box-sizing: border-box;
    display: inline-block;
}
.contact-link-lingueo {
    padding: 70px 0px 0px 0px;
    box-sizing: border-box;
    background-image: url(../images/lingueo-contactbtnbg.svg);
}
.contact-link-mailbox {
  padding: 55px 0px 0px 0px;
  box-sizing: border-box;
  background-image: url(../images/lingueo-mailbtnbg.svg);
}
.opinion-area textarea, .docshare-form textarea, .contact-form textarea {
  height: 80px;
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize: none;
  line-height: 1.4;
}
.contact-form textarea {
  height: 180px;
}
.opinion-area .course-opinion input, .docshare-form input, .contact-form input {
    width: 100%;
    min-height: 30px;
    color: #000;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px 10px;
    box-sizing: border-box;
}
.opinionshare-btn{
  float:left;
  clear:both;
  width:220px;
  margin-top:10px;
  margin-left:100px;
}

.docshare-btn{
  clear:none;
  height:30px;
  margin-top:2px;
  line-height:28px;
  padding-left: 10px;
  margin-left:20px;
}

.docshare-btn img{
  height:20px;
  max-width:400px;
  margin-right:10px;
  vertical-align: text-bottom;
}

.progress-diagram-block{
  width:100%;
  border-radius: 0px;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto 20px auto;
  box-sizing:border-box;
  padding:10px;
  position:relative;
  height: 100px;
  transition: height 1s;
  overflow:hidden;
  background-color:rgba(4,165,218,0.1);
}
.progress-diagram-block.empty-message {
  height:auto;
}

.current-level-copy{
  font-size:0.8rem;
  line-height:1.4;
}

.current-level-copy img{
  display:block;
  height:30px;
  width:30px;
  margin-top:2px;
  margin-right:10px;
  float:left;
}


.progress-diagrams{
  opacity:0;
  height:600px;
  width:100%;
  margin-top:20px;
  transition:opacity 1s;
  position: relative;
}

.display-diagram-btn{
  background-color:rgba(0,0,0,0.6);
  color:#FFF;
  font-size:0.8rem;
  line-height:1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  width:100%;
  position:absolute;
  bottom:0px;
  left:0px;
  margin-top:20px;
  padding:5px;
  box-sizing:border-box;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color 0.2s;
}

.display-diagram-btn:hover{
  background-color:rgba(0,0,0,0.8);
}

.current-diagram img, .progress-diagram img{
  width:736px;
  margin-top:0px;
  margin-bottom:20px;
}

.progress-diagrams .section-subtitle{
  margin-left:30px;
}

.progression-chart, .report-chart {
	width: 590px;
  height: 305px;
  margin-left: 50px;
}
.report-chart{
  background:url(../images/bkg_progress_1.jpg) no-repeat left top #fff !important;
  margin-bottom: 20px;
}
.progression-chart{
  background:url(../images/bkg_progress_2.jpg) no-repeat left top #fff !important;
}

/* Graphs Custom Styles */
.report-chart .flotr-labels .flotr-grid-label:not(:last-child){
  width: 30px !important;
  margin-left: -40px;
  margin-top: -15px;
  text-align: center  !important;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}
.report-chart .flotr-legend{
  left: 5px !important;
  right: 3px !important;
  top: 250px !important;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
}
.report-chart .flotr-legend .flotr-legend-color-box{
  display: none !important;
}
.report-chart .flotr-legend .flotr-legend-label{
  text-align: center !important;
  padding: 5px 0;
  color: #ffffff;
  font-weight: bold;
}
  .report-chart .flotr-legend .flotr-legend-label:nth-child(2){
    background-color: #025d7a;
    width: 118px !important;
  }
  .report-chart .flotr-legend .flotr-legend-label:nth-child(4){
    background-color: #974400;
    width: 116px !important;
  }
  .report-chart .flotr-legend .flotr-legend-label:nth-child(6){
    background-color: #61554d;
    width: 117px !important;
  }
  .report-chart .flotr-legend .flotr-legend-label:nth-child(8){
    background-color: #537f44;
    width: 116px !important;
  }
  .report-chart .flotr-legend .flotr-legend-label:nth-child(10){
    background-color: #822727;
    width: 117px !important;
  }

.nextcourse-section .explanation-copy, .pastcourse-section .explanation-copy{
  float:left;
  width:420px;
  margin-left:20px;
  margin-top:14px;

  /*visibility: hidden;*/
}

.empty-set-message{
  margin-top: 15px;
}

.nextcourses-list, .pastcourses-list{
  background-image: url(../images/lingueo-nextcourseslist-bg.png);
  background-repeat:repeat-y;
  background-position:30px;
  padding-left: 0;
}

.nextcourse-unit, .pastcourse-unit{
  width:100%;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  box-sizing:border-box;
  margin:10px auto 20px auto;
  position:relative;
  overflow:hidden;
}

.pastcourse-unit{
  background-color:#EDEAE7;
}

.nextcourse-firstrow, .pastcourse-firstrow{
  font-size:0.9rem;
  background-color:#FF933B;
  position:absolute;
  box-sizing:border-box;
  top:0px;
  left:0px;
  padding:10px;
  width:100%;
  color:#FFF;
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

.nextcourse-firstrow .course-number, .pastcourse-firstrow .course-number{
  font-weight: 700;
}

.nextcourse-info, .pastcourse-recap{
  margin-top:35px;
  margin-bottom:0px;
  line-height:1.4;
  font-size:0.8rem;
  color:rgba(0,0,0,0.8);
  background-color:#EDEAE7;
  padding:10px 10px 20px 40px;
  width: 90%;
}

.nextcourse-info li{
  margin-top:5px;
}

.pastcourse-recap{
  padding:20px;
  float:left;
  border-bottom:solid 1px rgba(0,0,0,0.2);
  width:95%;
}

.pastcourse-recap .teacher-pic{
  height:64px;
  width:64px;
  float:left;
  position:relative;
  border:2px solid #7B6A5B;;
  border-radius:50%;
  margin-right:10px;
}

a.cancel-button{
  font-weight:700;
  font-size:0.8rem;
  position:absolute;
  bottom:10px;
  right:10px;
  color:rgba(0,0,0,0.5);
  transition: color 0.2s 0s;
}

a.cancel-button:hover{
  color:rgba(0,0,0,0.8);
}

.nextcourses-list .reservation-btn{
  float:none !important;
}

.opinion-area{
  clear:both;
  width:100%;
  padding:20px;
}

.opinion-area .section-subtitle{
  float:left;
}

.opinion-area .user-rating{
  display:block;
  height:17px;
  float:left;
  margin-left:10px;
  cursor:pointer;
}

.opinion-area .course-opinion, .opinion-area .teacher-opinion{
  /*height:120px;*/
  height:auto;
  clear:both;
  margin:10px auto;
}

.opinion-area .teacher-opinion .section-subtitle{
  font-size:0.9rem;
  color:rgba(0,0,0,0.7);
  margin-top:10px;
}

.opinion-area .course-opinion ul, .opinion-area .teacher-opinion textarea{
  list-style:outside none none;
  width: 55%;
  padding:0px;
  height:100%;
  font-size:0.8rem;
  clear:both;
  float:left;
  margin:0px;
}

.opinion-area .course-opinion input, .docshare-form input{
  width: 100%;
  min-height: 30px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  box-sizing: border-box;
}

.opinion-area textarea, .docshare-form textarea{
  height:80px;
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize:none;
  line-height:1.4;
}

.opinion-area .legend{
  float:left;
  height:100%;
  width:280px;
  font-size:0.8rem;
  line-height:1.4;
  box-sizing:border-box;
  padding-top:20px;
  margin-left:10px;
  padding-left:10px;
  border-left:solid 1px rgba(0,0,0,0.3);
  color:rgba(0,0,0,0.5);
}

.opinion-area .teacher-opinion textarea{
  height:100%;
  box-sizing: border-box;
  margin: 0px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize:none;
  line-height:1.4;
}

.opinion-area .notify-teacher{
  float:left;
  margin-top:20px;
  margin-left:20px;
  color:rgba(0,0,0,0.5);
  font-size:0.8rem;
}

.opinion-area input[type=checkbox]{
  margin-right:5px;
}

.opinion-star {
  display: inline-block;
  vertical-align: middle;
  padding-left:15px;
}
.opinion-area .section-subtitle {
  display: inline-block;
  vertical-align: middle;
}
.opinion-star [type="radio"]:not(:checked),
.opinion-star [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}


.opinion-star li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}

.opinion-star label {
  display:block;
  line-height:20px;
  background:url(../images/sprite-star.png)  no-repeat;
  background-position: -36px -5px;
  cursor:pointer;
  width: 21px;
    height: 20px;
}
.opinion-star .note-off label {
  background-position: -5px -5px;
}

.search-field{
  float:left;
  margin-top:00px;
  width: 200px;
  min-height: 34px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;
  border-radius: 7px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  box-sizing: border-box;
  background-image:url(../images/lingueo-magnifier-grey.svg);
  background-repeat:no-repeat;
  background-position: 95% 50%;
  background-size:20px;
}

.docshare-block{
  clear:both;
  width:100%;
  border-radius: 0px;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto 20px auto;
  box-sizing:border-box;
  padding:10px;
  position:relative;
  overflow:hidden;
  background-color:rgba(4,165,218,0.1);
  font-size:0.8rem;
}
  .docshare-block.close{
    display: none;
  }

.docshare-block-left{
  float:left;
  width:260px;
  margin-right:20px;
}

.docshare-droparea{
  height:100px;
  width:100%;
  box-sizing:border-box;
  border:dashed 2px rgba(0,0,0,0.3);
  background-color: rgba(255,255,255,0.3);
  border-radius: 7px;
  position:relative;
  cursor:pointer;
  background-image:url(../images/lingueo-courseicon-file3.svg);
  background-repeat:no-repeat;
  background-position:50% 30%;
  background-size: 40px 40px;
  transition:background-color 0.2s;
}

.docshare-droparea:hover{
  background-color: rgba(255,255,255,0.7);
}

.docshare-droparea p{
  text-align:center;
  width:160px;
  font-size:0.8rem;
  font-weight:700;
  color:rgba(0,0,0,0.7);
  position:absolute;
  bottom:10px;
  left:50%;
  margin-left:-80px;
}

ul.docshare-loadlist{
  list-style-image:url(../images/lingueo-courseicon-file4.svg);
  list-style-position: inside;
  padding:0px;
  margin:10px 0px 0px 0px;
  font-size:0.7rem;
  color:rgba(0,0,0,0.7);
}

.docshare-loadlist li{
  height:20px;
  box-sizing:border-box;
  padding:5px 10px;
}

.docshare-form{
  width:400px;
  float:left;
  list-style:none;
  padding:0px;
  margin:0px;
}

.docshare-form .error-message {
    display: block;
    border-radius: 7px;
    margin-bottom:10px;
    padding: 10px;
    box-sizing: border-box;
    line-height: initial;
    background-color: #FFD5B3;
    font-weight: 500;
}

.docshare-form input{
  font-weight:700;
}

.docshare-form textarea{
  height:100px;
}

.docshare-form .send-btn, .docshare-form .cancel-btn, .contact-form .send-btn {
  float: left;
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width: 100px;
  height: 24px;
  font-size: 0.8rem;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}
.docshare-form .send-btn, .contact-form .send-btn {
    background-color: rgba(255,115,0,1);
    margin-right: 10px;
}

.docshare-form .send-btn:hover{
  background-color: rgba(230, 104, 0, 1);
  border: 2px solid rgba(255,255,255,0.3);
}

.docshare-form .cancel-btn:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.document-list-container-empty{
  font-size: 0.8rem;
  color:#000;
}
.documents-list,
.documents-list ul{
  clear:both;
  width:100%;
  list-style-type:none;
  padding:0px;
}

.documents-list table{
  width:100%;
  cursor:pointer;
  transition:background-color 0.2s;
  box-sizing:border-box;
  border-bottom: solid 1px rgba(0,0,0,0.1);
}

.documents-list table tr{
  height:40px;
}

.documents-list table tr td:first-of-type{
  width:50px;
}

.documents-list li{
  color:rgba(0,0,0,0.8);
  font-size: 0.8rem;
}

.documents-list li[class*="document-list-item"]:nth-of-type(odd){
  background-color:#F0F0F0;
}

.documents-list li[class*="document-list-item"]:nth-of-type(even){
  background-color:#FFFFFF;
}

.documents-list li.document-list-item:hover{
  background-color:rgba(4, 165, 218, 0.3);
  color:rgba(0,0,0,0.9);
}
.documents-list li.document-list-item:hover li{
  background-color:rgba(4, 165, 218, 0);
}

.document-icon{
  height:20px;
  width:20px;
  display:block;
  margin-left:10px;
  background-size:cover;
  background-repeat:no-repeat;
}

.document-icon.new-document{
  background-image:url(../images/lingueo-courseicon-file2.svg);
}

.document-icon.old-document{
  background-image:url(../images/lingueo-courseicon-file3.svg);
}

.doc-title{
  font-weight:700;
  width:380px;
  padding-right: 10px;
}
  .doc-title a{
    color: rgba(0,0,0,0.8);
    font-size: 0.9rem;
    text-transform: capitalize;
  }

.doc-date, .doc-sender{
  font-size:0.8rem;
  color:rgba(0,0,0,0.7);
  width:120px;
}

.docopen-btn{
  float:right;
  margin-right:10px;
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:80px;
  height:24px;
  font-size:0.8rem;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.docopen-btn:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.doc-comments td{
  padding:0px 10px 10px 10px;
  font-size:0.8rem;
  line-height:1.4;
  color:rgba(0,0,0,0.6);
}
.doc-link{
  -webkit-text-overflow: ellipsis;
     -moz-text-overflow: ellipsis;
          text-overflow: ellipsis;
  -webkit-line-clamp: 1;
     -moz-line-clamp: 1;
          line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 320px;
  /*line-height: 1rem;*/
  /*font-size: 0.9rem;*/
}

/* CREATE SESSION */
#header.logged .header-nav{
  right: 0;
  width: 700px;
}
#header.logged .header-nav li a{
  height:40px;
  color:rgba(0,0,0,0.8);
  line-height:60px;
  background-repeat:no-repeat;
  background-position:50% 0%;
  background-size: 16px 16px;
  font-size: 0.8rem;
}

#header.logged .header-nav li a:hover{
  color:rgba(0,0,0,1);
}

#header.logged .header-username{
  position:absolute;
  position: absolute;
  bottom: -5px;
  left: 84px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
}

/* mes formations */
#header.logged li{
  background-repeat: no-repeat;
  background-position: 50% 0%;
}
  #header.logged li a{
    display: inline-block;
    text-align: center;
  }

#header.logged li:nth-child(1){
  background-image:url(../images/lingueo-navicons-coursesoff.png);
  min-width: 155px;
}
  #header.logged li:nth-child(1):hover{
    background-image:url(../images/lingueo-navicons-courses.png);
  }

/* messagerie */
#header.logged li:nth-child(2){
  background-image:url(../images/lingueo-navicons-mailboxoff.png);
  min-width: 121px;
}
  #header.logged li:nth-child(2):hover{
    background-image:url(../images/lingueo-navicons-mailbox.png);
  }


/* mon compte */
#header.logged li:nth-child(3){
  background-image:url(../images/lingueo-navicons-accountoff.png);
  min-width: 128px;
}
  #header.logged li:nth-child(3):hover{
    background-image:url(../images/lingueo-navicons-account.png);
  }

/* ajouter une formation */
#header.logged li:nth-child(4){
  background-image:url(../images/lingueo-navicons-moreoff.png);
  min-width: 188px;
  white-space: nowrap;
}
  #header.logged li:nth-child(4):hover{
    background-image:url(../images/lingueo-navicons-more.png);
  }

#header.logged li.last{
  display: none;
}

#header.logged .signin{
  height:20px;
  line-height:20px;
  font-size:0.7rem;
  padding-right:10px;
  padding-left:10px;
  width:initial;
  display: none;
}

.bold{
  font-weight:700;
}

.resapage a{
  text-decoration:none;
}

.resapage .contain{
  max-width:800px;
}

.resapage{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.resa-copyblock{
  width: 100%;
  border-radius: 0px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  margin: 10px auto 20px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  overflow: hidden;
  background-color: rgba(4, 165, 218, 0.1);
  font-size: 0.8rem;
  line-height:1.4;
}

.resa-copyblock a{
  color:#004657;
  font-weight:700;
}

.resa-copyblock a:hover{
  color:#000000;
}

.resa-copyblock .teacher-pic,
.resa-copyblock .teacher-image{
  height:80px;
  width:80px;
  border-radius:50%;
  float:left;
  box-shadow:0px 0px 0px 2px rgba(0,0,0,0.3);
  margin-right:20px;
}

.resa-interface{
  min-height:100px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin-top:20px !important;
  margin-bottom: 20px !important;
  padding:0px;
  font-size: 0.9rem;
  line-height:1;
  width: 100%;
}

.timeslot-picker h3{
  /*width:330px;*/
  margin-right:auto;
  margin-left:auto;
  font-size:1rem;
  font-weight:700;
  padding:14px 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.timeslot-picker span{
  margin:0px 7px;
}
.slot-left{
  float: left;
}
.slot-right{
  float: right;
}
.timeslot-picker img{
  cursor:pointer;
  margin:0px 10px;
  opacity:0.4;
  transition:opacity 0.2s;
}

.timeslot-picker img:hover{
  opacity:0.8;
}

.duration-picker{
  box-sizing: border-box;
  font-size: 0.9rem;
  background-color: rgba(153, 134, 117, 0.2);
  min-height: 40px;
  line-height: 20px;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  font-weight:700;
}

.duration-content{
  margin-left:auto;
  margin-right:auto;
  width:388px;
}

.duration-content span{
  float:left;
  line-height:30px;
}

.duration-content ul{
  list-style:none;
  float:left;
  margin:0;
  padding:0;
}

.duration-content button{
  border:0;
  margin-left:15px;
  border-radius:5px;
  box-sizing:border-box;
  height:30px;
  width:60px;
  text-align:center;
  line-height:30px;
  background-color: rgba(255,255,255,0.5);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
  cursor:pointer;
  transition:box-shadow 0.2s, background-color 0.2s;
}

.duration-content button.selected{
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.duration-content button:hover{
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.duration-content button.selected:hover{
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.7);
}

.timeslot-picker{
  font-size:0.9rem;
}
.one-third:nth-of-type(1){
  border-right:2px solid rgba(0, 0, 0, 0.1);
}
.one-third:nth-of-type(2){
  border-right:2px solid rgba(0, 0, 0, 0.1);
}
.list-slots .one-third:nth-of-type(1){
  border-right:4px solid rgba(0, 0, 0, 0.4);
}
.list-slots .one-third:nth-of-type(2){
  border-right:4px solid rgba(0, 0, 0, 0.4);
}

.one-third .list-header{
  height:40px;
  line-height:40px;
  font-weight:700;
  display: inline-block;
  width: 100%;
  margin: 0;

  border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.one-third .list-header.list-header-matin{
  width: 269px;
}

.slots-list{
  list-style:none;
  padding:0;
  margin:0;
  text-align:right;
  font-size:12px;
}
span.not-available{
  padding-top: 10px;
  font-style: italic;
  display: inline-block;
}
.slots-list li{
  padding:0 15px;
  height:30px;
  line-height:30px;
  box-sizing:border-box;
  /*padding-right:60px;*/
  cursor:pointer;
  transition:background-color 0.2s;
}

.slots-list li input{
  margin-left: 6px;
  cursor:pointer;
}

.slots-list li:nth-of-type(even){
  background-color:#FFFFFF;
}

.slots-list li:nth-of-type(odd){
  background-color: #F0F0F0;
}

.slots-list li:hover, .slots-list li.picked{
  background-color:rgba(4, 165, 218, 0.3);
}

.slots-list li.picked{
  font-weight:700;
}

.slots-list li:last-of-type{
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

.reservation_click{
  /*font-weight: 700;
  text-decoration: underline;*/
  display: block;
}




.one-third .slot-selected{
  background-color: rgba(4, 165, 218, 0.3) !important;
}
.selec-recap{
  padding:20px;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.selec-recap .recap-title{
  font-weight:700;
  font-size:1rem;
  margin-left:10px;
  float:left;
}

.selec-recap .hours-counter{
  font-weight:700;
  font-size:1rem;
  float:right;
  color:rgba(0,0,0,0.7);
  margin-right:10px;
}
.selec-recap .hours-counter-end{
  color : rgba(255,115,0,0.7) !important;
}

.recap-list{
  clear:both;
  list-style:none;
  padding:0;
  margin:10px 0px;
}

.recap-list div{
  height:30px;
  line-height:30px;
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
  transition:background-color 0.2s;
  position:relative;
  padding-left:10px;
}

.recap-list div:nth-of-type(even){
  background-color:#FFFFFF;
}

.recap-list div:nth-of-type(odd){
  background-color: #F0F0F0;
}

.recap-list div:hover{
  background-color:rgba(4, 165, 218, 0.3);
}

.recap-list div img{
  height:10px;
  width:10px;
  position:absolute;
  right:10px;
  top:10px;
  cursor:pointer;
}

.recap-list .slot-right{
  float: right;
  margin-right: 15px;
  background-image:url(../images/lingueo-closeicon.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 10px 50%;
  width: 50px;

}
  .recap-list .slot-right a{
    width: 50px;
    display: inline-block;
  }

.warning-message{
  font-size:0.8rem;
  color:#000;
  border-radius:7px;
  background-color:#FFD5B3;
  box-sizing:border-box;
  padding:10px 10px 10px 50px;
  background-image:url(../images/lingueo-warningicon.svg);
  background-repeat:no-repeat;
  background-size:30px;
  background-position:10px 50%;
}

input.validation-btn{
  clear: both;
  display: block;
  margin: 20px auto 0px;
  font-size: 0.9rem;
  color: #FFF;
  border-radius: 7px;
  width: 220px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #FF7300 !important;
  border: 2px solid #FF7300;
  transition: border-color 0.3s ease 0s;
}

input.validation-btn:hover{
  background-color: rgba(230, 104, 0, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}


.timeslot-picker .button-grey{
  border: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.timeslot-picker{
  text-align: center;
}

.timeslot-picker button img{
  cursor: pointer;
  margin: 0px 10px;
  opacity: 0.4;
  transition: opacity 0.2s;
}
.timeslot-picker{
  display: inline-block;
  width: 100%;
}
.list-slots{
  display:flex;
}
.list-slots.recap-list{
  display:initial;
}
.one-third {
  width: 33.3333333%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 0;
  box-sizing: border-box;
  align-items: stretch;
}


#contigus_message,
#check_class_min,
#not_enough_slots{
  font-size: 0.8rem;
  color: #000;
  border-radius: 7px;
  background-color: #FFD5B3;
  box-sizing: border-box;
  padding: 10px 10px 10px 50px;
  background-image: url(../images/lingueo-warningicon.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px 50%;
  margin-bottom: 5px;
}

/* MY ACCOUNT */
/*#header.logged .header-nav li a{
  height:40px;
  color:rgba(0,0,0,0.8);
  line-height:1;
  background-repeat:no-repeat;
  background-position:50% 0%;
  background-size: 16px 16px;
}*/

#header.logged .header-nav li a:hover{
  color:rgba(0,0,0,1);
}

#header.logged .header-username{
  position:absolute;
  position: absolute;
  bottom: -5px;
  left: 84px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
}

/*.header-nav .nav-courses{
  background-image:url(../images/lingueo-navicons-coursesoff.png);
}

.header-nav .nav-courses:hover{
  background-image:url(../images/lingueo-navicons-courses.png);
}

.header-nav .nav-mailbox{
  background-image:url(../images/lingueo-navicons-mailboxoff.png);
}

.header-nav .nav-mailbox:hover{
  background-image:url(../images/lingueo-navicons-mailbox.png);
}

.header-nav .nav-account{
  background-image:url(../images/lingueo-navicons-accountoff.png);
}

.header-nav .nav-account:hover{
  background-image:url(../images/lingueo-navicons-account.png);
}

.header-nav .nav-more{
  background-image:url(../images/lingueo-navicons-moreoff.png);
}

.header-nav .nav-more:hover{
  background-image:url(../images/lingueo-navicons-more.png);
}*/

#header.logged .signin{
  height:20px;
  line-height:20px;
  font-size:0.7rem;
  padding-right:10px;
  padding-left:10px;
  width:initial;
}

.bold{
  font-weight:700;
}
.class-dashboard .top-section{
  padding:20px;
}
.class-sales,
.class-dashboard{
  background: url("../images/lingueo-cam-bg03.svg") repeat top left #F1F1F1;
  background-size: 24px auto;
  /*padding-bottom: 20px;*/
}
  .class-sales > .col-main,
  .class-dashboard > .col-main{
    background-color: transparent;
  }
      .class-sales .contain .col-main,
    .class-dashboard .contain .col-main{
      width: 100%;
    }
      .class-sales .contain .col-main .main-content-block{
        width: 840px;
      }

#my-orders-table{
  margin-left: 0 !important;
}

.myaccountpage{
  padding-top: 20px;
}
.myaccountpage.infos{
  padding-bottom: 20px;
}
.myaccountpage a{
  color: #2da1d8;
}

.col2-right-layout .col-main{
  width: 70%;
  float: left;
}
.col2-right-layout .col-right{
  width: 25%;
}

.account-wrapper{
  max-width: 1200px;
  margin: auto;
  box-sizing: border-box;
}

.myaccountpage a{
  text-decoration:none;
}

.myaccountpage .page-title{
  font-size: 2.1rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition:color 0.2s 0s;
  display:block;
  text-align: left;
  padding-bottom: 5px;
}

.main.class-sales{
  display: table;
  width: 100%;

}
  .class-sales .col-main{
    width: 840px;

  }
  .class-dashboard .col-main{
    /*width: 100%;*/
  }
  .main.class-sales .buttons-set{
    display: none;
  }


.col-right.sidebar.class-sales,
.col-right.sidebar.class-dashboard{
  margin-top: 109px;
}
  .col-right.sidebar.class-sales .block.block-account,
  .col-right.sidebar.class-dashboard .block.block-account{
    border-radius: 7px;
    background-color: rgba(255,255,255,0.7);
    overflow: hidden;
    /*margin-bottom: 20px;*/
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
    min-height: 60px;
    width: 300px;
  }

.customer-report-registration .class-dashboard .col-main {
  display: block;
  margin: 0 auto;
}
.customer-report-registration .col-right.sidebar.class-dashboard {
  width: 840px;
  float: none;
  margin: 0 auto;
  display: block !important;
  position: relative !important;
  top: 0;
  left: 0;
}
.class-sales .pager,
.class-dashboard .pager{
  height: 50px;
}
  .class-sales .pager .amount{
    width: 35%;
    vertical-align: top;
    padding-top: 5px;
  }
  .class-sales .pager .limiter,
  .class-sales .pager .pages{
    width: 30%;
    vertical-align: top;
    padding-top: 5px;
  }





/* .col-main, .col-right{ */
.col-right{
  margin-top:10px;
}



.col-right{
  width:25%;
  float:right;
}
@media(max-width:1200px){
.col-right.sidebar.class-sales,
.col-right.sidebar.class-dashboard{
  width: auto;
  float: none !important;
  position: absolute;
  top:75px;
  left:35px;
}
  .class-sales .col-main .col-main{
    margin-top: 380px;
  }
  .class-dashboard .col-main .page-title+.col-main{
    margin-top: 230px;
  }
  .my-account .myaccountpage .col-main{
    margin-top:265px;
  }
  .my-account{
    padding-bottom: 0px
  }
  .col-right.sidebar.class-dashboard{
    margin-top:50px;
  }
}


@media(max-width:500px){
  .col-right.sidebar.class-sales,
  .col-right.sidebar.class-dashboard{
    top:28px;
  }
  .class-sales .contain .col-main .main-content-block{
    width:100%;
  }
  .class-sales .contain .col-main .main-content-block td{
    padding:0px;
  }
  .myaccountpage .page-title{
    font-size: 1.5rem
  }
  .col-right.sidebar.class-sales, .col-right.sidebar.class-dashboard{
    width:94%;
    left:15px;
  }
  .col-right.sidebar.class-dashboard .block.block-account{
    width:100%;
  }
  .class-dashboard .contain .col-main .main-content-block{
    width:91% !important;
  }
  .data-table.order-history-table.order-history-table-dashboard td{
    padding:2px;
  }
}


@media(min-width:1201px){
  .class-sales .col-main,
  .class-dashboard .col-main{
    /*display: table-cell;*/
    vertical-align: top;
  }
  .col-right.sidebar.class-sales,
  .col-right.sidebar.class-dashboard{
    /*display: table-cell;*/
    vertical-align: top;
    /*width: 100%;*/

  }
}

.main-content-block{
  border-radius:7px;
  background-color:rgba(255,255,255,0.7);
  overflow:hidden;
  margin-bottom:20px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height:60px;
}
.account-navigation{
  border-radius:7px;
  background-color:rgba(255,255,255,0.7);
  overflow:hidden;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height:60px;
  margin-bottom: 0;
}

.main-content-block.user-address{
  padding: 20px;
  width: 800px;
}

.order-history-table{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  background-color:rgba(255,255,255,0.7);
  position:relative;
  font-size:0.8rem;
}
.order-history-table-dashboard{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  margin-top: 15px;
  border-radius: 7px;
  background-color: rgba(255,255,255,0.7);
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height: 60px;
  position:relative;
  font-size:0.8rem;
}

.table-border{
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%!important;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  z-index:-1;
}

.order-history-table .table-header{
  font-weight:700;
  font-size:0.8rem;
  background-color:rgba(153,134,117,0.2);
}

.order-history-table td:last-of-type{
  border-right:none;
}

.order-history-table td{
  border-right:solid 1px rgba(0,0,0,0.3);
  border-bottom:solid 1px rgba(0,0,0,0.3);
  text-align:center;
  box-sizing:border-box;
  padding:10px;
}

.order-history-table td.order-actions{
  padding:10px;
  width:230px;
}

.table-header td{
  padding:10px;
}

tr.order-row{
  min-height:80px;
}

.order-row-name{
  font-weight:700;
  color:#000000;
}

.order-row-info{
  font-weight:500;
  margin-top: 2px;
  font-size:0.8rem;
}

.order-total{
  font-size:0.8rem;
}

.display-btn{
  margin-right:10px;
}
.referral-button.display-btn{
  margin-top: 10px;
}

.order-history-table .renew-btn,
.order-history-table .display-btn{
  float:left;
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:100px;
  height:24px;
  font-size:0.8rem;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}
.button.display-btn{
  float:left;
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  font-size:0.8rem;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.order-history-table .renew-btn:hover, .order-history-table .display-btn:hover, .order-detail .renew-btn:hover, .order-detail .print-btn:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.account-navigation .nav-header{
  font-size: 1.1rem;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  padding:10px;
  text-align:center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  background-color: #998675;
  box-sizing: border-box;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  }

.account-navlist{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align: left;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 2.5;
  color: #3D3D3D;
  background-color: #EDEAE7;
  clear: both;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.account-navlist li{
  padding-left:20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  cursor:pointer;
}

.account-navlist li:hover,
.account-navlist li.active,
.account-navlist li.current{
  font-weight: 700;
  background-color: #FFF;
}

/* Order details */
.order-reference{
  text-transform: uppercase;
  font-weight: 700;
  color:rgba(0,0,0,0.7);
  font-size:0.9rem;
  margin-left:10px;
}


.order-detail,
.welcome-dashboard,
.user-details,
.address-book,
.wallet-dashboard,
.reward-points{
  padding:20px;
  font-size:0.9rem;
  position:relative;
  width: 800px;
  margin: auto;
}
.welcome-dashboard .group-select{
  clear: both;
  margin-right: auto;
  margin-left: auto;
  border-collapse: separate;
  margin-top: 15px;
  border-radius: 7px;
  background-color: rgba(255,255,255,0.7);
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height: 60px;
  position: relative;
  font-size: 0.8rem;
}

.welcome-dashboard #hours-earned h2{
  margin-top: 0;
}

.welcome-dashboard h2{
  margin-bottom: 0;
  margin-top: 30px;
}
  .welcome-dashboard .fieldset h2{
    margin-top: 0;
  }
.user-details label{
  color:#000;
}
.user-details .buttons-set{
  display: initial !important;
}

.order-detail .detail-section{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:solid 1px rgba(0,0,0,0.2);
}

.order-detail-title{
  font-weight:700;
  margin-bottom:10px;
}

.order-detail .order-state{
  width:60%;
}

.order-detail .renew-btn, .order-detail .print-btn{
  float:left;
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:100px;
  height:24px;
  font-size:0.8rem;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.order-detail .renew-btn{
  margin-right:10px;
}

.action-buttons{
  float:right;
}

.billing-address img{
  height:12px;
  float: left;
}

.shopping-cart-table{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  background-color:rgba(255,255,255,0.7);
  position:relative;
  z-index:1;
  font-size:0.8rem;
  /*margin-left: 0 !important;*/
}

@media(max-width:768px){
  table.shopping-cart-table tr td{
    display:block;
  }
  table.shopping-cart-table tr:first-child td:last-of-type{
    display:none;
  }
  .product-row-name{
    text-align: center;
  }
}

.table-border{
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%!important;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  z-index:-1;
}

.shopping-cart-table .table-header{
  font-weight:700;
  font-size:0.8rem;
  background-color:rgba(153,134,117,0.2);
}

.shopping-cart-table .subtotal{
  font-weight:500;
  font-size:0.8rem;
}

/*.shopping-cart-table tr:first-of-type td:first-of-type{
  border-radius:7px 0px 0px 0px;
}

.shopping-cart-table tr:first-of-type td:last-of-type{
  border-radius:0px 7px 0px 0px;
}

.shopping-cart-table tr:last-of-type td:first-of-type{
  border-radius:0px 0px 0px 7px;
  text-align:left;
}

.shopping-cart-table tr:last-of-type td:last-of-type{
  border-radius:0px 0px 7px 0px;
  text-align:right;
}*/




.shopping-cart-table td:last-of-type{
  border-right:none;
  padding:10px;
}

/*.shopping-cart-table td{
  border-right:solid 1px rgba(0,0,0,0.3) !important;
  border-bottom:solid 1px rgba(0,0,0,0.3) !important;
  text-align:center !important;
  box-sizing:border-box !important;
  padding:20px !important;
  color:#000  !important;
}*/

.table-header td{
  padding:10px;
}

tr.product-row{
  min-height:80px;
}

tr.product-row td:first-of-type{
  text-align:left;
}

.product-row-name{
  font-weight:700;
  color:#000000;
}

.product-row-info{
  font-weight:500;
  margin-top: 2px;
  font-size:0.8rem;
}

.unit-price{
  font-size:0.8rem;
}

.cart-total-table{
  width:100%;
  margin-top:20px;
}

.cart-total-table tr{
  height:30px;
}

.cart-total-table tr:nth-of-type(odd){
  /*background-color:rgba(153, 134, 117, 0.07);*/
}

.cart-total-table .subtotal, .cart-total-table .notaxes{
  font-size:0.9rem;
}

.cart-total-table .taxes{
  font-size:0.8rem;
}

.cart-total-table .withtaxes{
  font-weight:700;
  font-size:1.2rem;
  height:40px;
}

/*.cart-total-table td:first-of-type{
  text-align:left;
  padding-left:20px;
}

.cart-total-table td:last-of-type{
  text-align:right;
  padding-right:20px;
}

.cart-total-table tr:nth-of-type(1), .cart-total-table tr:nth-of-type(2), .cart-total-table tr:nth-of-type(3){
  color:rgba(0,0,0,0.7);
}*/

.shopping-cart-table td{
  /*border-right:solid 1px rgba(0,0,0,0.3) !important;*/
  border-bottom:solid 1px rgba(0,0,0,0.3) !important;
  text-align:center !important;
  box-sizing:border-box !important;
  padding:20px !important;
  color:#000  !important;
}

.list-notifications-system{
  list-style-type: none;
}
  .list-notifications-system li{
    margin: 15px 0px;
  }
  .list-notifications-system li .big-radio-label{
    font-weight: bold;
    margin-right: 5px;
  }

/* Teachers */
.mycoursespage a{
  text-decoration: none;
}

.mycoursespage .contain{
  max-width:800px;
}

.mycoursespage{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.mycourses-subnav{
  clear:both;
  height:35px;
  margin-bottom:10px;
}

.mycourses-subnav a{
  float:left;
  text-transform: uppercase;
  font-weight: 700;
  margin-right:50px;
  text-decoration: none;
  transition:color 0.2s 0s;
}

.mycourses-subnav a:hover{
  color: #3D3D3D;
}

a.mycourses-current{
  font-size: 1.8rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

a.mycourses-secondary{
  font-size: 0.8rem;
  color: rgba(0,0,0,0.5);
  margin-top:14px;
}

a img.plus-icon{
  height:10px;
  width:10px;
  opacity:0.5;
  margin-right:5px;
}

.courses-list{
  clear:both;
  font-size:0.8rem;
  line-height:1.4;
}

.courses-list a{
  font-weight:700;
  text-decoration:none;
  opacity:0.8;
}

.courses-list a:hover{
  opacity:1;
}

.courses-list a:nth-of-type(odd){
  color:#3D3D3D;
}

.courses-list a:nth-of-type(even){
  color:#7B6A5B;
}

.courseblock-open{
  min-height:100px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:20px auto 20px auto;
  padding:20px;
  font-size: 0.9rem;
  line-height:1;
}

.courseblock-top{
  position:relative;
  min-height:20px;

  width: 100%;
    display: inline-block;
}

.courseblock-open .leftside{
  float:left;
  width:60%;
  color:rgba(0,0,0,0.9);
  height:100%;
}

.courseblock-open .course-title{
  font-weight:700;
  font-size:1.4rem;
}

.courseblock-open .teacher-name{
  font-size:1rem;
  font-weight:500;
  margin:8px auto 8px auto;
}

.courseblock-open .teacher-name a{
  font-size:1.1rem;
  font-weight:700;
  color:rgba(0,0,0,0.9);
}

.courseblock-open .explanation-copy{
  font-size:0.8rem;
  font-weight:500;
  color:rgba(0,0,0,0.8);
  margin:10px auto 10px auto;
  line-height:1.2;

  /*visibility: hidden;*/
}

.courseblock-open .rightside{
  float:right;
  height:100%;
}

.courseblock-open .teacher-button{
  height:100px;
  width:100px;
  margin-left:0px;
  background-color:rgba(0,0,0,0.3);
  float:right;
  box-sizing:border-box;
  border-radius: 50%;
  border:solid 2px #7B6A5B;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  translate:transform 0.2s 0s;
}

.courseblock-open .teacher-button:hover{
  transform:scale(1.05,1.05);
}

.courseblock-open .call-overlay{
  background-image:url(../images/lingueo-callbtn.svg);
  height:100%;
  width:100%;
  z-index:2;
  position:absolute;
  opacity:0;
  animation: btnflash 3s infinite ease-in-out;
}

@keyframes btnflash {
    0% {
        opacity:0.3;
        animation-timing-function: ease-in;
    }
    45% {
        opacity:1;
    }

    55% {
        opacity:1;
    }

    100% {
        opacity:0.3;
    }
}

.courseblock-open .teacher-pic{
  height:100px;
  width:100px;
  z-index:1;
  position:absolute;
}

.courseblock-open .icons-holder{
  position:relative;
  height:100%;
  width:80px;
  float:left;
}

.courseblock-open .icons-holder .icon{
  display:block;
  width:50px;
  height:40px;
  position:absolute;
  cursor:pointer;
  translate:transform 0.2s 0s;
}

.icon .number{
  display:block;
  height:14px;
  width:14px;
  position:absolute;
  top:2px;
  left:2px;
  border-radius: 50%;
  color:#FFF;
  font-weight:700;
  font-size:0.5rem;
  background-color:#000;
  text-align:center;
  line-height:14px;
}

.courseblock-open .icons-holder .icon:hover{
  transform:scale(1.1,1.1);
}

.courseblock-open .icons-holder .icon:nth-of-type(1){
  top:0px;
  right:0px;
  background-image:url(../images/lingueo-courseicon-mail.svg);
}

.courseblock-open .icons-holder .icon:nth-of-type(2){
  top:50%;
  left:0px;
  margin-top:-20px;
  background-image:url(../images/lingueo-courseicon-report.svg);
}

.courseblock-open .icons-holder .icon:nth-of-type(3){
  bottom:0px;
  right:0px;
  background-image:url(../images/lingueo-courseicon-file.svg);
}
/*
.courseblock-subnav a{
  font-size:0.9rem;
  margin-right:30px;
  text-transform: uppercase;
  float:left;
  color:rgba(0,0,0,0.4);
  font-weight:700;
  transition:color 0.2s 0s, opacity 0.2s 0s;
}

.courseblock-subnav a:hover{
  color:rgba(0,0,0,0.7);
}

.courseblock-subnav a.current{
  color:rgba(0,0,0,0.9);
}

.courseblock-subnav a.settings-button{
  display:block;
  background-image:url(../images/lingueo-settingsicon.svg);
  background-size:contain;
  background-repeat:no-repeat;
  height:20px;
  width:20px;
  margin-top:-4px;
  opacity:0.4;
}

.courseblock-subnav a.settings-button:hover{
  opacity:0.8;
}*/

.section-subtitle{
  font-weight:700;
  font-size:1rem;
  margin-bottom:10px;
  color:rgba(0,0,0,0.9);
}

.slots-btn{
  margin-top:10px;
  margin-bottom:10px;
  padding:0px 20px;
  display: inline-block;
  font-size: 0.8rem;
  color: #FFF;
  max-width:300px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}
.slots-btn:hover{
  background-color: rgba(3, 124, 163, 1);
  border:solid 2px rgba(255,255,255,0.5);
}

.reservation-btn, .opinionshare-btn{
  float:left;
  margin-top:10px;
  padding:0px 20px;
  clear: both;
  display: block;
  font-size: 0.8rem;
  color: #FFF;
  max-width:300px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.reservation-btn:hover, .opinionshare-btn:hover{
  background-color: rgba(3, 124, 163, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.opinionshare-btn{
  float:none;
  clear:both;
  width:220px;
  margin-top:10px;
  margin-left:100px;
}

#progress-diagram-block{
  width:100%;
  border-radius: 0px;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto 20px auto;
  box-sizing:border-box;
  padding:10px;
  padding-bottom:30px;
  position:relative;
  height:100px;
  transition: height 1s;
  overflow:hidden;
  background-color:rgba(4,165,218,0.1);
}

.current-level-copy{
  font-size:0.8rem;
  line-height:1.4;
}

.current-level-copy img{
  display:block;
  height:30px;
  width:30px;
  margin-top:2px;
  margin-right:10px;
  float:left;
}


#progress-diagrams{
  opacity:0;
  height:600px;
  background-color:rgba(0,0,0,0.3);
  width:100%;
  margin-top:10px;
  transition:opacity 1s;
}

.display-diagram-btn{
  background-color:rgba(0,0,0,0.4);
  color:#FFF;
  font-size:0.8rem;
  line-height:1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  width:100%;
  position:absolute;
  bottom:0px;
  left:0px;
  margin-top:20px;
  padding:5px;
  box-sizing:border-box;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  cursor:pointer;
}

.nextcourses-list, .pastcourses-list{
  background-image: url(../images/lingueo-nextcourseslist-bg.png);
  background-repeat:repeat-y;
  background-position:30px;
}

.nextcourse-unit, .pastcourse-unit{
  width:100%;
  box-shadow: 0px 0px 0px 2px rgba(220, 220, 220, 1);
  border-radius: 7px;
  box-sizing:border-box;
  margin:10px auto 20px auto;
  position:relative;
  overflow:hidden;
  background-color:#EDEAE7;
}

.pastcourse-unit{
  background-color:#EDEAE7;
}

.nextcourse-firstrow, .pastcourse-firstrow{
  font-size:0.9rem;
  background-color:#FF933B;
  position:absolute;
  box-sizing:border-box;
  top:0px;
  left:0px;
  padding:10px;
  width:100%;
  color:#FFF;
  text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}


.nextcourse-firstrow.cancelled {
  background-color:#707070;
}

.nextcourse-firstrow .course-number, .pastcourse-firstrow .course-number{
  font-weight: 700;
}

.nextcourse-info, .pastcourse-recap{
  margin-top:35px;
  margin-bottom:0px;
  line-height:1.4;
  font-size:0.8rem;
  color:rgba(0,0,0,0.8);
  background-color:#EDEAE7;
  padding:10px 10px 20px 40px;
}

.nextcourse-info li{
  margin-top:5px;
}

.pastcourse-recap{
  padding:20px;
  float:left;
  border-bottom:solid 1px rgba(0,0,0,0.2);
}

.pastcourse-recap .teacher-pic{
  height:64px;
  width:64px;
  float:left;
  position:relative;
  border:2px solid #7B6A5B;;
  border-radius:50%;
  margin-right:10px;
}

a.cancel-button{
  font-weight:700;
  font-size:0.8rem;
  position:absolute;
  bottom:10px;
  right:10px;
  color:rgba(0,0,0,0.5);
  transition: color 0.2s 0s;
}

a.cancel-button:hover{
  color:rgba(0,0,0,0.8);
}

.nextcourses-list .reservation-btn{
  float:none !important;
}



.courseblock-closed{
  height:46px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:20px auto 20px auto;
  padding:10px;
  box-sizing:border-box;
  cursor:pointer;
  transition:box-shadow 0.2s 0s;
}

.courseblock-closed:hover{
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.courseblock-closed .magnifier-icon{
  height:24px;
  float:left;
}

.courseblock-closed .course-title{
  line-height:24px;
  font-size:1.4rem;
  font-weight:700;
  float:left;
  margin-left:20px;
}

.closedcourse-icons{
  width:100px;
  float:right;
}

.closedcourse-icons .icon{
  display:block;
  height:24px;
  width:24px;
  margin-left:8px;
  float:left;
}

.closedcourse-icons .icon-on:nth-of-type(1){
  background-image:url(../images/lingueo-courseicon-mail2.svg);
}

.closedcourse-icons .icon-on:nth-of-type(2){
  background-image:url(../images/lingueo-courseicon-report2.svg);
}

.closedcourse-icons .icon-on:nth-of-type(3){
  background-image:url(../images/lingueo-courseicon-file2.svg);
}

.closedcourse-icons .icon-off:nth-of-type(1){
  background-image:url(../images/lingueo-courseicon-mail3.svg);
}

.closedcourse-icons .icon-off:nth-of-type(2){
  background-image:url(../images/lingueo-courseicon-report3.svg);
}

.closedcourse-icons .icon-off:nth-of-type(3){
  background-image:url(../images/lingueo-courseicon-file3.svg);
}

.pastcourse-closed{
  font-size: 0.9rem;
  background-color: #FF933B;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  cursor:pointer;
  transition:background-color 0.2s 0s;
}

.pastcourse-closed:hover{
  background-color:rgba(230, 104, 0, 1);
}

.pastcourse-closed .course-number{
  font-weight:700;
}

.manager-title{
  text-transform: uppercase;
  font-weight: 700;
  margin-right:50px;
  margin-bottom:10px;
  text-decoration: none;
  transition:color 0.2s 0s;
  font-size: 1.8rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3)
}

.manager-block{
  /*min-height:100px;*/
  height:265px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:10px auto 20px auto;
  padding:20px;
  font-size: 0.9rem;
  line-height:1;
  color:rgba(0,0,0,0.9);
}

.manager-block .panel-half{
  width:50%;
  box-sizing:border-box;
  padding:0px 5px;
  float:left;
  text-align:center;
  height: 250px;
}
.manager-block .report-graph{
  border: solid 2px rgba(0,0,0,0.2);
  height: 200px;
  border-radius: 7px;
}
.manager-block .report-graph .flotr-canvas {
  width: 340px!important;
  height: 164px!important;
}
.manager-block .report-graph-text{
  display:block;
  background-color: rgba(0, 0, 0, 0.4);

  font-size: 0.8rem;
  border-radius:7px;
  line-height: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  width: 220px;
  /*margin-top: 20px;*/
  padding: 5px 10px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, border 0.2s ease 0s;
  margin:10px auto 0px auto;
}
  .manager-block .report-graph-text a{
    color: #FFF;
  }

.panel-half .diagram-title,
.panel-half .report-graph-caption{
  font-weight:700;
  margin-bottom: 20px;
}

.panel-half .manager-diagram{
  display:block;
  height:160px;
  width:100%;
  border-radius: 7px;
  background-color:#FFF;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto;
}

.panel-half .diagram-detail-link{
  display:block;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  font-size: 0.8rem;
  border-radius:7px;
  line-height: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  width: 220px;
  margin-top: 20px;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, border 0.2s ease 0s;
  margin:10px auto 0px auto;
}

.panel-half .diagram-detail-link:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.manager-title{
  text-transform: uppercase;
  font-weight: 700;
  margin-right:50px;
  margin-bottom:10px;
  text-decoration: none;
  transition:color 0.2s 0s;
  font-size: 1.8rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3)
}

.manager-block, .manager-table-block{
  min-height:100px;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  margin:10px auto 20px auto;
  padding:20px;
  font-size: 0.9rem;
  line-height:1;
  color:rgba(0,0,0,0.9);
}

.manager-table-block{
  padding:0px;
  overflow:hidden;
  clear:both;
}

.manager-block .panel-half{
  width:50%;
  box-sizing:border-box;
  padding:0px 10px;
  float:left;
  text-align:center;
}

.panel-half .diagram-title{
  font-weight:700;
}

.panel-half .manager-diagram{
  display:block;
  height:160px;
  width:100%;
  border-radius: 7px;
  background-color:#FFF;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto;
}

.panel-half .diagram-detail-link{
  display:block;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  font-size: 0.8rem;
  border-radius:7px;
  line-height: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  width: 220px;
  margin-top: 20px;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, border 0.2s ease 0s;
  margin:10px auto 0px auto;
}

.panel-half .diagram-detail-link:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.manager-panel .tables-links{
  clear:both;
  margin-top:10px;
  margin-bottom:20px;
}

.manager-panel a.table-title{
  text-transform: uppercase;
  font-weight: 700;
  margin-right:20px;
  text-decoration: none;
  transition:color 0.2s 0s;
  color: rgba(0,0,0,0.5);
  font-size: 0.9rem;
  color: rgba(0,0,0,0.5);
}

.manager-panel a.table-title.current, .manager-panel a.table-title:hover{
  color: rgba(0,0,0,0.8);
}

.manager-table{
  clear:both;
  width:100%;
  margin-right:auto;
  margin-left:auto;
  border-collapse:separate;
  background-color:rgba(255,255,255,0.7);
  position:relative;
  z-index:21;
  font-size:0.8rem;
}

.table-border{
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 7px;
  width: 100%;
  height: 100%!important;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
  z-index:-1;
}

.manager-table .table-header{
  font-weight:700;
  font-size:0.8rem;
  background-color:rgba(153,134,117,0.2);
}

.manager-table td:last-of-type{
  border-right:none;
}

.manager-table td{
  border-right:solid 1px rgba(0,0,0,0.3);
  border-bottom:solid 1px rgba(0,0,0,0.3);
  text-align:center;
  box-sizing:border-box;
  padding:10px;
}

.manager-table td.skill-level{
  padding:10px;
  width:230px;
}

.table-header td{
  padding:10px;
}

tr.student-row{
  min-height:80px;
}

.student-row-name{
  font-weight:700;
  color:#000000;
}

.student-row-info{
  font-weight:500;
  margin-top: 2px;
  font-size:0.8rem;
}

.language{
  font-size:0.8rem;
}

.table-actions{
  height:40px;
}

.table-actions .scalable-buttons{
  display: inline-block;
  vertical-align: middle;
}

.table-actions a,
.table-actions button{
  float:left;
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  margin-right:10px;
  height:24px;
  font-size:0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.table-actions a:first-of-type{
  margin-right:30px;
}

.table-actions a:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.table-actions .export-action{
  float:left;
  font-size:0.9rem;
  margin-top:-2px;
}

.export-action select{
  width: 60px;
  height: 28px;
  color: #000;
  margin-bottom: 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px;
  box-sizing: border-box;
  font-weight:500;
  margin-right:10px;
  margin-left:10px;
}

/* Inbox */
.class-dashboard-inbox .col-main{
  width: 100%;
}
  .class-dashboard-inbox .col-main .contain{
    position: relative;
    margin: auto;
  }

/* Timezone */
.class-dashboard-timezone{
  /*background: url('../images/bkg-timezone.png') no-repeat center transparent;
  background-size: cover;*/
}

/*#header.logged .header-nav li a{
  height:40px;
  color:rgba(0,0,0,0.8);
  line-height:1;
  background-repeat:no-repeat;
  background-position:50% 0%;
  background-size: 16px 16px;
}*/

#header.logged .header-nav li a:hover{
  color:rgba(0,0,0,1);
}

#header.logged .header-username{
  position:absolute;
  bottom: -5px;
  left: 84px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
}

.header-nav .nav-courses{
  background-image:url(../images/lingueo-navicons-coursesoff.png);
}

.header-nav .nav-courses:hover{
  background-image:url(../images/lingueo-navicons-courses.png);
}

.header-nav .nav-mailbox{
  background-image:url(../images/lingueo-navicons-mailboxoff.png);
}

.header-nav .nav-mailbox:hover{
  background-image:url(../images/lingueo-navicons-mailbox.png);
}

.header-nav .nav-account{
  background-image:url(../images/lingueo-navicons-accountoff.png);
}

.header-nav .nav-account:hover{
  background-image:url(../images/lingueo-navicons-account.png);
}

.header-nav .nav-more{
  background-image:url(../images/lingueo-navicons-moreoff.png);
}

.header-nav .nav-more:hover{
  background-image:url(../images/lingueo-navicons-more.png);
}

#header.logged .signin{
  height:20px;
  line-height:20px;
  font-size:0.7rem;
  padding-right:10px;
  padding-left:10px;
  width:initial;
}

.bold{
  font-weight:700;
}

.inboxpage{
  background-color: #F1F1F1;
  padding: 20px;
  background-image: url("images/lingueo-cam-bg03.svg");
  background-size: 24px auto;
}

.inboxpage a{
  text-decoration:none;
}

.inboxpage .contain{
  max-width:800px;
}

#messages-container-wrapper{
  width: 1600px;
  position: relative;
  top:0px;
  left:0px;
  transition: 1s ease-in-out;
}

#messages-container-wrapper.show{
  left:-100%;
  top:0px;
  transition: 1s ease-in-out;
  display:inline-block;
}

.list-conversations {
  float: left;
  margin-right: 5px;
  width: 798px;
  border: 0;
  margin-left: 1px;
  padding-bottom: 10px;
}

@media (max-width:768px) {
  .customcheckout  #co-billing-form b{
    display:none;
  }
  .customcheckout #co-billing-form .editable-fields .input-box, .customcheckout  #co-billing-form  .editable-fields .customer-name .input-box{
    width:100%;
    margin-bottom:20px;
  }

  .customcheckout #co-billing-form #create_account{
    width:100%;
  }

  #messages-container-wrapper #message-view{
    width:49%;
  }
  .list-conversations {
    width:49%;
  }
  #messages-container-wrapper{
    width:200%;
  }
  .list-conversations table td{
      width:38px;
  }
  .list-conversations table tr td.message-date{
    display:none;
  }
  .list-conversations table tr td.message-sender{
    width:8%;
  }
  .list-conversations .messages-list  table tr td:first-of-type{
    width:20px;
  }
  .list-conversations table tr td.message-title{
    width:11%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .top-section .buttons-wrapper{
    margin: 0 auto;
  }
  .promo-area, .cart-total-container{
    width:100%;

  }
  .cart-total-table{
    border-left:none;
  }
}


.inbox-title{
  font-size: 2.1rem;
  color: #3D3D3D;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition:color 0.2s 0s;
}

.newmessage-btn{
  height:30px;
  margin-top:12px;
  margin-left:2px;
  line-height:28px;
  padding:0px 20px 0px 10px;
  clear: both;
  display: block;
  font-size: 0.8rem;
  color: #FFF;
  max-width:220px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.newmessage-btn:hover{
  background-color: rgba(3, 124, 163, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.newmessage-btn img{
  height:20px;
  margin-right:10px;
  vertical-align: text-bottom;
}

.messages-list{
  clear:both;
  width:100%;
  list-style:none;
  padding:0px;
  background-color:#FFFFFF;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  border-radius:7px;
  overflow:hidden;
}

.messages-list table{
  width:100%;
  cursor:pointer;
  transition:background-color 0.2s;
  box-sizing:border-box;
  border-bottom: solid 1px rgba(0,0,0,0.1);
  table-layout: fixed;
}

.messages-list table tr{
  height:40px;
}

.messages-list table tr td:first-of-type{
  width:50px;
}

.messages-list li{
  color:rgba(0,0,0,0.8);
  font-size: 0.8rem;
}

.messages-list li.old{
  background-color:rgba(0,0,0,0.08);
}

.messages-list li:hover{
  background-color:rgba(4, 165, 218, 0.3);
  color:rgba(0,0,0,0.9);
}

.message-icon{
  height:20px;
  width:20px;
  display:block;
  margin-left:10px;
  background-size:cover;
  background-repeat:no-repeat;
}

li.new .message-icon{
  background-image:url(../images/lingueo-courseicon-mail2.svg);
}

li.old .message-icon{
  background-image:url(../images/lingueo-courseicon-mail4.svg);
}
#message-view {
  float: left;
  width: 790px;
  padding-top: 20px;
  /*border-top: 1px solid #CCCCCC;*/
  color: #333333;
  padding-right: 5px;
}
#messages-container {
  overflow: hidden;
}

@media (max-width:768px) {
  #messages-container {
    display:inline-grid;
  }
}
.message-sender{
  font-size:0.9rem;
  color:rgba(0,0,0,0.7);
  width:130px;
  max-width:130px;
}

.message-title{
  font-weight:500;
  width:430px;
  font-size: 0.9rem;
}
td.message-title  {
  white-space: nowrap;
  overflow: hidden;
}


li.new .message-title{
  font-weight:700;
}

li.new .message-sender{
  color:rgba(255,115,0,1);
}

.message-title .message-extract{
  font-weight:500;
  color:rgba(0,0,0,0.5);
  font-size:0.8rem;
}

.message-date{
  font-size:0.8rem;
  color:rgba(0,0,0,0.7);
  width:100px;
  padding-left: 5px;
}

.messageopen-btn{
  float:right;
  margin-right:10px;
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:80px;
  height:24px;
  font-size:0.8rem;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.messageopen-btn:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}

.message-comments td{
  padding:0px 10px 10px 10px;
  font-size:0.8rem;
  line-height:1.4;
  color:rgba(0,0,0,0.6);
}

.newmessage-block{
  clear:both;
  width:100%;
  border-radius: 0px;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px 0px 20px 0px;
  box-sizing:border-box;
  padding:10px;
  position:relative;
  overflow:hidden;
  background-color:rgba(4,165,218,0.1);
  font-size:0.8rem;
}

.newmessage-form{
  width:100%;
  float:left;
  list-style:none;
  padding:0px;
  margin:0px;
}

.error-message,
.validation-advice {
  /*display: block;*/
  border-radius: 7px;
  margin-bottom:10px;
  padding: 10px;
  box-sizing: border-box;
  line-height: initial;
  background-color: #FFD5B3;
  font-weight: 500;
}


.newmessage-form select{
  width: 360px;
  height: 30px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px;
  box-sizing: border-box;
  font-weight:700;
}

@media (max-width:768px) {
  .newmessage-form select{
    width:125px;
  }
}

.newmessage-form select option{
  font-weight:500;
}

a.lingueo-contactlink{
  text-transform: uppercase;
  font-weight: 700;
  line-height:30px;
  text-decoration: none;
  transition: color 0.2s ease 0s;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.5);
  margin-left:20px;
}

a.lingueo-contactlink:hover{
  color: #3D3D3D;
}

a.lingueo-contactlink img{
  height:10px;
  opacity:0.6;
  margin-right:5px;
}

.newmessage-form input{
  font-weight:500;
  width: 100%;
  min-height: 30px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  box-sizing: border-box;
}

.newmessage-form textarea{
  height:100px;
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize:none;
  line-height:1.4;
}

.newmessage-form .send-btn, .newmessage-form .cancel-btn{
  float:left;
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:100px;
  height:24px;
  font-size:0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.newmessage-form .send-btn{
  background-color: rgba(255,115,0,1);
  margin-right:10px;
}

.newmessage-form .send-btn:hover{
  background-color: rgba(230, 104, 0, 1);
  border: 2px solid rgba(255,255,255,0.3);
}

.newmessage-form .cancel-btn:hover{
  background-color: rgba(0,0,0,0.7);
  border: 2px solid rgba(255,255,255,0.3);
}
.message-buttons .back-btn{
  height: 30px;
  margin-top: 12px;
  margin-left:2px;
  line-height: 28px;
  padding: 0px 10px 0px 10px;
  clear: both;
  display: block;
  font-size: 0.9rem;
  color: #FFF;
  max-width: 220px;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: #04A5DA !important;
  border: 2px solid #04A5DA;
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.conversation-block{
  clear:both;
  /*width:100%;*/
  padding:20px;
  background-color:#FFFFFF;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  border-radius:7px;
  overflow:hidden;
  color:rgba(0,0,0,0.9);
  font-size:0.8rem;
}

.conversation-title{
  font-weight:700;
  font-size: 1.1rem;
  margin-top:-6px;
}

.conversation-title span{
  color: #7B6A5B;
  font-style: italic;
}

.new-reply{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  min-height: 210px;
}

.new-reply textarea{
  height:100px;
  width: 100%;
  box-sizing: border-box;
  margin: 10px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize:none;
  line-height:1.4;
}

.new-reply .send-btn{
  float:left;
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:100px;
  height:24px;
  font-size:0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-color: rgba(255,115,0,1);
  margin-right:10px;
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s;
}

.new-reply .send-btn:hover{
  background-color: rgba(230, 104, 0, 1);
  border: 2px solid rgba(255,255,255,0.3);
}

.previous-message{
  clear:both;
  margin-top:20px;
  margin-bottom:20px;
  padding:20px;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.8);
  background-color: #EDEAE7;
  border-radius:7px;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.previous-message:last-of-type{
  margin-bottom:0px;
}

.previous-message .message-data{
  margin-bottom:6px;
  margin-top:-6px;
}

.previous-message .message-author{
  font-size:0.9rem;
  font-weight:700;
  float:left;
}

.previous-message .message-time{
  font-size:0.8rem;
  float:right;
  color:rgba(0,0,0,0.6);
}

.message-copy{
  clear:both;
  line-height:1.4;
}
#list-conversations-morebutton a{
  color: #fff;
}

/* Change teacher */
.teachpick-title{
  margin:10px 0px;
  font-weight:500;
  font-size:1.2rem;
  color:rgba(255, 115, 0, 1);
}

.teachers-list{
  margin:20px 0px;
  clear:both;
  display: inline-block;
  width: 100%;
}

.teacher-unit.one-fourth{
  width:25%;
  float:left;
}

.teachers-list .teacher-photo{
  height:100px;
  width:100px;
  box-shadow:0px 0px 0px 2px #7B6A5B;
  border-radius:50%;
  cursor:pointer;
  transition:box-shadow 0.2s 0s;
  display:block;
  margin-right:auto;
  margin-left:auto;
}

.teachers-list .teacher-photo:hover{
  box-shadow:0px 0px 1px 2px rgba(255, 115, 0, 1);
}

.teachers-list .teacher-name{
  text-align:center;
  font-weight:700;
  font-size:0.9rem;
}

.teachers-list .pick-btn{
  display: block;
  color: #FFF;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  width:100px;
  height:24px;
  font-size:0.8rem;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  background-color: rgba(0,0,0,0.4);
  border: 2px solid rgba(0,0,0,0.1);
  transition: border-color 0.2s ease 0s, background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
  margin-right:auto;
  margin-left:auto;
}

.teachers-list .pick-btn:hover{
  background-color: rgba(255,115,0,1);
  border: 2px solid rgba(0,0,0,0.3);
}

.help-block{
  width:100%;
  border-radius: 7px;
  border:solid 2px rgba(0,0,0,0.2);
  margin:10px auto auto auto;
  box-sizing:border-box;
  padding:10px 10px 10px 80px;
  position:relative;
  background-color:rgba(4,165,218,0.1);
  font-size:0.8rem;
  line-height:1.4;
  color:rgba(0,0,0,0.8);
  background-image: url(../images/lingueo-advisericon.svg);
  background-size:60px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}

.help-block .title{
  font-weight:700;
  font-size:0.9rem;
  margin-bottom:5px;
}

.help-block a{
  color:#004657;
  font-weight:700;
}

.help-block a img{
  height:8px;
  width:9px;
  margin-right:4px;
  opacity:0.8;
}

.changeteacher .upper{
  border-bottom:1px solid rgba(0, 0, 0, 0.5);
  padding-bottom:20px;
  min-height: 190px;
}

.changeteacher .explanation-copy{
  margin-left:0px;
  margin-top:0px;
  width:50%;
  float:left;
}


.changeteacher-form{
  width:50%;
  float:left;
  font-size:0.8rem;
  box-sizing:border-box;
  padding-left:10px;
}

.changeteacher-form select{
  width: 100%;
  height: 30px;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px;
  box-sizing: border-box;
  font-weight:700;
}

.changeteacher-form select option{
  font-weight:500;
}

.changeteacher-form p{
  margin-top:10px;
  margin-bottom:10px;
  font-weight:700;
  color:rgba(0,0,0,0.7);
  margin-left:10px;
}

.changeteacher-form textarea{
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto 10px;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  resize: none;
  line-height: 1.4;
  height:60px;
}

.changeteacher .error-message{
  margin:0px !important;
  color:rgba(0,0,0,0.9);
  display: block;
  width:100%;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.4;
  background-color: #FFD5B3;
  font-weight: 500;
  float:left;
}

.changeteacher .teachers-list .current-teacher .teacher-photo:hover{
  box-shadow:0px 0px 0px 2px rgba(4,165,218,1);
}

.changeteacher .teachers-list .current-teacher .pick-btn{
  background-color:rgba(4,165,218,1);
}

.changeteacher .teachers-list .current-teacher .pick-btn:hover{
  background-color: rgba(3, 124, 163, 1);
}

.load-lingueo {
  position:relative;
  z-index:1000;
  text-align: center
}

.registration-item-deselected .load-lingueo {
 display: none;

}

.video-container {
position: relative;
padding-bottom: 50.26%;
padding-top: 30px;
height: 0;
overflow: hidden;
border: 5px solid #B2B2B2;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.video-wrapper {
	width: 600px;

	max-width: 100%;
	margin: 20px auto 20px auto;
}

.langues-prompt{
    background-color: #36b5df;
    padding-bottom:30px;
    height:auto;
  }

.langues-prompt .quarter-langue{
    width: 23%;
    float: left;
    padding-left: 2%;

}





.trial-section{
  background-color: rgba(0, 35, 47, 0.5);
  text-align:left;
  color:#000;
  position:relative;
  padding:10px 20px 20px 20px;
  border-top: solid 2px rgba(0,0,0,1);
}

.trialform{
  margin-right: auto;
  margin-left: auto;
  max-width:768px;
}

.trialform-title{
  color: rgba(255,255,255,1);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: 1px 1px rgba(0,0,0,0.3);
}

.trialform input{
  border-radius:7px;
  height:30px;
  background-color:rgba(255,255,255,0.9);
  border:solid 1px rgba(0,0,0,0);
  padding:5px 8px;
  margin:10px 0px;
  box-sizing:border-box;
  color:rgba(0,0,0,0.8);
}

::-webkit-input-placeholder {
    color:rgba(0,0,0,0.6);
}
:-moz-placeholder {
    color:rgba(0,0,0,0.6);
}
::-moz-placeholder {
    color:rgba(0,0,0,0.6);
}
:-ms-input-placeholder {
    color:rgba(0,0,0,0.6);
}

input.trialform-missingfield, input.validation-failed{
  background-color:rgba(252, 201, 143, 0.9);
}
.trialform .trialform-fname {
 /* float:left;*/
}
.trialform .trialform-fname input{
  width:100%;

  margin-right:10px;
}

.trialform .trialform-lname input{
  width:100%;
  margin-right:0px;
}

.trialform .trialform-mail input{
  width:100%;
  margin-right:0px;
}

.trialform .trialform-phone input{
  width:100%;
  margin-right:0px;
  /*float:left;*/
}

.trialform-errormessage{
  margin-top:0px;
  font-size: 0.7rem;
  color:rgba(255,115,0,1);
  position:relative;
  top:-8px;
}

.tf-englishversion .trialform-errormessage{
  top:0px;
}

.trialform-copy{
  clear:both;
  float:left;
  font-size: 0.7rem;
  max-width:100%;
  margin-top:10px;
  color:rgba(255,255,255,0.9);
}

.trialform button{
  display: block;
    text-transform: uppercase;
    text-decoration:none;
    box-sizing:border-box;
    color: #FFF;
    padding: 5px 9px;
    border-radius: 7px;
    font-size: 0.7rem;
    width: 100%;
    min-height:30px;
    margin-top:10px;
    text-align: left;
    font-weight: 700;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    box-shadow: 0 0 0px 2px rgba(0,0,0,0.2);
    background-color: rgba(255,115,0,1);
    border:solid 2px rgba(255, 115, 0, 1);
    transition: background-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
    /*float:right;*/
    background-image:url(../images/rightarrow3.svg);
  background-size:7px 10px;
  background-position:92% 50%;
  background-repeat:no-repeat;
}


.trial-section-glob{
    /* background-color: rgba(0,0,0,0.6); */
    text-align: center;
    color: #FFF;
    position: relative;
    background-image: url(../images/lingueo-cam-bg05.svg);
    background-repeat: repeat;
    background-size: 24px;
    background-color: rgba(4,165,218,1);
}



@media (max-width:768px) {
  .langues-prompt .quarter-langue{
    width:100%;
  }
  .langues-prompt .quarter-langue li{
    width: 50%;
    padding: 0 25%;
  }
.langues-prompt h2{
  font-size: 1rem;
}


  .langues-prompt ul  h3{
    font-size: 12px;
  }
}

@media (min-width : 768px) and (max-width : 1024px) {
  .langues-prompt .quarter-langue{
    width:44%;
  }
  .langues-prompt .quarter-langue li{
    width: 50%;
    padding: 0 25%;
  }

  .langues-prompt ul h3{
    font-size: 12px;
  }
}

.langues-prompt ul{
  list-style-type: none;
  margin:0px;
}
.langues-prompt li{
  float: left;
  margin-bottom: 6px;
}

.langues-prompt h3{
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
    margin: 8px 0px 0 12px;
}

.motivation-prompt  h3{
  margin:0px;
}

.langues-prompt h2{
font-size: 19.2px;
}


.langues-prompt .dark-layer{
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,0.1);
  z-index:3;
  position:absolute;
  top:0px;
  left:0px;
  border-radius: 100%;
}


.langues-prompt a:hover .dark-layer{
  background-color:rgba(0,0,0,0);
}

.lang-flag{
  position:relative;
  height: 30px;
  width: 30px;
  float:left;
  border: solid 2px rgba(0,0,0,0.5);
  border-radius: 100%;
}

.langues-prompt h2{
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 25px;
}
.motivation-prompt h2{
  font-size:19.2px;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  text-transform: uppercase;
    font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px;
}
.langues-prompt a{
  color: rgba(0, 0, 0, 0.6);
}
.langues-prompt a:hover{
  color:#fff;
  cursor:pointer;
}
.langues-prompt span{
   /* float: left;*/

}
.langues-prompt img{
  height: 100%;
  width: 100%;
  /*float:left;
  border: solid 2px rgba(0,0,0,0.5);  */
  border-radius: 100%;
  z-index: 2;
}




.course-selection{
  padding:15px 5px;
  text-align: center;
}

.course-selection .section-title{
  margin-bottom:15px;
}

.course-product-box{
  display:inline-block;
  padding:0px;
  box-sizing:border-box;
  border-radius: 7px;
  overflow:hidden;
  min-width:300px;
  max-width:300px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:16px;
  border:solid 2px rgba(0,0,0,0.4);
  box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1);
}

.course-product-box.blue-product{
  background-color:rgba(4,165,218,1);
}

/*.course-product-box.orange-product{
  background-color:rgba(255,115,0,1);
}

.course-product-box.brown-product{
  background-color:rgba(153,134,117,1);
}*/

.course-product-header{
  background-color:rgba(0,0,0,0.2);
  color:rgba(255,255,255,1);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight:700;
  text-shadow:1px 1px rgba(0,0,0,0.3);
  padding:8px 10px 10px 8px;
  position:relative;
  text-align:left;
  pointer:pointer;
  min-height: 19px;
  overflow: hidden;
}

.course-product-header .course-smallflag{
  height:16px;
  width:16px;
  border-radius: 100%;
  border:solid 1px rgba(0,0,0,0.4);
  background-image:url();
  display:inline-block;
  position:relative;
  box-sizing:border-box;
  box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2);
  top:2px;
  margin-right:6px;
    border-radius: 100%;
    overflow: hidden;
    float:left;
}

.course-product-header .titleproduct{
  float:left;
  width: 106px;
}

.course-product-header .course-smallflag img{
    height: 100%;
    width: 100%;
    z-index: 2;
}

.course-product-header .course-product-addtocart{
  display:inline-block;
  height:auto;
  background-color: rgba(255,115,0,1);
  color:rgba(255,255,255,1);
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight:700;
  text-shadow:1px 1px rgba(0,0,0,0.3);
  text-decoration: none;
  position:absolute;
  top:3px;
  right:3px;
  height:26px;
  line-height:26px;
  padding:0px 26px 0px 10px;
  border:solid 2px rgba(0,0,0,0.5);
  border-radius:7px;
  background-image:url(../images/rightarrow3.svg);
  background-size:7px 10px;
  background-position:92% 50%;
  background-repeat:no-repeat;
  transition: background-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
}

.course-product-header .course-product-addtocart:hover{
  background-color: rgba(230, 104, 0, 1) !important;
  border:solid 2px rgba(255,255,255,0.5);
}

.course-product-content{
  min-height:80px;
  background-color: rgba(255,255,255,1);
  padding:10px;
  color:rgba(0,0,0,0.8);
  background-image:url(../images/lingueo-cam-bg03.svg);
  background-repeat: repeat;
  background-size:14px;
  cursor:pointer;
}

.course-product-time{
  margin-right:auto;
  margin-left:auto;
  margin-top:6px;
  margin-bottom:6px;
  width:100%;
  text-align:center;
}

.course-product-time .hourcount{
  font-size:2rem;
  margin-right:8px;
  font-weight:700;
}

.course-product-time .hourcount-extra{
  display:inline-block;
  font-size: 0.8rem;
  width:60px;
  font-weight:300;
  text-align:left;
}

.course-product-content .separation-line{
  margin-right:auto;
  margin-left:auto;
  width:100%;
  display:block;
  height:30px;
  text-align:center;
}

.course-product-content .separation-line .separation-line-half{
  width:40%;
  border-bottom: solid 1px;
  float:left;
  position:relative;
  top:10px;
}

.blue-product .separation-line{
  color:rgba(4,165,218,1);
}
.blue-product .separation-line .separation-line-half{
  border-bottom: solid 1px rgba(4,165,218,1);
}

.course-product-content .separation-line span{
  float:left;
  width:20%;
}
.blue-product li {
  color:#000;
  list-style: none;
    font-size: 0.8rem;

}
.course-product-price{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  margin-top:4px;
  margin-bottom:4px;
  text-align:center;
}

.course-product-price .oldprice{
  text-decoration: line-through;
  color:rgba(233, 171, 121, 1);
  font-size:0.7rem;
  margin-right:5px;
  font-weight:700;
}

.course-product-price .totalprice{
  font-size:1.5rem;
  margin-right:8px;
  height:20px;
  line-height:20px;
  font-weight:700;
}

.course-product-price .detailedprice{
  display:inline-block;
  font-size: 0.8rem;
  height:20px;
  line-height:20px;
  font-weight:300;
}

.course-product-pros .pros-toggler{
  font-size:0.8rem;
  background-color:rgba(255,255,255,0.9);
  padding:10px 10px 10px 30px;
  border-top: solid 1px rgba(0,0,0,0.1);
  border-bottom: solid 1px rgba(0,0,0,0.1);
  background-image:url(../images/lingueo-downarrow1.svg);
  background-repeat: no-repeat;
  background-size:10px 6px;
  background-position: 5% 50%;
  color:#000;
}

.course-product-pros .pros-list{
  text-align:center;
  list-style:none;
  font-size:0.8rem;
  padding:0px;
  margin:0px;
  max-height:0px;
}

#proslist1{
  max-height:0px;
  transition: max-height 1s ease 0s;
}

.course-product-pros .pros-list li{
  border-bottom: solid 1px rgba(0,0,0,0.1);
  padding:10px 10px;
  margin:0px;
  background-color:rgba(255,255,255,0.95);
}

.course-product-pros .pros-list li:nth-of-type(even){
  background-color:rgba(255,255,255,0.9);
}

.course-selection-prolink{
  display:block;
  text-decoration:none;
  width:100%;
  max-width:300px;
  margin-right:auto;
  margin-left: auto;
  font-size: 0.9rem;
  color:rgba(0,0,0,0.8);
  font-weight:700;
  background-color: rgba(255,255,255,1);
  border-radius: 7px;
  padding: 8px 0px;
  border:solid 2px rgba(4,165,218,0.8);
  box-sizing:border-box;
  transition: border-color 0.3s ease 0s;
  text-align: center;
}

.course-selection-prolink:hover{
  border:solid 2px rgba(4,165,218,1);
}

.course-selection-prolink .pro{
  color:rgba(4,165,218,1);
}


.product-name {
  font-size: 1.3rem;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.product-value-prop{
  font-size:0.8rem;
  margin-top:5px;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:20px;
  line-height:130%;
  font-weight:500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  max-width:768px;
}

.product-value-list{
  list-style:none;
  color:rgba(0,0,0,0.9);
  padding:0px;
  margin-top:10px;
  text-align:center;
  text-shadow: none;
  font-size: 0.7rem;
  font-weight:700;
}

.product-value-list li{
  margin-top:3px;
}

.product-value-list .star-icon{
  display:inline-block;
  height:8px;
  width:8px;
  background-image:url(../images/lingueo-staricon.svg);
  background-size:cover;
  background-repeat:no-repeat;
  margin-right:5px;
  margin-left:5px;
}



  .trialform .required-message, .trialform .alert{
    display:none;
  }
.trialform-errormessage{
  display: none;
}

.trialform .has-error input{
  background: rgba(252, 201, 143, 0.9);
}
.trialform h1{
display:none;
}


@media(min-width: 768px){


  .top-section{
    box-sizing: border-box;
    padding:44px 0px 0px 0px;
  }

  .top-section .action-btn{
    margin-top:0px;
  }

  .top-image{
    background-size:100%;
  }

  .action-btn {
      width: 230px;
  }

  .buttons-wrapper{
    width:480px;
    margin-right: auto;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:20px;
    z-index: 200;
    position: relative;
  }

  .top-section .buttons-wrapper{
    margin-bottom:0px;
  }

  .buttons-wrapper .action-btn{
    float:left;
    clear:none;
  }

  .buttons-wrapper .action-btn:first-of-type{
    margin-right:20px;
  }

  .product-name{
    font-size: 2.1rem;
    width:80%;
    margin-right:auto;
    margin-left:auto;
  }

  .product-value-prop{
    font-size:1.2rem;
    width:625px;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    margin-bottom:10px;
    padding:10px;
    font-weight: 300;
  }

  .product-value-list{
    font-weight:700;
    font-size:1rem;
    margin-top:10px;
    margin-bottom:0px;
    color:rgba(0,0,0,0.7);
    z-index: 999;
    position: relative;
  }

  .product-value-list .star-icon{
    height:12px;
    width:12px;
    margin-right:8px;
    margin-left:8px;
  }

  .product-price{
    font-size:1.1rem;
    margin-top:20px;
  }

  .trial-section{
    position:relative;
    padding:20px 0px;
    border-top: solid 2px rgba(0,0,0,1);
  }

  .trialform{
    margin-right: auto;
    margin-left: auto;
    max-width:768px;
  }

  .trialform-title{
    font-size: 1.1rem;
  }

  .trialform .form-group{
    float:left;
  }

  .trialform input{
    height:20px;
    padding:5px 8px;
    margin:10px 0px;
    box-sizing:content-box;
  }

  .trialform .trialform-fname input{
    width:154px;
    margin-right:10px;
  }

  .tf-englishversion.trialform .trialform-fname  input{
    width:194px;
  }

  .trialform .trialform-lname  input{
    width:154px;
    margin-right:10px;
  }

  .tf-englishversion.trialform #trialform-lname  input{
    width:194px;
  }

  .trialform .trialform-mail  input{
    width:194px !important;
    margin-right:10px !important;
  }

  .tf-englishversion.trialform #trialform-mail  input{
    width:297px;
    margin-right:0px;
  }

  .trialform .trialform-phone  input{
    width:151px;
    margin-right:0px;
    float:none;
  }

  .trialform-copy{
    clear:none;
    display:block;
    float:left;
    font-size: 0.8rem;
    max-width:570px;
    margin-top:0px;
    line-height:140%;
    color:rgba(255,255,255,0.7);
    font-weight: 500;
  }

  .trialform-errormessage, .tf-englishversion .trialform-errormessage{
    margin-bottom:10px;
    top:-4px;
  }

  .trialform button, .tf-englishversion .trialform button{
    padding:9px;
      margin-top:0px;
      font-size: 0.9rem;
      width: 168px;
      float:right;
      margin-right: 14px;
  }

  .short-information{
    font-size:0.8rem;
  }

  .short-information .short-session{
    display:inline-block;
    padding-right:30px;
    border-right:1px solid rgba(0,0,0,0.3);
    margin-right:30px;
  }

  .short-session .session-count{
    font-size:0.9rem;
  }

  .course-selection .section-title{
    margin-bottom:0px;
  }

  .course-selection-wrapper{
    padding-top:30px;
  }

  .course-product-box{
    display:inline-block;
    min-width:290px;
    max-width:290px;
    margin-right:8px;
    margin-left:8px;
    margin-bottom:16px;
    vertical-align:top;
  }

  .course-product-header{
    background-color:rgba(0,0,0,0.2);
    color:rgba(255,255,255,1);
    text-transform: uppercase;
    font-size: 0.95rem;
    font-weight:700;
    text-shadow:1px 1px rgba(0,0,0,0.3);
    padding:12px 10px 16px 10px;
    position:relative;
    text-align:center;
    cursor:pointer;
  }

  .course-product-header .course-product-addtocart{
    font-size: 0.8rem;
    font-weight:700;
    top:7px;
    right:7px;
    height:26px;
    line-height:26px;
    padding:0px 24px 0px 10px;
    border-radius:7px;
    background-position: 95% 50%;
  }

  .course-product-content{
    background-image:url(../images/lingueo-cam-bg05.svg);
  }

  .course-product-time{
    margin-top:20px;
    margin-bottom:20px;
  }

  .course-product-time .hourcount-extra, .course-product-price .detailedprice{
    font-weight:500;
  }

  .course-product-price{
    margin-top:10px;
    margin-bottom:10px;
  }

  .course-product-pros .pros-list{
    max-height:800px;
  }

  .course-product-pros .pros-list li{
    border-top:solid 1px rgba(0,0,0,0.2);
    border-bottom:none;
  }


  .course-selection-prolink{
    max-width:465px;
    font-size: 0.9rem;
    font-weight:700;
    border-radius: 7px;
    margin-top:20px;
    padding: 4px 0px;
    border:solid 2px rgba(4,165,218,0.5);
    box-sizing:border-box;
  }

}

.customcheckout #checkout-review-submit a {
 color:rgba(4,165,218,1);
 text-decoration:underline;
 margin-left: 5px;
}
.customcheckout .submitcheckout{
  float:right;
  margin-top:0px;
  margin-bottom:20px;
  width:245px;
}
.customcheckout .submitcheckout span{
  font-size:0.9em;
}
.editable-fields li{
  margin:0px;
  display: inline-block;
  width:100%;
}
#co-billing-form  .editable-fields .editable-field .input-box{
  margin-top:0px;
}
.editable-fields b, .editable-fields p{
  float:left;
  padding:7px 4px 7px 0;
}
.editable-fields .editable-field{
  float:left;
  margin-bottom:20px;
  width:50%;
}


#co-billing-form  .editable-fields .customer-name .input-box{
  width:auto;
  float:left;
  margin-right: 15px;
  margin-top: 0px;
}

.editable-fields  button{
  margin:4px;
  color:#fff;
  border-radius: 5px;
  font-weight: bold;
  text-shadow:1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.logo-cb-payline {
  height:25px;
}

.warning-session-notbooked {
  margin-top:20px;
}

#co-billing-form .input-box, #co-billing-form .input-box {
  width: auto;
  margin-top: 0;
  margin-right: 15px;
}

.customcheckout-signin {
  color: rgba(4,165,218,1);
  text-decoration: underline;
  cursor: pointer;
}

.customcheckout #create_account {
  margin: 2px;
}

.customcheckout .step-content {
  padding:0;
}

#define-timezone .input-box {
  margin:15px 0;
  text-align:center;
}
.linklilate {
  font-size: 12px;
  float: right;
}