@charset "utf-8";
/* List category



/*------------------- 1.Common --------------------*/
body {background: #fff;font-size: 14px;line-height: 1.35rem;font-family: 'Open Sans', sans-serif; color: #333;font-weight: 400;}


ul, ol {margin-bottom:0; padding: 0}
ol li {list-style:decimal inside}
ul li {list-style:none; display: inline-block}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: .9rem; color:rgba(73, 40, 105, 0.75)!important;
}
input::-moz-placeholder { /* Firefox 19+ */
  font-size: .9rem; color:rgba(73, 40, 105, 0.75)!important;
}
input:-ms-input-placeholder { /* IE 10+ */
  font-size: .9rem; color:rgba(73, 40, 105, 0.75)!important;
}
input:-moz-placeholder { /* Firefox 18- */
  font-size: .9rem; color:rgba(73, 40, 105, 0.75)!important;
}

input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff!important; 
}
input:focus::-moz-placeholder { /* Firefox 19+ */
  color:#fff!important;
}
input:focus:-ms-input-placeholder { /* IE 10+ */
  color:#fff!important;
}
input:focus:-moz-placeholder { /* Firefox 18- */
  color:#fff!important;
}

input:focus {box-shadow: none!important; border:none}


.table td, .table th {padding: .5rem; vertical-align: middle; border-top: 1px solid #eaeaea;}

a {color: #808080;transition: all ease-in-out .2s;}
a:hover, a:focus {text-decoration: none;color: #fff;outline: none !important; box-shadow: none!important}

h2 {font-family: 'Paytone One', sans-serif;font-size: 49px;text-transform: uppercase;letter-spacing: -1.2px;position: relative;z-index: 1;}
h2 span:first-child {display: inline-block;margin: 0 6px 0 0;}
h2 span:last-child {display: inline-block;}
h2 span.divide {position: relative;z-index: -1;display: inline-block;margin: 0 6px 0 0;}
h2 span.divide::before {position: absolute; content:""}
h2 span.divide::before {background: #e9e9e9;bottom:0;top: 68%;left: -4px;right: -4px;border-top: 2px solid;}


header, header .navbar-brand img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.text-sm {font-size: 13px;}
.affix {position: sticky;top: 0px;z-index: 200;}
.font-weight-semibold {font-weight:600}
.btn-danger {background: #c61e42; border-color: #c61e42}
.alert-info {color: #f7dbee; background-color: #632e79; border-color: #3b225a;}
.alert-danger {border-radius: 6px;background-color: #ff69777a;border: none;color: #ffe5e5;margin-bottom: 12px;font-size: 12px;padding: 6px 8px;text-align: center;}

header, .banner, .banner h2 span.divide::before {}

header {padding-top: 24px;}
header .navbar-brand img {max-width: 220px}

header .navbar {padding: 4px}
header .navbar-light .navbar-collapse {display: block}
header .nav-item {align-self: center}
header .navbar-light .navbar-nav .nav-link {padding: 6px 0px 6px 48px;font-size: 16px;color: #adadad;letter-spacing: -.3px;font-weight: 400;}
header .navbar-light .navbar-nav .nav-link.active {color: #c61e42;}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.active:hover, header .navbar-light .navbar-nav .nav-link:hover {color: #c61e42!important;}
header .navbar-light .navbar-nav .nav-item.active .nav-link, header .navbar-light .navbar-nav .nav-item .nav-link:hover {color: #ff97a6}

.scroll header {padding-top: 0;background: rgb(255, 255, 255);position: fixed;left: 0;right: 0;z-index: 200;}
.scroll header .navbar-brand img {max-width: 168px;}


.main-ct {background: rgb(238,55,94);background: linear-gradient(135deg, rgb(245, 245, 245) 0%, rgb(239, 239, 239) 75%);}

.banner {padding-top: 80px; padding-bottom: 48px; position: relative}
.banner .mw-60 {max-width: 80%;filter: grayscale(100%);opacity: .1;}
.banner .banner-txt {}

.dots, .close-1, .close-2, .subtr {position: absolute}
.dots {top: -20px;right: -36px;}
.close-1 {top: -16px;left: 15px;}
.close-2 {right: 128px; bottom: 260px;}
.subtr {display: inline-block;height: 10px;width: 36px;background: #dcdcdc;bottom: 96px;}

.banner h2 {color: #424242;padding-top: 60px;}
.banner h2 span.divide {height: 44px;overflow: hidden;top: -11px;color: #d2d2d2;}
.banner h2 span.divide::before {background: none; top: 42px;}
.banner .descript {font-size: 36px;font-weight: 300;color: #c61e42;margin-top: 80px;}



.year {transform: rotate(270deg);position: absolute;bottom: 128px;left: -16px;color: #717171;font-size: 18px;font-weight: 600;}

.cours {padding-top: 48px;padding-bottom: 48px;background: #e9e9e9;border-top: 1px solid #ddd;}
.cours .cour {margin-bottom: 48px;}
.cours h2 {color:#c61e42;margin-bottom: 48px;line-height: 56px; font-size: 40px}
.cours h4 {color: #1b1b1b;font-weight: 700;font-size: 16px;margin-bottom: 12px;}
.cours p.descript {/* font-weight: 300; */font-size: 13px;}


.banner h2 span.typewriter-text i {
  border-bottom: 5px solid;
  animation: caret 1s steps(1) infinite;
  padding-left: 8px;
  width: 24px;
  display: inline-block;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

footer {background: #F9F2F4;color:#1b1b1b;}
footer .contact {padding-bottom: 140px;margin-bottom: 24px;padding-top: 80px;}
footer .contact h2 {letter-spacing: initial;margin-top: -16px;}

footer .contact .contact-info {padding-top: 12px}
footer .contact .contact-info li {display: block;padding-top: 16px;font-size: 18px;}
footer .contact .contact-info li a {color: #c61e42}
footer .contact .social {margin-top: 40px}
footer .contact .social li a {font-size: 32px;display: inline-block;margin: 0 6px 0 0px;}

footer .copyright {padding-bottom: 24px}
footer .copyright img {max-width: 220px}