/* CSS */
/*
Theme Name: CLF
Description: French Language Center Tehran
Design by farzin 
Designer URI: https://www.linkedin.com/in/farzin-mojaver-a687871a7/
Author: Farzin Mojaver
Author URI: https://www.linkedin.com/in/farzin-mojaver-a687871a7/
Version: 1.0
*/

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Dana-Regular.ttf') format('truetype')
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/Dana-Bold.ttf') format('truetype')
}
@font-face {
    font-family: Marianne;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Marianne-Regular.otf') format('opentype')
}

/***************************************************
				General
***************************************************/
body {
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'dana';
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    direction: rtl;
    scroll-behavior: smooth;
    background-color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: url(images/bg-clfl3.jpg) top left repeat-y,
		url(images/bg-clfr3.jpg) top right repeat-y;
}
body#ltr {
    direction: ltr;
    font-family: 'Marianne';
}
* {
    outline: none;
}

*::after,
*::before {
    box-sizing: border-box;
}
input:focus {
    outline: none !important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }
ul {
    margin: 0;
    padding: 0;
    
}

li {
    list-style: none;   
}

a {
    font-family: 'dana';
    font-size: 16px;
    cursor: pointer;  
    transition: all .3s ease;
}
p a {
	font-weight:bold;
}
p a stronge {
 color:#3558A2;
}
a:link {
    text-decoration: none;
    color: #3558A2;
    cursor: pointer;
}

a:visited {
    text-decoration: none; 
    color: #3558A2;     
}

a:focus,
a:hover {
    text-decoration: none;  
    color: #000;
}

a:active {
    text-decoration: none;   
    color: #3558A2;
    font-weight: normal;
}
a[href^=tel] {
    color: #3558A2;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:18px;
    font-weight: normal;
}

input,
textarea {
    font-family: 'dana', sans-serif;
    font-size: 1em;
}
body#ltr input,
body#ltr textar,
body#ltr a {
    font-family: 'Marianne';
}
textarea:focus,
input:focus {
    outline: 0;
    font-family: 'dana', sans-serif;
    color: #3558A2 !important;
}
::-webkit-input-placeholder {
    color: #ccc !important;
    font-family: 'dana', sans-serif;
}
:-moz-placeholder {
    color: #ccc !important;
    font-family: 'dana', sans-serif;
}
::-moz-placeholder {
    color: #ccc !important;
    font-family: 'dana', sans-serif;
}
input::placeholder {
    color: #ccc !important;
    font-family: 'dana', sans-serif;
}
:-ms-input-placeholder {
    color: #ccc !important;
    font-family: 'dana', sans-serif;
}

[dir="rtl"] .wpforms-field-select-style-classic select {
    background-position: left 0.5rem center;
}
/* For those who use it direct */
[dir="rtl"] select {
    background-position: left 0.5rem center;
}
figure {
    margin: 0;
}

img {
    width: 100%;
    height: auto;
    outline: none;
}

figure img {
    width: 100%;
    height: auto;
}

span,
p {
    font-family: 'dana', sans-serif;
    font-size: 16px;
    color: #1D2327;
}
p {
    margin-top: 0;
}

iframe {
    border: none;
}

.clear {
    clear: both;
}

.loader {
	width:100%;
	height:100%;
    background: #fff;
	position:fixed;
	top:0;
	right:0;
	z-index:999999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.loader:before {
    content: '';
    width: 100%;
    height: 3px;
    background: #3659a3;
    position: absolute;
    top:0;
    left: 0;
    transform: scaleX(0);
}
body.loaded .loader:before {
    animation: scaleIn .6s ease-in 0.2s forwards;
}
@keyframes scaleIn {
  100% {
      transform: scaleX(1);
  }
}
body.loaded .loader {
    animation: transY 1s ease-in .5s forwards;
}
@keyframes transY {
	99% {
		opacity:0;
	}
  100% {
      transform: translateY(-400%);
  }
}
body.loaded main {
    animation: fadeIn 1s ease-in 0.7s forwards;
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
body.loaded header {
    animation: slideDown .3s ease-in 0.3s forwards;
}
@keyframes slideDown {  
  0% {
      opacity: 0;
      transform: translateY(-40px);
  }
  100% {
      transform: translateY(0);
      opacity: 1;
  }
}
main {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
	min-height:50vh;
    padding-bottom: 140px;
    margin: 0 auto 0 auto;
    padding-top:160px;
}
body#header-less-page main {
    padding-top: 105px !important;
}
main#home {
    margin: 20px auto 0 auto;
    padding-top:0;
}
body#ltr p,
body#ltr span,
body#ltr textarea:focus,
body#ltr input:focus,
body#ltr input,
body#ltr textar,
body#ltr a {
    font-family: 'Marianne';
	direction:ltr;
}
.max-conentz {
	max-width:300px;
	margin:0px auto;
}
/***************************************************
				    Header 
***************************************************/
header {
    width: -moz-calc( 100% - 120px);
	width: -webkit-calc( 100% - 120px);
	width: -o-calc( 100% - 120px);
	width: calc( 100% - 120px);
    height: 80px;
    padding: 20px 0 40px 0 ;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    position: fixed;
    background: #fff;
    z-index: 999;
    transition: all .3s ease;
    margin: 0 auto;
    right: 60px;
	direction:rtl;
}
header.scrolled {
    height: 60px;
    padding: 20px 0 ;
}
header.header-down {
    transform: translateY(0);
}
header.header-up {
    transform: translateY(-100%);
}
.center-logo-wrap {
    width:133px;
    height: 80px;
	margin: 0 auto;
	position: absolute;
	top:40px;
	right:50%;
	transform: translate(50%);
	z-index: 9;
}
.center-logo-wrap a#logo svg,
.center-logo-wrap a#logo,
header a#logo svg,
header a#logo {
    width:auto;
    height: 80px;
    transition: all .3s ease;
}
header.scrolled a#logo svg,
header.scrolled a#logo {
    width:auto;
    height: 60px;
}

.shape-right,
.shape-left {
    width: 40px;
    height: 140px;
    position: absolute;
    top:0;
    left: 0;
    transform: translateX(-40px);
    transition: all .3s ease;
}
header.scrolled .shape-right,
header.scrolled .shape-left {
    height: 80px;
}
.shape-right {
    left: inherit;
    right: 0;
    transform: translateX(40px);
    direction: ltr;
}
.shape-right .shape-bg,
.shape-left .shape-bg {
    width: 40px;
    height: 100px;
    display: block;
    background: #fff;
    transition: all .3s ease;
}
header.scrolled .shape-right .shape-bg,
header.scrolled .shape-left .shape-bg {
    height: 80px;
}

footer .shape-right .square1,
footer .shape-left .square1,
footer .shape-right .square2,
footer .shape-left .square2,
footer .shape-right:before,
footer .shape-left:before,
.shape-right:after,
.shape-left:after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    transition: all .3s ease;
}
.nav-wrap {
    display: flex;
    height: 80px;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s ease;
}
header.scrolled .nav-wrap  {
    height: 60px;
    transition: all .3s ease;
}
.nav-wrap-top {
    display: flex;
    transition: all .3s ease;
	direction:rtl;
}
.lang{
    width: 20px;
    height: 20px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    cursor: pointer;
}
.lang .wpml-ls-legacy-list-horizontal {
    border: none !important;
    padding: 0 !important;
}
.lang a span.wpml-ls-display ,
.lang a {
    font-size: 20px;
    display: flex;
	color:#3659a3;
    transition: all .3s ease;
	cursor:pointer;
}
.login,
.search {
    width: auto;
    height: 20px;
    display: block;
    cursor: pointer;
}
.login svg,
.search svg {
    width: auto;
    height: 24px;
}
.smedia {
    display: flex;
    transition: all .3s ease;
	direction:rtl;
}
.smedia li a {
    width: 28px;
    height: 28px;
    margin-left: 15px;
    display: flex;
	position: relative;
}
.smedia li.uicons a {
    width: 120px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.smedia li.uicons a svg {
    width: 28px;
    height: 28px;
}
.smedia li.uicons a label {
    display: block;
    font-size: 13px;
    padding-right: 5px;
    transform: translateY(-2px);
}
header.c000f8c .smedia li.uicons a label,
header.cE74713 .smedia li.uicons a label,
header.cd2424e .smedia li.uicons a label,
header.c3987c9 .smedia li.uicons a label {
    color:#fff !important;
}
#menu-basket {
	transform: translateY(-2px);
}
#basket-counter {    
	width: 18px;
    display: block;
    position: absolute;
    top: 11px;
    right: 5px;
    text-align: center;
    font-size: 11px;
    color: #3659a3;
}
header.cE74713 #basket-counter,
header.cd2424e #basket-counter,
header.c3987c9 #basket-counter {   
    color: #fff !important;
}
header.scrolled .smedia {
    transform: translateY(-5px);
}
/***************************************************
				    nav 
***************************************************/
.burger {
    width:28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-left: 17px;
}
.burger span {
    width: 28px;
    height: 3px;
    display: block;
    background:  #3659a3;
    cursor: pointer;
    transform: translateX(0%);
    opacity: 1;
    transition: all .3s ease;
}
.burger:before,
.burger:after {
    content: '';
    width: 28px;
    height:3px;
    display: block;
    background:  #3659a3;
    position: absolute;
    left: 0;
    cursor: pointer;
    transition: all .3s ease;
}
.burger:before {
    top:2px;
}
.burger:after {
    bottom:2px;
}
.burger.actv span {
    transform: translateX(100%);
}
.burger.actv:before{
    transform: rotate(45deg);
    top:12px;
}
.burger.actv:after {
    transform: rotate(-45deg);
    bottom:12px;
}
.overlay-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top:0;
    left: 0;
    z-index: 998;
    transform: translateY(-500%);
    transition: all .3s ease;
	display:none;
}
.overlay {
    width: -moz-calc( 100% - 40px);
	width: -webkit-calc( 100% - 40px);
	width: -o-calc( 100% - 40px);
	width: calc( 100% - 40px);
    height: -moz-calc( 100% - 220px);
	height: -webkit-calc( 100% - 220px);
	height: -o-calc( 100% - 220px);
	height: calc( 100% - 220px);
    background-color: #3659a3;
    position: absolute;
    top:160px;
    left: 20px;
    z-index: 999;
	background: #3659a3;
	display:none;
}
body.c4fb0b2 .overlay .shape-top:before,
body.c4fb0b2 .overlay .shape-top:after,
body.c4fb0b2 .overlay .shape-bottom:before,
body.c4fb0b2 .overlay .shape-bottom:after,
body.c4fb0b2 .overlay .shape-top,
body.c4fb0b2 .overlay .shape-bottom,
body.c4fb0b2 .overlay {
	background:#4fb0b2;
}
body.c3987c9 .overlay .shape-top:before,
body.c3987c9 .overlay .shape-top:after,
body.c3987c9 .overlay .shape-bottom:before,
body.c3987c9 .overlay .shape-bottom:after,
body.c3987c9 .overlay .shape-top,
body.c3987c9 .overlay .shape-bottom,
body.c3987c9 .overlay {
	background:#3987c9;
}
body.cbe73de .overlay .shape-top:before,
body.cbe73de .overlay .shape-top:after,
body.cbe73de .overlay .shape-bottom:before,
body.cbe73de .overlay .shape-bottom:after,
body.cbe73de .overlay .shape-top,
body.cbe73de .overlay .shape-bottom,
body.cbe73de .overlay {
	background:#be73de;
}
body.cedcb4f .overlay .shape-top:before,
body.cedcb4f .overlay .shape-top:after,
body.cedcb4f .overlay .shape-bottom:before,
body.cedcb4f .overlay .shape-bottom:after,
body.cedcb4f .overlay .shape-top,
body.cedcb4f .overlay .shape-bottom,
body.cedcb4f .overlay {
	background:#edcb4f;
}
body.cE74713 .overlay .shape-top:before,
body.cE74713 .overlay .shape-top:after,
body.cE74713 .overlay .shape-bottom:before,
body.cE74713 .overlay .shape-bottom:after,
body.cE74713 .overlay .shape-top,
body.cE74713 .overlay .shape-bottom,
body.cE74713 .overlay {
	background:#ff9575;
}
body.cd2424e .overlay .shape-top:before,
body.cd2424e .overlay .shape-top:after,
body.cd2424e .overlay .shape-bottom:before,
body.cd2424e .overlay .shape-bottom:after,
body.cd2424e .overlay .shape-top,
body.cd2424e .overlay .shape-bottom,
body.cd2424e .overlay {
	background:#d2424e;
}
body.c3987c9 .overlay .shape-top:before,
body.c3987c9 .overlay .shape-top:after,
body.c3987c9 .overlay .shape-bottom:before,
body.c3987c9 .overlay .shape-bottom:after,
body.c3987c9 .overlay .shape-top,
body.c3987c9 .overlay .shape-bottom,
body.c3987c9 .overlay {
	background:#3987c9;
}
body.c000f8c .overlay .shape-top:before,
body.c000f8c .overlay .shape-top:after,
body.c000f8c .overlay .shape-bottom:before,
body.c000f8c .overlay .shape-bottom:after,
body.c000f8c .overlay .shape-top,
body.c000f8c .overlay .shape-bottom,
body.c000f8c .overlay {
	background:#000f8c;
}

.overlay-wrap.scrolled .overlay {
    height: -moz-calc( 100% - 200px);
	height: -webkit-calc( 100% - 200px);
	height: -o-calc( 100% - 200px);
	height: calc( 100% - 200px);
    top:140px;
}

.overlay-wrap.actv {
    transform: translateY(0%);
	display:block;
}
.overlay-wrap.actv .overlay {
	display:block;
}
.overlay .shape-top,
.overlay .shape-bottom  {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
    height: 40px;
    background: #3659a3;
    position: absolute;
    bottom: -40px;
    left: 40px;
}
.overlay .shape-top {
    bottom: inherit;
    top: -40px;
}
.overlay .shape-top:before,
.overlay .shape-top:after,
.overlay .shape-bottom:before,
.overlay .shape-bottom:after {
    content: '';
    width: 20px;
    height:20px;
    display: block;
    background:  #3659a3;
    position: absolute;
    top:0;
}
.overlay .shape-top:before,
.overlay .shape-top:after {
    top:20px;
}
.overlay .shape-top:before,
.overlay .shape-bottom:before {
    left: -20px;
}
.overlay .shape-top:after,
.overlay .shape-bottom:after {
    right: -20px;
}
.overlay nav {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: space-between;
}
.overlay nav .menu {
    width: -moz-calc( 100% - 120px);
	width: -webkit-calc( 100% - 120px);
	width: -o-calc( 100% - 120px);
	width: calc( 100% - 120px);
	margin-top:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.overlay nav .menu ul {
	flex: 0 0  calc( 50% - 10px);
}
.overlay nav label,
.overlay nav a {
    color:#fff;
    font-size: 20px;
}
.overlay nav label {
    padding-right: 20px;
    display: block;
    margin-bottom: 20px !important;
}
.overlay nav li {
    padding-right: 20px;
    border-right: 2px solid #fff;
}
.main-link-first {
	margin-top:20px;
}
body#ltr .overlay nav li {
    padding-right: none;
    border-right: none;
    padding-left: 20px;
    border-left: 2px solid #fff;
}
body#ltr .overlay nav li.main-link {
    border-left: 2px solid #fff;
}
.overlay .nav-contact {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
    height: 60px;
    position: absolute;
    left: 40px;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.overlay .nav-contact p {
    flex: 0 0 calc( 50% - 40px);
    padding-right: 20px;
    border-right: 2px solid #fff;
    margin: 0;
    transition: all .3s ease;
}
body#ltr .overlay .nav-contact p {
    padding-right: none;
    border-right: none;
    padding-left: 20px;
    border-left: 2px solid #fff;
}
.overlay .nav-contact p:nth-child(2) {
    padding-right: 0;
    padding-left: 20px;
    border-right: none;
    border-left: 2px solid #fff;
    text-align: left;
}
body#ltr .overlay .nav-contact p:nth-child(2) {
    padding-left: 0;
    border-left: none;
    padding-right: 20px;
    border-right: 2px solid #fff;
}
body#ltr .overlay .nav-contact p:nth-child(2) a {
	float:right;
}
.overlay .nav-contact p a,
.overlay .nav-contact p {
    color:#fff;
    font-size: 14px;
    transition: all .3s ease;
}
/***************************************************
				    quick-access  
***************************************************/
.quick-access {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
	max-width:760px;
    display: flex;
    justify-content: center;
    z-index: 9;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
	direction:rtl;
}
body#ltr .quick-access {
	direction:ltr;
}
.quick-access li a {
    padding: 10px 20px;
	display:block;
    position: relative;
}
.quick-access li a:hover {
	color:#3558A2;
}
header.scrolled li a:hover {
	color:#fff;
}
.quick-access li a:after { 
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0px;
    transition: all .3s ease;
}
.class a:after {
    background: #3987c9;
}
.exam a:after {
    background: #d2424e;
}
.teacher a:after {
   background: #ff9575;
}
.news a:after {
    background: #be73de;
}
.library a:after {
    background: #4fb0b2;
}
.contactz a:after {
    background: #edcb4f;
}
.campus a:after {
    background: #000f8c;
}
.quick-access li a:hover:after {   
    height: 8px;
}
header.blue .quick-access li a:hover,
header.blue .quick-access li a {
	color:#fff !important;
}
/***************************************************
				    blue header 
***************************************************/
header.blue .shape-right:after,
header.blue .shape-left:after,
header.blue .shape-right .shape-bg,
header.blue .shape-left .shape-bg,
header.blue {
    background: #3659a3;
}
header.cd2424e .lang a span, 
header.cd2424e .lang a,
header.cd2424e .nav-wrap nav li a,
header.c3987c9 .lang a span, 
header.c3987c9 .lang a,
header.c3987c9 .nav-wrap nav li a,
header.cd2424e .lang a span, 
header.cd2424e .lang a,
header.cd2424e .nav-wrap nav li a,
header.cE74713 .lang a span, 
header.cE74713 .lang a,
header.cE74713 .nav-wrap nav li a,
header.cbe73de .lang a span, 
header.cbe73de .lang a,
header.cbe73de .nav-wrap nav li a,
header.cedcb4f .lang a span, 
header.cedcb4f .lang a,
header.cedcb4f .nav-wrap nav li a,
header.c3987c9 .lang a span, 
header.c3987c9 .lang a,
header.c3987c9 .nav-wrap nav li a,
header.c4fb0b2 .lang a span, 
header.c4fb0b2 .lang a,
header.c4fb0b2 .nav-wrap nav li a,
header.blue .lang a span, 
header.blue .lang a,
header.blue .nav-wrap nav li a {
    color:#fff !important;
}
header .logo .cls-1,
header .logo .cls-2 {
    transition: all .3s ease;
}
header.cd2424e .stt,
header.cd2424e .sti,
header.cd2424e .login .st0,
header.cd2424e #logo .cls-1,
header.c3987c9 .stt,
header.c3987c9 .sti,
header.c3987c9 .login .st0,
header.c3987c9 #logo .cls-1,
header.c000f8c .stt,
header.c000f8c .sti,
header.c000f8c .login .st0,
header.c000f8c #logo .cls-1,
header.cE74713 .stt,
header.cE74713 .sti,
header.cE74713 .login .st0,
header.cE74713 #logo .cls-1,
header.cbe73de .stt,
header.cbe73de .sti,
header.cbe73de .login .st0,
header.cbe73de #logo .cls-1,
header.cedcb4f .stt,
header.cedcb4f .sti,
header.cedcb4f .login .st0,
header.cedcb4f #logo .cls-1,
header.c3987c9 .stt,
header.c3987c9 .sti,
header.c3987c9 .login .st0,
header.c3987c9 #logo .cls-1,
header.c4fb0b2 .stt,
header.c4fb0b2 .sti,
header.c4fb0b2 .login .st0,
header.c4fb0b2 #logo .cls-1,
header.blue .stt,
header.blue .sti,
header.blue .login .st0,
header.blue #logo .cls-1 {
    stroke:#fff !important;
}
header.cd2424e .stb,
header.c3987c9 .stb,
header.c000f8c .stb,
header.cE74713 .stb,
header.cbe73de .stb,
header.cedcb4f .stb,
header.c3987c9 .stb,
header.c4fb0b2 .stb,
header.blue .stb,
header.cd2424e .stl,
header.c3987c9 .stl,
header.c000f8c .stl,
header.cE74713 .stl,
header.cbe73de .stl,
header.cedcb4f .stl,
header.c3987c9 .stl,
header.c4fb0b2 .stl,
header.blue .stl,
header.cd2424e .stu,
header.c3987c9 .stu,
header.c000f8c .stu,
header.cE74713 .stu,
header.cbe73de .stu,
header.cedcb4f .stu,
header.c3987c9 .stu,
header.c4fb0b2 .stu,
header.blue .stu,
header.cd2424e .search .sts,
header.cd2424e #logo .cls-2,
header.c3987c9 .search .sts,
header.c3987c9 #logo .cls-2,
header.c000f8c .search .sts,
header.c000f8c #logo .cls-2,
header.cE74713 .search .sts,
header.cE74713 #logo .cls-2,
header.cbe73de .search .sts,
header.cbe73de #logo .cls-2,
header.cedcb4f .search .sts,
header.cedcb4f #logo .cls-2,
header.c3987c9 .search .sts,
header.c3987c9 #logo .cls-2,
header.c4fb0b2 .search .sts,
header.c4fb0b2 #logo .cls-2,
header.blue .search .sts,
header.blue #logo .cls-2 {
    fill:#fff !important;
}

header.cd2424e .lang a span.wpml-ls-display,
header.cd2424e .lang a ,
header.cd2424e .quick-access a ,
header.c3987c9 .lang a span.wpml-ls-display,
header.cd2424e .lang a ,
header.c3987c9 .quick-access a ,
header.c000f8c .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.c000f8c .quick-access a ,
header.cE74713 .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.cE74713 .quick-access a ,
header.cbe73de .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.cbe73de .quick-access a ,
header.cedcb4f .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.cedcb4f .quick-access a ,
header.c3987c9 .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.c3987c9 .quick-access a ,
header.c4fb0b2 .lang a span.wpml-ls-display,
header.c000f8c .lang a ,
header.c4fb0b2 .quick-access a ,
header.blue .lang a span.wpml-ls-display,
header.blue .lang a,
header.blue .quick-access a  {
	color:#fff;
}
header.cd2424e .burger span,
header.cd2424e .burger:before,
header.cd2424e .burger:after,
header.c3987c9 .burger span,
header.c3987c9 .burger:before,
header.c3987c9 .burger:after,
header.c000f8c .burger span,
header.c000f8c .burger:before,
header.c000f8c .burger:after,
header.cE74713 .burger span,
header.cE74713 .burger:before,
header.cE74713 .burger:after,
header.cbe73de .burger span,
header.cbe73de .burger:before,
header.cbe73de .burger:after,
header.cedcb4f .burger span,
header.cedcb4f .burger:before,
header.cedcb4f .burger:after,
header.c3987c9 .burger span,
header.c3987c9 .burger:before,
header.c3987c9 .burger:after,
header.c4fb0b2 .burger span,
header.c4fb0b2 .burger:before,
header.c4fb0b2 .burger:after,
header.blue .burger span,
header.blue .burger:before,
header.blue .burger:after {
	background:#fff !important;
}
header.cd2424e .search-wrap,
header.c3987c9 .search-wrap,
header.c000f8c .search-wrap,
header.cE74713 .search-wrap,
header.cbe73de .search-wrap,
header.cedcb4f .search-wrap,
header.c3987c9 .search-wrap,
header.c4fb0b2 .search-wrap,
header.blue .search-wrap {
    background: #fff;
    border: 2px solid #fff;
}
header.c4fb0b2 .shape-right:after,
header.c4fb0b2 .shape-left:after,
header.c4fb0b2 .shape-right .shape-bg,
header.c4fb0b2 .shape-left .shape-bg,
header.c4fb0b2 {
    background: #4fb0b2 !important;
}
header.c3987c9 .shape-right:after,
header.c3987c9 .shape-left:after,
header.c3987c9 .shape-right .shape-bg,
header.c3987c9 .shape-left .shape-bg,
header.c3987c9 {
    background: #3987c9 !important;
}
header.cedcb4f .shape-right:after,
header.cedcb4f .shape-left:after,
header.cedcb4f .shape-right .shape-bg,
header.cedcb4f .shape-left .shape-bg,
header.cedcb4f {
    background: #edcb4f !important;
}
header.cbe73de .shape-right:after,
header.cbe73de .shape-left:after,
header.cbe73de .shape-right .shape-bg,
header.cbe73de .shape-left .shape-bg,
header.cbe73de {
    background: #be73de !important;
}
header.cE74713 .shape-right:after,
header.cE74713 .shape-left:after,
header.cE74713 .shape-right .shape-bg,
header.cE74713 .shape-left .shape-bg,
header.cE74713 {
    background: #ff9575 !important;
}

header.cd2424e .shape-right:after,
header.cd2424e .shape-left:after,
header.cd2424e .shape-right .shape-bg,
header.cd2424e .shape-left .shape-bg,
header.cd2424e {
    background: #d2424e !important;
}
header.c3987c9 .shape-right:after,
header.c3987c9 .shape-left:after,
header.c3987c9 .shape-right .shape-bg,
header.c3987c9 .shape-left .shape-bg,
header.c3987c9 {
    background: #3987c9 !important;
}
header.c000f8c .shape-right:after,
header.c000f8c .shape-left:after,
header.c000f8c .shape-right .shape-bg,
header.c000f8c .shape-left .shape-bg,
header.c000f8c {
    background: #000f8c !important;
}


/***************************************************
				    home 
***************************************************/
.home-slider-wrapper,
.home-slider {
    width: 100%;
    height: auto;
    clear: both;
    display: block;
	direction:ltr;
	position:relative;
}
.home-slider {
	padding-top:90px;
}
.home-slider a,
.home-slider li {
    width: 100%;
    height: auto;
    display: flex;
	flex-direction:column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
	position:relative;
}
.home-slider a img,
.home-slider li img {
	max-width:900px;
	margin: 60px auto 0 auto;
}
.home-slider a label,
.home-slider li label {
    width: -moz-calc( 100% - 40px);
	width: -webkit-calc( 100% - 40px);
	width: -o-calc( 100% - 40px);
	width: calc( 100% - 40px);
    display: block;
    color:#3659a3;
    font-size: 24px;
	text-align:center;
}
.slick-dots {
	position:relative!important;
    display: flex;
    justify-content: center;
}
.slick-dots li {
	width:20px;
	height:20px;
}
.slick-dots li button {
	width:20px!important;
	height:20px!important;
	border:none!important;
	padding:0!important;
	font-size:0 !important;
	background:#efefef;
}
.slick-dots li.slick-active button {
	background:#3659a3;
}
.home-title { 
    width: -moz-calc( 100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc( 100% - 40px);
    width: calc(100% - 40px);
    max-width: 880px;
    min-height: 40px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    font-size: 18px;
    background: #e3e3e3;
    color: #3659a3;
    margin: 60px auto 20px auto;
}
.home-title.user-panel-title {
    color: #fff;
    background: #3659a3;
}
.home-title span {
    width: 20px;
    height: 20px;
    background: #fff;
    display: block;
    position: absolute;
    top: 20px;
    right: -10px;
    transform: rotate(45deg);
}
.home-title span:nth-child(2) {
    right: inherit;
    left: -10px;
}
.home-class-title {
    color:#3987c9;
}
.home-exam-title {
    color:#d2424e;
}
.home-formation-title {
    color:#E74713;
}
.home-private-title {
    color: #000f8c;
}

/***************************************************
				    news 
***************************************************/
.news-wrap h3,
.teacher-wrap h1,
.teacher-wrap h3,
.teacher-wrap h4,
#faq h1,
.page-wrap h1,
.page-wrap h3,
.page-wrap h4,
.exam-wrap h1,
.exam-wrap h3,
.exam-wrap h4,
.study-wrap h1,
.study-wrap h3,
.study-wrap h4,
.class-wrap h1,
.class-wrap h3,
.class-wrap h4,
.library-wrap h1,
.library-wrap h3,
.library-wrap h4,
.home-faq h3,
#faq h4,
.home-news-title { 
    width: -moz-calc( 100% - 40px);
	width: -webkit-calc( 100% - 40px);
	width: -o-calc( 100% - 40px);
	width: calc( 100% - 40px);
    max-width: 880px;
    min-height: 40px;
    background: #3659a3;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
	padding:10px 20px;
    color:#fff;
    font-size: 18px;
}
.page-wrap h1 {
	text-align:center;
}
.home-news-title {
    background: #e3e3e3;
	color:#be73de;
    margin: 60px auto 20px auto;
}

h1.home-news-title {
    width: -moz-calc( 100% - 80px);
	width: -webkit-calc( 100% - 80px);
	width: -o-calc( 100% - 80px);
	width: calc( 100% - 80px);
    max-width: inherit;
    color: #3659a3;
    background: #efefef;
}
#faq h1:before,
#faq h1:after,
#faq h4:before,
#faq h4:after,
#faq .home-faq h4:after,
#faq .home-faq h4:before,
#faq .home-faq h3:after,
#faq .home-faq h3:before,
.news-wrap h3:after,
.news-wrap h3:before,
.teacher-wrap h1:before,
.teacher-wrap h3:before,
.teacher-wrap h4:before,
.teacher-wrap h1:after,
.teacher-wrap h3:after,
.teacher-wrap h4:after,
.exam-wrap h1:before,
.exam-wrap h3:before,
.exam-wrap h4:before,
.exam-wrap h1:after,
.exam-wrap h3:after,
.exam-wrap h4:after,
.page-wrap h1:before,
.page-wrap h3:before,
.page-wrap h4:before,
.page-wrap h1:after,
.page-wrap h3:after,
.page-wrap h4:after,
.study-wrap h1:before,
.study-wrap h3:before,
.study-wrap h4:before,
.study-wrap h1:after,
.study-wrap h3:after,
.study-wrap h4:after,
.class-wrap h1:before,
.class-wrap h3:before,
.class-wrap h4:before,
.class-wrap h1:after,
.class-wrap h3:after,
.class-wrap h4:after,
.library-wrap h1:before,
.library-wrap h3:before,
.library-wrap h4:before,
.library-wrap h1:after,
.library-wrap h3:after,
.library-wrap h4:after,
.home-news-title:before,
.home-news-title:after {
    content: '';
    width: 60px;
    height:60px;
    display: block;
    background: #3659a3;
    position: absolute;
	border:20px solid #efefef;
	z-index: 2;
    top: 0px;
    transform: rotate(45deg);
}
.home-news-title:before,
.home-news-title:after {
    background: #be73de;
}
.home-faq h3:before,
.home-news-title:before {
    left: 0;
    margin-left: -80px;
}

#faq h4:before,
#faq h4:after,
#faq h1:after,
#faq h1:before,
#faq .home-faq h4:after,
#faq .home-faq h4:before,
#faq .home-faq h3:after,
#faq .home-faq h3:before,
.news-wrap h3:after,
.news-wrap h3:before,
.teacher-wrap h1:before,
.teacher-wrap h3:before,
.teacher-wrap h4:before,
.teacher-wrap h1:after,
.teacher-wrap h3:after,
.teacher-wrap h4:after,
.exam-wrap h1:before,
.exam-wrap h3:before,
.exam-wrap h4:before,
.exam-wrap h1:after,
.exam-wrap h3:after,
.exam-wrap h4:after,
.page-wrap h1:before,
.page-wrap h3:before,
.page-wrap h4:before,
.page-wrap h1:after,
.page-wrap h3:after,
.page-wrap h4:after,
.study-wrap h1:before,
.study-wrap h3:before,
.study-wrap h4:before,
.study-wrap h1:after,
.study-wrap h3:after,
.study-wrap h4:after,
.class-wrap h1:before,
.class-wrap h3:before,
.class-wrap h4:before,
.class-wrap h1:after,
.class-wrap h3:after,
.class-wrap h4:after,
.library-wrap h1:before,
.library-wrap h3:before,
.library-wrap h4:before,
.library-wrap h1:after,
.library-wrap h3:after,
.library-wrap h4:after {
    width: 20px;
    height: 20px;
	border:none !important;
	background:#fff;
}

#faq h4:before,
#faq h1:before,
#faq .home-faq h4:before,
#faq .home-faq h3:before,
.news-wrap h4:before,
.news-wrap h3:before,
.teacher-wrap h1:before,
.teacher-wrap h3:before,
.teacher-wrap h4:before,
.exam-wrap h1:before,
.exam-wrap h3:before,
.exam-wrap h4:before,
.page-wrap h1:before,
.page-wrap h3:before,
.page-wrap h4:before,
.study-wrap h1:before,
.study-wrap h3:before,
.study-wrap h4:before,
.class-wrap h1:before,
.class-wrap h3:before,
.class-wrap h4:before,
.library-wrap h1:before,
.library-wrap h3:before,
.library-wrap h4:before,
#faq .home-faq h3:before {
    left: 0;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}
#faq h4:after,
#faq h1:after,
#faq .home-faq h4:after,
#faq .home-faq h3:after,
.news-wrap h3:after,
.teacher-wrap h1:after,
.teacher-wrap h3:after,
.teacher-wrap h4:after,
.exam-wrap h1:after,
.exam-wrap h3:after,
.exam-wrap h4:after,
.page-wrap h1:after,
.page-wrap h3:after,
.page-wrap h4:after,
.study-wrap h1:after,
.study-wrap h3:after,
.study-wrap h4:after,
.class-wrap h1:after,
.class-wrap h3:after,
.class-wrap h4:after,
.library-wrap h1:after,
.library-wrap h3:after,
.library-wrap h4:after,
#faq .home-faq h3:after {
    right: 0;
    margin-right: -10px;
    top: 50%;
    margin-top: -10px;
}
.home-faq h3:after,
.home-news-title:after {
    right: 0;
    margin-right: -80px;
}
.home-faq h3 span,
.home-news-title span {
    width: 20px;
    height:20px;
    background: #fff;
    display: block;
    position: absolute;
    top:20px;
    right: -10px;
    transform: rotate(45deg);
}
.home-faq h3 span:nth-child(2),
.home-news-title span:nth-child(2) {
    right: inherit;
    left: -10px;
}
.home-news { 
    display: block;
    max-width: 960px;
    margin: 0 auto;
}
.spotlight-instagram-feed {
	direction:ltr;
}
.FeedHeader__info-row a span {
	float:left;
}
.FeedProfilePic__fallback:not(.FeedProfilePic__with-stories) {
	border:none !important;
}
.news-wrap h3 {
	background:#e3e3e3;
	color:#be73de;
}
.MediaPopupBoxAlbum__scroller {
	direction:ltr !important;
}
.news-slider {
	direction:ltr;
	max-width:920px;
	margin:20px auto 50px auto !important;
}
.news-slider li.nslide {
    width: -moz-calc( 100% - 40px);
	width: -webkit-calc( 100% - 40px);
	width: -o-calc( 100% - 40px);
	width: calc( 100% - 40px);
	min-height:100px;
	padding:20px;
	display:flex;
	align-items:center;
	background:#be73de;
}
.news-slider li p {
	text-align:center;
	direction:rtl;
	color:#fff;
	margin:0 auto;
	font-size:20px;
}
.news-slider li a,
.news-slider li p a {
	color:#fff !important;
}
.news-slider .slick-dots li {
	background:#efefef;
	min-height:unset !important;
}
.news-slider .slick-dots li button {
	background:#efefef;
}
.news-slider .slick-dots li.slick-active button {
	background:#be73de;
}
.class-wrap .shamse:before,
.class-wrap .shamse:after,
.class-wrap .shamse {
	background:#3987c9;
}
.library-wrap .shamse:before,
.library-wrap .shamse:after,
.library-wrap .shamse {
	background:#4fb0b2;
}
.study-wrap .shamse:before,
.study-wrap .shamse:after,
.study-wrap .shamse {
	background:#000f8c;
}
.exam-wrap .shamse:before,
.exam-wrap .shamse:after,
.exam-wrap .shamse {
	background:#d2424e;
}
.page-wrap .shamse:before,
.page-wrap .shamse:after,
.page-wrap .shamse {
	background:#3659a3;
}
.teacher-wrap .shamse:before,
.teacher-wrap .shamse:after,
.teacher-wrap .shamse {
	background:#ff9575;
}
/***************************************************
				    faq 
***************************************************/
.home-faq {
    width: -moz-calc( 100% - 40px);
	width: -webkit-calc( 100% - 40px);
	width: -o-calc( 100% - 40px);
	width: calc( 100% - 40px);
    max-width: 960px;
    margin: 20px auto;
}

.home-faq h3 {
    max-width: 960px;
    background: #3659a3;
}
.home-faq h3 span {
    background: #fff;
}
.home-faq .more {
    width: fit-content;
    margin: 20px auto 0 auto;
    display: block;
    text-align: center;
}
.wp-block-ub-content-toggle-accordion {
    border: 2px solid #3659a3 !important;
    margin-bottom: 20px;
}
.wp-block-ub-content-toggle-accordion-title-wrap {
    background: #fff !important;
    border-bottom: none !important;
}
.wp-block-ub-content-toggle-accordion-title {
    color: #3659a3 !important;
}
.wp-block-ub-content-toggle-accordion {
    background: #fff;
}
.wp-block-ub-math-plus::after,
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #3659a3;
}
.wp-block-ub-content-toggle-accordion-content-wrap {
    padding: 0 10px !important;
}

.class-faq .wp-block-ub-content-toggle-accordion {
    border: 2px solid #3987c9 !important;
}
.class-faq .wp-block-ub-content-toggle-accordion-title {
    color: #3987c9 !important;
}
.class-faq .wp-block-ub-math-plus::after,
.class-faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #3987c9;
}

.exam-wrap .wp-block-ub-content-toggle-accordion,
.exam-faq .wp-block-ub-content-toggle-accordion {
    border: 2px solid #d2424e !important;
}
.exam-wrap .wp-block-ub-content-toggle-accordion-title,
.exam-faq .wp-block-ub-content-toggle-accordion-title {
    color: #d2424e !important;
}
.class-wrap .wp-block-ub-content-toggle-accordion-title,
.exam-wrap .wp-block-ub-content-toggle-accordion-title {
	font-size:20px;
}
.class-wrap .wp-block-ub-content-toggle-accordion-title {
	
}
.exam-wrap .wp-block-ub-math-plus::after,
.exam-wrap .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator,
.exam-faq .wp-block-ub-math-plus::after,
.exam-faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #d2424e;
}

.teacher-wrap .wp-block-ub-content-toggle-accordion,
.teacher-faq .wp-block-ub-content-toggle-accordion {
    border: 2px solid #ff9575 !important;
}
.teacher-wrap .wp-block-ub-content-toggle-accordion-title,
.teacher-faq .wp-block-ub-content-toggle-accordion-title {
    color: #FF804D !important;
}
.teacher-wrap .wp-block-ub-math-plus::after,
.teacher-wrap .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator,
.teacher-faq .wp-block-ub-math-plus::after,
.teacher-faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #ff9575;
}


.study-wrap .wp-block-ub-content-toggle-accordion,
.study-faq .wp-block-ub-content-toggle-accordion {
    border: 2px solid #000f8c !important;
}
.study-wrap .wp-block-ub-content-toggle-accordion-title,
.study-faq .wp-block-ub-content-toggle-accordion-title {
    color: #000f8c !important;
}
.study-wrap .wp-block-ub-math-plus::after,
.study-wrap .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator,
.study-faq .wp-block-ub-math-plus::after,
.study-faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #000f8c;
}

.library-wrap .wp-block-ub-content-toggle-accordion,
.library-faq .wp-block-ub-content-toggle-accordion {
    border: 2px solid #4fb0b2 !important;
}
.library-wrap .wp-block-ub-content-toggle-accordion-title,
.library-faq .wp-block-ub-content-toggle-accordion-title {
    color: #4fb0b2 !important;
}
.library-wrap .wp-block-ub-math-plus::after,
.library-wrap .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator,
.library-faq .wp-block-ub-math-plus::after,
.library-faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
    background: #4fb0b2;
}
.wp-block-ub-content-toggle-accordion .wp-block-table td {
	border-color:#fff;
}
.smallz-table {
	max-width:250px;
}
/***************************************************
				    gravity form
***************************************************/
.form-wrap {
    background: #fff;
}
.ginput_container input[type="email"],
.ginput_container input[type="text"],
.ginput_container input[type="tel"],
.form-wrap input {
    border:none !important;
    max-width: inherit !important;
    border-bottom:2px solid #3659a3 !important;
    border-radius: 0 !important;
}
.ginput_container select,
.form-wrap select {
    max-width: inherit !important;
    border:2px solid #3659a3 !important;
    border-radius: 0 !important;
}

.ginput_container textarea,
.form-wrap textarea {
    resize: none !important;
    border:2px solid #3659a3 !important;
    border-radius: 0 !important;
}
.gform_footer input[type="submit"],
.form-wrap .wpforms-submit {
    border-radius: 0 !important;
    float: left !important;
    background: #3659a3 !important;
}

.gform_wrapper {
	margin:0 auto !important;
	max-width:460px;
}
.gform_title {
	font-size:16px !important;
	color: #3558A2 !important;
	margin-top:40px !important;
	margin-bottom:40px !important;
}
#field_3_22,
#gfield_upload_rules_3_19 {
	display:none !important;
}
.gfield_required_text {
  color:#EA1C24;
}
/***************************************************
				    page 
***************************************************/
.page-wrap {
	margin:0 auto;
	max-width:720px;
}

#faq h1,
.page-wrap h1,
.page-wrap h4 {
    max-width: inherit;
	background:#e3e3e3;
	color:#3558A2;
}
.page-wrap h3 {
    max-width: inherit;
	background:#3558A2;
	color:#fff;
}

.wp-block-table {
	margin-bottom:20px;
}
.wp-block-table td,
.wp-block-table th {
	border-color: #3659a3;
	padding:10px;
}
.wp-block-table thead  {
	border-color: #3659a3;
	color:#fff;
	background: #3659a3;
}

.class-faq .wp-block-table td,
.class-wrap .wp-block-table th,
.class-wrap .wp-block-table td,
.class-wrap .wp-block-table th {
	border-color: #3987c9;
	padding:10px;
}

.class-faq .wp-block-table td {
	border-color: #fff;
}
.class-wrap .wp-block-table thead  {
	border-color: #3987c9;
	color:#fff;
	background: #3987c9;
}
.class-faq .wp-block-table thead {
	border:none;
	border-bottom:2px solid #3987c9;
	color:#3987c9;
	background: #e3e3e3;
}
.exam-wrap .wp-block-table thead  {
	border-color: #d2424e;
	color:#d2424e;
	background: #e3e3e3;
}
.class-faq a {
	color:#3987c9;
}
.exam-wrap a,
.exam-faq a {
	color:#d2424e;
}
.teacher-wrap a,
.teacher-faq a {
	color:#FF804D;
}
.study-wrap a,
.study-faq a {
	color:#000f8c;
}
.library-wrap .wp-block-table thead,
.library-faq .wp-block-table thead {
	border:none;
	border-bottom:2px solid #4fb0b2;
	color:#4fb0b2;
	background: #e3e3e3;
}
.library-faq a,
.library-wrap a {
	color:#4fb0b2;
}
.teacher-wrap .wp-block-table thead,
.teacher-faq .wp-block-table thead {
	border:none;
	border-bottom:2px solid #ff9575;
	color:#fff;
	background: #ff9575;
}
.wp-block-list li {
	list-style:inside;
	list-style-type: square;
}
.wp-block-list li::marker {
  color: #000;
}
.wp-block-column .wp-block-image img,
.wp-block-ub-content-toggle-accordion-content-wrap .wp-block-image img {
    max-width: 60px !important;
}
.EVL .wp-block-column .wp-block-image img {
	max-width: 240px !important;
}
.wp-block-image.prepmyfuture-logo figure img {
	max-width: 200px !important;
	max-width: unset !important;
	margin-bottom:20px;
}
/***************************************************
				    teacher/student panel 
***************************************************/
.setting {
	float:left;
	clear:both;
    background: #3659a3;
	color:#fff;
    padding: 5px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: absolute;
	top:-45px;
	left: 20px;
}
#student-panel-logout label,
.setting label {
	width:24px;
	height:24px;
	display:block;
}
#student-panel-logout label {
	margin-left:10px;
}
.setting label {
	margin-right:10px;
}
#student-panel-logout span,
.setting span {
	font-size:12px;
	color:#fff;
}
#student-panel-logout svg{
	width:24px;
	height:24px;
}
.setting svg {
	width:32px;
	height:32px;  
	transform: translate(4px,-3px);
}
#student-panel-logout {
	float:right;
	clear:both;
    background: #EA1C24;
	color:#fff;
    padding: 5px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: absolute;
	top:-45px;
	right: 20px;
}

.teacher-personal-info,
.student-personal-info {	
	Width: -moz-calc( 100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc( 100% - 40px);
    width: calc(100% - 40px);
    max-width: 880px;
    min-height: 140px;
    display: flex;
	flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    padding:60px 20px 20px 20px;
    color: #fff;
    font-size: 18px;
    background: #e3e3e3;
    color: #3659a3;
    margin: 60px auto 20px auto;
}
.student-personal-info-wrap {
	width: 100%;
	display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-direction: row;
	margin: 0 auto 40px auto;
}
.student-level-box {
	width:144px;
	border: 1px solid #3659a3;
	padding: 10px;
	background: #3659a3;
	margin-left: 20px;
	aspect-ratio: 1;
}
.student-level-box label {
	display: block;
	margin-bottom: 20px;
	text-align: center;
	color:#fff;
}
.student-level-box small {
	display: block;
	text-align: left;
	color:#fff;
	text-align:center;
}
.student-level-box small span {
	font-size: .9vw;
	color:#fff;
}
.student-current-level {
	font-size: 4vw;
	font-weight: bold;
	color:#fff;
}
.student-personal-data-title {
	width: 100%;
	display: block;
	padding-bottom: 10px;
	margin-top: 40px;
}

.student-personal-data {
	width: 100%;
}
.student-personal-data ul {
	width: 100%;
}
.student-personal-data ul li {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom:4px;
}
.student-personal-data ul li:before {
	content:'';
	width: 100%;
	height: 1px;
	border: 1px dotted #ccc;
	position: absolute;
	top: 11px;
	z-index: 1;
	
}
.student-personal-data ul li span {
	display: inline-block;
    background: #e3e3e3;
	position: relative;
	z-index: 2;
	padding-left: 10px;
}
.student-personal-data ul li label{
	display: inline-block;
    background: #e3e3e3;
	position: relative;
	z-index: 2;
	padding-right: 10px;
}
.student-background {
	width:100%;
    display: flex;
	flex-direction: column;
	margin: 40px auto;
} 

.student-background-title {
  width: -moz-calc( 100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc( 100% - 40px);
  width: calc(100% - 40px);
  max-width: 880px;
  min-height: 40px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 18px;
  background: #3659a3;
  color: #fff;
  margin: 60px auto 20px auto;
}
.student-background-title.level-test-needed {
	background: #EA1C24;
  	margin: 60px auto -40px auto;
	text-align: center;
}
.student-background-title.level-test-needed.student-notif {
	background: #fff;
	border: 2px solid #EA1C24;
  	margin: 20px auto;
	text-align: center;
}
.student-background-title.level-test-needed.student-notif p {
	color: #EA1C24;
}
.student-background-title span {
  width: 20px;
  height: 20px;
  background: #e3e3e3;
  display: block;
  position: absolute;
  top: 20px;
  right: -10px;
  transform: rotate(45deg);
}
.student-background-title.cd2424e {
	background:#d2424e ;
}
.student-background-title.wdotz span {
  background: #fff;
}
.student-background-title span:nth-child(2) {
  right: inherit;
  left: -10px;
}
.student-background ul li {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: start;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.student-background ul li label {
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: left;
}
.clf-attendance-percent {
    display: inline-block;
    min-width:50px;
    margin-left: 8px;
    padding: 2px 8px;
    background: #eef6ff;
    color: #2271b1;
    font-size: 12px;
    text-align:center;
}
.clf-attendance-percent.is-low {
    background: #fee2e2;
    color: #b91c1c;
}
/***************************************************
				    account 
***************************************************/
.frame-bottom,
.frame-top {
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	z-index: 2;
	left: 0;
}
.frame-bottom {
	bottom: 0;
}
.frame-top {
	top:0;
}
.frame-bottom:before,
.frame-bottom:after,
.frame-top:before,
.frame-top:after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    transition: all .3s ease;
}

.frmz-wrap,
.my-account-wrap {
	Width: -moz-calc( 100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -o-calc( 100% - 80px);
    width: calc(100% - 80px);
    max-width: 880px;
    min-height: 40px;
    display: flex;
	flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 60px 20px;
    color: #fff;
    font-size: 18px;
    background: #e3e3e3;
    color: #3659a3;
    margin: 60px auto 20px auto;
}
.frmz-wrap {
    max-width: 380px;
}
.my-account-wrap a {
	font-family: 'dana';
	size:16px;
	font-weight: normal;
}
.my-account-wrap .woocommerce {
	Width: -moz-calc( 100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc( 100% - 40px);
    width: calc(100% - 40px);
}
.woocommerce-MyAccount-navigation {
    width:100%;
    height: 40px;
    font-weight: normal !important;
    border-bottom: 1px #000 solid;
	margin-bottom: 20px;;
}
.woocommerce-MyAccount-navigation ul {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.woocommerce-MyAccount-navigation ul li {
    flex: 0 0 14%;
}

.woocommerce-MyAccount-navigation-link--edit-address {
    order: 4 !important;
}
.woocommerce-MyAccount-navigation-link--edit-account {
    order: 6 !important;
    flex: 0 0 16%  !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
    order: 7 !important;
	display:none  !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
	color:#EA1C24 !important;
}
.woocommerce-MyAccount-navigation ul li a {
    font-size: 14px;
    display: block;
    text-align: center;
}
.woocommerce-MyAccount-navigation ul li.is-active a  {
    color: #ccc !important;
}
#account .woocommerce {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#account .woocommerce h2 {
    font-size:16px;
    color:#111;
}
#account .woocommerce header.woocommerce-Address-title {
    position: static;
    background: transparent !important;

}
#account .woocommerce header.woocommerce-Address-title h2 {
    background: none !important;
}
#account .woocommerce header.woocommerce-Address-title a {
	color:#3659a3;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    max-width: 280px;
    border:none !important;
    margin: 0 auto!important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: left!important;
    margin: 0 auto!important;
}
.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
    height: 0;
    opacity: 0;
}
.woocommerce-MyAccount-content {
    width: 100%;
}
.woocommerce em,
.woocommerce form .form-row label {
    font-size:16px !important;
    background: none !important;
    border-radius: none !important;
    border: none !important;
    padding: 0 !important; 
}
.woocommerce em {
    margin-top: 5px;
    display: block;
    font-size: 14px !important;
}
.woocommerce-form-login__rememberme {
    margin-right: 0;
}
.woocommerce form .form-row .required {
    color:#111 !important;
}
.woocommerce legend {
    font-size:16px;
    color:#111 !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border:none !important;
    background: #fff !important;
    padding: 5px 0!important;
    color:#3659a3 !important;
	border-radius:0  !important;
    border-bottom: solid 2px #3659a3 !important;
	box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
}

.woocommerce form .select1-selection__rendered,
.woocommerce form .select2-selection__rendered,
.woocommerce form .form-row select {   
    border: solid 2px #3659a3 !important;
	border-radius: none !important;
}

.woocommerce form .select1-selection,
.woocommerce form .select2-selection {
	border:none !important;
	border-radius: none !important;
}
.woocommerce form .form-row textarea {   
    border: solid 1px #3659a3 !important;
}
.select2-container--default .select2-selection--single {
    background: rgb( 255, 255, 255, 0.6) !important;
}
.woocommerce-MyAccount-content fieldset{
    border:none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 30px !important;
    
}
.my-account-wrap .woocommerce button.button,
.woocommerce-MyAccount-content .woocommerce-Button {
    font-family: 'dana';
    margin-top: 20px !important;
	background: #3659a3 !important;
	color:#fff;
	padding: 6px 10px !important;
	border-radius: 0 !important;
	font-weight: normal !important;
	font-size: 16px !important;
}
.woocommerce-Addresses {
    margin:40px 0 0  0 !important;
}
.addresses header {
    width:100% !important;
    padding: 0 !important;
    position: relative !important;
    top:inherit !important;
    right:inherit !important;
    margin: 0 0 20px 0 !important;
    height: auto;
    display: block;
	background: transparent !important;
}
.woocommerce h3,
.addresses header h3 {
    width:100%;
    font-weight: normal;
    margin: 20px 0;
    padding-bottom: 10px;
    color:#111;
    font-size:16px;
}
.woocommerce h3 {
    margin: 20px 0 0 0 !important;
}
.addresses address {
    width: 100%;
    color:#111;
    font-size:16px;
    float: right;
    clear: both;
}
.addresses header a {
    margin-bottom: 20px;
    float: right; 
    color: #fff !important;
	display: block;
	background:#3659a3;
	padding: 5px 10px;

}
.cancel:hover,
.cancel:focus,
.view:hover,
.view:focus,
.pay:hover,
.pay:focus {
    color: #fff !important;
	background:#3659a3;
}
.addresses header a:hover,
.addresses header a:focus {
    color: #fff !important;
	background:#3659a3;
}
.cancel,
.view,
.pay {
	background:#3659a3 !important;
	margin:0  !important;
	padding:4px 0 0 0 !important;
	color:#fff !important;
}
.view {
	margin:0 10px !important;
}
.col-2.woocommerce-Address {
	display:none;
}
.no-classz {
    text-align: center;
    margin-top: 80px;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
	display:none !important;
}
/***************************************************
				    Product category 
***************************************************/
.product-list {
    max-width: 920px;
	display: grid;               
	grid-template-columns: repeat(3, 1fr); 
	gap: 20px; 
	margin:0 auto 20px auto;
}
.entry-exam {
	margin:80px auto 20px auto;
	display: block;
}
.product-list li {
	min-height:400px;
	position:relative;
    background: #e3e3e3;
	transition:all .3s ease;
}
.product-list li a {
	display:flex;
	flex-direction:column;
	min-height:400px;
}
.product-list.cE74713 li:hover {
    background: #ff9575;
}
.product-list.cd2424e li:hover {
    background: #d2424e;
}
.product-list.c3987c9 li:hover {
    background: #3987c9;
}
.product-list li figure::before,
.product-list li figure::after,
.product-list li::before,
.product-list li::after {
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	z-index:3;
	background:#fff;
}

.product-list li::before {
	bottom:0;
	left:0;
}
.product-list li::after {
	bottom:0;
	right:0;
}
.product-list li figure::before {
	top:0;
	left:0;
}
.product-list li figure::after {
	top:0;
	right:0;
}
.product-list li a label {
    text-align: center;
    margin:18px auto;
    font-size: 18px;
}
.product-list.c3987c9 li a label {
    color:#3987c9;
}
.product-list.cd2424e li a label {
    color:#d2424e;
}
.product-list.cE74713 li a label {
    color:#E74713;
}
.product-list.c3987c9 li a:hover label,
.product-list.c3987c9 li a:focus label,
.product-list.cd2424e li a:hover label,
.product-list.cd2424e li a:focus label,
.product-list.cE74713 li a:hover label,
.product-list.cE74713 li a:focus label {
    color:#fff !important;
}
.post-password-form {
    max-width: 280px;
    margin: 80px auto 40px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.post-password-form p {
    color:#3987c9 !important;
}
.post-password-form div {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.post-password-form input[type="password"] {
    border:none!important;
    border-radius: 0 !important;
    border-bottom:2px solid #3987c9 !important;
    color:#3987c9 !important;
    padding: 5px;
    box-shadow: 0 1px 4px rgba(18, 25, 97, 0.1779552);
}

.post-password-form input[type="submit"] {
    border: none !important;
    border-radius: 0 !important;
    background: #3987c9 !important;
    color:#fff;
    margin-top: 20px;
    padding: 5px;
}
body.cd2424e .post-password-form p {
    color:#d2424e !important;
}
body.cd2424e .post-password-form input[type="password"] {
    border-bottom:2px solid #d2424e !important;
}
body.cd2424e .post-password-form input[type="submit"] {
    background: #d2424e !important;
}


body.c000f8c .post-password-form p {
    color:#000f8c !important;
}
body.c000f8c .post-password-form input[type="password"] {
    border-bottom:2px solid #000f8c !important;
}
body.c000f8c .post-password-form input[type="submit"] {
    background: #000f8c !important;
}

body.cE74713 .post-password-form p {
    color:#E74713 !important;
}
body.cE74713 .post-password-form input[type="password"] {
    border-bottom:2px solid #E74713 !important;
}
body.cE74713 .post-password-form input[type="submit"] {
    background: #E74713 !important;
}
/***************************************************
				    Single product
***************************************************/
#single-product #clf-product-form-wrapper,
#single-product .product-info {
    width: -moz-calc( 100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc( 100% - 40px);
    width: calc(100% - 40px);
    max-width: 640px;
    margin: 40px auto;
}
#single-product #clf-product-form-wrapper {
	background: #f8f8f8;
	position: relative;
    padding: 0 20px;
}
#single-product #clf-product-form-wrap .gform_wrapper{
    padding: 40px 0 20px 0;
}
#single-product .single_variation_wrap .woocommerce-variation-price,
.woocommerce-variation-availability {
	margin-top: 20px;
    margin-right: 15px;
}
.resrve-note {
    margin-top: 20px;
}
#reset-variations {
    border:none !important;
    color:#555;
    border-radius: 0;
    margin-bottom: 40px;
    margin-right: 10px;
    background: #e3e3e3;
    min-width: 120px;
    height: 40px;
    font-family: 'dana';
    cursor: pointer;
}
.variations li {
    margin-bottom: 20px;
}
.variations li label.label {
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
}
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li.attr_swatch_design_default  {
    min-width: 120px;
}
.clf-show {
    border:none;
    border-radius: 0;
    margin-top: 20px;
    margin-right: 10px;
    background: #e3e3e3;
    min-width: 120px;
    height: 40px;
    font-family: 'dana';
    cursor: pointer;
    color:#fff;
}
#single-product .gform_wrapper {
    max-width: inherit;
}
body.c3987c9 .home-title,
body.c3987c9 .gform_title {
    color:#3987c9 !important;
}
body.c3987c9 .ginput_container input[type="text"],
body.c3987c9 .ginput_container input[type="tel"],
body.c3987c9 .form-wrap input {
    border-bottom:2px solid #3987c9 !important;
}
body.c3987c9 .clf-show,
body.c3987c9 .gform_footer input[type="submit"],
body.c3987c9 .form-wrap .wpforms-submit {
    background: #3987c9 !important;
}

body.cd2424e .home-title,
body.cd2424e .gform_title {
    color:#d2424e !important;
}
body.cd2424e .ginput_container input[type="email"],
body.cd2424e .ginput_container input[type="text"],
body.cd2424e .ginput_container input[type="tel"],
body.cd2424e .form-wrap input {
    border-bottom:2px solid #d2424e !important;
}
body.cd2424e .clf-show,
body.cd2424e .gform_footer input[type="submit"],
body.cd2424e .form-wrap .wpforms-submit {
    background: #d2424e !important;
}
body.cE74713 .home-title,
body.cE74713 .gform_title {
    color:#E74713 !important;
}
body.cE74713 .ginput_container input[type="email"],
body.cE74713 .ginput_container input[type="text"],
body.cE74713 .ginput_container input[type="tel"],
body.cE74713 .form-wrap input {
    border-bottom:2px solid #E74713 !important;
}
body.cE74713 .clf-show,
body.cE74713 .gform_footer input[type="submit"],
body.cE74713 .form-wrap .wpforms-submit {
    background: #E74713 !important;
}
.gform_confirmation_message {
    margin-top: 20px;
}
.single_variation_wrap-price-holder {
    margin-right: 20px;
    margin-top: 10px;
}
/***************************************************
				    CART / checkout
***************************************************/
.woocommerce-order,
.woocommerce-checkout-payment,
#order_review_heading,
#customer_details,
.cart-collaterals,
.shop_table {
    max-width: inherit;
    margin: 0 auto 20px auto !important;
}
.woocommerce-checkout-payment {
    background: transparent !important;
    border: 1px solid rgba(104, 87, 125, .14);
}
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .cart-collaterals .cart_totals {
    width:100% !important;
}
.woocommerce-thankyou-order-details .woocommerce-order-overview__email,
.woocommerce td.product-name dl.variation,
.woocommerce-table--order-details td.product-total,
.woocommerce-table--order-details tfoot,
.woocommerce-order .woocommerce-customer-details,
.woocommerce table.shop_table .product-name dt.variation-,
.woocommerce table.cart .product-name dt.variation-,
.woocommerce table.cart .product-name a,
.woocommerce table.cart td.actions,
.woocommerce table.shop_table th.product-subtotal,
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table th.product-thumbnail,
.woocommerce table.shop_table td.product-thumbnail {
    display: none !important;
    width: 0 !important;
}
.woocommerce table.cart a.product-name strong,
.woocommerce table.shop_table a.cname,
.woocommerce table.cart a.cname {
    display: block !important;
    width: auto !important;
}

.woocommerce table.shop_table a.cname,
.woocommerce table.cart a.cname { 
    margin-bottom: 20px;
}
.woocommerce table.shop_table .cfee,
.woocommerce table.cart .cfee { 
    display: block;
    margin-top: 20px;
}
.woocommerce table.shop_table .cart_item .product-name {
    font-size: 0 !important;
    line-height: 1.7;
}
.woocommerce table.shop_table .product-name strong,
.woocommerce table.shop_table .cart_item .product-name strong {
    font-size: 16px !important;
    display: block !important;
}
.woocommerce table.shop_table .product-name strong.product-quantity,
.woocommerce table.shop_table .cart_item .product-name strong.product-quantity,
.woocommerce table.shop_table th.product-quantity,
.woocommerce table.shop_table td.product-quantity {
    display: none !important;
    visibility: hidden !important;
}
.woocommerce table.shop_table th.product-remove,
.woocommerce table.shop_table td.product-remove {
    width: 20px !important;
}
.woocommerce-checkout-review-order-table .product-total,
.woocommerce table.shop_table th.product-price,
.woocommerce table.shop_table td.product-price {
    text-align: right !important;
}
.woocommerce-MyAccount-content table.my_account_orders,
.woocommerce-MyAccount-content .woocommerce-table--order-details {
	width: 100%;
	border:none !important;
	margin: 20px 0  !important;
	max-width: inherit;
}
.woocommerce table.my_account_orders .button {
	padding: 5px 10px !important;
	border: none !important;
	border-radius: 0 !important;
	font-weight: normal;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details td.product-total {
	display: block !important;
    width: auto !important;
}
.woocommerce-MyAccount-content .order-again,
.woocommerce-MyAccount-content .woocommerce-customer-details {
	display: none !important;
}
.order-total .woocommerce-Price-amount ,
.cart-subtotal .woocommerce-Price-amount {
    float: right !important;
}

.woocommerce ul.order_details li {
    margin-right: 10px;
    padding-right: 10px;
}
.woocommerce ul.order_details li strong {
    font-size: 14px!important;
}
.checkout-button {
    border:none;
    border-radius: 0;
    margin-top: 20px;
    margin-right: 10px;
    background: #3659a3;
    min-width: 120px;
    font-family: 'dana';
    cursor: pointer;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px
}
/***************************************************
				    DIGITS  
***************************************************/
#loginz {
	height:auto;
	display:flex;
	justify-content:center;
	align-items:start;
	flex-direction:column;
    font-family: 'dana', sans-serif !important;
	margin-top:140px;
}
#loginz .my-account-wrap {
    margin: 0 auto 20px auto;
}
.login-logo {
	width: 200px;
    height: 57px;
    margin: 0 auto;
}
.digits-form_container {
	min-height:unset !important;
	padding:0 20px;
}
.dig_input_wrapper div,
.digits-form_tab-bar .digits-form_tab-item,
.digits-form_container a,
.digits-form_container span {
	color:#000 !important;
    font-family: 'dana', sans-serif !important;
	font-size: 16px !important;
}
.digits-form_button_ic,
.digits-form_button-text {
	color:#fff !important;
}
.digits_form_index_section .digits_show_on_index {
	display: flex !important;
	justify-content: center;
	font-size: 14px !important;
}
.digits_form_index_section .digits_show_on_index span  {
	font-size: 14px !important;
}
.digits-form_heading,
.digits-form_heading_text {
	color:#3558A2;
	text-align:center;
    font-family: 'dana', sans-serif !important;
}
.digits-form_container {
	padding:20px !important;
	min-height:400px;
	border-radius:100px;
	width: 320px !important;
	border-radius: 220px;
  background:transparent !important;
    font-family: 'dana', sans-serif !important;
}
.digits_embed-form {
	display:flex !important;
	justify-content:center !important;
}
.digits-form_tab-bar {
	justify-content:space-between;
    font-family: 'dana', sans-serif !important;
}
.digits-form_tab-bar .digits-form_tab-item {
	border-bottom:1px solid #3558A2 !important;
}
.digits-form_button, 
.digits-form_button[type="submit"] {
	background: #3558A2 !important;
	height:35px !important;
	line-height:35px !important;
	border-radius:0 !important;
    font-family: 'dana', sans-serif !important;
}
.digits-form_button, 
.digits-form_button[type="submit"] span {
	color:#fff !important;
    font-family: 'dana', sans-serif !important;
}
.digits-form_button-text {
	color: #efefef !important;
	margin-top: 4px !important;
}
.dig_login_signup_bar {
	font-size:18px!important;
	font-weight:normal !important;
}
.digits-form_tab-bar .digits-form_tab-item {
	font-size:13px !important;
	font-weight:normal !important;
}
.digits-form_input input,
.digits-form_input input[type='text'] {
	height:35px !important;
	line-height:35px !important;
    font-family: 'dana', sans-serif !important;
}
.digits2_box .digits-form_input input,
.digits2_box .digits-form_input textarea,
.digits2_box .digits-form_input input[type='text'] {
    font-family: 'dana', sans-serif !important;
	border:1px solid transparent !important;
	border-color:transparent !important;
	border-bottom:1px solid #3558A2 !important;
	border-bottom-color:#3558A2 !important;
	background:#fff !important;
	border-radius:0  !important;
}
.digits-form_countrycode .digits-field-country_flag {
	top:2px !important;
}
.digits-form_border.digits-row_active,
.digits-form_input textarea:focus,
.digits-form_input input:focus {
	border-color:transparent !important;
	border-bottom:1px solid #3558A2 !important;
	border-bottom-color:#3558A2 !important;
    font-family: 'dana', sans-serif !important;
}
.loginz {
	width: 100%;
	max-width:460px;
	margin: 0 auto;
}
.digits_secure_modal_box, 
.digits_ui, 
.digits_secure_modal_box *, 
.digits_ui *, 
.digits_font, .dig_ma-box, 
.dig_ma-box input, 
.dig_ma-box input::placeholder, 
.dig_ma-box ::placeholder, 
.dig_ma-box label, 
.dig_ma-box button, 
.dig_ma-box select, 
.dig_ma-box * {
	font-weight:normal!important;
	font-size:18px !important;
    font-family: 'dana', sans-serif !important;
}

ul.digitheme-head li.activated:before {
	background:#3558A2 !important;
}
.dig_critical_msg .dig_popmessage_contents {
	background: #3558A2 !important;
	border: 1px solid #3558A2 !important;
}
.dig_critical_msg .dig_lase_snap,
.dig_critical_msg .dig_lase_message {
	color:#fff !important;
}
.dig_critical_msg .dig_popdismiss {
	background-color: #fff !important;
}
.dig_popmessage .dig_firele  {
	opacity:0 !important;
}
.digits_ui {
	max-width:300px;	
}
.digits-form_toggle_login_register {
    display: none !important;
}
/***************************************************
				    woo 
***************************************************/
.woocommerce-notices-wrapper {
	max-width: 880px;
	margin: 0 auto;
	box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
	background-color: #fff !important;
}
.wc-forward,
.wc-backward {
	font-weight: normal !important;
	border-radius: 0 !important;
	color: #fff !important;
	background:#3558A2 !important;
}
.woocommerce-cart-form {
	margin-top: 40px;
}
.woocommerce-checkout-payment,
.cart-collaterals,
.woocommerce table.shop_table {
	width: 100%;
	margin: 0 auto 20px auto;
	max-width: none;
	border:0 !important;
}
.woocommerce-checkout-review-order-table .product-total,
 .woocommerce table.shop_table th.product-price, 
 .woocommerce table.shop_table td.product-price {
	text-align: left !important;
 }
 .order-total .woocommerce-Price-amount,
 .cart-subtotal .woocommerce-Price-amount {
	float: left !important;
 }
 .woocommerce table.shop_table td {
	vertical-align: top;
 }
 .woocommerce a.remove {
	color:#EA1C24!important;
	border-radius:0 !important;
 }
 .woocommerce a.remove:focus,
 .woocommerce a.remove:hover {
	color:#ffff!important;
	background:#EA1C24!important;
 }
 .woocommerce-additional-fields {
	display: none;
 }

/***************************************************
				    wallet 
***************************************************/
.clf-wallet-wrapper {
    background: #fff;
    border: 2px solid #3659a3;
}
.clf-wallet-wrapper * {
    color: #3659a3 !important;
}
.clf-wallet-balance {
	position:relative;
	display:flex;
}
.clf-wallet-wrapper span.woocommerce-Price-currencySymbol,
.clf-wallet-wrapper span.woocommerce-Price-amount {
    width: auto;
    height: unset;
    background: transparent;
    display: block;
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
	font-family:'dana';
}
.fee .woocommerce-Price-amount {
	float:left;
}
.fee .woocommerce-Price-amount bdi {
	direction:ltr;
}
/***************************************************
				    footer 
***************************************************/
footer {
    width: -moz-calc( 100% - 120px);
	width: -webkit-calc( 100% - 120px);
	width: -o-calc( 100% - 120px);
	width: calc( 100% - 120px);
    min-height: -moz-calc( 100vh - 230px);
	min-height: -webkit-calc( 100vh - 230px);
	min-height: -o-calc( 100vh - 230px);
	min-height: calc( 100vh - 230px);
    height: auto;
    padding: 40px 0 10px 0;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	background: #3659a3 url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
    position: relative;
}
footer.c4fb0b2 .shape-right .square1,
footer.c4fb0b2 .shape-left .square1, 
footer.c4fb0b2 .shape-right .square2, 
footer.c4fb0b2 .shape-left .square2, 
footer.c4fb0b2 .shape-right:before, 
footer.c4fb0b2 .shape-left:before, 
footer.c4fb0b2 .shape-right:after,
footer.c4fb0b2 .shape-left:after,
footer.c4fb0b2 .shape-right .shape-bg,
footer.c4fb0b2 .shape-left .shape-bg {
	background: #4fb0b2 !important;
}
footer.c4fb0b2 {
	background: #4fb0b2 url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.c3987c9 .shape-right .square1,
footer.c3987c9 .shape-left .square1, 
footer.c3987c9 .shape-right .square2, 
footer.c3987c9 .shape-left .square2, 
footer.c3987c9 .shape-right:before, 
footer.c3987c9 .shape-left:before, 
footer.c3987c9 .shape-right:after,
footer.c3987c9 .shape-left:after,
footer.c3987c9 .shape-right .shape-bg,
footer.c3987c9 .shape-left .shape-bg {
	background: #3987c9 !important;;
}
footer.c3987c9 {
	background: #3987c9 url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.cbe73de .shape-right .square1,
footer.cbe73de .shape-left .square1, 
footer.cbe73de .shape-right .square2, 
footer.cbe73de .shape-left .square2, 
footer.cbe73de .shape-right:before, 
footer.cbe73de .shape-left:before, 
footer.cbe73de .shape-right:after,
footer.cbe73de .shape-left:after,
footer.cbe73de .shape-right .shape-bg,
footer.cbe73de .shape-left .shape-bg {
	background: #be73de !important;;
}
footer.cbe73de {
	background: #be73de url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.cedcb4f .shape-right .square1,
footer.cedcb4f .shape-left .square1, 
footer.cedcb4f .shape-right .square2, 
footer.cedcb4f .shape-left .square2, 
footer.cedcb4f .shape-right:before, 
footer.cedcb4f .shape-left:before, 
footer.cedcb4f .shape-right:after,
footer.cedcb4f .shape-left:after,
footer.cedcb4f .shape-right .shape-bg,
footer.cedcb4f .shape-left .shape-bg {
	background: #edcb4f !important;
}
footer.cedcb4f {
	background: #edcb4f url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.cE74713 .shape-right .square1,
footer.cE74713 .shape-left .square1, 
footer.cE74713 .shape-right .square2, 
footer.cE74713 .shape-left .square2, 
footer.cE74713 .shape-right:before, 
footer.cE74713 .shape-left:before, 
footer.cE74713 .shape-right:after,
footer.cE74713 .shape-left:after,
footer.cE74713 .shape-right .shape-bg,
footer.cE74713 .shape-left .shape-bg {
	background: #ff9575 !important;
}
footer.cE74713 {
	background: #ff9575 url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.cd2424e .shape-right .square1,
footer.cd2424e .shape-left .square1, 
footer.cd2424e .shape-right .square2, 
footer.cd2424e .shape-left .square2, 
footer.cd2424e .shape-right:before, 
footer.cd2424e .shape-left:before, 
footer.cd2424e .shape-right:after,
footer.cd2424e .shape-left:after,
footer.cd2424e .shape-right .shape-bg,
footer.cd2424e .shape-left .shape-bg,
footer.cd2424e {
	background: #d2424e !important;
}
footer.cd2424e {
	background: #d2424e url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.c3987c9 .shape-right .square1,
footer.c3987c9 .shape-left .square1, 
footer.c3987c9 .shape-right .square2, 
footer.c3987c9 .shape-left .square2, 
footer.c3987c9 .shape-right:before, 
footer.c3987c9 .shape-left:before, 
footer.c3987c9 .shape-right:after,
footer.c3987c9 .shape-left:after,
footer.c3987c9 .shape-right .shape-bg,
footer.c3987c9 .shape-left .shape-bg {
	background: #3987c9 !important;
}
footer.c3987c9 {
	background: #3987c9 url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer.c000f8c .shape-right .square1,
footer.c000f8c .shape-left .square1, 
footer.c000f8c .shape-right .square2, 
footer.c000f8c .shape-left .square2, 
footer.c000f8c .shape-right:before, 
footer.c000f8c .shape-left:before, 
footer.c000f8c .shape-right:after,
footer.c000f8c .shape-left:after,
footer.c000f8c .shape-right .shape-bg,
footer.c000f8c .shape-left .shape-bg {
	background: #000f8c !important;
}
footer.c000f8c {
	background: #000f8c url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfb6.png) bottom center repeat-x;
    background-size: auto 65px;
}
footer p,
footer p span,
footer a:active,
footer a:visited,
footer a {
    color:#fff !important;
    font:16px;
}
footer a:focus,
footer a:hover {
    color: #000!important;
}
footer .shape-right,
footer .shape-left {
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-40px);
    display: flex;
    flex-direction: column-reverse;
}
footer .shape-right {
    left: inherit;
    right: 0;
    transform: translateX(40px);
    direction: ltr;
}

footer .shape-right .shape-bg,
footer .shape-left .shape-bg {
    width: 40px;
    height: -moz-calc( 100% - 80px);
	height: -webkit-calc( 100% - 80px);
	height: -o-calc( 100% - 80px);
	height: calc( 100% - 80px);
    display: block;
    background: #3659a3;
    margin-bottom: 40px;
}
footer .shape-right .square1,
footer .shape-left .square1,
footer .shape-right .square2,
footer .shape-left .square2,
footer .shape-right:before,
footer .shape-left:before,
footer .shape-right:after,
footer .shape-left:after {
    background: #3659a3;
    z-index: 2;
}
body#ltr .shape-left:after {
	float:right;
}
body#ltr footer .shape-left:after {
	margin-left:20px;
}
footer .shape-right .square1 {
	display:block;
	position:absolute;
	top: -20px;
	right:-20px;
}
footer .shape-left .square1 {
	display:block;
	position:absolute;
	top: -20px;
	left:-20px;
}
footer .shape-right .square2 {
	display:block;
	position:absolute;
	bottom: -20px;
	right:-20px;
}
footer .shape-left .square2 {
	display:block;
	position:absolute;
	bottom: -20px;
	left:-20px;
}
footer .shape-right:before{
    position: absolute;
    bottom: 20px;
    left: 0;
}
footer .shape-left:before {
    position: absolute;
    bottom: 20px;
    right: 0;
}
footer h3 {
    margin-top: 0;
    color:#fff;
    font-size: 18px;
}
.partners {
    flex: 0 0 140px;
}
.partners a {
    display: block;
	text-align:center;
}
.partners a:nth-child(1) img {
	width:110px;
}

.partners a:nth-child(3),
.partners a:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
}
.partners a:nth-child(4) svg,
.partners a:nth-child(4) img {
	width:112px;
}

.partners .TCFDELF {
    margin-top: 15px;
    margin-bottom: 15px;
}
.copy-right {
    flex:0 0 calc( 100% + 80px);
    height: 40px;
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 10px;
    transform: translateX(40px);
    border-top:4px solid #e3e3e3;
    position: relative;
    z-index: 3;
}
body#ltr .copy-right {
    transform: translateX(-40px);
}
.copy-right label {
    color:#fff;
}
.xmobile {
    display: none !important;
    visibility: hidden !important;
}

/***************************************************
				landscape
***************************************************/
.landscape {
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	right:0;
	z-index:999999;
	display:none;
	justify-content:center;
	align-items:center;
	background:#fff;
}
.landscape-in {
	text-align:center;
}
.landscape-in p {
    margin: 20px 0 0 0;
}
.landscape svg {
	width:60px;
	height:auto;
}

@media only screen and (max-width: 1024px) {	
	.home-slider,
	.home-slider a,
	.home-slider li {
    	height: auto;
	}
	.home-slider {
		padding-top:100px;
	}
	.overlay nav label,
	.overlay nav a {
		font-size: 17px;
	}
	.study-wrap h1,
	.page-wrap h3,
	.page-wrap h4,
	.page-wrap h1,
	.study-wrap h3,
	.study-wrap h4,
	.class-wrap h1,
	.class-wrap h3,
	.class-wrap h4,
	.library-wrap h1,
	.library-wrap h3,
	.library-wrap h4,
	.home-faq h3,
	.home-news-title {
		font-size:18px;
	}
	.quick-access li,
	.quick-access {
		display:none;
		visibility:hidden;
		opacity:0;
		width:0;
	}
	.home-news-title:before,
	.home-news-title:after {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		background: #be73de;
		position: absolute;
		border: none;
		top:20px;
	}
	
	.home-news-title:before {
		margin-left: -20px;
	}
	.home-news-title:after {
		margin-right: -20px;
	}
	.partners {
		flex: 0 0 100px;
	}
}

@media only screen and (max-width: 880px) {
	header {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		right: 40px;
	}
	.overlay {
		width:100%;
	}
	main {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		padding-left:20px;
		padding-right:20px;
		overflow:hidden;
	}
	.home-about {
		width: 100%;
		padding: 40px 0 20px 0;
	}
	.home-campus, 
	.home-library {
		flex: 0 0 100%;
		margin-bottom:20px;
	}
	.home-news li {
		flex: 0 0 calc(50% - 10px);
	}
	.home-news li:last-child {
		flex: 0 0 100%;
	}
	.home-news li:nth-child(3) a figure:after {
		display:none;
	}
	.home-news li:nth-child(2) a figure:before {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		background: #fff;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 2;
		transform: rotate(45deg);
	}

	.home-faq {
		width:100%;
	}
	#about {
		margin-bottom:0;
	}
	.about-wrap {
		width:100%;
		flex-direction:column;
	}
	.contact-wrap {
		width:100%;
		flex-direction:column-reverse;
	}
	.form-wrap {
		margin-top:40px;
	}
	.content-wrap:before {
		display:none;
	}
	.image-wrap:after,
	.image-wrap:before,
	.map-wrap:after,
	.map-wrap:before {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.map-wrap:after {
		right:unset;
		left:0;
	}
	body#ltr .map-wrap:before {
		right: 0;
		left: unset;
	}
	.image-wrap:after {
		left:unset;
		right:0;
	}
	footer {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}
	footer .shape-left .square2,
	footer .shape-left .square1,
	footer .shape-right .square2,
	footer .shape-right .square1 {
		display:none;
	}
	.footer-nav,
	.location {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: -o-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	footer .footer-nav p,
	footer .footer-nav h3 {
		text-align:left;
	}
	footer .partners {
        flex: 0 0 100%;
        display: flex;
        flex-direction: row;
		justify-content:space-between;
		align-items:center;
		margin:40px auto;
		overflow:hidden;
		flex-wrap:wrap;
	}
	footer .partners div,
	footer .partners a {
		flex: 0 0 30%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.partners .TCFDELF {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	footer .partners a svg,
	footer .partners div img,
	footer .partners a img {
		width:50%;
		min-width:120px;
		height:auto;
	}
	footer .partners a:nth-child(1) img {
		max-width: 80px;
		min-width: unset;
	}
	footer .shape-left:before {
    	background: #3659a3 !important;
	}
	
}
@media only screen and (max-width: 680px) {
	.snow-container {
		width:100%;
		height:90%;
		left:0;	
	}
	body {
		background: url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfl3.jpg) top left repeat-y ,
				url(https://www.clf-teh.org/wp-content/uploads/2024/07/bg-clfr3.jpg) top right repeat-y;
		background-size:50px auto;
	}
	.xdesktop {
		display: none !important;
		visibility: hidden !important;
	}
	.xmobile {
		display: block !important;
		visibility: visible !important;
	}
	header {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
        right: 20px;
	}
	nav .partners {
		display:none;
	}
	.overlay {
		height: -moz-calc( 100% - 180px);
		height: -webkit-calc(100% - 180px);
		height: -o-calc(100% - 180px);
		height: calc(100% - 180px);
		top: 140px;
		left: 0;
	}
	.overlay-wrap.scrolled .overlay {
		height: -moz-calc( 100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: -o-calc(100% - 120px);
		height: calc(100% - 120px);
		top: 120px;
	}
	.overlay .shape-bottom {
	    height: 20px;
    	bottom: -20px;
	}
	.shape-right,
	.shape-left {
    	width: 20px;
		height:120px;
	}
	footer .shape-right .shape-bg,
	footer .shape-left .shape-bg,
	.shape-right .shape-bg,
	.shape-left .shape-bg {
    	width: 20px;
	}
	.shape-right {
	    transform: translateX(20px);
	}
	.shape-left {
	    transform: translateX(-20px);
	}
	.overlay nav {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin: 20px auto 0 auto;
	}
	.overlay nav .menu {
		width:100%;
	}
	.overlay nav .menu ul {
		flex:0 0 100%;
	}
	.main-link-first {
		margin-top: 20px;
	}
	.overlay .nav-contact {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		left: 20px;
		bottom: 20px;
		height:100px;
	}
	.overlay .nav-contact p {
    	flex: 0 0 calc(50% - 22px)
	}
	.search-wrap {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		outline: 0 solid #3659a3;
		border: 20px solid #3659a3;
		top: 140px;
	}
	header.scrolled .search-wrap {
		top: 120px;
	}
	.c4fb0b2 .search-wrap {
		outline: 20px solid #4fb0b2;
	}
	.cE74713 .search-wrap {
		outline: 20px solid #ff9575;
	}
	.c000f8c .search-wrap {
		outline: 20px solid #000f8c;
	}
	.cd2424e .search-wrap {
		outline: 20px solid #d2424e;
	}
	.c3987c9 .search-wrap {
		outline: 20px solid #3987c9;
	}
	.cbe73de .search-wrap {
		outline: 20px solid #be73de;
	}
	.home-news-title {
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.home-news li {
		flex: 0 0 100%;
	}
	.home-news li:nth-child(2) a figure:after {
		display:none;
	}
	.news-slider .slick-dots li {	
	    width: 20px;
		height: 20px;
		flex: 0 0 20px;
	}
	.home-news li:nth-child(1) a figure:after {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		background: #fff;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 2;
		transform: rotate(45deg);
	}
	footer {
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: calc(100% - 40px);
    }
	footer .shape-right,
	footer .shape-left {
    	width: 20px;
	}
	footer .shape-right {
	    transform: translateX(20px);
	}
	footer .shape-left {
	    transform: translateX(-20px);
	}
	footer .partners div,
	footer .partners a {
        flex: 0 0 45%;
	}
	.copy-right {
		flex: 0 0 100%;
		transform: translateX(0) !important;
	}
	.copy-right label {
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: calc(100% - 40px);
		font-size:14px;
		display:block;
		margin:0 auto;
		text-align:center;
	}
	#user-login {
		padding: 120px 5px 10px 5px
	}
	#user-login svg {
		width:20px;
	}
	#user-login span {
    	font-size: 14px;
		top: 45px;
		width: 100px;
		right: -36px;
	}
	body#ltr #user-login span {
    	font-size: 12.5px;
		top: 50px;
	}
	body#ltr footer .shape-left:after {
		margin-left: 0;
	}
	figure.wp-block-table table {
        min-width: -moz-calc(100% - 40px);
        min-width: -webkit-calc(100% - 40px);
        min-width: -o-calc(100% - 40px);
        min-width: calc(100% - 40px);
		overflow: hidden;
		overflow-x: scroll;
		display:block;	
	}
	.tarifs-library table,
	.tarifs-teacher table,
	.tarifs-compus table {
		display:inline-table !important;
	}
	
	body#ltr .tarifs-library table,
	body#ltr .tarifs-teacher table {
		display:block !important;
	}
	th {
		white-space: nowrap;
	}

	td {
		white-space: nowrap;
	}
	.has-luminous-vivid-amber-background-color ul,
	.has-luminous-vivid-amber-background-color  .has-text-align-center,
	.has-luminous-vivid-amber-background-color  .has-text-align-right {
		padding:20px;
	}
	.frmz-wrap,
	.my-account-wrap {
		Width: -moz-calc( 100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc( 100% - 40px);
		width: calc(100% - 40px);
		padding: 40px 20px 60px 20px;
	}
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-first,
	.woocommerce-page form .form-row-last,
	.my-account-wrap .woocommerce {
		width:100%;
	}
	.woocommerce-MyAccount-navigation ul li {
    	flex: 0 0 25%;
	}
}
@media only screen and (max-width: 580px) {
    .footer-nav,
	.location {
		width:100%;
	}
	.footer-nav {
		margin-top:40px;
	}
	footer .footer-nav p,
	footer .footer-nav h3 {
		text-align:right;
	}
	body#ltr footer .footer-nav p,
	body#ltr footer .footer-nav h3 {
		text-align:left !important;
	}
}

@media only screen and (max-width: 360px) {
	 footer .partners a svg,
	footer .partners a img,
	footer .partners a {      
		width: 65px;
        height: auto;
    }
}
.wp-block-ub-content-toggle-accordion.xnone,
.xnone {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}


.fancybox-button--play,
.fancybox-button--thumbs {
    display: none !important;
}


.wpforms-container .wpforms-field-label.wpforms-label-hide,
.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide,
.wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide,
.wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide {
    position: relative !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    top: 0 !important;
    left: 0 !important;
}

footer .shape-left:before {
	background: #EA1C24;
}
footer .shape-left .square2 {
	background: #29387D!important
}

.wp-block-ub-content-toggle-accordion-title {
	padding:15px 20px !important;
}
main .wp-block-separator {
    margin-top: -100px;
    padding-top: 100px;
}
body#ltr .story-content h6 {
	direction:ltr;
}
.slick-next,
.slick-prev,
[dir='rtl'] .slick-prev,
[dir='rtl'] .slick-next {
	display:none !important;	
}
.cool-vertical-timeline-body .timeline-content .story-time p,
.cool-vertical-timeline-body .timeline-content .story-time>div {
	font-size: 30px !important;
	line-height:14px !important
}

@media (max-width: 960px) {
	.product-list {
	    grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
    .cool-vertical-timeline-body .timeline-content.icon-true .timeline-block-icon {
        top: 29px !important;
    }
}
@media (max-width: 640px) {
	.student-personal-info-wrap {
		flex-direction: column;
	}
	.student-personal-level {
		width:100%;
		aspect-ratio: 1;
		margin-bottom: 20px;
	}
	.student-level-box {
		margin-left:0;
	}
	.student-current-level {
		font-size: 40px;
	}
	.product-list li,
	.product-list li a {
		min-height: 120px;
	}
	.product-list {
	    grid-template-columns: repeat(1, 1fr);
	}
	#loginz {
		min-height:50vh;
		margin-top:100px;
	}
}
@media only screen and (max-device-width: 680px) and (orientation: landscape) {
	.landscape {
		display:flex;
	}
}
.wp-block-ub-content-toggle-accordion-content-wrap ul {
	margin-bottom:20px !important;
}
.sbi_btn_text,
.sbi_follow_btn a span {
	color:#fff !important;
}
.alert-wrap {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(255,255,255, 0.75);
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	cursor:pointer;
	display:none;
}
.alert {
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
    width: -o-calc(100% - 80px);
	width: calc(100% - 80px);
	max-width:460px;
	padding: 20px 0;
    background: #3659a3;
	position:relative;
}
.alert p {
	color:#fff;
}
.alert:before,
.alert:after {
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height: -moz-calc(100% - 40px);
	height: -webkit-calc(100% - 40px);
    height: -o-calc(100% - 40px);
	height: calc(100% - 40px);
	background:#3659a3;
	top:20px;
}
.alert:before {
	left:-20px;
}
.alert:after {
	right:-20px;
}
.alert-wrap-close {
	width:30px;
	height:30px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin:0 auto 20px auto;
}
.alert-wrap-close:before,
.alert-wrap-close:after {
	content:'';
	display:block;
	width:40px;
	height:1px;
	background:#fff;
}
.alert-wrap-close:before {
	transform: rotate(45deg) translate(13px,6px)
}
.alert-wrap-close:after {
	transform: rotate(-45deg) translate(-6px,13px)
}
body#ltr .alert-wrap-close:before {
    transform: rotate(45deg) translate(6px,13px)
}
body#ltr .alert-wrap-close:after {
    transform: rotate(-45deg) translate(-13px, 6px);
}