@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700");
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
/* css reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* achille */
ul li {
  list-style: disc;
  text-align: left;
}
ul,
ol {
  margin: 10px 0 10px 20px;
}
ol li {
  list-style-type: decimal;
}
p {
  margin: 10px 0;
}
li {
  margin: 5px 0;
}
b {
  font-weight: 700;
}
i {
  font-style: italic;
}
html,
body {
  min-height: 100%;
}
body {
  background: #fff;
  color: #13313d;
  font-family: 'Roboto Slab', serif;
  height: 100%;
  padding-top: 72px;
}
.body-locked {
  overflow: hidden;
}
a {
  text-decoration: none;
  color: #00f3ac;
}
a:hover,
a:active {
  color: #00d697;
  text-decoration: none;
}
.bold {
  font-weight: 700;
}
.text-small {
  font-size: 0.85em;
}
h1,
h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
  padding-top: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
h2::after {
  width: 56px;
  background: #13313d;
  display: block;
  content: "";
  height: 4px;
  margin: 20px auto 30px;
}
h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  margin-top: 26px;
}
h4 {
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.margin0 {
  margin-bottom: 0 !important;
}
.margin10 {
  margin-bottom: 10px !important;
}
.margin20 {
  margin-bottom: 20px !important;
}
.margin30 {
  margin-bottom: 30px !important;
}
.margin40 {
  margin-bottom: 40px !important;
}
.margin50 {
  margin-bottom: 50px !important;
}
.margin60 {
  margin-bottom: 60px !important;
}
.margin70 {
  margin-bottom: 70px !important;
}
.margin80 {
  margin-bottom: 80px !important;
}
.margin90 {
  margin-bottom: 90px !important;
}
.margin100 {
  margin-bottom: 100px !important;
}
.promotion {
  color: #f50c5a;
}
.promotionSticker-cell {
  position: relative;
}
.promotionSticker {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 90px 90px 0;
  border-color: transparent rgba(255, 0, 44, 0.89) transparent transparent;
  color: #ffffff;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}
.promotionSticker-text {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8em;
  line-height: 0.9em;
  display: inline-block;
  width: 110px;
  position: relative;
  top: 22px;
}
.table > thead > tr > td.lighter,
.table > tbody > tr > td.lighter,
.table > tfoot > tr > td.lighter,
.table > thead > tr > th.lighter,
.table > tbody > tr > th.lighter,
.table > tfoot > tr > th.lighter,
.table > thead > tr.lighter > td,
.table > tbody > tr.lighter > td,
.table > tfoot > tr.lighter > td,
.table > thead > tr.lighter > th,
.table > tbody > tr.lighter > th,
.table > tfoot > tr.lighter > th {
  background-color: #02d7ca;
}
/*#overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; background-color:rgba(0,0,0,0.25); display:none}*/
/* HEADER */
.loggin-box {
  position: relative;
}
#loggin_nav {
  padding: 5px 7px;
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 5px;
  background: #34495e;
  font-size: 0.8em;
  color: white;
  font-weight: 400;
}
#loggin_nav a {
  color: white;
  padding: 0 5px;
}
#loggin_nav a:hover {
  color: #00f3ac;
}
.navbar-default {
  border-radius: 0;
  box-shadow: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  background: #ececec;
  border-top: 5px solid #34495e;
  border-bottom: 4px solid #d8d8d8 ;
  text-shadow: none;
}
ul.navbar-nav {
  margin-top: 30px;
}
.navbar-brand {
  margin-top: 0;
}
.navbar-default .navbar-nav > li > a {
  text-shadow: none;
  /* height: 50px; */
  padding: 15px 10px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
  color: #34495e;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #00f3ac;
  background: #34495e;
  border-radius: 4px;
}
.navbar-toggle {
  margin-top: 30px;
  margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 990px) {
  .navbar-default .navbar-nav > li > a {
    padding: 15px 7px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    padding: 10px 7px;
    font-size: 12px;
    line-height: 14px;
  }
  ul.navbar-nav {
    margin-top: 2px;
  }
}
#already_member {
  color: #7a7a7a;
  padding: 8px 20px;
}
a#login {
  background: #a5956f;
  padding: 8px 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  color: #1f1f1f;
}
.section {
  padding: 30px 0 70px;
}
.section-sm {
  padding: 20px 0 20px;
}
.section-dark {
  background: #13313d;
  color: #e5e5e5;
}
.section-dark h2 {
  color: #ffffff;
}
.section-dark h2::after {
  background: #e5e5e5;
}
.section-dark h3 {
  color: #02d7ca;
}
.section-grey {
  background: #ececec;
}
.section-lighter {
  background: #02d7ca;
  color: #ffffff;
}
.section-lighter h2 {
  color: #ffffff;
}
.section-lighter h2::after {
  background: #ffffff;
}
.btn-primary {
  background: #00f3ac;
  color: #13313d;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: "montserrat", serif;
  border: none;
  border-radius: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #00d697;
  color: #13313d;
  border: none;
}
.pricing_and_signup {
  text-transform: uppercase;
  border: 4px solid #2c3033;
  padding: 8px;
  background: #a5956f;
  font-size: 20px;
  color: #2c3033;
  cursor: pointer;
}
a.commercial_cta {
  text-transform: uppercase;
  border: 4px solid #13313d;
  padding: 8px;
  background: #00f3ac;
  font-size: 20px;
  color: #2c3033;
  text-decoration: none;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
}
a.commercial_cta:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.28);
  background: #00d697;
}
.arrow-down {
  display: block;
  margin: 15px auto;
}
/* MAIN */
#main {
  background: url(commercial-easyecn/multi-devices.jpg) no-repeat center center;
  height: 650px;
  width: 100%;
  background-color: #ececec;
}
.bigbox {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.92);
  padding: 20px;
  margin-top: 80px;
  margin-bottom: 70px ;
}
.bigbox_title H1 {
  padding: 0;
  text-align: left;
  font-size: 46px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  line-height: 1em;
  text-transform: none;
}
.bigbox_title H1 sup {
  font-size: 0.7em;
}
.bigbox_title .bigbox_title_big {
  font-weight: 700;
  font-size: 1.3em;
}
.bigbox_subtitle {
  font-size: 27px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 0.95em;
}
.bigbox_pricing {
  font-size: 16px;
  font-weight: 500;
}
.bigbox_pricing .bold {
  font-weight: 900;
  font-weight: 800;
  font-size: 18px;
}
.partner-title {
  text-transform: uppercase;
  text-align: center;
  margin: 8px 0 10px;
  font-size: 14px;
}
.box-200toeic {
  background: #f5f5f5;
}
#main_logos {
  background: #fff;
}
#big-picture {
  display: block;
  background: url(commercial-easyecn/android.jpg) no-repeat center center;
  height: 600px;
  width: 100%;
  background-color: #000;
}
#concours {
  display: block;
  background: url(commercial-easyecn/student.jpg) no-repeat center center;
  /* height:600px; */
  width: 100%;
  background-color: #000;
}
.screenshots {
  border: 6px solid #fff;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.31);
}
/* PLATEFORME */
#plateforme {
  background: #f5f5f5;
}
#plateforme .plateforme_topic {
  font-size: 21px;
}
#plateforme ul.plateforme_list {
  margin-top: 26px;
}
.selectors_carousel {
  width: 104px;
  margin: 10px auto;
}
.selector_carousel {
  background: url(commercial-toeic/selector_carousel_passive.png) no-repeat 0 0;
  width: 10px;
  height: 10px;
  float: left;
  padding: 8px;
  cursor: pointer;
}
.selector_carousel.active,
.selector_carousel:hover {
  background: url(commercial-toeic/selector_carousel_active.png) no-repeat 0 0;
}
/* CONTENU */
#contenus {
  background: url(commercial-easyecn/pc-illustration.png) no-repeat top center #13313d;
  padding: 0;
}
#contenus h3 {
  color: #00f3ac;
}
@media (max-width: 768px) {
  #contenus {
    background-image: none;
  }
}
#contenu p {
  margin: 18px 0;
}
#contenu .bold {
  font-weight: 700;
  font-size: 20px;
}
#contenu p.tagline {
  font-weight: 700;
  font-size: 30px;
  margin-top: 1em;
}
/* EQUIPE */
.box_team_member {
  float: left;
  width: 290px;
  text-align: center;
}
.box_team_member .name {
  font-weight: 700;
  font-size: 20px;
}
.box_team_member .member_description {
  margin-top: 14px;
}
/* GARANTIE */
#garantie {
  background: #bdb297;
}
.box_garantie {
  float: left;
  width: 475px;
  text-align: center;
}
/* CONTACT */
#contact {
  background: url(commercial-easyecn/main-illustration.jpg) no-repeat center center;
  height: 600px;
  width: 100%;
}
#contact .title_separator {
  background: #fff;
}
#contact .description {
  /* 	float:left; */
  /* 	width:460px; */
  font-size: 20px;
  font-weight: 100;
  margin-top: 40px;
}
.contact_box {
  padding: 20px;
  margin-top: 40px;
  /* 	float:right; */
  border: 3px solid #121a1d;
  /* 	width:420px; */
  background: rgba(255, 255, 255, 0.9);
  font-size: 22px;
  color: #34495e;
}
.contact_icon {
  float: left;
  margin-right: 14px;
}
/* FOOTER */
#footer {
  background: #121a1d;
  padding: 44px 0 80px;
}
#copyright {
  color: #e5e5e5;
  font-size: 10px;
}
.social-icon {
  float: left;
  margin-right: 18px;
  background: #f6f6f6;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  text-align: center;
  padding-top: 15px;
}
ul.social-ico {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
ul.social-ico li {
  list-style: none;
  float: left;
  margin: 10px;
}
ul.social-ico li a {
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 70px;
  padding: 15px 20px;
  background: #FFF;
  border-radius: 50px;
  display: block;
}
ul.social-ico li a:hover {
  box-shadow: 0px 3px 6px black;
  background: rgba(255, 255, 255, 0.9);
}
/* PRICING TABLE */
/*#pricing_table_container {position:fixed; display:none; overflow-y: scroll; height:100%; width:100%; top: 0; right: 0; background-color: rgba(255, 255, 255, 0.3);}
.dp-none {display: none !important;}
.show_modal {display: block !important;}*/
#pricing_table {
  margin: 10px auto;
  background-color: #2b3032;
  border-radius: 5px;
  color: #fff;
  padding: 15px;
  height: 606px;
}
#table_container {
  background: #fff;
  color: #2b3032;
  margin-top: 14px;
  border-radius: 5px;
}
.table h4 {
  border: none;
}
.modal_title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
}
.modal_subtitle {
  font-size: 16px;
}
.modal_close_pricing {
  background: url(commercial-toeic/modal_close.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
  float: right;
  cursor: pointer;
}
.c1,
.c2,
.c3,
.c4 {
  float: left;
  width: 200px;
  height: 100%;
  border-left: solid 1px #c5cedc;
}
.c1 {
  width: 276px;
  font-size: 14px;
  border: none;
}
.table_header {
  border-bottom: 1px solid #c5cedc;
  height: 90px;
  color: #fff;
}
.table_header .c1 {
  width: 285px;
}
.table_header .c2 {
  background: #c1b494;
  border-left: solid 1px #98988f;
}
.table_header .c3 {
  background: #a19066;
  border-left: solid 1px #817e6e;
}
.table_header .c4 {
  background: #73684e;
  border-left: solid 1px #60615c;
}
.table_header .pack_name,
.table_header .pack_price {
  margin-left: 15px;
}
.table_header .pack_name {
  margin-top: 10px;
  font-size: 20px;
}
.table_header .pack_price {
  font-size: 40px;
}
.table_row {
  height: 45px;
  padding: 3px 0;
}
.table_row .c2,
.table_row .c3,
.table_row .c4 {
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  padding: 3px 0;
}
.table_row .c1 {
  margin-left: 9px;
  font-size: 13px;
}
.table_row .c4 {
  color: #5fcf04;
}
/*.table_row .c2.check, .table_row .c3.check, .table_row .c4.check {background:url("commercial-toeic/selector_carousel_passive.png") no-repeat 0 0;}*/
.table_row.odd {
  background: #f7f7f7;
}
.table_row li {
  font-weight: 700;
  font-weight: 900;
}
.table_row.final {
  background: #e9e9e9;
  height: 90px;
}
.table_row.final .c2,
.table_row.final .c3,
.table_row.final .c4 {
  text-align: center;
}
/* TRANSACTION - création de compte */
.transaction_nav {
  background: #3b4144;
  margin: 18px 0;
  border-radius: 8px;
  color: #adafb1;
  font-size: 18px;
}
.transaction_nav a {
  text-decoration: none;
  color: #adafb1;
}
.transaction_nav .transaction_step:hover a {
  color: #a28f62;
}
.transaction_step {
  float: left;
  width: 33%;
}
.transaction_step.active {
  color: #a28f62;
  background: #1f1f1f;
}
.step-icon {
  float: left;
  margin: 10px 18px 10px 30px;
}
.step-legend {
  float: left;
  margin-top: 20px;
}
.info_containers {
  margin-bottom: 100px;
}
.info_container {
  background: #f4f4f4;
  border-radius: 8px;
  height: 400px;
}
#account_creation label {
  width: 180px;
  font-size: 18px;
  font-weight: 700;
}
.phone_number_box {
  background: #fff;
  margin: 10px 68px 20px;
  padding: 16px 22px;
  border-radius: 8px;
  color: #a5956f;
  font-size: 14px;
}
.big_number {
  font-weight: 700;
  font-size: 26px;
  color: #3b4144;
}
/* TRANSACTION - Confirmation */
.order_title {
  border-bottom: 1px #cbcdcd solid;
  font-weight: 700;
  margin-bottom: 40px;
  font-weight: 900;
  color: #3b4144;
}
.grid_row {
  border-bottom: 1px solid #adafb1;
  width: 590px;
  color: #3b4144;
  padding: 8px 0;
}
.grid_row.total {
  font-weight: 700;
  font-weight: 900;
}
.order_grid_left {
  float: left;
}
.order_grid_right {
  float: right;
}
/* form */
.field_block {
  margin: 12px 0;
}
input {
  padding: 8px;
  border: 2px solid grey;
}
input[type="submit"] {
  cursor: pointer;
  text-transform: uppercase;
  border: 4px solid #2c3033;
  padding: 8px;
  background: #a5956f;
  font-size: 20px;
  color: #2c3033;
}
/* contact form */
#contact_form label {
  width: 180px;
}
table.classic {
  border-collapse: collapse;
}
table.classic th {
  border: 1px solid grey;
  background: #eee;
  text-align: left;
  padding: .3em;
}
table.classic td {
  border: 1px solid grey;
  padding: .3em;
}