/*-----------------------------------------

 [MASTER STYLE SHEET]

 * Project: Education Master HTML Template

 * Version: v1.0

 * Copyright 2017-2020 rn53themes

 * Last Changes: 10 jan 2018

 * Author: RN53 Themes

 * Email:      rn53themes@gmail.com

 * Website:    http://www.rn53themes.net

 -----------------------------------------------*/





/*-------------------------------------------------

 =  Table of Css

	All Pages Common CSS Styles

	1.COLLEGE

	2.MAIN MENU

	3.HOME PAGE: PART ONE

	4.HOME PAGE: COURSE

	5.HOME PAGE: EVENT

	6.HOME PAGE: TAB AND ENQUIRY

	7.SEARCH BOXoverlayT

	8.SLIDER

	9.HOME PAGE: QUICK LINK

	10.TOP COURSES

	11.BOTTOM BOOKING

	12.BREADCRUM

	13.COURSE DETAILS

	14.USER DASHBOARD

	15.FOOTER GALLERY AND BLOG

	16.REGISTER LOGIN POPUPS

	17.REGISTER LOGIN POPUPS

	18.STUDENT DASHBOARD

	19.STUDENT DASHBOARD - COURSES

	20.STUDENT DASHBOARD - TIME LINE

	21.MEGA MENU

	22.SOCIAL MEDIA SHARE

	23.SOCIAL MEDIA SHARE

	24.ABOUT US

	25.AWARDS

	26.ADMISSIONN

	27.SEMINAR

	28.EVENTS

	29.CONTACT US

	30.MOBILE MANU

-------------------------------------------------*/





/*-------------------------------------------------*/





/* =  1.All Pages Common CSS Styles

/*-------------------------------------------------*/



body {

    font-family: 'Open Sans', sans-serif;

    padding-right: 0px !important;

}



a {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    outline: none;

}



a:hover {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



h1,

h2 {

    font-weight: 700;

    line-height: 28px;

}



h3,

h4,

h5,

h6 {

    font-weight: 600;

    line-height: 24px;

}



.mini-hr {

    width: 50%;

    text-align: center;

}



p,

li,

a,

span,

table,

tr,

td,

label {

    font-size: 15px;

    color: #636363;

    font-weight: 400;

    line-height: 24px;

}



.com-sp {

    padding: 100px 0px;

}



.pad-top-0 {

    padding-top: 0px;

}



.pad-bot-0 {

    padding-bottom: 0px;

}



.pad-bot-70 {

    padding-bottom: 70px;

}



.con-title {

    text-align: center;

    margin-bottom: 40px;

}



.con-title h2 {

    font-size: 36px;

    margin-top: 0px;

    margin-bottom: 15px;

    line-height: 40px;

}



.con-title h2 span {

    font-size: 36px;

    font-weight: 700;

    color: #2f9a4d;

    line-height: 40px;

}



.con-title p {

    font-size: 18px;

    color: #3f444a;

    font-weight: 300;

}



.pad-all-20 {

    padding: 20px;

}



.mar-bot-0 {

    margin-bottom: 0px;

}



.pad-top-173 {

    padding-top: 173px;

}



.wed-top {

    color: #fff;

    margin: 0 auto;

    padding: 10px 0px;

    max-width: 100%;

    border: 0;

    /* background: #fff;

     */

    box-shadow: 0px 4px 7px hsla(0, 0%, 1%, 0.47);

    width: 100%;

    top: 0;

    transition: transform .2s ease-in;

    position: fixed;

    z-index: 6;

    background: #ffffff;

    /* background: linear-gradient(to bottom, #ffffff, #c8ced2);

     */

}



.wed-logo {

    float: left;

    width: 20%;

}



.wed-logo a {}



.wed-logo a img {

    width: 120px;

    /*padding: 7px 0px;*/

}



.wed-logo-mobile a {}



.wed-logo-mobile a img {

    width: 80px;

    /*padding: 7px 0px;*/

}



.wed-menu {

    float: right;

    padding-top: 14px;

}



.wed-menu ul {

    margin-bottom: 0px;

    /* padding-top: 23px;

     */

}



.wed-menu ul li {

    float: left;

    display: inline-block;

}



.wed-menu ul li:nth-child(2) {

    padding-right: 10px;

}



.wed-menu ul li a {

    color: #363a3c;

    padding: 8px 10px 5px 10px;

}



.menu-drop-menu {}



.menu-drop-menu li {}



.menu-drop-menu li a {}



.wed-search {

    background: url(../images/banner.html) no-repeat;

    position: relative;

    background-size: cover;

}



.wed-search {}



.web-search-form {}



.web-search-form input {

    background: #fff !important;

    border: 0px !important;

    height: 45px !important;

    border-radius: 2px !important;

    padding: 0px 10px !important;

    box-sizing: border-box !important;

    font-size: 14px !important;

}



.web-search-form input[type="submit"] {

    background: none !important;

}



.wed-search-1 {

    padding: 250px 0px 100px 0px;

    width: 70%;

    margin: 0 auto;

    text-align: center;

    position: relative;

}



.wed-search-1 h1 {

    color: #fff;

    font-size: 40px;

}



.wed-search-1 p {

    font-size: 18px;

    color: #fff;

    padding-bottom: 15px;

}



.wed-search-1 form {}



.web-search-form label {

    top: 16px;

    left: 18px;

    font-size: 12px;

    font-family: 'Open Sans', sans-serif;

}



.wed-search:before {

    content: '';

    background: #141E30;

    background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82));

    background: linear-gradient(to right, rgba(36, 59, 85, 0.55), rgba(20, 30, 48, 0.82));

    position: absolute;

    bottom: 0px;

    top: 0px;

    left: 0px;

    right: 0px;

}



.web-search-form div {

    padding-left: 5px;

    padding-right: 5px;

}



.wed-sear-btn {

    height: 45px;

    line-height: 45px;

    background-color: #994b97;

    background: linear-gradient(to bottom, #9a4c98, #6a3179);

    outline: none;

}



.wed-pop-ser-btn {}



.wed-pop-ser-btn img {}



.wed-top-phone {

    border: 1px solid #6b6a6a;

    border-radius: 50px;

}





/*--================= BOX ===================--*/



.wed-hom-title {

    text-align: center;

    padding-bottom: 15px;

    padding-top: 24px;

}



.wed-hom-title h2 {

    /* padding: 15px;

     */

    font-size: 34px;

    font-family: 'Pacifico', cursive;

}



.wed-hom-title h2:after {

    display: block;

    content: '';

    width: 230px;

    height: 26px;

    margin: 0 auto;

    background: url('../images/sprite.png') no-repeat -20px -79px;

    -webkit-transition: width 2s;

    -o-transition: width 2s;

    transition: width 2s;

    margin-top: 20px;

}



.wed-hom-title h2 span {

    /* padding: 15px;

     */

    font-size: 34px;

    font-family: 'Pacifico', cursive;

    color: #6e337c;

}



.wed-hom-title p {

    font-size: 16px;

    color: #828282;

}



.web-hom-grid {

    position: relative;

    overflow: hidden;

    border: 1px solid #dcdcdc;

    margin-bottom: 30px;

}



.web-hom-grid a {}



.web-hom-grid a img {}



.web-hom-grid a h4 {}



.web-hom-grid a img {

    width: 100%;

    background: #FF5722;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.web-hom-grid:hover img {

    opacity: 0.5;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.wed-grid-img {

    background: #FF9800;

}



.wed-grid-img img {

    width: 100%;

}



.wed-grid-text {

    position: absolute;

    bottom: 0px;

    width: 100%;

    padding: 25px;

}



.wed-grid-text h4 {

    color: #fff;

    font-size: 24px;

}



.wed-grid-text p {

    color: #fff;

    font-size: 16px;

    margin-bottom: 0px;

}



.web-hom-grid:before {

    content: '';

    position: absolute;

    background: linear-gradient(to top, rgba(23, 19, 53, 0.74) 25%, rgba(255, 255, 255, 0) 100%);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.wed-ser-bg {

    padding-top: 45px;

    background: url(../images/home-ser-bg1.html) no-repeat center top, url(../images/home-ser-bg.html) repeat-x center top;

    /* background-position: top, top center;

     */

    background-repeat: inherit no-repeat;

    background-repeat-y: repeat no-repeat;

    background-size: 158px 50px, 23px 20px;

}



.wed-grid-img-2 {}



.wed-grid-img-2 img {

    width: 100%;

}



.wed-grid-img-2:before {}



.wed-hom-pop {

    border: 1px solid #dedede;

}



.wed-grid-2-text {

    padding: 5px 15px 0px 15px;

}



.wed-grid-2-text h4 {

    color: #fff;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

}



.wed-grid-2-text p {

    color: #ffffff;

    padding-top: 8px;

    font-size: 15px;

}



.fix-rati {}



.fix-rati span {

    color: #fff;

    font-weight: 500;

    font-size: 16px;

}



.fix-rati i {

    color: #FF9800;

    font-size: 18px;

}



.fix-rat-1 {}



.fix-rat-1 i {

    font-size: 12px;

}



.fix-rat-1 span {

    font-size: 12px;

    color: #c6bfc6;

}



.wed-pop-bon {}



.wed-pop-bon h4 {

    font-size: 16px;

}



.wed-pop-bon p {

    font-size: 14px;

}



.wed-grid-text-2 {

    padding: 12px;

}



.wed-hom-tes {

    position: relative;

    overflow: hidden;

    height: 365px;

    border: 1px solid #dadada;

    padding: 15px;

}



.wed-hom-tes:hover {

    overflow-y: auto;

}



.wed-hom-tes ul {

    margin-bottom: 0px;

}



.wed-hom-tes ul li {

    display: block;

    width: 100%;

    padding-bottom: 18px;

    padding-top: 18px;

    border-bottom: 1px solid #dadada;

}



.wed-hom-tes ul li img {

    float: left;

    width: 92px;

    height: 92px;

    border-radius: 50px;

    display: inline-block;

}



.wed-user-test {

    /* float: left;

     */

    margin-left: 115px;

}



.wed-user-test h5 {

    font-size: 20px;

    font-family: 'Pacifico', cursive;

}



.wed-user-test p {

    font-size: 15px;

}



.wed-user-test span {

    /* font-family: 'Pacifico', cursive;

     */

    font-size: 14px;

    font-style: italic;

}



.wed-hom-happy {

    background: #6e3f77;

    /* text-align: right;

     */

    padding: 150px 30px;

    margin-top: 45px;

    /* margin-bottom: 50px;

     */

    /* border: 5px #8a8a8a;

     */

    /* border-style: dashed;

     */

    border-radius: 5px;

    background: url(../images/bg.html) no-repeat;

    position: relative;

    background-size: cover;

}



.wed-hom-happy:before {

    content: '';

    background: #73716f;

    background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(20, 30, 48, 0));

    background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(20, 30, 48, 0));

    position: absolute;

    bottom: 0px;

    top: 0px;

    left: 0px;

    right: 0px;

}



.wed-hom-happy h2 {

    color: #fff;

    font-family: 'Pacifico', cursive;

    font-size: 55px;

    padding-bottom: 15px;

}



.wed-hom-happy p {

    color: #fff;

    font-size: 18px;

    padding-bottom: 20px;

    padding-top: 15px;

}



.wed-hom-happy img {}



.wed-hom-happy a {

    background: #E91E63;

    font-size: 14px;

}



.wed-hom-happy a:hover {

    color: #fff;

    background-color: #823f89;

}



.wed-hom-happy a:focus {

    color: #fff;

}



.wed-video {}



.wed-video iframe {

    width: 100%;

    height: 365px;

}



.wed-hom-title-tes {

    padding-bottom: 25px;

    text-align: center;

}



.wed-hom-title-tes h2 {

    font-size: 22px;

}



.wed-hom-title-tes p {}



.wed-hom-app {

    background: #49446f;

    padding: 40px 25px;

    /* margin-top: 50px;

     */

    /* margin-bottom: 50px;

     */

}



.foot-align div {

    display: inline-block;

    font-size: 18px;

    color: #fff;

    vertical-align: middle;

    margin-bottom: 0px;

    padding: 0px 35px;

}



.wed-hom-app span {

    /* width: 80px;

     */

    /* height: 95px;

     */

    margin: -5px 0px 0;

}



.wed-hom-app a {

    margin-top: 20px;

    margin-bottom: 20px;

    text-transform: uppercase;

    /* background: #eb4a8f;

     */

    font-size: 34px;

    color: #fff;

}



.wed-hom-app a:hover {

    color: #fff;

}



.foot-align {

    margin: 0 auto;

    display: table;

}



.wed-hom-footter {

    /* margin-top: 60px;

     */

    padding: 80px 0px 65px 0px;

    background: #0d3b1acf;

}



.wed-hom-footer {

    /* margin-top: 60px;

     */

    padding: 50px 0px 35px 0px;

    background: #0d3b1acf;

}





/*.wed-hom-footer h4{

     font-size: 14px;

     color: #d6d6d6;

     padding-bottom: 25px;

     text-transform: uppercase;

}*/



.wed-hom-footer h4 {

    font-size: 18px;

    color: #fff;

    padding-bottom: 26px;

    text-transform: uppercase;

    margin-bottom: 17px;

}





/*.wed-hom-footer p{

     font-size:13px;

     color: #838384;

}*/



.wed-hom-footer p {

    font-size: 15px;

    font-weight: 500;

    color: #ffffffad;

}



.wed-hom-footter p {

    font-size: 15px;

    font-weight: 500;

    color: #ffffffad;

}



.wed-hom-footer p a {

    font-size: 13px;

    color: #838384;

}



.wed-foot-link {

    border-top: 1px groove #6a83a0;

    border-bottom: 1px groove #6a83a0;

    padding: 35px 0px;

    /* margin-top: 35px;

     */

}



.wed-foot-link ul {}



.wed-foot-link ul li {

    width: 50%;

    float: left;

}



.wed-foot-link ul li a {

    color: #838384;

    font-size: 13px;

}



.wed-foot-link div {

    border-right: 1px groove #6a83a0;

}



.wed-foot-link div:last-child {

    border-right: 0px solid #dadada;

    ;

}



.wed-video2 {

    padding: 50px 0px;

    background: #f1f1f1;

}



.wed-foot-link-1 {

    padding-top: 25px;

}



.wed-foot-link-1 ul {

    position: relative;

    overflow: hidden;

}



.wed-foot-link-1 ul li {

    float: left;

    padding-right: 8px;

}



.wed-foot-link-1 ul li a {}



.wed-foot-link-1 ul li a i {

    width: 32px;

    height: 32px;

    text-align: center;

    border: 1px solid #6f6f6f;

    border-radius: 20px;

    padding: 8px;

    color: #c5c5c5;

}



.wed-foot-link-1 ul li a img {

    width: 140px;

}



.wed-rights {

    background: #01172f;

}



.wed-rights p {

    text-align: center;

    margin-bottom: 0px;

    padding: 8px;

    color: #adadad;

    font-size: 13px;

}



.sprite-android {

    background: url(../images/sprite.png) no-repeat -12px -15px;

}



.sprite-ios {

    background: url(../images/sprite.png) no-repeat -170px -15px;

}



.sprite {

    width: 157px;

    height: 55px;

    display: inline-block;

}



.sprite-call {

    width: 110px;

    height: 120px;

    display: inline-block;

    background: url(../images/sprite.png) no-repeat -22px -116px;

    /* margin-top: 51px;

     */

    float: left;

}



.man-drop {

    position: relative;

    background: #fff;

    padding: 18px;

    border-radius: 2px;

    /* display: none;

     */

    position: absolute;

    width: 80%;

    margin-left: -35%;

    margin-top: 20px;

    box-shadow: 0px 6px 20px -1px hsla(0, 0%, 1%, 0.22);

    display: none;

}



.man-drop ul {}



.man-drop ul li {

    width: 29%;

    padding-bottom: 10px;

    border-bottom: 1px solid #dfdfdf;

    margin: 5px;

}



.man-drop ul li a {

    color: #333;

    vertical-align: middle;

    font-size: 15px;

    font-weight: 500;

    display: block;

    padding: 5px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.man-drop ul li a img {

    width: 32px;

}



.man-drop {}



.man-drop:after {

    border-color: #333;

    border-top-color: #1f4363;

    border-width: 9px;

    margin-left: -9px;

}



.man-drop:before {

    top: -12px;

    left: 48%;

    /* border: solid rgb(0, 0, 0);

     */

    content: " ";

    height: 15px;

    width: 28px;

    position: absolute;

    pointer-events: none;

    background: url(../images/sprite.png) no-repeat -335px -15px;

}



.desk-hide {

    display: none;

}



.mob-close {

    display: none;

}



.mob-close {

    position: fixed;

    top: 9px;

    font-size: 17px;

    border: 1px solid #fff;

    padding: 3px 7px 0px 7px;

    border-radius: 2px;

    background: #fff;

    color: #803e88;

    right: 15px;

    cursor: pointer;

}



.wed-sel-filter {}



.wed-filter {

    position: relative;

    overflow: hidden;

    padding-top: 130px;

    width: 70%;

    margin: 0 auto;

    text-align: center;

}



.wed-filter h1 {

    color: #fff;

}



.wed-filter p {

    color: #fff;

}



.cen-filter {}



.cen-filter ul {

    position: relative;

    overflow: hidden;

    margin-bottom: 0px;

}



.cen-filter ul li {

    width: 31.555%;

    border: 1px solid #dfdfdf;

    margin: 5px;

    float: left;

}



.cen-filter ul li a {

    color: #333;

    vertical-align: middle;

    font-size: 15px;

    font-weight: 500;

    display: block;

    padding: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    text-align: left;

}



.cen-filter ul li a:hover {

    background: #dfdfdf;

}



.cen-filter ul li a:focus {

    background: #dfdfdf;

}



.cen-filter ul li a img {

    width: 32px;

}



.cen-filter {}



.wed-filt-change {

    position: relative;

    background: #fff;

    padding: 3% 27px 41% 27px;

    border-radius: 2px;

    /* display: none;

     */

    /* width: 70%;

     */

    margin-top: 20px;

    box-shadow: 0px 6px 20px -1px hsla(0, 0%, 1%, 0.22);

    /* display:none;

     */

    margin-bottom: 100px;

}



.wed-filt-nav {

    width: 100%;

    border-top: 1px solid #dfdfdf;

    margin-top: 20px;

    padding-top: 20px;

    display: none;

}



.wed-filt-nav ul {}



.wed-filt-nav ul li {

    float: left;

    width: 50%;

}



.wed-filt-nav ul li a {

    background: #2e2b44;

}



.wed-filt-nav ul li a:hover {

    background: #342e65;

    color: #fff;

}



.wed-filt-nav ul li a:focus {

    color: #fff;

}



.wed-filt-nav ul li:nth-child(1) a {}



.wed-filt-nav ul li:nth-child(2) a {}



.cen-filter {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.fil-2 {

    transform: scale(0);

}



.fil-3 {

    transform: scale(0);

}



.fil-4 {

    transform: scale(0);

}



.fil-5 {

    transform: scale(0);

}



.filt-eff {

    transform: scale(0);

}



.filt-eff-1 {

    transform: scale(1);

}



.wed-sel-filter {

    position: absolute;

    /* min-height: 250px;

     */

    width: 94%;

}



.wed-sel-filter h4 {

    text-align: left;

    color: #607D8B;

    padding-left: 6px;

}



.wed-sel-filter form input[type="submit"] {

    background: #342e65;

    color: #fff;

    font-size: 16px;

    padding: 10px 42px;

    border-radius: 2px;

    border: 0px;

}





/*-------------------------------------------------*/





/* =  2.COLLEGE

/*-------------------------------------------------*/



.ed-home {}



.com-fir-sp-top {}



.ed-top {

    background: #083214b8;

}



.ed-com-t1-left {}



.ed-com-t1-left ul {}



.ed-com-t1-left ul li {

    float: left;

    display: inline-block;

}



.ed-com-t1-left ul li a {

    color: #a3adb9;

    padding: 5px 14px;

    line-height: 30px;

    border-right: 1px solid #043267;

    font-size: 12px;

}



.ed-com-t1-right {

    float: right;

}



.ed-com-t1-right ul {}



.ed-com-t1-right ul li {

    float: left;

    display: inline-block;

}



.ed-com-t1-right ul li a {

    color: #fff;

    padding: 7px 12px;

    line-height: 30px;

    font-size: 12px;

}



.ed-com-t1-right ul li:nth-child(1) a {

    background: #e66030;

}



.ed-com-t1-right ul li:nth-child(2) a {

    background: #013673;

}





/*-------------------------------------------------*/





/* =  2.MAIN MENU

/*-------------------------------------------------*/



.main-menu {

    float: right;

    width: 100%;

}



.main-menu ul {

    float: right;

    margin-right: 40px;

}



.main-menu ul li {

    float: left;

    display: inline-block;

}



.main-menu ul li a {

    color: #000000;

    padding: 20px 10px;

    line-height: 60px;

    font-size: 16px;

    font-weight: 600;

    /* text-transform: uppercase;

     */

    position: relative;

}



.main-menu ul li a:hover {

    color: #e66030;

}



.main-menu ul li a:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 3px;

    bottom: 12px;

    left: 0;

    color: #e66030;

    background-color: #e66030;

    visibility: hidden;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    transition: all .15s ease-in;

    z-index: 1;

}



.main-menu ul li a:hover:after {

    visibility: visible;

    transform: scaleX(1);

    transition: all .25s ease-out;

}



.main-menu ul li:last-child a {

    padding-right: 0px;

}



.ed-sub-menu:after {

    content: "\f107";

    font-family: FontAwesome;

    padding: 5px 5px;

    position: relative;

    top: 0px;

    font-size: 14px;

    font-weight: 900;

}



.ed-sub-drop-menu:after {

    content: "\f105";

    font-family: FontAwesome;

    padding: 5px 5px;

    position: relative;

    top: -5px;

    font-size: 14px;

    font-weight: 900;

    float: right;

}



.menu-about:after {

    display: none;

}



.menu-ville:after {

    display: none;

}



.mm1-s2 a:after {

    display: none;

}



.mm2-com a:after {

    display: none;

}



.slider {

    height: 500px !important;

}



.slider:after {

    position: absolute;

    content: '';

    background: #333;

    bottom: 0px;

    top: 0px;

    left: 0px;

    right: 0px;

}



.caption h3 {

    font-size: 60px;

}



.caption h5 {

    font-size: 32px;

}



.caption p {}



.caption a {}





/*-------------------------------------------------*/





/* =  3.HOME PAGE: PART ONE

/*-------------------------------------------------*/



.hom-p1 {

    position: relative;

    overflow: hidden;

}



.hom-p1-img {

    float: left;

    width: 25%;

}



.hom-p1-img img {

    width: 100%;

}



.hom-p1-con {

    float: left;

    width: 75%;

    padding-left: 15px;

}



.hom-p1-con h4 {

    margin-bottom: 18px;

    font-size: 24px;

}



.hom-p1-com {

    background: #ffffff;

    position: relative;

    overflow: hidden;

    padding: 18px;

    border-radius: 2px;

    border: 1px solid #e0e0e0;

}



.hom-p1-con p {}



.hom-p1-con a {}



.btn-read {

    color: #fff;

    background: #22bff1;

    /* fallback for old browsers */

    background: -webkit-linear-gradient(to top, #1ab4e6, #2bcbfd);

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to top, #1ab4e6, #2bcbfd);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    padding: 7px 10px;

    line-height: 40px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 12px;

}





/*-------------------------------------------------*/





/* =  4.HOME PAGE: COURSE

/*-------------------------------------------------*/



.pop-cour {

    background: #f5f5f5;

}



.pop-co::before {

    content: '';

    position: absolute;

    background: linear-gradient(to top, rgb(29, 36, 42) 15%, rgba(0, 0, 0, 0) 100%);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.home-top-cour {

    position: relative;

    overflow: hidden;

    background: #ffffff;

    padding: 15px 0px;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    border: 1px solid #e4e4e4;

}



.home-top-cour:hover {

    -moz-transform: scale(1.02);

    -webkit-transform: scale(1.02);

    -o-transform: scale(1.02);

    transform: scale(1.02);

    box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.home-top-cour img {

    width: 100%;

}



.home-top-cour-desc {}



.home-top-cour-desc span {

    text-transform: uppercase;

    font-size: 12px;

}



.home-top-cour-desc h3 {

    font-size: 20px;

    padding-bottom: 8px;

    color: #000000;

    margin: 0px;

}



.home-top-cour-desc h4 {

    font-size: 15px;

    padding-bottom: 8px;

}



.home-top-cour-desc p {

    margin-bottom: 0px;

    font-size: 13px;

}



.home-top-cour-rat {

    position: absolute;

    background: #607D8B;

    padding: 0px 5px;

    font-weight: 600;

    color: #fff;

    right: 15px;

    top: 0px;

    font-size: 14px;

    border-radius: 2px;

}



.home-top-cour-rat span {}



.home-top-cour-rat i {}



.list-inn-rat {}



.list-inn-rev {}



.list-inn-links {}



.list-number {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 10px;

}



.hom-list-share {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 12px;

}



.hom-list-share ul {

    margin-bottom: 0px;

    padding: 0px;

}



.hom-list-share ul li {

    float: right;

    list-style-type: none;

    display: inline-block;

    width: 33.333%;

}



.hom-list-share ul li:nth-child(1) a {

    color: #fff;

    border: 1px solid #2f9a4d;

    background: #1aa5d8;

    background: linear-gradient(to top, rgb(19, 90, 36), #2f9a4d);

    text-transform: uppercase;

    font-weight: 700;

}



.hom-list-share ul li a {

    display: block;

    border: 1px solid #ececec;

    margin: 2px;

    padding: 4px 5px;

    font-size: 12px;

    color: #8a8a8a;

    text-align: center;

    font-weight: 600;

}



.hom-list-share ul li a i {

    padding-right: 5px;

}





/*-------------------------------------------------*/





/* =  5.HOME PAGE: EVENT

/*-------------------------------------------------*/



.ho-ex-title {

    margin-bottom: 35px;

}



.ho-ex-title h4 {

    padding-left: 15px;

    font-size: 26px;

}



.ho-ex-title h4:before {

    position: absolute;

    content: "";

    width: 4px;

    height: 20px;

    margin-top: 3px;

    background: #03294f;

    top: 2px;

    left: 15px;

}



.ho-event {}



.ho-event ul {}



.ho-event ul li {

    border-bottom: 1px solid #e0e0e0;

    padding: 8px 0px;

    position: relative;

    overflow: hidden;

}



.ho-ev-img {

    border-radius: 3px;

    display: inline-block;

    float: left;

    color: #fff;

    text-align: center;

    padding: 0px;

    margin-right: 20px;

    text-transform: uppercase;

    width: 20%;

}



.ho-ev-img img {

    width: 100%;

}



.ho-ev-date {

    border-radius: 3px;

    display: inline-block;

    float: left;

    color: #fff;

    text-align: center;

    padding: 14px 0;

    margin-right: 20px;

    text-transform: uppercase;

    width: 100%;

    background: #02294e;

    background: -webkit-linear-gradient(to top, #012951, #03294e);

    background: linear-gradient(to top, #012951, #03294e);

}



.ho-ev-date span:first-child {

    display: block;

    font-size: 25px;

    font-weight: 500;

    margin-top: 0px;

    line-height: 25px;

    color: #fff;

}



.ho-ev-date span:last-child {

    font-size: 12px;

    color: #fff;

}



.ho-ev-link {

    float: left;

    width: 60%;

}



.ho-ev-link a {}



.ho-ev-link a h4 {

    color: #112842;

    padding-bottom: 5px;

    margin-bottom: 3px;

    border-bottom: 0px;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    letter-spacing: 0px;

}



.ho-ev-link a h4:hover {

    color: green;

    padding-bottom: 5px;

    margin-bottom: 3px;

    border-bottom: 0px;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    letter-spacing: 0px;

}



.ho-ev-link p {

    color: #203245;

    margin-bottom: 0px;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

}



.ho-ev-link span {

    color: #959595;

    font-size: 12px;

    font-weight: 500;

}



.ho-ev-link-full {

    width: 100%;

}



.ho-ev-latest {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding: 35px;

    /*margin-bottom: 30px;*/

    border-radius: 4px;

}



.ho-ev-latest:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background: rgba(2, 41, 78, 0.73);

     */

    /* background: linear-gradient(to top, rgba(3, 41, 79, 0.82), rgba(6, 53, 98, 0.62));*/

    /*background:linear-gradient(to top, #548f66b0, #5e876b42);*/

    background: rgb(31 44 115 / 45%);

}



.ho-ev-latest-bg-1 {

    background: url(../images/ev-bg1.jpg) no-repeat;

    background-size: cover;

}



.ho-ev-latest-bg-2 {

    background: url(../images/surpopulation.jpg) no-repeat;

    background-size: cover;

}



.ho-ev-latest-bg-3 {

    background: url(../images/algerie-2_cle873c3e-1-911b7.jpg) no-repeat;

    background-size: cover;

    margin-bottom: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



.in-ev-latest-bg-1 {

    background: url(../images/ev-in-bg1.jpg) no-repeat;

    background-size: cover;

}



.ho-lat-ev {

    position: relative;

    text-align: center;

}



.ho-lat-ev a {

    color: #fff;

}



.ho-lat-ev h4 {

    color: #fff;

    font-size: 30px;

    padding-bottom: 14px;

}



.ho-lat-ev p {

    color: #fff;

    margin-bottom: 0px;

    font-size: 22px;

}



.ho-lat-ev span {}



.ho-st-login {

    position: relative;

    overflow: hidden;

    background: #ececec;

    padding: 10px 5px 18px 5px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}



.ho-st-login form {}



.ho-st-login form input {

    background: #fff;

    border-radius: 2px;

    margin-bottom: 4px;

    padding: 0px 15px;

    box-sizing: border-box;

    font-size: 16px;

    border: 1px solid #cecece;

    height: 45px;

}



.ho-st-login form input[type="submit"] {

    margin-bottom: 0px;

    width: 100%;

}



.ho-st-login form label {

    left: 20px !important;

    top: 15px;

    font-size: 13px;

}



.cor-apply {

    /*background: #4c6b55;*/

    background: linear-gradient(to top, #69a27a, #334e3b);

    padding: 10px 0px 18px 0px;

    /*border: 4px dotted #334e3b;*/

    border-radius: 4px;

}



.cor-apply form input {

    border: 1px solid #cecece;

    height: 45px;

}



.light-btn {

    color: #fff;

    background: #f36b3b;

    background: -webkit-linear-gradient(to top, #c23402, #dda458);

    background: linear-gradient(to top, #c23402, #dda458);

    padding: 0px 10px;

    line-height: 40px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 16px;

    display: block;

    text-align: center;

}



.tabs-hom-reg {

    background: none;

}



.tabs-hom-reg a {}



.tabs-content {

    position: relative;

    overflow: hidden;

    height: 360px !important;

}



.field-com {}



.field-com input {}



.field-com.select-dropdown {

    border: 1px solid #cecece;

    height: 45px;

}



.cor-left-app-tit {

    padding-top: 8px;

    padding-bottom: 8px;

}



.cor-left-app-tit h4 {

    font-size: 24px;

    padding-bottom: 4px;

    color: #fff;

}



.cor-left-app-tit p {

    font-size: 14px;

    color: #fff;

}



.jss52 {

    margin-top: 32px;

    margin-bottom: 32px;

}





/*-------------------------------------------------*/



.jss528 {

    margin-top: 32px;

    margin-bottom: 32px;

}



.MuiGrid-spacing-xs-2 {

    width: calc(100% + 16px);

    /*margin: -8px;*/

}



.MuiGrid-spacing-xs-2 {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    box-sizing: border-box;

    /* padding: 0rem 2rem 0rem; */

}



.ResponsiveGridItem-sc-1iu2qai-0,

.large,

.bMTGie {

    max-width: 16.6667%;

    flex-basis: 16.6667%;

}



.MuiGrid-spacing-xs-2>.MuiGrid-item {

    padding: 8px;

}



.MuiGrid-item {

    margin: 0;

    box-sizing: border-box;

}



.MuiCard-root {

    overflow: hidden;

}



.MuiPaper-outlined {

    border: 1px solid rgba(0, 0, 0, 0.12);

}



.MuiPaper-rounded {

    border-radius: 4px;

}



.MuiPaper-root {

    color: rgba(0, 0, 0, 0.87);

    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    background-color: #fff;

}



.MuiCardActionArea-root {

    width: 100%;

    display: block;

    text-align: inherit;

}



.MuiButtonBase-root {

    /* color: inherit; */

    border: 0;

    cursor: pointer;

    margin: 0;

    display: inline-flex;

    outline: 0;

    padding: 0;

    position: relative;

    align-items: center;

    user-select: none;

    border-radius: 0;

    vertical-align: middle;

    justify-content: center;

    text-decoration: none;

    background-color: transparent;

    -webkit-appearance: none;

    -webkit-tap-highlight-color: transparent;

}



.MuiCardContent-root {

    padding: 16px;

}



.jss31 {

    margin-top: 32px;

    margin-bottom: 32px;

}



.jss32 {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

}



.MuiTypography-gutterBottom {

    margin-bottom: 0.35em;

}



.MuiTypography-alignCenter {

    text-align: center;

}



.MuiTypography-body1 {

    font-size: 1rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.25;

    letter-spacing: 0.00938em;

}



.MuiTypography-body3 {

    font-size: 1.5rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.5;

    letter-spacing: 0.00938em;

}



.jss33 {

    font-weight: 600;

    text-align: center;

}



.jss34 {

    display: flex;

    flex-grow: 1;

    flex-direction: column;

    justify-content: center;

}



.MuiTypography-displayInline {

    display: inline;

}



.MuiTypography-colorPrimary {

    color: #2b5e97;

}



.MuiTypography-h1 {

    font-size: 5.6418rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 500;

    line-height: 1.167;

    letter-spacing: -0.01562em;

}



.MuiTypography-displayInline {

    display: inline;

}



.MuiTypography-h3 {

    font-size: 2.2853rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.167;

    letter-spacing: 0em;

}



.MuiCardActionArea-focusHighlight {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    border-radius: inherit;

    pointer-events: none;

    background-color: currentcolor;

}



.MuiTouchRipple-root {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

    overflow: hidden;

    position: absolute;

    border-radius: inherit;

    pointer-events: none;

}



.jss36 {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

}



.jss37 {

    font-weight: 500;

}



.jss38 {

    display: flex;

    flex-grow: 1;

    flex-direction: column;

    justify-content: center;

}



.jss39 {

    display: inline-flex;

    position: relative;

}



.jss40 {

    top: 0px;

    left: 0px;

    color: rgb(228, 228, 228);

    position: absolute;

}



.jss41 {

    color: rgb(43, 94, 151);

}



.jss42 {

    inset: 0px;

    display: flex;

    position: absolute;

    align-items: center;

    justify-content: center;

}



.MuiTypography-h5 {

    font-size: 1.4993rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.334;

    letter-spacing: 0em;

}



.MuiTypography-root {

    margin: 0;

}



.jss43 {

    color: rgb(43, 94, 151);

    font-weight: 500;

}



.jss31 {

    margin-top: 32px;

    margin-bottom: 32px;

}



.jss53 {

    margin-bottom: 8px;

}



.MuiTypography-h2 {

    font-size: 1.875rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: -0.00833em;

}



.MuiTypography-colorTextSecondary {

    color: rgba(0, 0, 0, 0.54);

}



.jlePeM.jlePeM {

    padding: 0px;

    overflow: hidden;

    position: relative;

    width: 100%;

    border-radius: 4px;

    height: 88%;

}





/* .jlePeM.jlePeM:hover {

opacity: 0.7 !important;

} */



.MuiButton-contained {

    color: rgba(0, 0, 0, 0.87);

    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);

    background-color: #e0e0e0;

}



.MuiButton-contained:hover {

    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);

    background-color: #d5d5d5;

}



.MuiButton-root:hover {

    text-decoration: none;

    background-color: rgba(0, 0, 0, 0.04);

}



.MuiButton-containedP:hover {

    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);

}



.MuiButton-rootP:hover {

    text-decoration: none;

    background-color: rgba(0, 0, 0, 0.04);

}



.MuiButton-root {

    color: rgba(0, 0, 0, 0.87);

    padding: 6px 16px;

    font-size: 0.875rem;

    min-width: 64px;

    box-sizing: border-box;

    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 500;

    line-height: 1.75;

    border-radius: 4px;

    letter-spacing: 0.02857em;

    text-transform: uppercase;

}



.MuiButton-label {

    width: 100%;

    display: inherit;

    align-items: inherit;

    justify-content: inherit;

}



.jss54 {

    width: 100%;

    display: flex;

    align-items: stretch;

}



.jss55 {

    display: flex;

    /* background-color: rgb(252, 195, 11); */

}



.hUnpeE {

    position: relative;

    padding: 0px;

    max-width: 100%;

    width: 100%;

    -webkit-user-drag: none;

    user-select: none;

}



.jss56 {

    color: rgb(252, 195, 11);

    display: flex;

    padding: 8px;

    flex-grow: 1;

    align-items: center;

    justify-content: center;

    background-color: white;

}



.MuiSvgIcon-root {

    fill: currentColor;

    width: 1em;

    height: 1em;

    display: inline-block;

    font-size: 1.5rem;

    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    flex-shrink: 0;

    user-select: none;

}



.observation {

    border: 1px solid #cecece;

    border-color: #33333326;

    height: 255px;

    background: #f5f5f5b5;

    border-radius: 4px;

    margin-bottom: 4px;

    padding: 0px 15px;

    box-sizing: border-box;

    font-size: 14px;

    color: #333;

    width: 100%;

}



.proposition {

    padding: 2rem 3rem 0rem;

}





/*-------------------------------------------------*/





/*--Classement villes -- */



.padc {

    padding: 30px 20px 20px;

}



.mb-5,

.my-5 {

    margin-bottom: 3rem !important;

}



.text-muted {

    color: #6c757d !important;

}



.mb-4,

.my-4 {

    margin-bottom: 1.5rem !important;

}



.sdg-icons {

    margin-left: -0.25rem !important;

    margin-right: -0.25rem !important;

}



.pl-3,

.px-3 {

    padding-left: 1rem !important;

}



.pr-3,

.px-3 {

    padding-right: 1rem !important;

}



.roww {

    /*display: -ms-flexbox;*/

    display: flex;

    /*-ms-flex-wrap: wrap;*/

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.col-custom-9 {

    -ms-flex: 0 0 11.111111%;

    flex: 0 0 11.111111%;

    max-width: 11.111111%;

}



.pl-1,

.px-1 {

    padding-left: .25rem !important;

}



.pr-1,

.px-1 {

    padding-right: .8rem !important;

}



.mb-2,

.my-2 {

    margin-bottom: .9rem !important;

}



.sdg-dashboard {

    cursor: pointer;

}



.sdg-dashboard:hover {

    opacity: 0.7 !important;

}



.bg-sdg-unavailable,

.no-colors .bg-sdg-unavailable {

    background-color: #eee !important;

    cursor: default !important;

    opacity: 0.1;

}



.sdg-dashboard.bg-sdg-unavailable:hover {

    opacity: 0.2;

}



.not-available-icon {

    position: absolute;

    opacity: 0;

    top: 0;

    width: calc(100% - 1rem);

    height: 100%;

    background-color: #000;

    transition: opacity 0.3s;

    font-size: 1rem;

    word-break: break-word;

}



.not-available-iconO {

    position: absolute;

    opacity: 0;

    top: 0;

    width: calc(100% - 3rem);

    height: 86%;

    background-color: #000;

    transition: opacity 0.3s;

    font-size: 1rem;

    word-break: break-word;

}



.not-available-icon:hover {

    opacity: 0.7;

}



.not-available-iconO:hover {

    opacity: 0.7;

}



.text-white {

    color: #fff !important;

}



.text-uppercase {

    text-transform: uppercase !important;

}



.align-items-center {

    /* -ms-flex-align: center!important; */

    align-items: center !important;

}



.justify-content-center {

    /* -ms-flex-pack: center!important; */

    justify-content: center !important;

}



.img-fluid {

    max-width: 100%;

    height: auto;

}



.img-fluidd {

    max-width: 100%;

    height: auto;

}



.d-flex {

    /*display: -ms-flexbox!important;*/

    display: flex !important;

}



.search-input {

    width: 300px;

    border: 1px solid #eee !important;

    background-color: #eee !important;

}



.ml-auto,

.mx-auto {

    margin-left: auto !important;

}



.ml-20 {

    margin-left: 20px !important;

}



.mt-50 {

    margin-top: 50px !important;

}



.mt-8 {

    margin-top: 8px !important;

}



.profil {

    text-align: justify;

}



.profil::first-letter {

    color: green;

    font-size: 170%;

    font-weight: 600;

    margin-left: 20px !important;

}



.form-ville {

    display: block;

    /*width: 100%;*/

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    /*background-color: #fff;*/

    background-clip: padding-box;

    /*border: 1px solid #ced4da;*/

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    border-bottom: none;

}



.table-responsive {

    display: block;

    width: 100%;

    overflow-x: auto;

}



.table-ville {

    width: 100%;

    max-width: 100%;

    margin-bottom: 1rem;

    background-color: transparent;

}



.table-ville {

    border-collapse: collapse;

}



.table-ville thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #dee2e6;

}



.table-ville td,

.table-ville th {

    padding: .75rem;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

}



.clickable-column {

    cursor: pointer;

}



.country-link {

    color: #212529 !important;

    font-weight: bold;

}



.padi {

    padding: 40px;

}



.text-muted {

    color: #6c757d !important;

}



.sdgs-wrapper {

    width: 480px;

    height: 24px;

    background-color: #eee;

}



.sdg-bar {

    height: 100%;

    display: inline-block;

    border-right: 1px solid #fff;

    cursor: pointer;

}



.bg-sdg1 {

    background-color: rgb(204, 44, 67) !important;

}



.bg-sdg2 {

    background-color: rgb(211, 162, 70) !important;

}



.bg-sdg3 {

    background-color: rgb(81, 148, 71) !important;

}



.bg-sdg4 {

    background-color: rgb(175, 39, 56) !important;

}



.bg-sdg5 {

    background-color: rgb(211, 69, 58) !important;

}



.bg-sdg6 {

    background-color: rgb(73, 181, 203) !important;

}



.bg-sdg7 {

    background-color: rgb(238, 189, 64) !important;

}



.bg-sdg8 {

    background-color: rgb(141, 36, 65) !important;

}



.bg-sdg9 {

    background-color: rgb(219, 104, 62) !important;

}



.bg-sdg10 {

    background-color: rgb(197, 36, 96) !important;

}



.bg-sdg11 {

    background-color: rgb(232, 151, 68) !important;

}



.bg-sdg12 {

    background-color: rgb(207, 141, 42) !important;

}



.bg-sdg13 {

    background-color: rgb(65, 119, 68) !important;

}



.bg-sdg14 {

    background-color: rgb(0, 125, 188) !important;

}



.bg-sdg15 {

    background-color: rgb(100, 167, 74) !important;

}



.bg-sdg16 {

    background-color: rgb(31, 101, 137) !important;

}



.bg-sdg17 {

    background-color: rgb(26, 65, 86) !important;

}



.text-white {

    color: #fff !important;

}





/*-------------------------------------------------*/





/* =  6.HOME PAGE: TAB AND ENQUIRY

/*-------------------------------------------------*/



.hom-enq {

    background: #fff;

    border: 1px solid #cacaca;

    padding: 25px;

    /* border-top: 1px solid #303c44;

     */

}



.hom-enq h3 {

    color: #333;

}



.hom-enq p {

    color: #929292;

}



.hom-enq label {

    left: 15px;

    font-size: 12px;

    top: 13px;

}



.hom-enq form input {

    border: 1px solid #c5c5c5;

    height: 45px;

    margin-bottom: 5px;

    padding: 8px;

    box-sizing: border-box;

    border-radius: 2px;

    background: #fff;

}



.hom-enq form textarea {

    border: 1px solid #c5c5c5;

    height: 50px;

    border-radius: 2px;

    background: #fff;

}



.btn-submit {

    color: #fff;

    background: #e74715;

    background: -webkit-linear-gradient(to top, #d83d0c, #FF5722);

    background: linear-gradient(to top, #c23402, #dda458);

    padding: 4px 34px;

    line-height: 32px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

}



.ed-com-t1-social {

    position: relative;

    overflow: hidden;

    margin-top: -5px;

    float: right;

    margin-right: 25px;

}



.ed-com-t1-social ul li {

    float: left;

}



.ed-com-t1-social ul li a {

    line-height: 26px;

}



.ed-com-t1-social ul li a i {

    width: 30px;

    height: 30px;

    /* background: #013673;

     */

    color: #92a5bb;

    padding: 12px 4px;

    text-align: center;

    border-right: 1px solid #002147;

}





/*-------------------------------------------------*/





/* =  7.SEARCH BOX

/*-------------------------------------------------*/



.search-top {

    /*background: #083214b8;*/

    /* background: linear-gradient(to top, #69a27a, #334e3b); */

    padding: 12px 0px;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);

    background: linear-gradient(to right, #40634b, #73C8A9);

    /* z-index: 99;

     */

    /* position: absolute;

     */

    width: 100%;

    border-top: 1px solid #dedede;

}



.search-form {

    width: 60%;

    margin: 0 auto;

}



.search-form form {}



.sf-type {

    float: left;

    width: 75%;

}





/* .sf-input {} */



.sf-input input {

    width: 100%;

    border: 0px;

    background: url(../images/search.png) no-repeat left center #ffffff;

    background-size: 17px;

    background-position-x: 12px;

    color: #464646;

    font-weight: 500;

    text-transform: capitalize;

    padding: 8px;

    border: 1px solid #ffffff;

    padding: 8px 45px;

    margin: 0px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    font-size: 14px;

}



.sf-input {

    display: block;

    width: 100%;

    border: 0px;

    background: url(../images/search.png) no-repeat left center #ffffff;

    background-size: 17px;

    background-position-x: 12px;

    color: #464646;

    font-weight: 500;

    text-transform: capitalize;

    padding: 8px;

    border: 1px solid #ffffff;

    padding: 8px 45px;

    margin: 0px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    font-size: 14px;

}



.sf-list {

    display: none;

    position: absolute;

    width: 43.8%;

    background: #fff;

    z-index: 99;

    box-shadow: 0 26px 64px 0 rgba(0, 0, 0, .6);

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    height: 300px;

    overflow-y: hidden;

}



.sf-list:hover {

    overflow-y: auto;

}



.sf-list ul {}



.sf-list ul li {}



.sf-list ul li a {

    display: block;

    color: #2b333a;

    padding: 10px;

    border-bottom: 1px solid #efefef;

    font-size: 14px;

    font-weight: 600;

}





/* .sf-input option {

    display: block;

    position: absolute;

    width: 43.8%;

    background: #fff;

    z-index: 99;

    color: #2b333a;

    padding: 10px;

    border-bottom: 1px solid #efefef;

    font-size: 14px;

    font-weight: 600;

    box-shadow: 0 26px 64px 0 rgba(0, 0, 0, .6);

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    height: 300px;

    overflow-y: hidden;

} */





/* .sf-input option:hover {

    background: #eee;

} */



.sf-list ul li a:hover {

    background: #eee;

}



.sf-list ul li:last-child a {

    border-bottom: 0px solid #efefef;

}



.sf-submit {

    float: left;

    width: 25%;

}



.sf-submit input {

    width: 100%;

    border: 0px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    padding: 13px;

    border: 1px solid #2f9a4d;

    border-top-right-radius: 2px;

    border-bottom-right-radius: 2px;

    background: #2f9a4d;

    background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);

    background: linear-gradient(to top, #c23402, #dda458);

}





/*-------------------------------------------------*/





/* =  8.SLIDER

/*-------------------------------------------------*/



.slider-arr {

    color: #fff;

    position: absolute;

    font-size: 18px;

    top: 50%;

    width: 50px;

    height: 50px;

    background: #000000;

    padding: 17px;

    border-radius: 50px;

}



.slider-con {}



.slider-con h2 {

    font-size: 50px;

    text-transform: uppercase;

    line-height: 50px;

}



.slider-con h2 span {

    font-size: 50px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 28px;

    color: #e66030;

}



.slider-con p {

    font-size: 20px;

    color: #fff;

    margin-bottom: 40px;

    margin-top: 30px;

    line-height: 30px;

    font-weight: 300;

}



.slider-con a {

    /* color: #fff;

     */

    padding: 14px 45px;

    line-height: 45px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    height: 45px;

    text-align: center;

    margin: 0px 10px;

}



.bann-btn-1 {

    background: #2f9a4d;

    background: -webkit-linear-gradient(to top, rgb(19, 90, 36), #2f9a4d);

    background: linear-gradient(to top, rgb(19, 90, 36), #2f9a4d);

    color: #fff;

    border: 1px solid #2f9a4d;

}



.bann-btn-1:hover {

    border: 1px solid #fff;

    background: #fff;

    color: #333;

}



.bann-btn-2 {

    border: 1px solid #e0e0e0;

    color: #e0e0e0;

}



.bann-btn-2:hover {

    border: 1px solid #fff;

    background: #fff;

    color: #333;

}



.item {}



.item img {

    width: 100%;

}



.top-revi {

    float: left;

    position: relative;

    overflow: hidden;

    padding: 5px 5px 5px 5px;

    width: 20%;

}



.top-revi img {

    width: 50px;

    height: 50px;

    float: left;

    margin-right: 10px;

    border-radius: 5px;

}



.top-revi h4 {

    float: left;

    display: block;

}



.top-revi p {

    /* line-height: 5px;

     */

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    float: left;

    margin-bottom: 0px;

    font-size: 12px;

    width: 70%;

}



.top-star-rat {

    margin-bottom: 0px;

    line-height: 10px;

    float: left;

    display: block;

}



.top-star-rat i {

    font-size: 10px;

}



.top-logo {

    padding: 12px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 1s ease;

}



.pop-form {}



.pop-form input {

    font-size: 16px;

}



.ff3 {

    border: 1px solid #c3c3c3;

    padding: 25px;

    border-top: 0px;

}



.ff3 h3 {}



.ff3 p {}



.pop-close {}





/*-------------------------------------------------*/





/* =  9.HOME PAGE: QUICK LINK

/*-------------------------------------------------*/



.wed-hom-ser {

    /* position: absolute;

     */

    /* overflow: hidden;

     */

    /* width: 100%;

     */

    /* padding-top: 14px;

     */

    margin-top: -140px;

}



.wed-hom-ser ul {

    margin-bottom: 0px;

    margin: 0 auto;

    display: table;

    /* background: #002147;

     */

    position: relative;

    /* padding: 5px 5px 0px 5px;

     */

    /* border-radius: 5px;

     */

    /* box-shadow: 0 0 5px 0 #002147;

     */

}



.wed-hom-ser ul li {

    float: left;

    display: inline;

    text-align: center;

    margin: 5px;

}



.wed-hom-ser ul li a {

    background: linear-gradient(to top, #c23402, #dda458);

    width: 90px;

    height: 90px;

    display: block;

    padding: 18px 2px 10px 2px;

    text-align: center;

    color: #fff;

    border-radius: 70px;

    font-family: 'Arimo', sans-serif;

    position: relative;

    overflow: hidden;

    line-height: 24px;

    font-size: 11px;

}



.wed-hom-ser ul li a:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    background: #2f9a4d;

    color: #fff;

}



.wed-hom-ser ul li a img {

    display: table;

    text-align: center;

    margin: 0 auto;

    padding-bottom: 5px;

}



.wed-hom-ser ul li a h4 {

    font-size: 32px;

    color: #002147;

    font-weight: 600;

    margin-bottom: 5px;

}



.wed-hom-ser ul li a span {

    color: #898d92;

    font-size: 12px;

    letter-spacing: 2px;

}





/*-------------------------------------------------*/





/* =  10.TOP COURSES

/*-------------------------------------------------*/



.ed-course {}



.ed-course-in {

    margin-bottom: 30px;

    border-radius: 3px;

    position: relative;

    overflow: hidden;

}



.course-overlay {}



.course-overlay img {

    height: auto;

    width: 100%;

}



.course-overlay span {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    text-align: center;

    transform: translateY(-50%);

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    z-index: 1;

}



.ed-course-in a.course-overlay img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.ed-course-in a:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /*background: rgba(31, 44, 115, 0.57);*/

}



.ed-course-in:hover a.course-overlay img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}





/*-------------------------------------------------*/





/* =  10.TOP VILLES

/*-------------------------------------------------*/



.ed-ville {}



.ed-ville-in {

    margin-bottom: 30px;

    border-radius: 3px;

    position: relative;

    overflow: hidden;

}



.ville-overlay {}



.ville-overlay img {

    height: auto;

    width: 100%;

}



.ville-overlay span {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    text-align: center;

    transform: translateY(-50%);

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    z-index: 1;

}



.ed-ville-in a.ville-overlay img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.ed-ville-in a:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgb(31 44 115 / 35%);

}



.ed-ville-in:hover a.ville-overlay img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.mySlides {

    display: none;

    width: 100%;

    height: 375px;

    position: relative;

    overflow: hidden;

}



.vi-center {

    text-align: center !important;

}



.vi-section,

.vi-code {

    margin-top: 16px !important;

    margin-bottom: 16px !important;

}



.vi-light-grey,

.vi-hover-light-grey:hover,

.vi-light-gray,

.vi-hover-light-gray:hover {

    color: #000 !important;

    background-color: #2f9a4d21 !important;

}



.vi-btn,

.vi-button {

    border: none;

    display: inline-block;

    padding: 8px 16px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: inherit;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

}



.vi-red,

.vi-hover-red:hover {

    color: #fff !important;

    /*background-color: #f44336!important;*/

    background: linear-gradient(to top, #c23402, #dda458);

}



.vi-opacity,

.vi-hover-opacity:hover {

    opacity: 0.60;

}





/*-------------------------------------------------*/





/* =  11.BOTTOM BOOKING

/*-------------------------------------------------*/



.full-bot-book {

    background: #d17332;

    padding: 20px 0px;

    position: relative;

    overflow: hidden;

}



.bot-book {

    position: relative;

    overflow: hidden;

    width: 100%;

    display: block;

}



.bb-img {}



.bb-img img {

    width: 90px;

}



.bb-text {}



.bb-text h4 {

    color: #fff;

    font-size: 26px;

    text-transform: uppercase;

    padding-bottom: 15px;

}



.bb-text p {

    color: #fff5f3;

    margin-bottom: 0px;

}



.bb-link {

    position: relative;

    overflow: hidden;

}



.bb-link a {

    border: 1px solid #fff;

    color: #fff;

    border-radius: 50px;

    padding: 15px 20px;

    line-height: 60px;

}





/*-------------------------------------------------*/





/* =  12.BREADCRUM

/*-------------------------------------------------*/



.com-breadcrumb {}



.com-breadcrumb ol {}



.com-breadcrumb ol li {}



.com-breadcrumb ol li a {

    font-size: 13px;

    color: #767676;

    line-height: 15px;

}



.com-breadcrumb>ol .active {

    color: #575757;

    font-size: 13px;

}





/*-------------------------------------------------*/





/* =  13.COURSE DETAILS

/*-------------------------------------------------*/



.cor {}



.cor-img {}



.cor-img img {

    width: 100%;

}



.cor-con-mid {

    margin-top: 27px;

}



.cor-con-mid div {}



.cor-con-mid p,

li {

    color: #203245;

    line-height: 24px;

}



.cor-p1 {

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 20px;

    margin-bottom: 40px;

    margin-top: 40px;

}



.cor-p1 h2 {

    margin-top: 0px;

    color: #203245;

    font-size: 30px;

}



.cor-p1 span {

    color: #959595;

    font-size: 14px;

    font-weight: 400;

}



.cor-p2 {

    margin-bottom: 40px;

    position: relative;

    overflow: hidden;

}



.cor-p2 ul {}



.cor-p2 ul li {

    float: left;

    width: 33.333%;

    text-align: center;

    font-weight: 500;

    color: #012951;

    font-size: 18px;

}



.cor-p2 ul li img {

    display: block;

    margin: 0 auto;

    margin-bottom: 18px;

}



.cor-p2-inn {

    border: 1px solid #dbdbdb;

    padding: 15px;

    margin: 5px;

    border-radius: 2px;

}



.cor-p3 {

    border: 1px solid #d2d2d2;

    padding-bottom: 20px;

    padding: 30px;

    margin-bottom: 40px;

}



.cor-p3 p {}



.cor-p3 h3 {

    margin-top: 0px;

    color: #012951;

    font-size: 18px;

}



.cor-p3 h4 {

    margin-bottom: 30px;

    display: inline-block;

    color: #359639;

    border-radius: 2px;

    border-bottom: 2px solid #359639;

    font-weight: 500;

    font-size: 24px;

}



.cor-p3 span {

    display: inline-block;

    background: #4CAF50;

    color: #fff;

    padding: 6px 10px;

    border-radius: 2px;

    border-bottom: 2px solid #359639;

    font-weight: 500;

    font-size: 16px;

}



.cor-p4 {

    margin-bottom: 40px;

}



.cor-p4 h3 {

    color: #203245;

    font-size: 24px;

    margin-bottom: 25px;

    margin-top: 45px;

}



.cor-p4 h4 {

    color: #203245;

    margin-bottom: 5px;

    margin-left: 10px;

}



.cor-p4 p {}



.cor-p5 {

    border-top: 1px solid #d2d2d2;

    margin-top: 30px;

    /*border-bottom: 1px solid #d2d2d2;*/

    padding-bottom: 10px;

}



.cor-p5 h3 {

    margin-bottom: 25px;

    margin-top: 50px;

}



.cor-p5 h4 {

    padding: 0px 0px 20px 40px;

}



.cor-p5 ul li {}



.cor-p5 ul li a {

    font-weight: 500;

    background-color: #aeceadb5;

    padding: 10px;

    /* background: linear-gradient(to right, #f8ecc780, #4a785ebd); */

}



.cor-p5 ul li a img {

    width: 18px;

    margin-right: 5px;

}



.cor-p6 {

    margin-top: 50px;

}



.cor-p6 h3 {

    color: #203245;

    font-size: 24px;

    margin-top: 0px;

    margin-bottom: 30px;

}



.cor-p6-revi {

    position: relative;

    overflow: hidden;

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 30px;

    padding-bottom: 15px;

}



.cor-p6-revi-left {

    float: left;

    width: 15%;

}



.cor-p6-revi-left img {

    width: 100%;

    padding: 0px 30px 15px 0px;

    border-radius: 5px;

}



.cor-p6-revi-right {

    float: left;

    width: 85%;

}



.cor-p6-revi-right h4 {

    margin-bottom: 12px;

    color: #203245;

}



.cor-p6-revi-right span {

    color: #959595;

    font-size: 12px;

    font-weight: 500;

}



.cor-p6-revi-right p {}



.cor-p7-revi {}



.cor-p7-revi input {

    height: 45px;

    position: relative;

    padding: 15px 24px;

    box-sizing: border-box;

    box-shadow: none;

    border: 1px solid #e8e8e8;

    text-indent: 0;

    line-height: 12px;

    -webkit-transition: border-color .4s, color .4s;

    transition: border-color .4s, color .4s;

    /* -webkit-appearance: none;

     */

    width: 100%;

    font-size: 14px;

    background: #fff;

}



.cor-p7-revi textarea {

    height: 100px;

    position: relative;

    padding: 15px 24px;

    box-sizing: border-box;

    box-shadow: none;

    border: 1px solid #e8e8e8;

    text-indent: 0;

    line-height: 12px;

    -webkit-transition: border-color .4s, color .4s;

    transition: border-color .4s, color .4s;

    /* -webkit-appearance: none;

     */

    width: 100%;

    font-size: 14px;

    background: #fff;

}



.cor-p7-revi input[type="submit"] {

    margin-bottom: 0px;

    padding: 0px 45px;

    line-height: 45px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    height: 45px;

    text-align: center;

    background: #f36b3b;

    background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);

    background: linear-gradient(to top, #ef612f, #f36b3b);

    color: #fff;

    border: 1px solid #f36b3b;

    width: 100%;

}



.cor-p7-revi label {

    font-size: 14px;

    left: 20px !important;

    top: 12px;

}



.my-acc-form {}



.my-acc-form input {}



.my-acc-form label {

    font-size: 15px;

    font-weight: 500;

    color: #000;

}



.db-course {}



.db-course td {}



.ads {

    position: relative;

    overflow: hidden;

    /* margin-bottom:20px;

     */

}



.ads img {

    width: 100%;

    padding: 35px 35px 0px 35px;

}



.cor-mid-img {}



.cor-mid-img img {

    width: 100%;

    height: 350px;

    padding: 0 20px;

}



.affi {

    /* border: 1px solid rgba(0, 0, 0, .125);

    height: 1300px; */

    /* width: 100%; */

}



.affiC {

    /* border: 1px solid rgba(0, 0, 0, .125);

    height: 1300px; */

    /* width: 100%; */

    /* margin: 50px; */

}



.pg-inn {

    background: #fff;

    /* border: 1px solid #333;

     */

    box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08);

    padding: 70px 15px;

}



.pg-innP {

    padding: 40px 15px;

}



.pg-innC {

    /* background: #fff; */

    /* border: 1px solid #333;*/

    /* box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08); */

    /* padding: 70px 15px; */

}



.pg-inne {

    background-image: url('../images/ODD/background.jpg');

    background-size: cover;

    inset: 0px;

    position: absolute;

    /*background: rgb(109 50 50 / 10%);*/

    /* border: 1px solid #333;

     */

    box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08);

    /*padding: 70px 15px;

     height: 25vw;*/

}



.pg-inn1 {

    background: #fff;

    /* border: 1px solid #333;

     */

    box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08);

    padding: 70px 15px;

    max-width: 90%;

}



.fAIIis {

    position: relative;

}



.sect-reche {

    display: flex;

    padding: 3.6rem;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    justify-content: space-between;

    box-shadow: rgb(0 0 0 / 10%) 0px 0.2rem 0.7rem 0px;

    background-color: rgb(242, 242, 242);

}



.sect-reche-lg {

    flex: 0 1 45rem;

    margin-right: 2.5rem;

    background-color: transparent;

    min-width: 28rem;

    padding: 0px;

}



.cFRfbQ {

    padding: 2.4rem 9.4rem;

    position: relative;

}



.hwiawm {

    font-size: 1.8rem;

    margin-bottom: 0.6rem;

    text-align: left;

    line-height: 1.4;

}



.lkDFFa {

    color: rgb(91, 91, 91);

    font-weight: bold;

    margin-bottom: 0.6rem;

    padding-bottom: 1rem;

    position: relative;

    text-align: center;

    margin-bottom: 1.2rem;

    text-align: left;

    font-size: 35px;

    ;

}



.crzgGg {

    line-height: 1.3;

    margin-top: 2.4rem;

    font-size: 1.6rem;

    margin-bottom: 2.4rem;

}



.daFMPv {

    padding: 0px;

}



.beHSvt {

    position: relative;

    height: 4.5rem;

    text-align: left;

}



.jcolnq {

    height: 100%;

    position: relative;

}



input:not([type]),

input[type=text] .bUxpCI {

    /* padding: 1.5rem 5rem 1.5rem 1.5rem; */

    width: 100%;

    height: 100%;

    border: 1px solid rgb(244, 106, 31);

    font-size: 1.6rem;

    transition-property: border-color;

    color: rgb(77, 81, 83);

    text-overflow: ellipsis;

    box-sizing: border-box;

}



.eKvETE {

    position: absolute;

    top: 50%;

    left: 1.5rem;

    transform: translateY(-50%);

    cursor: text;

    color: rgb(137, 137, 137);

    font-size: 1.2rem;

    font-weight: normal;

}



.jvfNrS {

    position: absolute;

    right: 0px;

    top: 0rem;

    height: 4.5rem;

    background-color: rgb(244, 106, 31);

    padding: 3px;

    color: #fff;

    border: none;

}



.jvfNrS svg {

    transition-property: fill;

    fill: rgb(255, 255, 255);

}



.gqAIMq {

    height: 2.5rem;

    border-left: 0px;

    padding: 0px 1.5rem;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.gzkooA {

    flex: 0 1 45rem;

    min-width: 35rem;

}



.hsZJdS {

    align-items: flex-start;

    display: flex;

    flex-wrap: wrap;

    margin-left: -1rem;

    margin-right: -1rem;

    -webkit-box-pack: end;

    justify-content: flex-end;

    margin-bottom: 4rem;

    margin-top: 0px;

}



.GagXX {

    box-shadow: rgb(0 0 0 / 10%) 0px 0.2rem 0.7rem 0px;

    background-color: rgb(255, 255, 255);

}



.kDihGu {

    background-color: rgb(255, 255, 255);

}



.jmllLD {

    padding-top: 1.6rem;

    font-size: 1.4rem;

    line-height: 1.9rem;

    padding: 0px 1.6rem;

    text-align: center;

}



.gpheQo {

    display: flex;

    margin: 1.6rem 0px;

}



.loVCoQ {

    border-right: 0.1rem solid rgb(242, 242, 242);

    padding: 0.8rem;

    -webkit-box-align: center;

    align-items: center;

    display: flex;

    flex-direction: column;

    -webkit-box-flex: 1;

    flex-grow: 1;

}



.hMexET>svg {

    fill: rgb(33, 167, 114);

    height: 2.4rem;

    width: 2.4rem;

}



.hMexET {

    color: #127a40;

}



.fcIwGV {

    color: #d45915;

}



.cEfSYB {

    color: #c01c1c;

    ;

}



.ftwcZz {

    font-size: 1.4rem;

    margin: 1.2rem 0px 0px;

    text-align: center;

    color: rgb(77, 81, 83);

}



.fcIwGV>svg {

    fill: rgb(224, 121, 10);

    height: 2.4rem;

    width: 2.4rem;

}



.cEfSYB>svg {

    fill: rgb(180, 47, 64);

    height: 2.4rem;

    width: 2.4rem;

}



.fMVFfs {

    background-color: rgb(242, 242, 242);

    color: rgb(77, 81, 83);

    display: block;

    transition-property: background-color;

    width: 100%;

}



.dRpaaV {

    -webkit-box-align: center;

    align-items: center;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    min-height: 3.2rem;

    padding: 0.8rem 1.6rem;

    width: 100%;

}



.jOgDZU {

    display: flex;

    flex-wrap: wrap;

    padding: 1rem;

}



.iYDFrm {

    width: 33.3333%;

    padding: 2rem;

    break-inside: avoid;

    position: relative;

}



.jmwTHY {

    box-shadow: rgb(217 217 217) 0px 3px 7px 0px;

    height: 100%;

    /*margin-bottom: 3rem;*/

}



.eOcBKT {

    background-color: transparent;

    display: flex;

    flex-direction: column;

    height: 100%;

}



.fJkjXQ {

    /*background-color: rgb(226, 16, 55);*/

    background-image: url(../images/entete/ODD-banner-01v2.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    color: rgb(255, 255, 255);

}



.header-obj {

    /*background-color: rgb(226, 16, 55);*/

    /* background-image: url(../assets/images/Image_Objectif/1.jpg); */

    background-repeat: no-repeat;

    background-size: cover;

    color: rgb(255, 255, 255);

}



@media(max-width: 1200px) {

    .WGKCp {

        padding: 3.9rem 2.4rem !important;

    }

}



@media(max-width: 992px) {

    .WGKCp {

        padding: 3rem 2.4rem !important;

    }

}



@media(max-width: 768px) {

    .WGKCp {

        padding: 5.1rem 2.4rem !important;

    }

}



@media(max-width: 600px) {

    .WGKCp {

        padding: 2.6rem 2.4rem !important;

    }

}



.WGKCp {

    padding: 3.6rem 2.4rem;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

}



.ePrfVo {

    border: 0px;

    clip: rect(0px, 0px, 0px, 0px);

    height: 1px;

    width: 1px;

    margin: -1px;

    padding: 0px;

    overflow: hidden;

    position: absolute;

}



.duhWgP {

    margin-right: 2.4rem;

}



.iXYPO {

    height: 4rem;

    width: auto;

}



.gUrov {

    flex: 1 0 0%;

    text-align: right;

}



.kvnctp {

    max-width: 6rem;

}



.cHcbSt {

    background-color: rgb(255, 255, 255);

    -webkit-box-flex: 1;

    flex-grow: 1;

    padding: 2rem 2.4rem;

    height: 300px;

    overflow-y: auto;

}



.eFDdeM {

    width: 100%;

}



.kZJXay {

    border-bottom: 1px solid rgb(234, 235, 237);

}



.knwnWt {

    font-weight: bold;

}



.knwnWt th {

    white-space: nowrap;

    text-align: left;

    padding-bottom: 0.8rem;

}



.knwnWt th:last-child {

    text-align: right;

}



.fZTEma {

    font-size: 1.3rem;

    line-height: 1.9rem;

    padding-top: 1.2rem;

}



.iAORQn {

    padding-top: 1.2rem;

}



.iSBire {

    -webkit-box-align: center;

    align-items: center;

    color: rgb(91, 91, 91);

    display: flex;

    font-size: 1.4rem;

    -webkit-box-pack: end;

    justify-content: flex-end;

    white-space: nowrap;

}



.giHivA {

    margin-right: 2rem;

    word-break: keep-all;

    margin-left: 1rem;

}



.jhfgbv {

    width: 2.4rem;

    height: 2.4rem;

}



.eFdDCO {

    -webkit-box-align: center;

    align-items: center;

    background-color: rgb(242, 242, 242);

    display: flex;

    font-weight: bold;

    height: 3rem;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    transition-property: background-color;

    width: 100%;

    -webkit-box-flex: 0;

    flex-grow: 0;

}



.llYqpn {

    display: flex;

    flex-direction: column;

    -webkit-box-flex: 1;

    flex-grow: 1;

}



.lhRppy {

    position: relative;

}



.csnrCk {

    position: absolute;

    top: 5rem;

    left: 1rem;

}



.bqTMxA {

    -webkit-box-flex: 1;

    flex-grow: 1;

}



.iRXsQR {

    display: flex;

    padding: 3rem 6rem;

    background-color: rgb(226, 16, 55);

    /*padding: 3rem 2rem;*/

    justify-content: space-around;

    align-items: flex-end;

    height: 470px;

}



.iGYsR {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    flex: 1 1 auto;

}



.gByvtl {

    margin: 0px;

    width: 20rem;

}



.cbmBXT {

    color: rgb(255, 255, 255);

    display: block;

    position: relative;

    transition-property: opacity;

    width: 100%;

}



.gByvtl img {

    width: 100%;

    height: auto;

    margin-left: -10%;

}



.KHsjb {

    width: 100%;

    height: auto;

    /*margin-left: -10%;*/

}



.hqRYSv {

    margin-right: 2rem;

    margin-top: 2rem;

    color: rgb(255, 255, 255);

    font-size: 2.4rem;

    font-weight: bold;

}



.bmeCpw {

    text-align: left;

    /*text-align: center;*/

    padding: 1rem 0px;

    position: relative;

    word-break: keep-all;

}



.jjwjpL {

    margin-left: 0px;

    margin-right: 0px;

    width: 30rem;

    margin: 1.5rem auto 0px;

    max-width: 30rem;

}



.beHSvt {

    position: relative;

    height: 4.5rem;

    text-align: left;

}



.jcolnq {

    height: 100%;

    position: relative;

}



.hsCSbd {

    padding: 1.5rem 5rem 1.5rem 1.5rem;

    width: 100%;

    height: 100%;

    border: 1px solid rgb(234, 235, 237);

    font-size: 1.6rem;

    transition-property: border-color;

    color: rgb(77, 81, 83);

    text-overflow: ellipsis;

}



.eKvETE {

    position: absolute;

    top: 50%;

    left: 1.5rem;

    transform: translateY(-50%);

    cursor: text;

    color: rgb(137, 137, 137);

    font-size: 1.4rem;

    font-weight: normal;

}



.fSHShi {

    position: absolute;

    right: 0px;

    top: 0rem;

    height: 4.5rem;

    background-color: transparent;

}



.kZLDQf {

    height: 2.5rem;

    border-left: 1px solid rgb(234, 235, 237);

    padding: 0px 1.5rem;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.iAtlcO {

    margin-left: 0px;

    margin-right: 0px;

    text-align: left;

    color: rgb(255, 255, 255);

    font-size: 1.6rem;

    font-weight: normal;

    line-height: 1.5;

    /*margin-left: auto;

    margin-right: auto;*/

    margin-top: 2rem;

    max-width: 30rem;

    /*text-align: center;*/

}



.fLhFhT {

    flex: 1 1 auto;

}



.jszyZf {

    padding: 1rem;

}



.fVRxdh {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(202, 14, 49);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhF {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(206, 159, 12);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhR {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(8, 47, 103);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhP {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(19, 88, 167);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhVT {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(78, 216, 10);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhVA {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(42, 159, 225);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhCL {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(42, 136, 15);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhCN {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(157, 115, 3);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhCO {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(229, 125, 11);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhIN {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(194, 14, 136);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhINN {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(214, 55, 11);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhTR {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(120, 5, 60);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhEP {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(229, 178, 7);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhEA {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(57, 208, 197);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhEG {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(198, 20, 15);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhED {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(171, 12, 26);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.fVRxdhBS {

    font-weight: bold;

    font-size: 1.4rem;

    background-color: rgb(61, 175, 13);

    color: rgb(255, 255, 255);

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    height: 45px;

}



.bRwkYU:first-child {

    padding-left: 3rem;

}



.bRwkYU {

    padding-top: 1rem;

    padding-bottom: 1rem;

    font-size: 1.6rem;

    font-weight: 600;

}



.fa-pad {

    padding-left: 3rem;

    ;

}



.jOVxet {

    width: 33.3333%;

    padding: 1rem;

    break-inside: avoid;

    position: relative;

}



.ldxjOy {

    background-color: rgb(255, 255, 255);

    box-shadow: rgb(217 217 217) 0px 4px 10px 0px;

    height: 100%;

}



.count-villes {

    background-color: rgb(255, 255, 255);

    box-shadow: rgb(141 161 151) 0px 4px 10px 0px;

    height: 100%;

    /* width: 50%; */

}



.count-ville {

    display: flex;

    -webkit-box-pack: justify;

    /* justify-content: space-between; */

    -webkit-box-align: center;

    align-items: center;

    padding: 4rem 4rem 2rem 5rem;

    width: 100%;

    border: 0px;

    height: 88%;

}



.classement {

    font-family: ui-sans-serif;

    font-size: xxx-large;

    color: #6b8e23;

    padding: 0rem 0rem 2rem 0rem;

}



.classP {

    font-family: 'Open Sans', sans-serif;

    position: absolute;

    font-size: 15px;

    /* align-items: center; */

    color: #3b3939;

    margin-bottom: -13px;

    margin-left: 23px;

}



.dxpizv {

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    align-items: center;

    padding: 2rem 0px 2rem 2rem;

    width: 100%;

    border: 0px;

    height: 88%;

}



.gOodnW {

    font-size: 1.6rem;

    line-height: 2.4rem;

    font-weight: bold;

    margin-bottom: 1rem;

}



.dboRuJ {

    font-size: 1.4rem;

    line-height: 1.9rem;

}





/*.gJNAof {

    display: flex;

}*/



.cor-side-com {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



.ewkaZD {

    padding: 0px 1rem;

    min-width: 5rem;

    text-align: end;

}



.ellUXi {

    /*color: rgb(77, 81, 83);

    margin-bottom: 1.6rem;*/

    white-space: nowrap;

    font-size: 1.4rem;

    line-height: 4rem;

    font-weight: bold;

    margin-bottom: 0.9rem;

}



.fRuNFU {

    width: 5.4rem;

    height: 2.4rem;

    margin: auto;

}



.iLEiZ {

    -webkit-box-align: center;

    align-items: center;

    background-color: rgb(242, 242, 242);

    display: flex;

    font-weight: bold;

    height: 3rem;

    -webkit-box-pack: center;

    justify-content: center;

    text-align: center;

    transition-property: background-color;

    width: 100%;

    -webkit-box-flex: 0;

    flex-grow: 0;

    border: hidden;

}



.hnGTVt {

    margin-right: 1rem;

}



.pad {

    padding: 0 40px 30px;

}



.padO {

    padding: 10px 50px 30px;

}



.padd {

    padding: 0px 35px 20px;

}



.doyoJz {

    text-align: center;

    padding: 2rem;

    /*box-shadow: rgb(0 0 0 / 10%) 0px 0px 2rem 2px;*/

}



.list-col {

    width: 475px;

    margin-left: auto;

    margin-right: auto;

    padding: 1rem;

    background-color: rgb(221 229 225 / 98%);

}



.cor-tim-tab {}



.cor-tim-tab h4 {

    padding: 15px 0px 25px 0px;

}



.cor-tim-tab ul li {

    background: url('../images/book.png') no-repeat left center;

    padding-left: 50px;

    margin-bottom: 20px;

    font-size: 13px;

}



.cor-tim-tab p {

    font-size: 13px;

}



.de-left-tit {

    background: linear-gradient(to top, #62a576, #0d3b1a);

    padding: 10px;

    border-radius: 2px;

}



.de-left-tit h4 {

    color: #fff;

}





/*-------------------------------------------------*/





/* =  14.USER DASHBOARD

/*-------------------------------------------------*/



.pro-cover {

    background: url('../images/ODD/developpement-durable.jpg') no-repeat center center;

    width: 100%;

    height: 300px;

    display: block;

    background-size: cover;

}



.pro-menu {

    background: #0d3b1a;

    box-shadow: 0px 4px 10px hsla(0, 0%, 0%, 0.08);

    position: relative;

    z-index: 2;

}



.pro-menu ul {

    margin-bottom: 0px;

    /* margin: 0 auto;

     */

    display: table;

    margin-left: 25px;

}



.pro-menu ul li {

    display: inline-block;

}



.pro-act {

    background: linear-gradient(to top, #c23402, #dda458);

    color: #fff !important;

}



.pro-menu ul li a {

    padding: 17px 14px;

    line-height: 53px;

    color: #fff;

    font-weight: 500;

    border-right: 1px solid #f4efaa;

}



.pro-menu ul li a:hover {

    background: #4b6c90;

    color: #fff;

}



.profil-ville {

    position: relative;

    text-align: center;

    padding: 30px 25px 35px 25px;

    color: #fff;

}



.pro-user {

    position: relative;

    margin-top: -180px;

    /* box-shadow: 0px 5px 18px -11px rgb(150 150 150 / 80%); */

    background: linear-gradient(to top, #1e5328, #d3e89ec2);

    /* border: 1px solid #f3f2f2; */

    border-bottom: 0px;

    z-index: 999;

    width: 220px;

    height: 200px;

    margin-left: 30px;

}



.pro-user img {

    width: 100%;

    border: 4px solid #fff;

    height: inherit;

}



.galerie {

    vertical-align: middle;

    /*border: 1px solid #ddd;*/

    border-radius: 4px;

    padding: 5px;

    width: 175px;

    height: 150px;

}



.pro-user-bio {

    background: #fff;

    padding: 25px;

    box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);

    border: 1px solid #f3f2f2;

}



.pro-user-bio ul {}



.pro-user-bio ul li {

    padding-bottom: 10px;

}



.pro-user-bio ul li a {

    color: #333;

    /* font-weight: 500;

     */

}



.pro-user-bio ul li a i {

    margin-right: 5px;

    width: 20px;

}



.pro-user-bio ul li:last-child {

    padding-bottom: 0px;

}



.pro-user-bio ul li:nth-child(2) {

    border-bottom: 1px solid #e9edf1;

    margin-bottom: 15px;

    padding-bottom: 15px;

}



.pro-con {

    padding: 35px 50px;

}



.pro-con-table {

    border: 1px solid #f7f8f9;

    padding: 5px 15px;

    margin-top: 25px;

}



.pro-con-table tr {

    line-height: 50px;

}



.pro-con-table tr:hover {

    background: #f3f3f3;

}



.pro-con-table th {

    font-weight: 600;

    padding: 10px;

}



.pro-con-table td {

    padding: 10px;

    font-size: 13px;

}



.pro-edit {

    background: #203245;

    color: #ffffff !important;

    padding: 1px 4px;

    border-radius: 2px;

    font-size: 13px;

}



.pro-act {}



.pro-user-act {

    background: #469c49;

    color: #fff;

    padding: 1px 4px;

    border-radius: 2px;

    font-size: 13px;

}



.pro-user-de-act {

    background: #8794a0;

}



.pro-user-page {

    border: 1px solid #d8d8d8;

    padding: 5px 20px 30px 20px;

    position: relative;

    overflow: hidden;

}



.pro-user-page h5 {

    font-size: 16px;

    margin-top: 22px;

}



.pro-user-page label {

    margin-right: 20px;

    font-size: 15px !important;

}



.pro-user-page input {}



.btn-pro-submit {

    margin-top: 24px;

    background: #f2323b;

    background: linear-gradient(to bottom, #ff4d56, #f12f38);

    color: #fff;

    padding: 14px;

    font-weight: 600;

    font-size: 15px;

    text-transform: uppercase;

}



.btn-upload {

    height: 46px !important;

}



.pro-ad-img {

    width: 100px;

    padding: 12px;

}



.pro-ad-table {}



.pro-ad-table tr {}



.pro-ad-table td {}



.pro-con {}



.pro-con form {}



.pro-con form label,

select {}





/*-------------------------------------------------*/





/* =  15.FOOTER GALLERY AND BLOG

/*-------------------------------------------------*/



.bot-gal {}



.h-gal {

    position: relative;

    overflow: hidden;

}



.h-gal ul {

    margin-bottom: 0px;

}



.h-gal ul li {

    float: left;

    display: inline-block;

    /* margin: 0px 15px 14px 0px;

     */

    width: 33.333%;

}



.h-gal ul li img {

    width: 100%;

    padding: 5px;

}



.h-vid {}



.h-vid iframe {

    width: 100%;

    border: 0px;

    height: 200px;

}



.h-blog {}



.h-blog ul {

    margin-bottom: 0px;

}



.h-blog ul li {

    border-bottom: 1px solid #dcdcdc;

    padding: 12px 0px;

    position: relative;

    overflow: hidden;

}



.h-blog ul li a {}



.h-blog ul li a span {

    font-family: 'Quicksand', sans-serif;

    font-size: 13px;

    display: block;

    margin-bottom: 10px;

    color: #a5a0a1;

}



.h-blog ul li a img {

    float: left;

    width: 35px;

    height: 35px;

    border-radius: 50px;

    margin-right: 15px;

}



.h-blog ul li a h5 {

    color: #333;

    font-size: 15px;

    margin-top: 0px;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    text-transform: capitalize;

    margin-bottom: 5px;

    letter-spacing: 0px;

}



.h-blog ul li a p {

    padding-left: 50px;

    margin-bottom: 0px;

    color: #969595;

    font-size: 12px;

    line-height: 18px;

}



.bot-gal {}



.bot-gal h4 {

    margin-top: 0px;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 14px;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 30px;

    color: #112842;

}



.bot-gal h5 {

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 15px;

    letter-spacing: 1px;

    margin-top: 25px;

    color: #112842;

}



.bot-gal p {

    margin-bottom: 0px;

}





/*-------------------------------------------------*/





/* = 16.REGISTER LOGIN POPUPS

/*-------------------------------------------------*/



.log-in-pop {

    position: relative;

    overflow: hidden;

    /* height: 100%;

     */

    /* bottom: 0px;

     */

    background: #fff;

    width: 60%;

    margin: 0 auto;

    margin-top: 5%;

}



.log-in-pop-left {

    float: left;

    width: 40%;

    background: url('../images/login.html') #002147 no-repeat center center;

    padding: 12.5% 6%;

    color: #fff;

    height: 100%;

    bottom: 0px;

    /* min-height: 115%;

     */

}



.log-in-pop-left::before {}



.log-in-pop-left h1 {

    color: #fff;

    font-size: 32px;

}



.log-in-pop-left h1 span {

    display: block;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    text-transform: capitalize;

    color: #fff;

    font-size: 24px;

}



.log-in-pop-left p {

    color: #fff;

}



.log-in-pop-left h4 {

    color: #fff;

    margin-bottom: 15px;

    margin-top: 15px;

    border-top: 1px solid #002e63;

    padding-top: 15px;

}



.log-in-pop-left ul {

    margin-bottom: 0px;

}



.log-in-pop-left ul li {

    margin-bottom: 5px;

}



.log-in-pop-left ul li a {

    display: block;

    background: #3F51B5;

    color: #fff;

    padding: 12px;

    border-radius: 2px;

    font-weight: 600;

    font-size: 14px;

}



.log-in-pop-left ul li:nth-child(1) a {

    background: #39579A;

}



.log-in-pop-left ul li:nth-child(2) a {

    background: #F24033;

}



.log-in-pop-left ul li:nth-child(3) a {

    background: #24A9E6;

}



.log-in-pop-left ul li a i {

    padding-right: 7px;

}



.log-in-pop-right {

    float: left;

    width: 60%;

    padding: 50px;

}



.log-in-pop-right h4 {

    font-size: 24px;

    margin-bottom: 20px;

}



.log-in-pop-right p {}



.log-in-pop-right a {

    color: #333;

}



.log-in-pop-right form {}



.log-in-pop-right form label {

    font-size: 14px !important;

    font-weight: 200;

    left: 15px;

    top: 14px;

}



.log-in-pop-right form input {

    border: 1px solid #dfdfdf;

    padding: 8px;

    box-sizing: border-box;

    height: 45px;

    border-radius: 2px;

    font-size: 14px;

    color: #000;

    margin-bottom: 5px;

}



.log-in-pop-right form textarea {

    border: 1px solid #dfdfdf;

    padding: 8px;

    box-sizing: border-box;

    height: 70px;

    border-radius: 2px;

}



.log-in-pop-right form input[type="submit"] {

    color: #fff;

    height: 32px;

}



.padd-top {

    margin-top: 15px;

}



.log-in-btn {

    background: #f4364f;

    color: #fff;

    padding: 2px 10px;

    font-weight: 600;

}



.pop-close {

    color: #333;

    width: 24px;

    height: 24px;

    display: inline-block;

    position: absolute;

    top: 15px;

    right: 15px;

}



.pop-close:hover {

    transform: rotate(180deg);

}



.pop-close img {

    width: 24px;

}



.modal-open {

    overflow: inherit !important;

}



.log-ch-bx {}



.log-ch-bx p {}



.log-ch-bx p label {

    left: 1px;

    top: 10px;

    color: #727070;

}



.log-ch-bx p input {}





/*-------------------------------------------------*/





/* = 17.REGISTER LOGIN POPUPS

/*-------------------------------------------------*/



.in2-top-logo {

    background: #002147;

}



.in2-search-top {

    background: #013673;

    border-top: 1px solid #002147;

}



.in2-main-menu {}



.in2-main-menu ul li a {

    color: #fff;

}



.in2-dropdown-content {

    background-color: #002147;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.37);

}



.in2-dropdown-content li {}



.in2-dropdown-content li a {

    border-bottom: 1px solid #032954;

}



.in2-dropdown-content li a:hover {

    background: #013673;

}



.in2-ban {

    margin-top: 72px;

    background: url(../images/pro-bg.jpg) no-repeat center center #333;

    padding: 80px 0px;

    background-size: cover;

    position: relative;

}



.in2-ban:before {

    content: '';

    position: absolute;

    background: linear-gradient(to top, rgba(2, 35, 74, 0.95) 14%, rgba(0, 33, 71, 0.87) 66%);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.in2-bi {

    position: relative;

    overflow: hidden;

    width: 90%;

    margin: 0 auto;

}



.in2-bi-left {

    /* color: #fff;

     */

    width: 70%;

    padding-top: 35px;

}



.in2-bi-left h1 {

    color: #fff;

    text-transform: capitalize;

    font-size: 52px;

}



.in2-bi-left p {

    color: #949494;

    font-size: 18px;

}



.in2-bi-form {

    position: relative;

    overflow: hidden;

    background: #fff;

    box-sizing: border-box;

    padding: 25px;

    border-radius: 4px;

    box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);

    border-bottom: 5px solid #f06433;

}



.in2-bi-form h4 {

    text-align: center;

}



.in2-bi-form input {

    border: 1px solid #e8e8e8;

    height: 45px;

    margin-bottom: 4px;

}



.in2-bi-form label {

    color: #0e0e0e;

    left: 20px;

    top: 15px;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

}





/*-------------------------------------------------*/





/* = 18.STUDENT DASHBOARD

/*-------------------------------------------------*/



.stu-db {

    position: relative;

    /* overflow: hidden;

     */

    background: #f7f8f9;

}



.udb {

    padding: 50px 25px;

    position: relative;

    overflow: hidden;

}



.udb-sec {

    position: relative;

    overflow: hidden;

    margin-bottom: 35px;

    background: #fff;

    padding: 25px;

    border-radius: 2px;

    box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);

    border: 1px solid #f3f2f2;

}



.udb-sec h4 {

    padding-bottom: 10px;

    border-bottom: 1px solid #eeeeef;

    margin-bottom: 15px;

    text-transform: uppercase;

    color: #203245;

}



.udb-sec h4 img {

    margin-right: 10px;

    vertical-align: bottom;

    width: 24px;

}



.udb-sec p {}



.udb-cour {}



.sdb-cours {

    position: relative;

    overflow: hidden;

    padding-top: 25px;

}



.sdb-cours ul {}



.sdb-cours ul li {

    width: 50%;

    float: left;

    padding-right: 15px;

    margin-bottom: 15px;

}





/*-------------------------------------------------*/





/* = 19.STUDENT DASHBOARD - COURSES

/*-------------------------------------------------*/



.list-mig-like-com {

    position: relative;

    border-radius: 5px;

    /* margin-bottom: 20px;

     */

    background: #14addb;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.list-mig-like-com:before {

    content: '';

    position: absolute;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

    border-radius: 5px;

}



.list-mig-lc-img img {

    width: 100%;

    border-radius: 5px;

}



.list-mi-pr {

    top: 15px;

}



.list-mig-lc-con {

    position: absolute;

    width: 100%;

    margin-top: -92px;

    padding: 20px 20px 0px 20px;

    display: block;

}



.list-mig-lc-con h5 {

    font-size: 18px;

    color: #fff;

    padding-top: 10px;

    padding-bottom: 5px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.list-mig-lc-con h6 {

    font-size: 14px;

    color: #fff;

    position: absolute;

    top: -20px;

    /* right: 0px;

     */

    border: 1px solid #fff;

    padding: 8px 10px 3px 10px;

    border-radius: 18px;

    margin-bottom: 5px;

    padding-bottom: 10px;

}



.list-mig-lc-con p {

    color: #c1c1c1;

}



.sdb-cours ul li:nth-child(3) {

    margin-bottom: 0px;

}



.sdb-cours ul li:nth-child(4) {

    margin-bottom: 0px;

}



.udb-time-line ul {

    padding: 0px;

    padding-top: 25px;

}



.udb-time-line ul li {

    position: relative;

    overflow: hidden;

    padding-left: 70px;

    padding-bottom: 20px;

}



.udb-time-line ul li:hover .fa-clock-o {

    background: #e66030;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.udb-time-line ul li i {

    width: 35px;

    height: 35px;

    background: #517ce6;

    border-radius: 50%;

    text-align: center;

    padding: 8px 10px;

    margin-left: -68px;

    position: absolute;

    z-index: 99;

    color: #fff;

    font-size: 17px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.days h4 {

    margin: 25px 0px 15px 0px;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    color: #213d44;

}



.udb-time-line ul li h4 {

    margin-top: 7px;

}



.udb-time-line ul li p {

    padding-top: 0px;

}



.l-info-pack-plac::after {

    content: '';

    background: #eeeeef;

    position: absolute;

    width: 1px;

    top: 0;

    bottom: 0;

    height: 100%;

    left: 19px;

}



.days h4 span {

    color: #929596;

    font-weight: 600;

}





/*-------------------------------------------------*/





/* = 20.STUDENT DASHBOARD - TIME LINE

/*-------------------------------------------------*/



.sdb-cl-tim {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.sdb-cl-day {

    float: left;

    width: 25%;

}



.sdb-cl-day h5 {

    text-transform: uppercase;

}



.sdb-cl-day span {

    font-size: 12px;

    color: #9ba3ab;

}



.sdb-cl-class {

    float: left;

    width: 75%;

}



.sdb-cl-class ul {

    padding-top: 0px;

}



.sdb-cl-class ul li {

    padding-left: 0px;

}



.sdb-cl-class-tim {

    float: left;

    width: 25%;

    border-right: 1px solid #dcdcdc;

}



.sdb-cl-class-tim span {

    display: block;

    color: #203245;

    font-weight: 600;

    font-size: 14px;

}



.sdb-cl-class-name {

    float: left;

    width: 75%;

    padding-left: 25px;

    position: relative;

}



.sdb-cl-class-name h5 {}



.sdb-cl-class-name h5 span {

    float: right;

    font-size: 12px;

    color: #9ba3ab;

    border: 1px solid #cccdce;

    border-radius: 20px;

    padding: 0px 7px;

}



.sdn-hall-na {

    font-size: 12px;

    color: #9ba3ab;

}



.sdb-cl-class-name::after {

    content: '';

    background: #2ebf33;

    position: absolute;

    width: 7px;

    top: 3px;

    bottom: 0;

    height: 7px;

    left: 9px;

    border-radius: 25px;

}



.sdb-cl-class-name-lev::after {

    background: #bfa12e;

}



.sdb-tabl-com {}



.sdb-tabl-com tr {

    color: #969595;

    border-bottom: 1px solid #d0d0d0;

}



.sdb-tabl-com tr td {

    font-size: 15px;

    color: #333;

    padding: 14px 14px 14px 0px;

}



.sdb-pro-table {}



.sdb-pro-table tr {}



.sdb-pro-table tr td {}



.sdb-bot-edit {

    margin-top: 25px;

}



.sdb-bot-edit p {

    padding-bottom: 10px;

}



.sdb-bot-edit a {}



.sdb-btn {

    background: #2f4f73;

    font-size: 12px;

    font-weight: 600;

}



.sdb-btn i {

    margin-right: 10px;

    font-size: 14px;

    vertical-align: initial;

}



.sdb-btn:hover {

    background: #476990;

    color: #fff;

}



.sdb-btn:active {

    background: #476990;

    color: #fff;

}



.sdb-btn:focus {

    background: #476990;

    color: #fff;

}



.backdrop {

    background-color: #ededed;

}





/*-------------------------------------------------*/





/* = 21.MEGA MENU

/*-------------------------------------------------*/



.mm-pos {

    position: absolute;

    /* width: 100%; */

    width: 25%;

    right: 0px;

    /* left: 0px; */

    left: 415px;

}



.about-mm,

.admi-mm,

.cour-mm {

    display: none;

}



.ville-mm {

    display: none;

}



.m-menu {

    position: absolute;

    overflow: hidden;

    width: 100%;

    box-shadow: 0px 7px 12px -4px rgba(167, 156, 156, 0.45);

    /* background: url('../images/ODD/opacity.1.jpg') no-repeat right bottom, #fff; */

    background: #f5f5f5fa;

    z-index: 999;

    margin-top: -7px;

    /* padding: 20px 10px; */

    padding: 0px 10px;

}



.m-menu-inn {}



.mm1-com {

    width: 0%;

    float: left;

    box-sizing: border-box;

    padding: 20px;

    /* border-right: 1px solid #eaeaea; */

}



.mm1-com h4 {

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 10px;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-size: 14px;

}



.mm1-com ul {

    margin-right: auto;

}



.mm1-com ul li {

    display: block;

    width: 100%;

    position: relative;

    padding-left: 15px;

}



.mm1-com ul li a {

    font-size: 14px;

    color: #203245;

    line-height: 31px;

    padding: 5px;

    text-transform: capitalize;

}



.mm1-com ul li a:hover {}



.mm1-com ul li a:after {

    bottom: 0px;

}



.mm1-cour-com {

    width: 20%;

}



.ed-dr-men-mar-top {

    padding-top: 30px;

    display: inline-block;

}



.mm1-s1 {}



.mm1-s1 img {

    width: 100%;

}



.mm1-s2 {

    width: 100%;

    padding: 5px 5px 5px 5px;

}



.mm1-s2 p {

    font-size: 12px;

    color: #203245;

}



.mm1-s2 a {}



.mm1-s3 {}



.mm1-s3 ul {}



.mm1-s4 {

    border-right: 0px solid #eaeaea;

}



.mm-arr:after {}



.m-menu-inn>.mm1-s2>.mm-r-m-btn {

    background: #002147;

    padding: 4px 10px;

    color: #fff;

    font-size: 11px;

    border-radius: 3px;

    height: 30px;

    line-height: 24px;

}



.mm1-com>.ed-course-in>a {

    padding: 0px;

}



.mm2-com {}



.mm2-com p {

    font-size: 12px;

    color: #203245;

}



.mm2-com>.ed-course-in {

    margin-bottom: 15px;

}



.m-menu-inn>.mm2-com>a {

    background: #002147;

    padding: 4px 10px;

    color: #fff;

    font-size: 11px;

    border-radius: 3px;

    height: 30px;

    line-height: 24px;

}



.m-menu-inn ul li:before {

    content: "\f105";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    /*--adjust as necessary--*/

    color: #000;

    font-size: 16px;

    padding-right: 0.5em;

    position: absolute;

    top: 5px;

    left: 0;

}





/*-------------------------------------------------*/





/* = 22.SOCIAL MEDIA SHARE

/*-------------------------------------------------*/



.share-btn {

    margin-top: 10px;

    position: relative;

    overflow: hidden;

}



.share-btn ul {

    padding: 0px;

    margin-bottom: 0px;

}



.share-btn ul li {

    display: inline-block;

    margin-right: 4px;

    line-height: 40px;

}



.share-btn ul li a {

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

    font-size: 10px;

    padding: 8px 12px;

    border-radius: 3px;

}



.share-btn ul li:nth-child(1) a {

    background: #3b5998;

}



.share-btn ul li:nth-child(2) a {

    background: #00aced;

}



.share-btn ul li:nth-child(3) a {

    background: #d34836;

}



.share-btn ul li i {

    padding-right: 5px;

}





/*-------------------------------------------------*/





/*=  23.SOCIAL MEDIA SHARE

/*-------------------------------------------------*/



.icon-float {

    position: fixed;

    /* left: 0px;

     */

    top: 35%;

    z-index: 999;

    right: 0px;

}



.icon-float ul {

    padding: 0px;

}



.icon-float ul li {

    list-style-type: none;

}



.icon-float ul li a {

    display: block;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    padding: 0px;

}



.icon-float ul li a i {

    padding: 8px;

    width: 40px;

    height: 32px;

    text-align: center;

    color: #fff;

}



.icon-float ul li a:hover {

    transform: rotateY(-180deg);

}



.icon-float ul li a:hover i {

    transform: rotateY(180deg);

}



.fb1 {

    background: #3b5998;

}



.gp1 {

    background: #dd4b39;

}



.tw1 {

    background: #1da1f2;

}



.li1 {

    background: #0077b5;

}



.yt1 {

    background: #cd201f;

}



.wa1 {

    background: #34af23;

}



.sh {

    background: #fff;

    padding: 10px 0px;

    font-size: 11px;

    text-align: center;

    color: #333;

    border-top-left-radius: 5px;

}



.sh1 {

    background: #333;

    border-bottom-left-radius: 5px;

}





/*-------------------------------------------------*/





/*= 24.ABOUT US

/*-------------------------------------------------*/



.about-sp {

    padding: 0px 30px;

}



.ed-about-sec1 {}



.ed-advan {}



.ed-advan ul {}



.ed-advan ul li {

    float: left;

    width: 33.333%;

    padding: 25px;

    box-sizing: border-box;

    /* padding: 15px 0px;

     */

    /* height: 210px;

     */

}



.ed-advan ul li:nth-child(1) {

    border-bottom: 1px solid #dcdbdb;

    border-right: 1px solid #dcdbdb;

}



.ed-advan ul li:nth-child(2) {

    border-bottom: 1px solid #dcdbdb;

    border-right: 1px solid #dcdbdb;

}



.ed-advan ul li:nth-child(3) {

    border-bottom: 1px solid #dcdbdb;

}



.ed-advan ul li:nth-child(4) {

    border-right: 1px solid #dcdbdb;

}



.ed-advan ul li:nth-child(5) {

    border-right: 1px solid #dcdbdb;

}



.ed-advan ul li:nth-child(6) {}



.ed-ad-img {

    /* width: 30%;

     */

    float: left;

}



.ed-ad-img img {

    width: 50px;

    opacity: 0.8;

}



.ed-ad-dec {

    float: left;

    width: 80%;

    padding-left: 25px;

}



.ed-ad-dec h4 {

    margin-bottom: 10px;

}



.ed-ad-dec p {

    font-size: 13px;

    line-height: 20px;

}



.ed-ad-dec a {

    background: #002147;

    padding: 4px 10px;

    color: #fff;

    font-size: 11px;

    border-radius: 3px;

    height: 30px;

    line-height: 24px;

}





/*-------------------------------------------------*/





/* = 25.AWARDS

/*-------------------------------------------------*/



.s18-agenda {

    background: #f4f4f4;

    background: linear-gradient(90deg, #ebebeb 32%, #f4f4f4 11%);

}



.s18-agenda-inn {}



.s18-age-tit {

    width: 480px;

    height: 115px;

    margin: 0 auto;

    background-position: 111px -495px;

    text-align: center;

    padding-top: 25px;

}



.s18-age-tit h2 {

    font-size: 38px;

    padding-bottom: 12px;

}



.s18-age-event {

    position: relative;

}



.s18-age-event ul {

    margin-top: 0px;

}



.s18-age-event ul li {

    position: relative;

    overflow: hidden;

    padding-left: 70px;

}



.age-eve-com {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    /* padding: 9px 10px;

     */

    margin-left: -69px;

    position: absolute;

    z-index: 99;

    background: #517ce6;

    /* fallback for old browsers */

    /* Chrome 10-25, Safari 5.1-6 */

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.age-eve-com img {

    width: 32px;

    text-align: center;

    box-sizing: border-box;

    margin-left: 11px;

    margin-top: 12px;

}



.s18-age-event ul li h4 {

    margin-top: 0px;

    font-weight: 700;

    font-size: 18px;

}



.s18-age-event ul li h5 {

    margin-top: 0px;

    font-weight: 600;

    font-size: 16px;

}



.s18-age-event ul li p {

    padding-top: 0px;

    font-size: 13px;

}



.s18-age-event::after {

    content: '';

    background: #ececec;

    position: absolute;

    width: 1px;

    top: 0;

    bottom: 0;

    height: 97%;

    left: 28px;

}



.ed-eve-time {

    width: 100%;

    border-bottom: 1px solid #ececec;

    padding: 10px 10px 25px 10px;

    margin-bottom: 25px;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

}



.ed-bor-bot-0 {

    border-bottom: 0px;

}



.ed-eve-time-tim {

    float: left;

    width: 25%;

    box-sizing: border-box;

}



.ed-eve-time-tim span {

    font-weight: 300;

    font-size: 16px;

}



.ed-eve-time-msg {

    float: left;

    width: 75%;

    padding-right: 80px;

    box-sizing: border-box;

}



.ed-eve-time-msg h4 {}



.ed-eve-time-msg p {}



.age-dwarr-btn {

    width: 28px;

    height: 28px;

    position: absolute;

    right: 0px;

    top: 10px;

    background-position: -358px -196px;

    background-color: #425473;

    border-radius: 50px;

}



.age-dwarr-btn i {

    color: #fff;

    font-weight: 700;

    text-align: center;

    font-size: 18px;

    padding: 6px 8px;

}



.age-dwarr-btn>.fa-angle-up {

    padding: 4.2px 8px;

}



.age-eve-1 {

    background-position: -345px -114px;

}



.age-eve-2 {

    background-position: -412px -113px;

}



.age-eve-3 {

    background-position: -476px -113px;

}



.age-eve-4 {

    background-position: -542px -113px;

}



.age-eve-5 {

    background-position: -605px -113px;

}



.time-hide-11-btn,

.time-hide-22-btn,

.time-hide-33-btn,

.time-hide-44-btn {

    background-position: -358px -220px;

}



.hb-com {

    display: none;

}



.time-hide {

    display: none;

}



.aw-re-btn {

    background: #002147;

    padding: 4px 10px;

    color: #fff;

    font-size: 11px;

    border-radius: 3px;

    height: 30px;

    line-height: 24px;

    margin-bottom: 25px;

    display: inline-block;

}



.aw-re-btn:hover {

    background: #f26838;

    color: #fff;

}





/*-------------------------------------------------*/





/* = 26.ADMISSIONN

/*-------------------------------------------------*/



.quote-title {

    text-align: center;

    padding: 0px 10px;

}



.quote-title h2 {

    text-transform: uppercase;

    font-size: 62px;

    color: #ffffff;

    font-weight: 700;

    letter-spacing: -1px;

    /* color: #ffbaa5;

     */

    margin-top: 0px;

    margin-bottom: 25px;

    text-shadow: 0px 1px #fff, 0px -1px #262F33;

    line-height: 60px;

}



.quote-title h2 span {

    color: #ffffff;

    /* background: #FFC107;

     */

    /* padding: 0px 10px;

     */

    /* font-size: 70px;

     */

    /* line-height: 82px;

     */

    /* border-radius: 3px;

     */

    font-weight: 700;

    font-family: 'Poppins', sans-serif;

}



.quote-title p {

    color: #8d969e;

}



.quote-title {}



.qu-new {}



.qu-new h5 {

    display: inline-block;

    padding: 5px 11px 2px 10px;

    background: #FFC107;

    font-size: 22px;

    margin-bottom: 25px;

    color: #fff;

    font-style: italic;

    text-shadow: 0px 1px #fff, 0px -1px #262F33;

}



.help-line {}



.help-line span {

    display: block;

    font-size: 48px;

    color: #ffffff;

    padding-top: 20px;

    line-height: 50px;

}



.h-quote {

    background: url(../images/weather.png);

    position: relative;

    overflow: hidden;

    padding: 100px 0px 100px 0px;

}



.h-quote:before {

    content: '';

    position: absolute;

    background: #1f4363;

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 50%;

}



.help-line {

    margin-bottom: 0px;

    font-size: 48px;

    color: #ffffff;

    font-weight: 500;

    line-height: 46px;

    font-style: normal;

    padding-top: 30px;

    font-family: 'Josefin Sans', sans-serif;

}



.help-line p {}



.home-requ {}



.home-requ input,

select,

textarea {

    padding: 15px;

    height: auto;

    border: 1px solid #afafaf;

    border-radius: 2px;

    resize: none;

}



.home-requ select {

    padding: 12px 10px;

}



.home-requ textarea {

    height: 110px !important;

}



.home-requ input[type="submit"] {

    color: #000;

    background-color: #FFC107;

    border-color: #FFC107;

    font-weight: 600;

    text-transform: uppercase;

    padding-bottom: 7px;

}



.help-arrow {

    position: absolute;

    top: 53%;

    left: 95.5%;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.62);

    border-radius: 50%;

}



.help-arrow i {

    background: #ffffff;

    padding: 9px 10px;

    width: 50px;

    height: 50px;

    text-align: center;

    font-size: 30px;

    border-radius: 50%;

    color: #184350;

    transition: all 0.5s ease;

}



.pulse {

    animation-name: pulse_animation;

    animation-duration: 5000ms;

    transform-origin: 70% 70%;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



@keyframes pulse_animation {}



.h-quote:hover .help-arrow i {

    transition: all 0.5s ease;

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

    background: #f26939;

    color: #ffffff;

}



.box-item .icon {

    text-align: center;

    margin-top: 12px;

    -webkit-transition: background 0.2s, color 0.2s;

    -moz-transition: background 0.2s, color 0.2s;

    -ms-transition: background 0.2s, color 0.2s;

    -o-transition: background 0.2s, color 0.2s;

    transition: background 0.2s, color 0.2s;

}



.content-left span {

    float: right;

    margin-left: 25px;

}



.icon {

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 4px;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #767676;

    font-size: 24px;

}



.box-item {

    padding-bottom: 40px;

}



.box-item .text h4 {

    color: #30383d;

    text-transform: capitalize;

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 0px;

}



.n-form-com {}



.n-form-com form input,

select,

textarea {

    border: 1px solid #cecece;

    height: 45px;

    background: #fff;

    border-radius: 2px;

    margin-bottom: 4px;

    padding: 0px 15px;

    box-sizing: border-box;

    font-size: 14px;

    color: #000;

}



.n-form-com form input::placeholder {

    color: #000

}



.n-form-com form label {

    font-size: 14px;

    color: #333333;

    font-weight: 600;

}



.n-form-com form input[type="submit"] {

    color: #fff;

    display: block;

    width: 100%;

}



.admiss-form {

    padding: 0px 50px;

}



.admiss-form h4 {

    font-size: 24px;

    font-weight: 800;

}



.admiss-form p {}



.admiss-form-tit {}



.admiss-form-tit h4 {}



.admiss-form-tit p {}



.select-wrapper {

    position: relative;

    border: 1px solid #cecece;

    height: 45px;

    background: #fff;

    border-radius: 2px;

    margin-bottom: 4px;

    padding: 0px 15px;

    box-sizing: border-box;

    font-size: 16px;

}



.select-dropdown {

    font-size: 14px;

    margin-top: 7px;

}





/*-------------------------------------------------*/





/* = 27.SEMINAR

/*-------------------------------------------------*/



.p-semi {

    background: url(../images/seminar-bg.jpg);

    position: relative;

    overflow: hidden;

    padding: 100px 0px 100px 0px;

    background-size: cover;

}



.p-semi:before {

    content: '';

    position: absolute;

    background: rgba(12, 34, 53, 0.75);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.semi-inn {

    width: 75%;

    margin: 0 auto;

}



.semi-com {

    float: left;

    box-sizing: border-box;

    position: relative;

}



.semi-left {

    width: 60%;

    padding: 0px 100px 0px 0px;

}



.semi-right {

    width: 40%;

}



.semi-text {

    text-align: left;

}



.semi-form {

    background: #03294e;

    padding: 30px;

    border-radius: 4px;

    box-shadow: -2px 18px 42px -22px rgba(0, 0, 0, 0.8);

}



.semi-deta {

    margin-top: 30px;

    position: relative;

    overflow: hidden;

}



.semi-deta ul {}



.semi-deta ul li {

    font-weight: 700;

    color: #8d969e;

    line-height: 32px;

    font-family: 'Josefin Sans', sans-serif;

    float: left;

    display: inline-block;

    padding: 4px 10px 0px 10px;

    border: 1px solid #374450;

    margin: 0px 8px 8px 0px;

    background: #1f3c58;

}



.semi-deta ul li span {

    /* font-weight: 700;

     */

    color: #b4bec7;

    padding-left: 10px;

}





/*-------------------------------------------------*/





/* = 28.EVENTS

/*-------------------------------------------------*/



.pg-events {}



.pg-eve-date {

    width: 75px;

}



.pg-eve-desc {}



.pg-eve-reg {

    float: right;

    margin-top: 35px;

}



.pg-eve-reg a {

    padding: 6px 25px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    height: 35px;

    text-align: center;

    /* margin: 0px 10px;

     */

    /* background: linear-gradient(to top, #ef612f, #f36b3b);

     */

    color: #02294e;

    border: 1px solid #02294e;

    margin-left: 10px;

}



.pg-eve-reg a:hover {

    color: #ffffff;

    border: 1px solid #d45023;

    background: #f26838;

}



.pg-eve-reg:nth-child(1) a {}



.pg-eve-reg:nth-child(2) a {}



.p-event {

    background: url(../images/event-bg.jpg);

}



.p-event:before {

    background: #8d54e9;

    background: #4776E6;

    /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #8E54E9, #4776e6d6);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.eve-reg-text {}



.eve-reg-text p {

    color: #dfcdff;

}



.eve-deta {}



.eve-deta ul li {

    background: #625ed4;

    border: 1px solid #8d86e4;

    color: #edeeef;

}



.eve-deta ul li span {

    color: #c8ccd0;

}



.pg-pagina {

    margin: 0 auto;

    display: table;

    margin-top: 50px;

}



.pg-eve-main {}



.pg-eve-main ul li:hover .pg-eve-reg a:nth-child(1) {

    color: #ffffff;

    border: 1px solid #d45023;

    background: #f26838;

}



.head-2 {

    padding: 55px 0px 40px 0px;

    background: url(../images/event-bg.jpg);

    position: relative;

}



.head-2:before {

    content: '';

    position: absolute;

    background: #4776E6;

    background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);

    background: linear-gradient(to right, #8E54E9, #4776e6d6);

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



.head-2-inn {

    position: relative;

    text-align: center;

}



.head-2-inn h1 {

    margin-top: 0px;

    color: #fff;

    padding-bottom: 18px;

    line-height: 42px;

}



.head-2-inn p {

    color: #dfcdff;

}



.event-head-sub {

    display: inline-block;

    margin-top: 8px;

}



.event-head-sub ul {}



.event-head-sub ul li {

    color: #dfcdff;

    float: left;

    margin-right: 15px;

    border: 1px solid #bfcaec;

    padding: 0px 10px;

    border-radius: 15px;

    margin-bottom: 10px;

}





/*-------------------------------------------------*/





/* = 29.CONTACT US

/*-------------------------------------------------*/



.pg-contact {}



.new-con {

    text-align: center;

}



.new-con h2 {

    color: #f26838;

    text-transform: uppercase;

    margin-top: 8px;

    font-size: 24px;

    font-weight: 700;

}



.new-con h2 span {

    color: #13293D;

}



.new-con h4 {

    text-transform: uppercase;

    padding-bottom: 12px;

    color: #13293D;

    font-weight: 700;

}



.new-con p {}



.new-con p a {

    color: #848080;

}



.new-con img {

    margin: 0 auto;

    display: block;

    width: 32px;

}



.new-con h2 span {

    color: #13293D;

    text-transform: uppercase;

    margin-top: 8px;

    font-size: 24px;

    font-weight: 700;

}



.contact-map {

    margin: 0px;

}



.contact-map iframe {

    width: 100%;

    height: 550px;

    border: 0px;

    margin-bottom: -5px;

    display: block;

    pointer-events: none;

    position: relative;

    /* IE needs a position other than static */

}



.contact-map iframe.clicked {

    pointer-events: auto;

}



.overlay-contact {

    position: relative;

    background-color: white;

    width: 40%;

    border-radius: 5px;

    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.29);

    margin-top: -590px;

    border: 5px #1f4363;

    border-style: dashed;

    overflow: hidden;

    padding-bottom: 15px;

}



.map-head {

    text-align: center;

    text-transform: uppercase;

    padding: 0px 0px 15px 0px;

}



.map-head p {

    margin-bottom: 0px;

    display: inline-block;

    font-size: 18px;

    color: #13293D;

    font-weight: 700;

}



.map-head p:before {

    content: '';

    position: absolute;

    width: 50px;

    height: 1px;

    /* background: #13293D;

     */

    margin-left: 4%;

    margin-top: 27px;

}



.map-head p:after {

    content: '';

    position: absolute;

    width: 50px;

    height: 1px;

    /* background: #13293D;

     */

    margin-left: 0px;

    margin-top: 11px;

    left: 50%;

    margin-top: 27px;

}



.map-head h2 {

    margin-top: 0px;

    text-transform: uppercase;

    margin-bottom: 0px;

    font-size: 48px;

    padding: 8px 0px;

    color: #f26838;

    line-height: 42px;

}



.footer-part-form {}



.footer-part-form ul {

    padding: 25px 25px 5px 25px;

}



.footer-part-form ul li {

    list-style-type: none;

    margin-bottom: 8px;

}



.footer-part-form ul li input {

    width: 95%;

    padding: 6px 10px;

    /* padding-left: 15px;

     */

    border: 1px solid #eae8e8;

    margin-bottom: 10px;

    font-size: 14px;

    box-sizing: border-box;

}



.footer-part-form ul li textarea {

    width: 97.5%;

    padding: 6px;

    border: 1px solid #eae8e8;

    resize: none;

    height: 90px;

}



.footer-part-form ul li input[type="submit"] {

    background: #f26838;

    border: 0px solid #c4c4c4;

    color: #fff;

    width: 100%;

    letter-spacing: 1px;

    font-weight: 700;

}





/*-------------------------------------------------*/





/* = 30.MOBILE MANU

/*-------------------------------------------------*/



.ed-mob-menu {

    position: fixed;

    top: 0px;

    width: 100%;

    height: 55px;

    background: #fff;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);

    z-index: 999;

    display: none;

}



.ed-mob-menu-con {

    width: 90%;

    margin: 0 auto;

}



.ed-mm-left {

    float: left;

    width: 50%;

    box-sizing: border-box;

}



.wed-logo {}



.wed-logo a {}



.wed-logo a img {}



.ed-mm-right {

    float: left;

    width: 50%;

    box-sizing: border-box;

}



.ed-mm-menu {}



.ed-micon {

    float: right;

}



.ed-micon i {

    width: 32px;

    height: 32px;

    border: 1px solid #0a2444;

    text-align: center;

    font-size: 20px;

    padding: 5px;

    border-radius: 2px;

    margin-top: 10px;

    color: #0a2444;

    cursor: pointer;

}



.ed-mm-inn {

    position: fixed;

    width: 70%;

    background: #fff;

    padding: 50px;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);

    overflow-y: auto;

    right: -80%;

    height: 100%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.ed-mm-act {

    right: 0%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.ed-mi-close {

    position: absolute;

    z-index: 99;

    margin: -50px 8px 8px -30px;

}



.ed-mi-close i {

    width: 32px;

    height: 32px;

    border: 1px solid #0a2444;

    text-align: center;

    font-size: 20px;

    padding: 5px;

    border-radius: 2px;

    margin-top: 10px;

    color: #0a2444;

    cursor: pointer;

}



.ed-mm-inn h4 {}



.ed-mm-inn ul {

    margin-bottom: 30px;

    margin-top: 10px;

}



.ed-mm-inn ul li {}



.ed-mm-inn ul li a {

    display: block;

    border-bottom: 1px solid #ececec;

    padding: 6px 0px 6px 25px;

    font-size: 14px;

}



.ed-mm-inn ul li a:before {

    content: "\f105";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    position: absolute;

    font-size: 14px;

    color: black;

    margin-left: -25px;

}



.affix {

    position: fixed;

    top: 0px;

    width: 100%;

    /*height: 55px;*/

    background: #fff;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);

    z-index: 9999;

    padding: 1px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sb1 {

    background: linear-gradient(to top, #69a27a, #334e3b);

    position: fixed;

    width: 100%;

    top: 0px;

    z-index: 9999;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.48);

}



.sb1 h3 {

    color: #fff;

    font-weight: 700;

    font-size: 16px;

    text-transform: uppercase;

}



.sb1-1 {}



.sb1-2 {

    float: right;

}



.sb1-2 button {

    background: #2d3a40;

    border: 0px;

    color: #fff !important;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    padding: 20px;

    border-radius: 0px;

}



.sb2 {

    background: #41634b;

    /* margin-top: 59px; */

}



.sb2-1 {

    float: left;

    width: 15%;

    /* background: #0d3b1a; */

    color: #fff;

    height: 100%;

    position: absolute;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sb2-1 a {

    color: #cecece;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sb2-1 a:hover {

    color: #fff;

    /* padding-left: 30px; */

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    text-decoration: none;

}



.sb2-12 {

    position: relative;

    overflow: hidden;

    padding: 15px;

    background: linear-gradient(to top, #ca643ff5, #f3bb71);

}



.sb2-12 ul {

    padding: 0px;

}



.sb2-12 ul li {

    float: left;

    display: inline-block;

}



.sb2-12 ul li:nth-child(1) {

    width: 15%;

}



.sb2-12 ul li:nth-child(2) {

    width: 70%;

    /* padding: 0px 20px; */

    margin-left: 28px;

}



.sb2-12 ul li:nth-child(3) {

    width: 10%;

}



.sb2-12 ul li img {

    width: 45px;

    height: 45px;

    border-radius: 50%;

}



.sb2-12 ul li h5 {

    margin-bottom: 0px;

    margin-top: 0px;

    font-size: 14px;

    color: #fff;

}



.sb2-12 ul li h5 span {

    display: block;

    font-size: 14px;

    color: #ffffff;

    margin-top: -4px;

    font-weight: 600;

}



.sb2-13 {

    background: #002147;

}



.sb2-13 ul {

    /* padding: 20px; */

    margin-left: 0px;

    padding-left: 0px;

    margin-bottom: 0px;

}



.sb2-13 ul li {

    list-style-type: none;

    /* border-bottom: 1px solid #37543f */

    /* padding: 3px 20px; */

}



.sb2-13 ul li a {

    display: block;

    font-size: 13.5px;

    padding: 10px 0px;

    border-bottom: 1px solid #37543f;

    padding: 12px 20px;

    background: #334e3b;

}



.sb2-13 ul li a:after {

    font-family: FontAwesome;

    content: "\f105";

    font-size: 16px;

    display: block;

    position: absolute;

    margin-top: -15px;

    right: 20px;

    font-size: 12px;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: -webkit-transform .2s ease-in-out;

    -o-transition: -webkit-transform .2s ease-in-out;

    transition: -webkit-transform .2s ease-in-out;

}



.sb2-13 ul li a:hover:after {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



.sb2-13 ul li a:focus:after {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



.sb2-13 ul li a:hover {

    /* background: #022c5d; */

    background: linear-gradient(to top, #86bb96, #4d7459);

}



.sb2-13 ul li a:focus {

    /* background: #022c5d; */

    background: #538060;

}



.menu-act {

    background: #57666d;

}



.sb2-13 ul li a i {

    margin-right: 8px;

    width: 16px;

}



.sb2-2 {

    float: left;

    width: 85%;

    padding: 40px;

    margin-left: 15%;

    /* background: #e3e8ea; */

    /* background: #c8d3cd; */

    background: #486255;

}



.sb2-2-1 {

    background: #e8e9e8;

    padding: 25px;

}



.sb2-2-1 h2 {

    margin-top: 0px;

}



.sb2-2-1 p {}



.sb2-2-1 table {

    width: 100%;

}



.sb2-2-1 table tr {}



.sb2-2-1 table tr th {}



.sb2-2-1 table tr td {}



.sb2-2-1 table tr td a {}



.sb2-2-1-edit {}



.sb2-2-1-edit i {

    color: #FF5722;

}



.sb2-2-add-blog textarea {

    width: 100%;

    display: block;

    border: 1px solid #ccc;

    border-radius: 4px;

    height: 200px;

}



.sa-blog {}



.sa-blog-post {

    position: relative;

    overflow: hidden;

    border-bottom: 1px solid #d2d2d2;

    padding: 25px 0px;

}



.sa-blog-post h2 {

    color: #000;

    font-weight: 700;

}



.sa-blog-post span {

    font-style: italic;

    color: #888;

}



.sa-blog-post span b {

    font-weight: 500;

    color: #000;

}



.sa-blog-post img {

    width: 100%;

    padding-bottom: 25px;

    padding-top: 20px;

}



.sa-blog-post p {

    color: #888;

    font-size: 15px;

    line-height: 24px;

    padding-bottom: 15px;

}



.sa-blog-post-btn {

    background: #f7941e;

    color: #fff;

    padding: 5px;

}



.sa-blog-com-1 {

    padding: 50px 0px;

}



.sa-blog-com {}



.sa-blog-ads {}



.sa-blog-ads img {}



.sa-blog-rece {}



.sa-blog-rece h3 {

    text-transform: uppercase;

    font-size: 18px;

}



.sa-blog-rece ul {

    padding: 0px;

}



.sa-blog-rece ul li {

    list-style-type: none;

}



.sa-blog-rece ul li a {

    border-bottom: 1px solid #e1e6ec;

    color: #a2a2a2 !important;

    font-weight: 200 !important;

    line-height: 40px;

    padding-bottom: 7px;

    font-size: 14px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sa-blog-rece ul li a:hover {

    padding-left: 8px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sa-blog-rece ul li a i {

    padding-right: 8px;

}



.sa-blog-g {

    padding-top: 50px;

}



.sa-blog-g img {}



.n-blog-top {

    background: #000000;

    padding: 10px 0px;

    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);

}



.blog-logo {}



.blog-logo a {}



.blog-logo a img {

    width: 175px;

}



.blog-soc {}



.blog-soc ul {

    padding: 0px;

    float: right;

    margin-bottom: 0px;

    padding-top: 25px;

}



.blog-soc ul li {

    float: left;

    display: inline-block;

    padding-right: 6px;

}



.blog-soc ul li a {}



.blog-soc ul li a i {

    color: #ffffff;

    width: 24px;

    height: 24px;

    /* border: 1px solid #6d6d6d; */

    padding: 5px;

    text-align: center;

    border-radius: 20px;

    background: #f7941e;

}



.blog-copy {

    padding: 50px;

    background: #000;

    color: #fff;

}



.blog-copy p {

    text-align: center;

    margin-bottom: 0px;

}



.blog-copy p a {

    color: #fff;

}



.blog-login {

    background: url(../images/bg-2.html) no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    position: absolute;

}



.blog-login:before {}



.blog-login-in {

    position: relative;

    width: 30%;

    margin: 0 auto;

    margin-top: 7%;

    background: #fff;

    padding: 40px;

    border-radius: 3px;

    box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.51);

}



.blog-login-in form {

    position: relative;

}



.blog-login-in form img {

    margin: 0 auto;

    display: table;

    padding-bottom: 25px;

}



.blog-login-in input {}



.blog-login-in button {

    color: #fff;

    background-color: #fff;

    border-color: #428433;

    background: #4e923f;

    font-weight: 700;

}



.blog-login-in a {

    display: block;

}





/*-------------------------------------------------------*/





/* 2.LEFT MENU

/*-------------------------------------------------------*/



.left-sub-menu {

    padding: 0px;

}



.left-sub-menu ul {

    /* padding: 0px 0px 10px 40px; */

}



.left-sub-menu ul li {

    list-style-type: none;

    border-bottom: 1px solid #37543f;

    background: linear-gradient(to top, #86bb96, #4d7459);

}



.left-sub-menu ul li:last-child {

    border-bottom: 0px solid #303b40;

}



.left-sub-menu ul li a {

    display: block;

    font-size: 13.5px;

    padding: 10px 24px 10px 45px;

}



.left-sub-menu ul li a:hover {

    background: none;

    padding-left: 55px;

}



.left-sub-menu ul li a:focus {

    background: none;

}



.left-sub-menu ul li a:after {

    display: none;

}



.sb2-2-2 {

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

}



.sb2-2-2 ul {

    padding: 0px;

    margin-bottom: 0px;

}



.sb2-2-2 ul li {

    list-style-type: none;

    float: left;

    padding-right: 5px;

}



.sb2-2-2 ul li a {

    /* color: #495d65; */

    color: #fff;

    vertical-align: middle;

}



.sb2-2-2 ul li a i {

    padding-right: 2px;

}



.active-bre:before {

    content: "/";

    padding: 0 5px;

    color: #333;

}



.my-acc {}



.my-acc:hover {

    background: #4b5a61 !important;

}



.my-acc:focus {

    background: #4b5a61 !important;

}





/*-------------------------------------------------------*/





/* 3. HOME PAGE COUNTING

/*-------------------------------------------------------*/



.db-1 {

    position: relative;

    overflow: hidden;

    margin-top: 25px;

    display: none;

}



.db-1 ul {

    padding: 0px;

    margin-bottom: 0px;

}



.db-1 ul li {

    width: 23%;

    float: left;

    list-style-type: none;

    background: #00BCD4;

    /* padding: 5px; */

    margin-right: 10px;

}



.db-1 ul li:nth-child(1) {

    background: #00BCD4;

}



.db-1 ul li:nth-child(2) {

    background: #00d4ca;

}



.db-1 ul li:nth-child(3) {

    background: #00d499;

}



.db-1 ul li:nth-child(4) {

    background: #FFC107;

}



.db-icon-le {

    width: 30%;

    float: left;

}



.db-icon-le i {

    text-align: center;

    font-size: 28px;

    padding: 18px 20px;

    color: #fff;

}



.db-icon-ri {

    width: 70%;

    float: left;

    background: #e3e8ea;

    padding: 0px 10px;

}



.db-icon-ri h5 {

    font-weight: 700;

    margin-top: 12px;

    margin-bottom: 7px;

}



.db-icon-ri p {}



.bor {

    border: 1px solid #cccccc;

    padding: 25px;

    margin-bottom: 25px;

    margin-top: 25px;

}



.bor h3 {

    margin-top: 10px;

}





/*-------------------------------------------------------*/





/* 3.1 HOME PAGE COUNTING TWO

/*-------------------------------------------------------*/



.db-2 {

    /* background: #e3e8ea; */

    /* padding: 25px; */

    margin-top: 30px;

    position: relative;

    overflow: hidden;

}



.db-2 h3 {}



.db-2 p {}



.db-2 ul {

    margin-bottom: 0px;

    padding: 0px;

}



.db-2 ul li {

    width: 25%;

    float: left;

    list-style-type: none;

}





/*-------------------------------------------------------*/





/* 4.DASHBOARD

/*-------------------------------------------------------*/



.dash-book {

    background: #e3e8ea;

    padding: 30px 25px 35px 25px;

    text-align: center;

    /* margin: 2px; */

    margin: 7px;

    position: relative;

    overflow: hidden;

}



.dash-book i {

    font-size: 72px;

    color: #b4babd;

}



.dash-book h5 {

    font-size: 28px;

    color: #fff;

    padding-bottom: 25px;

}



.dash-book h4 {

    font-size: 74px;

    margin-bottom: 40px;

    margin-top: 8px;

}



.dash-book a {

    border: 1px solid #021f40;

    padding: 5px 10px;

    color: #ffffff;

    border-radius: 2px;

    background: #002147;

    font-weight: 700;

    font-size: 13px;

    line-height: 26px;

}



.dash-book a:hover {

    color: #fff;

    background: #0e76a8;

    border: 1px solid #0d638c;

}



.dash-book a:focus {

    color: #fff;

}



.dash-book:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background: rgba(2, 41, 78, 0.73);

     */

    /* background: linear-gradient(to top, rgba(3, 41, 79, 0.82), rgba(6, 53, 98, 0.62));*/

    /*background:linear-gradient(to top, #548f66b0, #5e876b42);*/

    background: rgb(31 44 115 / 45%);

}



.dash-books {

    position: relative;

    text-align: center;

}



.dash-books a {

    color: #fff;

}



.dash-books h4 {

    color: #fff;

    font-size: 30px;

    padding-bottom: 14px;

}



.dash-books p {

    color: #fff;

    margin-bottom: 0px;

    font-size: 30px;

}



.dash-b-1 h4 {

    color: #00BCD4;

    font-size: 40px;

}



.dash-b-2 h4 {

    color: #00d4ca;

    font-size: 40px;

}



.dash-b-3 h4 {

    color: #00d499;

}



.dash-b-4 h4 {

    color: #FFC107;

}



.sb2-2-3 {

    /* background:#fff; */

    margin-top: 30px;

}



.list-img {}



.list-img img {

    width: 30px;

    height: 30px;

    border-radius: 50px;

}



.list-enq-name {

    display: block;

    font-weight: 700;

    color: #263238;

}



.list-enq-city {}



.dashs-b-1 {

    background: url('../images/bg/1.jpg') no-repeat center;

    background-size: cover;

}



.dashs-b-2 {

    background: url(../images/algerie-2_cle873c3e-1-911b7.jpg) no-repeat center;

    background-size: cover;

}



.dashs-b-3 {

    background: url(../images/surpopulation.jpg) no-repeat center;

    background-size: cover;

}



.dashs-b-4 {

    background: url(../images/odd_illustration_novethic.png) no-repeat center;

    background-size: cover;

}





/*-------------------------------------------------------*/





/* 5. INNER PAGE TITLE

/*-------------------------------------------------------*/



.inn-title {

    padding: 15px 25px;

    background: linear-gradient(to top, #69a27a, #334e3b);

}



.inn-title h4 {

    font-weight: 700;

    padding-bottom: 0px;

    color: #fff;

}



.txt-danger {

    color: #ea6c41;

}



.inn-title p {

    /* padding-bottom: 10px; */

    color: #929292;

    margin-bottom: 0px;

    display: none;

}





/*-------------------------------------------------------*/





/* 6. SUCCESS MESSAGE AND TABLE

/*-------------------------------------------------------*/



.txt-success {}



.txt-success i {

    color: #469408;

    margin-right: 10px;

}



.table-desi {

    overflow-x: hidden;

}



.table-desi thead {}



.table-desi thead tr {}



.table-desi thead tr th {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 700;

}



.table-desi tbody {}



.table-desi tbody tr {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.table-desi tbody tr:hover {

    -webkit-transform: scale(1.01);

    transform: scale(1.01);

}



.table-desi tbody tr td {

    color: #929292;

    padding: 15px 8px 12px 8px !important;

}



.table-desi i {

    background: #58b392;

    color: #ffffff;

    padding: 5px 6px;

    border-radius: 2px;

    font-size: 13px;

    text-align: center;

    margin-right: 10px;

}



.tab-inn input[type="submit"] {}



.table-desi tbody tr td a {

    color: #929292;

}





/*-------------------------------------------------------*/





/* 7.DROPDOWN

/*-------------------------------------------------------*/



.drop-down-meta {

    position: absolute;

    right: 30px;

    padding: 3px;

    color: black;

    z-index: 999;

    top: 15px;

    background: #e3e8ea;

    width: 30px;

    height: 30px;

    border-radius: 25px;

}



.drop-down-meta:hover {

    background: #29a0da;

    color: #fff;

}



.box-inn-sp {

    background: #e8e9e8;

    /* padding: 25px; */

    height: 670px;

    border-radius: 30px;

}





/*-------------------------------------------------------*/





/* 8. TAB AND SEARCH

/*-------------------------------------------------------*/



.tab-inn {

    padding: 25px;

}



.tab-posi {

    position: relative;

    overflow: hidden;

}



.top-menu-sty {

    width: 250px !important;

}



.my-btn {

    color: #ffffff;

    background: #57666d;

    padding: 21px;

    line-height: 18px;

    font-weight: 700;

}



.app-search {

    position: relative;

    margin: 12px 15px 8px 5px;

    font-size: 13px;

    color: #626773;

    padding-left: 20px;

    padding-right: 40px;

    background: #fff;

    border: 1px solid #0d3b1a5e;

    box-shadow: none;

    border-radius: 30px;

    height: 36px;

    font-weight: 600;

    width: 100%;

}



.app-search input {

    border-bottom: 0px !important;

    /* line-height: 7px !important; */

    height: 35px !important;

    color: #cecece;

}



.app-search a {

    position: absolute;

    top: 8px;

    right: 16px;

    color: #7a7d84;

}



.box-second-inn {

    margin-top: 30px;

}



.mar-bot-20 {

    margin-bottom: 20px;

}



.icon-container .icon-preview {

    height: 90px;

    text-align: center;

}



.icon-container span {

    display: block;

}



.icon-container i {

    font-size: 3em;

    margin-bottom: 10px;

}



.tab-pad {

    padding-top: 20px !important;

}



.tab-col {

    padding: 20px !important;

    color: #000;

}





/*-------------------------------------------------------*/





/* 9. LIST ACTION

/*-------------------------------------------------------*/



.list-act-hom ul {

    padding: 0px;

    padding-top: 5px;

}



.list-act-hom ul li {

    position: relative;

    overflow: hidden;

    padding-left: 70px;

}



.list-act-hom ul li i {

    width: 35px;

    height: 35px;

    background: #0e76a8;

    border-radius: 50%;

    text-align: center;

    padding: 9px 10px;

    margin-left: -68px;

    position: absolute;

    z-index: 99;

    color: #fff;

    font-size: 18px;

}



.list-act-hom ul li h4 {

    margin-top: 7px;

    font-weight: 700;

    color: #263238;

    font-size: 16px;

    padding-bottom: 14px;

}



.list-act-hom ul li h4 span {

    color: #929292;

}



.list-act-hom ul li p {

    padding-top: 2.2px;

    color: #929292;

    padding-bottom: 2.2px;

}



.list-act-hom-con::after {

    content: '';

    background: #cecece;

    position: absolute;

    width: 1px;

    top: 0;

    bottom: 0;

    height: 100%;

    left: 19px;

}



.list-act-hom-con h4 {}



.list-act-hom-con h4 p {}



.list-act-hom-con h4 p {}



.btn-noti {

    width: 35px;

    height: 23px;

    top: 18px;

    display: initial !important;

    color: #fff;

    font-size: 20px;

    margin-right: 20px;

}





/*-------------------------------------------------------*/





/* 10. TOP BAR

/*-------------------------------------------------------*/



.btn-noti span {

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: -8px;

    height: 14px;

    border-radius: 10px;

    min-width: 15px;

    background: #4CAF50;

    color: #fff;

    line-height: 14px;

    padding: 0px 2px;

    font-size: 11px;

    white-space: nowrap;

    -webkit-transform-origin: -10% center;

    -ms-transform-origin: -10% center;

    transform-origin: -10% center;

    font-family: tahoma;

    box-shadow: 0 0 0 1px #3d793f;

    text-align: center;

}



.top-user-pro {

    /* padding: 18px 20px; */

    /* color: #fff;

    float: right; */

    color: #000000;

    /* padding: 20px 10px; */

    line-height: 60px;

    font-size: 16px;

    font-weight: 600;

    /* text-transform: uppercase; */

    position: relative;

}



.top-user-pro img {

    width: 25px;

    margin-right: 10px;

    border-radius: 35px;

    border: 2px solid #5e9e82;

}



.top-user-pro i {

    margin-left: 5px;

}



.top-not-cen {

    margin: 0 auto;

    display: table;

    padding-top: 5px;

}



.tab-menu {

    display: none;

}



.logo {}



.logo img {

    width: 90px;

}



.atab-menu {

    display: inline-block;

    cursor: pointer;

}



.btn-close-menu {

    display: none;

    z-index: 999;

    background: #0e76a8;

    color: #fff;

    position: absolute;

    left: 240px;

    padding: 5px 8px;

    border-radius: 2px;

    top: 0px;

}



.page-back {

    float: right !important;

}



.page-back a {

    background: linear-gradient(to top, #c23402, #dda458);

    color: #fff !important;

    font-size: 15px;

    padding: 3px 15px;

    border-radius: 25px;

    font-weight: 600;

}



.page-back a i {}



.nav-tabs>li>a {

    color: #0e76a8;

    font-weight: 700;

    font-size: 14px;

}



.nav-tabs>li>a i {

    width: 16px;

    color: #0e76a8;

    margin-right: 5px;

}



nav ul li.active {

    background: linear-gradient(to top, #c23402, #dda458);

    border-top-left-radius: 1rem;

    border-top-right-radius: 1rem;

}



.coll-head {

    display: block;

    cursor: pointer;

    min-height: 3rem;

    line-height: 3rem;

    padding: 0 1rem;

    background-color: #fff;

    border-bottom: 1px solid #ddd;

}



.coll-head i {

    width: 2rem;

    font-size: 1.6rem;

    line-height: 3rem;

    display: block;

    float: left;

    text-align: center;

    margin-right: 1rem;

}



.coll-body {

    border-bottom: 1px solid #ddd;

    box-sizing: border-box;

    padding: 2rem;

}



.btn-log-in {

    text-align: center;

}



.for-pass {

    text-align: right;

    padding-top: 15px;

    font-size: 15px;

    font-weight: 700;

    color: #0e76a8;

}



.select-pos {

    position: relative;

    /* overflow: hidden; */

    display: initial;

}



.menu-active {

    background: #ffffff !important;

    color: #000 !important;

}



.tab-map {}



.tab-map iframe {

    width: 100%;

    height: 350px;

    border: 0px;

    display: block;

    pointer-events: none;

    position: relative;

}



.ad-st-view {

    background: #e25e30;

    color: #fff !important;

    font-size: 12px;

    font-weight: 700;

    padding: 1px 5px;

    border-radius: 3px;

}



.admin-form {}



.admin-form form {}



.admin-form form input {

    border: 1px solid #e2e2e2;

    height: 40px;

    border-radius: 2px;

    font-size: 14px;

    padding-left: 16px;

    box-sizing: border-box;

    margin-bottom: 8px;

}



.admin-form form textarea {

    border: 1px solid #e2e2e2;

    height: 100px;

    border-radius: 2px;

    font-size: 14px;

    padding-left: 16px;

    box-sizing: border-box;

    margin-bottom: 8px;

    padding-top: 15px;

}



.admin-form form label {

    left: 20px;

    font-size: 14px;

    top: 8px;

}



.admin-form form i {

    text-align: center;

    padding: 0px;

}



.admin-form form [type="submit"] {

    width: 100%;

    display: block;

    padding: 1px 30px;

    font-size: 14px;

    font-weight: 700;

}



.ad-cou-deta-h4 h4 {

    margin-top: 15px;

    padding-bottom: 10px;

}



.admin-upload-btn {

    height: 40px !important;

}



.admin-upload-btn span {

    color: #fff;

}



.ad-page-pre-btn {

    background: #03A9F4 !important;

}



.ad-page-pre-btn a {

    color: #fff;

    padding: 0px 10px;

    font-weight: 700;

    font-style: initial;

}



.ad-p-lr {

    padding: 0px 12px;

}



.ad-mar-bot-20 {

    margin-bottom: 20px;

}





/*-------------------------------------------------------*/





/* HOME PAGE 2

/*-------------------------------------------------------*/



.h2-hero {

    background: url('../images/ban-bg.png'), url('../images/seminar-bg.jpg');

    background-repeat: repeat-x, no-repeat;

    background-size: 40%, cover;

    background-position: bottom, center;

    padding: 50px 0px;

    position: relative;

    overflow: hidden;

}



.h2-hero:before {

    content: '';

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

    background: #005C97;

    /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #363795, #005C97);

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, rgba(54, 55, 149, 0.8901960784313725), #005c9794);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.h2-hero-inn {

    position: relative;

    overflow: hidden;

}



.ed-ban {

    padding: 30px 0px 50px 0px;

}



.ed-ban-tit {

    float: left;

    width: 55%;

    box-sizing: border-box;

    padding: 26px 50px 25px 0px;

}



.ed-ban-tit-1 {}



.ed-ban-tit-1 h1 {

    font-size: 42px;

    font-weight: 700;

    line-height: 42px;

    color: #fff;

}



.ed-ban-tit-1 h1 span {

    font-size: 32px;

    font-weight: 300;

    font-family: 'Open Sans', sans-serif;

    color: #fff;

}



.ed-ban-tit-2 {

    margin: 30px 0px 30px 0px;

    position: relative;

    overflow: hidden;

}



.ed-ban-tit-2 h4 {

    float: left;

    font-size: 24px;

    text-transform: uppercase;

    color: #fff;

}



.ed-ban-tit-2 h4 span {

    left: 125px;

}



.ed-bann-line {

    width: 55%;

    height: 1px;

    background: #2659ab;

    display: inline-block;

    position: absolute;

    top: 12px;

}



.ed-bann-line1 {

    width: 100%;

    height: 1px;

    background: #2659ab;

    display: inline-block;

    position: absolute;

    top: 22px;

}



.ed-ban-tit-3 {}



.ed-ban-tit-3-com {

    margin-bottom: 30px;

}



.ed-ban-tit-31 {

    width: 50%;

    float: left;

    box-sizing: border-box;

}



.ed-ban-cal-le {

    width: 75px;

    height: 70px;

    background: #e66030;

    border-radius: 2px;

    text-align: center;

    float: left;

    margin-right: 20px;

}



.ed-ban-cal-le span {

    display: block;

    color: #fff;

}



.ed-ban-cal-le span:nth-child(1) {

    font-size: 30px;

    font-weight: 700;

    padding: 12px 0px 6px 0px;

}



.ed-ban-cal-le span:nth-child(2) {

    background: #002147;

    margin-top: 3px;

    text-transform: uppercase;

    padding-top: 1px;

}



.ed-ban-cal-ri {

    float: left;

}



.ed-ban-cal-ri span {

    display: block;

}



.ed-ban-cal-ri span:nth-child(1) {

    font-size: 22px;

    font-weight: 600;

    margin-top: 10px;

    padding-bottom: 5px;

    color: #fff;

}



.ed-ban-cal-ri span:nth-child(2) {

    font-weight: 300;

    font-size: 16px;

    color: #fff;

}



.ed-ban-tit-32 {

    width: 50%;

    float: left;

    box-sizing: border-box;

}



.ed-ref-form {

    float: left;

    width: 45%;

    box-sizing: border-box;

    padding-left: 60px;

}



.ed-ref-form-inn {

    background: #f8f8f8;

    padding: 30px;

    border-radius: 4px;

    box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.7);

    border-radius: 5px;

    /* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.29); */

    border: 3px #002147;

    border-style: dashed;

}



.ed-ref-form-inn h4 {

    font-size: 22px;

    text-align: center;

    line-height: 32px;

}



.ed-ref-form-inn form {}



.ed-ref-form-inn form ul li {

    margin-bottom: 18px;

    position: relative;

    display: inline-block;

    width: 49%;

}



.ed-ref-form-inn form ul li:last-child {

    width: 100%;

}



.ed-ref-form-inn form ul li label {

    font-size: 14px !important;

}



.ed-ref-form-inn form ul li input {

    width: 100%;

    display: block;

    border: 0px;

    border-bottom: 1px solid #d4d4d4;

    line-height: 24px;

    font-size: 16px;

    outline: none;

    height: 40px;

    background: #f8f8f8;

    padding-left: 41px;

    box-sizing: border-box;

}



.ed-ref-form-inn form ul li:nth-child(1) input {

    background: url(../images/icon/form-1.png) no-repeat;

    background-size: 24px;

    background-position: 0px 8px;

}



.ed-ref-form-inn form ul li:nth-child(2) input {

    background: url(../images/icon/form-2.png) no-repeat;

    background-size: 21px;

    background-position: 0px 10px;

}



.ed-ref-form-inn form ul li:nth-child(3) input {

    background: url(../images/icon/form-3.png) no-repeat;

    background-size: 22px;

    background-position: 0px 8px;

}



.ed-ref-form-inn form ul li:nth-child(4) input {

    background: url(../images/icon/form-4.png) no-repeat;

    background-size: 24px;

    background-position: 0px 6px;

}



.ed-ref-form-inn form ul li input:focus~.floating-label,

input:not(:focus):valid~.floating-label {

    top: -5px;

    bottom: 10px;

    left: 40px;

    font-size: 11px;

    opacity: 0;

}



.floating-label {

    position: absolute;

    pointer-events: none;

    left: 40px;

    top: 7px;

    transition: 0.2s ease all;

    color: #8c8c8c;

}



.ed-ref-form-inn form ul li input[type="submit"] {

    background: #e66030;

    color: #fff;

    height: 50px;

    line-height: 50px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 16px;

    text-align: center;

    border-radius: 3px;

    cursor: pointer;

    padding-left: 0px;

}



.fi-com {

    width: 24px;

    height: 24px;

    display: inline-block;

    position: absolute;

    top: 6px;

}



.fi-name {

    background-position: -1px -72px;

}



.fi-email {

    background-position: -43px -72px;

}



.fi-phone {

    background-position: -84px -73px;

    height: 26px;

}



.fi-company {

    background-position: -128px -74px;

}



.ed-css {

    padding: 70px 0px;

}



.ed-high {}



.ed-high-inn {

    text-align: center;

}



.ed-high-inn h2 {

    font-size: 36px;

}



.ed-high-bene {

    margin-top: 25px;

}



.ed-high-bene ul {

    margin-top: 0px;

}



.ed-high-bene ul li {

    width: 20%;

    float: left;

    padding: 20px;

    padding-bottom: 0px;

    box-sizing: border-box;

}



.ed-high-bene ul li p {

    margin-bottom: 0px;

}



.ed-be-com {

    width: 90px;

    height: 90px;

    background: url(../images/sprite.png), #e5e5e5;

    border-radius: 50px;

    margin: 0 auto;

    margin-bottom: 20px;

}



.ed-be-1 {

    background-position: -174px 14px;

}



.ed-be-2 {

    background-position: -250px 15px;

}



.ed-be-3 {

    background-position: -341px 15px;

}



.ed-be-4 {

    background-position: -425px 12px;

}



.ed-be-5 {

    background-position: -507px 15px;

}





/*-------------------------------------------------*/





/* =  BLOG PAGE CSS Styles

/*-------------------------------------------------*/



.pg-blog {

    width: 70%;

    margin: 0 auto;

}



.pg-blog ul li {

    margin-bottom: 25px;

    padding-bottom: 40px;

}



.pg-blog h4 {

    margin-bottom: 20px;

}



.pg-blog img {

    width: 100%;

    margin-bottom: 20px;

}



.pg-blog p {}



.pg-blog-reg {

    float: left;

    margin-left: 92px;

}



.pg-blog-reg a {}



.pg-blog-desc {

    margin-left: 100px;

}



.blog-share-btn {}



.blog-share-btn ul li {

    margin-bottom: 0px;

    padding-bottom: 15px;

    border-bottom: 0px;

    padding-top: 0px;

    line-height: 26px;

}





/*-------------------------------------------------*/





/* =  RESARCH PAGE CSS Styles

/*-------------------------------------------------*/



.ed-res-bg {

    background: url(../images/map.png) no-repeat center center #f1f1f1;

}



.ed-rese-grid {

    box-sizing: border-box;

    background: #fff;

    border: 1px solid #ececec;

    position: relative;

    /* display: inline-block; */

    overflow: hidden;

    margin: 0px 8px;

    box-shadow: 0px 7px 12px -9px rgba(14, 14, 14, 0.8);

}



.ed-rsear {}



.ed-rese-grid {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.ed-rese-grid:hover {

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.ed-rsear-in {

    margin: 0 auto;

    display: table;

    position: relative;

    overflow: hidden;

    width: 80%;

}



.ed-rsear-in ul {}



.ed-rsear-in ul li {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding: 10px;

}



.ed-rsear-img {

    float: left;

}



.ed-rsear-img img {

    width: 90px;

}



.ed-rsear-dec {

    float: left;

    padding: 20px;

}



.ed-rsear-dec h4 {}



.ed-rsear-dec h4 a {

    text-transform: uppercase;

    font-size: 14px;

    color: #000;

    font-weight: 700;

}



.ed-rsear-dec a {

    font-size: 14px;

    font-weight: 600;

    color: #8f98a9;

}



.ed-rsear-dec a span {

    font-size: 14px;

    color: #33a923;

    font-weight: 600;

}



.ed-flag {

    position: absolute;

    right: 20px;

    top: 20px;

}



.ed-flag img {

    border-radius: 10px;

}



.ed-flag a {}



.ed-faci-full-top {}



.ed-faci-full-top img {

    width: 100%;

}



.ed-faci-full-bot {}



.ed-faci-full-bot h4 {

    margin-bottom: 15px;

}



.ed-faci-full-bot h4 a {}



.ed-faci-full-bot p {

    font-size: 12px;

}



.read-line-btn {

    padding: 6px 25px;

    border-radius: 3px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    height: 35px;

    text-align: center;

    /* margin: 0px 10px; */

    /* background: linear-gradient(to top, #ef612f, #f36b3b); */

    color: #02294e !important;

    border: 1px solid #02294e;

    margin-top: 10px;

    display: inline-block;

}



.ed-rese-grid-mar-bot-30 {

    margin-bottom: 30px;

}



.s17-eve-time {

    width: 100%;

    border-bottom: 1px solid #ececec;

    padding: 10px 10px 25px 10px;

    margin-bottom: 25px;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

}



.s17-eve-time-tim {

    float: left;

    width: 25%;

    box-sizing: border-box;

}



.s17-eve-time-msg {

    float: left;

    width: 75%;

    padding-right: 80px;

    box-sizing: border-box;

}



.ed-pho-gal {}



.ed-pho-gal ul {}



.ed-pho-gal ul li {

    float: left;

    width: 20%;

}



.ad-log-main {

    position: fixed;

    overflow: hidden;

    background: #005C97;

    /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #363795, #005C97);

    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #363795, #005C97);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    width: 100%;

    height: 100%;

}



.ad-log-in {

    position: relative;

    overflow: hidden;

    width: 40%;

    margin: 25px;

    margin: 0 auto;

    text-align: center;

    background: #fff;

    padding: 50px;

    margin-top: 50px;

    border-radius: 4px;

}



.ad-log-in-logo {}



.ad-log-in-logo a {}



.ad-log-in-logo a img {}



.ad-log-in-con {

    position: relative;

    overflow: hidden;

}



.log-in-pop-right {}



.ad-log-in-con h4 {

    margin-bottom: 15px;

    margin-top: 15px;

    text-transform: uppercase;

    font-weight: 700;

    color: #e66030;

}



.ad-log-in-con p {}



.ad-log-in-con form {}



.ad-log-in-con form input {}



.copyright {

    font-size: 14px !important;

    line-height: 25px;

    text-align: center !important;

    padding: 20px 15px;

    border-top: 1px solid #d9964d;

    color: #fff !important;

    /*margin-bottom: 0;*/

}



.copyrightt {

    font-size: 14px !important;

    /* line-height: 25px; */

    text-align: center !important;

    /* padding: 20px 15px; */

    /* border-top: 1px solid #d9964d; */

    color: #fff !important;

    /*margin-bottom: 0;*/

}



.mb-6 {

    margin-bottom: 30px !important;

}



.footer-widget-content {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

}



.footer-widget-title {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

}



.tabs {

    float: left;

    border: 1px solid #ccc;

    background-color: #f1f1f1;

    width: 20%;

    height: 450px;

}



.tabscontent {

    float: left;

    padding: 0px 12px;

    border: 1px solid #ccc;

    width: 80%;

    border-left: none;

    height: 450px;

}



.tabs-pad {}



.carousel-caption {

    top: 0% !important;

}



.button {

    border: none;

    display: block;

    text-align: center;

    cursor: pointer;

    text-transform: uppercase;

    outline: none;

    overflow: hidden;

    position: relative;

    color: #ffffff !important;

    font-weight: 600;

    font-size: 15px;

    /* background-color: #0c3919; */

    /* background-color: #4d7f5e; */

    background: linear-gradient(to right, #40634b, #4c9178);

    padding: 6px 50px;

    margin: 0 auto;

}



.button span {

    position: relative;

    z-index: 1;

    color: #ffffff !important;

}



.button:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 545%;

    width: 100%;

    /* background: #ff5308; */

    background: linear-gradient(to top, #c23402, #dda458);

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    -webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);

    transform: translateX(-100%) translateY(-25%) rotate(45deg);

}



.button:hover:after {

    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);

    transform: translateX(-9%) translateY(-25%) rotate(45deg);

}



.incat {

    cursor: not-allowed !important;

    opacity: 0.3;

}



.myImg {

    border-radius: 5px;

    cursor: pointer;

    transition: 0.3s;

}



.myImg:hover {

    opacity: 0.7;

}





/* The Modal (background) */



.modal {

    display: none;

    /* Hidden by default */

    position: fixed;

    /* Stay in place */

    /*z-index: 1;*/

    /* Sit on top */

    padding-top: 100px;

    /* Location of the box */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    height: 100%;

    /* Full height */

    overflow: auto;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.9);

    /* Black w/ opacity */

}





/* Modal Content (image) */



.modal-content {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;

}





/* Caption of Modal Image */



#caption {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;

    /*text-align: center;*/

    color: #ccc;

    padding: 10px 0;

    height: 150px;

}





/* Add Animation */



.modal-content,

#caption {

    -webkit-animation-name: zoom;

    -webkit-animation-duration: 0.6s;

    animation-name: zoom;

    animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

    from {

        -webkit-transform: scale(0)

    }

    to {

        -webkit-transform: scale(1)

    }

}



@keyframes zoom {

    from {

        transform: scale(0)

    }

    to {

        transform: scale(1)

    }

}





/* The Close Button */



.close {

    position: absolute;

    top: 95px;

    right: 35px;

    color: #f1f1f1;

    font-size: 40px;

    font-weight: bold;

    transition: 0.3s;

}



.close:hover,

.close:focus {

    color: #bbb;

    text-decoration: none;

    cursor: pointer;

}





/* 100% Image Width on Smaller Screens */



@media only screen and (max-width: 700px) {

    .modal-content {

        width: 100%;

    }

}



.inactive {

    background: #8080805e;

    opacity: 0.2;

}



.country-header {

    position: sticky;

    top: 0;

    z-index: 1000;

    padding: 30px;

    padding-bottom: 0;

}



.bg-almost-white {

    background-color: rgba(255, 255, 255, 0.95);

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

}



.flex-row-reverse {

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important;

}



@media (min-width: 768px) {

    .d-md-flex {

        display: -ms-flexbox !important;

        display: flex !important;

    }

}



.sdg_title {

    padding-left: 1rem;

}



.text-muted {

    color: #6c757d !important;

}



.country-name {

    line-height: 1;

}



.mb-0,

.my-0 {

    margin-bottom: 0 !important;

}



.country-content {

    z-index: 200;

    padding: 30px;

}



.bg-almost-white {

    background-color: rgba(255, 255, 255, 0.95);

}



.sdgchart-container {

    width: calc(100% + 30px);

    height: 400px;

    position: relative;

    margin-left: -15px;

    margin-right: -15px;

}



.active-obj {

    /* border: 2px solid; */

    /*padding: 10px;*/

    box-shadow: 5px 5px 5px #888888;

    border-color: #363795;

    /* box-shadow: 20px 20px 20px 20px #363795;*/

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #c2f7de !important;

}



.select2-selection__choice span {

    color: black !important;

}



.select2-container--default .select2-selection--single {

    height: 33px !important;

}



.widget.maximized {

    position: fixed;

    -webkit-border-radius: 0;

    border-radius: 0;

    top: 0;

    left: 5%;

    right: 5%;

    bottom: 15%;

    z-index: 99999;

    margin: 0px;

    width: 90%;

    height: 85%;

    background-color: white;

}



#wrapper.enlarged .widget.maximized {

    left: 50px;

}



#wrapper.open-right-sidebar .widget.maximized {

    right: 230px;

}



.echarts__classA {

    /* border: 1px solid rgba(0, 0, 0, .125); */

    height: 500px;

    width: 100%;

}



.echarts__class {

    border: 1px solid rgba(0, 0, 0, .125);

    height: 500px;

    width: 100%;

}



.echarts__class_large {

    border: 3px solid rgba(0, 0, 0, .125);

    height: 100%;

    width: 100%;

}



.addon {

    font-size: 1.2em;

}



.sdg-bar {

    position: relative;

    /* border-bottom: 1px dotted black;*/

}



.sdg-bar:before {

    content: attr(data-hover);

    visibility: hidden;

    opacity: 0;

    width: 160px;

    background-color: rgb(59, 59, 59);

    color: #fff;

    text-align: center;

    font-size: 100%;

    border-radius: 5px;

    padding: 5px 0;

    transition: opacity 1s ease-in-out;

    white-space: pre-line;

    position: absolute;

    z-index: 1;

    left: 0;

    top: 110%;

}



.sdg-bar:hover:before {

    opacity: 1;

    visibility: visible;

}





/*---------Authentification--------------*/



*,

:after,

:before {

    box-sizing: border-box

}



.clearfix:after,

.clearfix:before {

    content: '';

    display: table

}



.clearfix:after {

    clear: both;

    display: block

}



a {

    color: inherit;

    text-decoration: none

}



.login-wrap {

    width: 100%;

    margin: auto;

    /* max-width: 525px;

    min-height: 670px; */

    position: relative;

    /* background: url(../images/ODD/odd_illustration_novethic.png) no-repeat center; */

    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);

}



.login-html {

    width: 100%;

    height: 100%;

    /* position: absolute; */

    padding: 65px 55px 95px 45px;

    /* background: rgba(40, 57, 101, .9); */

    background: #5f916dad;

}



.login-html .sign-in-htm,

.login-html .sign-up-htm {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    position: absolute;

    transform: rotateY(180deg);

    backface-visibility: hidden;

    transition: all .4s linear;

}



.login-html .sign-in,

.login-html .sign-up,

.login-form .group .check,

.login-form1 .group .check {

    display: none;

}



.login-html .tab,

.login-form .group .label,

.login-form .group .button,

.login-form1 .group .label,

.login-form1 .group .button {

    text-transform: uppercase;

}



.login-html .tab {

    font-size: 18px;

    margin-right: 15px;

    padding-bottom: 5px;

    margin: 0 15px 10px 0;

    display: inline-block;

    border-bottom: 2px solid transparent;

}



.login-html .sign-in:checked+.tab,

.login-html .sign-up:checked+.tab {

    color: #fff;

    border-color: #d78944;

}



.login-form {

    min-height: 345px;

    position: relative;

    perspective: 1000px;

    transform-style: preserve-3d;

    width: 300px;

}



.login-form1 {

    min-height: 345px;

    position: relative;

    perspective: 1000px;

    transform-style: preserve-3d;

    width: 300px;

}



.login-form .group {

    margin-bottom: 15px;

}



.login-form1 .group {

    margin-bottom: 5px;

}



.login-form .group .label,

.login-form1 .group .label,

.login-form .group .input,

.login-form1 .group .input,

.login-form .group .button,

.login-form1 .group .button {

    width: 100%;

    color: #fff;

    display: block;

}



.login-form .group .input,

.login-form1 .group .input,

.login-form .group .button,

.login-form1 .group .button {

    border: none;

    padding: 15px 20px;

    border-radius: 25px;

    background: rgba(255, 255, 255, .1);

}





/* .login-form .group .input,

.login-form .group .button :focus-visible {

    border-color: none !important;

} */



.login-form .group input[data-type="password"] {

    text-security: circle;

    -webkit-text-security: circle;

}



.login-form .group .label {

    color: #e9e1e1b8;

    /* color: #aaa; */

    font-size: 12px;

}



.login-form1 .group .label {

    color: #e9e1e1b8;

    /* color: #aaa; */

    font-size: 12px;

}



.login-form .group .button {

    /* background: #1161ee; */

    background: linear-gradient(to top, #c23402, #dda458);

}



.login-form1 .group .button {

    /* background: #1161ee; */

    background: linear-gradient(to top, #c23402, #dda458);

}



.login-form .group label .icon {

    width: 15px;

    height: 15px;

    border-radius: 2px;

    position: relative;

    display: inline-block;

    background: rgba(255, 255, 255, .1);

}



.login-form1 .group label .icon {

    width: 15px;

    height: 15px;

    border-radius: 2px;

    position: relative;

    display: inline-block;

    background: rgba(255, 255, 255, .1);

}



.login-form .group label .icon:before,

.login-form1 .group label .icon:before,

.login-form .group label .icon:after,

.login-form1 .group label .icon:after {

    content: '';

    width: 10px;

    height: 2px;

    background: #fff;

    position: absolute;

    transition: all .2s ease-in-out 0s;

}



.login-form .group label .icon:before {

    left: 3px;

    width: 5px;

    bottom: 6px;

    transform: scale(0) rotate(0);

}



.login-form1 .group label .icon:before {

    left: 3px;

    width: 5px;

    bottom: 6px;

    transform: scale(0) rotate(0);

}



.login-form .group label .icon:after {

    top: 6px;

    right: 0;

    transform: scale(0) rotate(0);

}



.login-form1 .group label .icon:after {

    top: 6px;

    right: 0;

    transform: scale(0) rotate(0);

}



.login-form .group .check:checked+label {

    color: #fff;

}



.login-form1 .group .check:checked+label {

    color: #fff;

}



.login-form .group .check:checked+label .icon {

    background: #1161ee;

}



.login-form1 .group .check:checked+label .icon {

    background: #1161ee;

}



.login-form .group .check:checked+label .icon:before {

    transform: scale(1) rotate(45deg);

}



.login-form1 .group .check:checked+label .icon:before {

    transform: scale(1) rotate(45deg);

}



.login-form .group .check:checked+label .icon:after {

    transform: scale(1) rotate(-45deg);

}



.login-form1 .group .check:checked+label .icon:after {

    transform: scale(1) rotate(-45deg);

}



.login-html .sign-in:checked+.tab+.sign-up+.tab+.login-form .sign-in-htm {

    transform: rotate(0);

}



.login-html .sign-in:checked+.tab+.sign-up+.tab+.login-form1 .sign-in-htm {

    transform: rotate(0);

}



.login-html .sign-up:checked+.tab+.login-form .sign-up-htm {

    transform: rotate(0);

}



.login-html .sign-up:checked+.tab+.login-form1 .sign-up-htm {

    transform: rotate(0);

}



.hr {

    height: 2px;

    margin: 40px 0 50px 0;

    background: rgba(255, 255, 255, .2);

}



.foot-lnk {

    text-align: center;

}



.bg-authentication {

    /* background: linear-gradient(to top, #ffffffed, #c9cacb) !important; */

}



.bg-authentication .login-footer {

    padding: 0rem 1.5rem 0.5rem;

}



.bg-authentication .login-footer .footer-btn .btn {

    padding: 0.9rem 1.2rem !important;

    margin: 1rem 1rem 1rem 0rem;

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

    .bg-authentication {

        width: 100%;

    }

}



.img-auth {

    width: 100%;

}



.deconnect {

    margin: inherit;

    font-size: 1.3vh;

}



.btn_LV {

    margin: 10px 10px 0 0;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}





/*---------Profils--------------*/



.jss29 {

    margin-top: 32px;

    margin-bottom: 32px;

}



.MuiGrid-container {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    box-sizing: border-box;

}



@media (min-width: 1200px) {

    #content .ResponsiveGridItem-sc-1iu2qai-0,

    #content.large .bMTGie {

        max-width: 16.6%;

        flex-basis: 16.6%;

    }

}



@media (max-width: 1200px) {

    #content .ResponsiveGridItem-sc-1iu2qai-0,

    #content.large .bMTGie {

        max-width: 21.5%;

        flex-basis: 21.5%;

    }

}



@media (max-width: 998px) {

    #content .ResponsiveGridItem-sc-1iu2qai-0,

    #content.large .bMTGie {

        max-width: 25%;

        flex-basis: 25%;

    }

}



@media (max-width: 600px) {

    #content .ResponsiveGridItem-sc-1iu2qai-0,

    #content.small .bMTGie {

        max-width: 50%;

        flex-basis: 50%;

    }

}



.MuiPaper-elevation1 {

    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);

}



.MuiPaper-rounded {

    border-radius: 4px;

}



.MuiPaper-root {

    color: rgba(0, 0, 0, 0.87);

    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    background-color: #fff;

}



.MuiCardActionArea-root {

    width: 100%;

    display: block;

    text-align: inherit;

}



.kgUAIC.kgUAIC {

    width: 100%;

    height: 100px;

    background: transparent;

}



.MuiAvatar-square {

    border-radius: 0;

}



.kgUAIC.kgUAIC img {

    object-fit: contain;

}



.MuiAvatar-img {

    color: transparent;

    width: 100%;

    height: 100%;

    object-fit: cover;

    text-align: center;

    text-indent: 10000px;

}



.MuiAvatar-root {

    /* width: 40px;

    height: 40px; */

    display: flex;

    overflow: hidden;

    position: relative;

    font-size: 1.25rem;

    align-items: center;

    flex-shrink: 0;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    line-height: 1;

    user-select: none;

    /* border-radius: 50%; */

    justify-content: center;

}



.MuiDivider-light {

    background-color: rgba(0, 0, 0, 0.08);

}



.MuiDivider-root {

    border: none;

    height: 1px;

    margin: 0;

    flex-shrink: 0;

    background-color: rgba(0, 0, 0, 0.12);

}



.jss30 {

    padding: 8px;

}



.MuiTypography-alignCenter {

    text-align: center;

    color: #000000 !important;

}



.ResponsiveGridItem-sc-1iu2qai-0,

.large .cQglIS {

    max-width: 12.5%;

    flex-basis: 12.5%;

}



.css-10vhb4s {

    /* background-image: url(../assets/images/Image_profil/Laghouat/Laghouat.jpg);

    background-repeat: no-repeat; */

    background-color: #fff;

    color: rgba(0, 0, 0, 0.87);

    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);

}



@media (min-width: 1200px) {

    .css-1qsxih2 {

        max-width: 1200px;

    }

}



@media (min-width: 600px) {

    .css-1qsxih2 {

        padding-left: 24px;

        padding-right: 24px;

    }

}



.css-1qsxih2 {

    width: 100%;

    margin-left: auto;

    box-sizing: border-box;

    margin-right: auto;

    display: block;

    /* padding-left: 16px;

    padding-right: 16px; */

}



.css-8yvef4 {

    padding-top: 32px;

    padding-bottom: 24px;

    display: flex;

}



.css-i9gxme {

    -webkit-box-flex: 1;

    /* -webkit-flex-grow: 1;

    -ms-flex-positive: 1; */

    flex-grow: 1;

}



@media (min-width: 1200px) {

    .css-7ynxgb {

        height: 90px;

    }

}



@media (min-width: 600px) {

    .css-7ynxgb {

        height: 90px;

    }

}



@media (max-width: 600px) {

    .css-7ynxgb {

        height: 70px;

    }

}



@media (min-width: 1200px) {

    .css-1qufkoa {

        font-size: 3.6418rem;

    }

}



@media (min-width: 900px) {

    .css-1qufkoa {

        font-size: 3.4276rem;

    }

}



@media (min-width: 600px) {

    .css-1qufkoa {

        font-size: 2.9991rem;

    }

}



.css-1qufkoa {

    margin: 0;

    font-size: 5.35rem;

    font-weight: 500;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    line-height: 1.167;

    letter-spacing: -0.01562em;

}



@media (min-width: 1200px) {

    .css-t5m0d5 {

        font-size: 1.3158rem;

    }

}



@media (min-width: 900px) {

    .css-t5m0d5 {

        font-size: 1.1278rem;

    }

}



@media (min-width: 600px) {

    .css-t5m0d5 {

        font-size: 1.1278rem;

    }

}



.css-t5m0d5 {

    margin: 0;

    font-size: 1.125rem;

    font-weight: 300;

    line-height: 1.33;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    letter-spacing: 0.00938em;

    color: rgba(0, 0, 0, 0.6);

}



.css-1vcqsu3 {

    position: relative;

    display: flex;

    /* -webkit-align-items: center; */

    -webkit-box-align: center;

    /* -ms-flex-align: center; */

    align-items: center;

    -webkit-box-pack: center;

    /* -ms-flex-pack: center;

    -webkit-justify-content: center; */

    justify-content: center;

    flex-shrink: 0;

    /* width: 40px;

    height: 40px; */

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-size: 1.25rem;

    line-height: 1;

    border-radius: 0;

    overflow: hidden;

    user-select: none;

    width: 100%;

    height: 100%;

    background: transparent;

}



.css-1vcqsu3 img {

    object-fit: contain;

}



.css-1hy9t21 {

    width: 100%;

    height: 100%;

    text-align: center;

    /* object-fit: cover; */

    color: transparent;

    text-indent: 10000px;

}



.css-orq8zk {

    overflow: hidden;

    min-height: 48px;

    /* -webkit-overflow-scrolling: touch; */

    display: flex;

}



.css-1anid1y {

    position: relative;

    display: inline-block;

    flex: 1 1 auto;

    white-space: nowrap;

    /* overflow-x: hidden; */

    width: 100%;

}



.css-k008qs {

    display: flex;

}



/*.css-bpc82p {*/

/*    position: absolute;*/

/*    height: 2px;*/

/*    bottom: 0;*/

    /* width: 100%;

    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */

/*    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;*/

/*    background-color: rgb(67, 120, 180);*/

/*}*/



.css-bpc82p {

    background: url(../images/ODD/sdgbg.png);

    width: 100% !important;

    left: 0px !important;

    position: absolute;

    height: 5px;

    bottom: 0;

    /* width: 100%;

    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */

    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    background-color: rgb(67, 120, 180);

}



.css-3gotzc.Mui-selected {

    color:rgb(67, 120, 180) !important;

}



.css-3gotzc {

    display: inline-flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    /* position: relative; */

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

    background-color: transparent;

    outline: 0;

    border: 0;

    margin: 0;

    border-radius: 0;

    /* padding: 0; */

    cursor: pointer;

    user-select: none;

    vertical-align: middle;

    -webkit-appearance: none;

    text-decoration: none;

    /* color: inherit; */

    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;

    font-weight: 550 !important;

    font-size: 1.4rem;

    line-height: 1.25;

    letter-spacing: 0.02857em;

    text-transform: uppercase;

    max-width: 360px;

    min-width: 90px;

    position: relative;

    min-height: 48px;

    flex-shrink: 0;

    padding: 12px 16px;

    overflow: hidden;

    white-space: normal;

    text-align: center;

}



.css-w0pj6f {

    overflow: hidden;

    pointer-events: none;

    position: absolute;

    z-index: 0;

    inset: 0px;

    border-radius: inherit;

}





/*--------------Menu Classement Villes---------*/



.bHInIY.bHInIY {

    transition: width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;

}



.MuiDrawer-docked {

    flex: 0 0 auto;

}





/* .bHInIY,

.bHInIY>div {

    top: 0;

    bottom: 0px;

    height: auto;

    overflow-y: hidden;

    z-index: 1000;

    overflow-wrap: break-word;

    position: fixed;

} */



.MuiDrawer-paperAnchorDockedLeft {

    border-right: 1px solid rgba(0, 0, 0, 0.12);

}



.MuiDrawer-paperAnchorLeft {

    left: 0;

    right: auto;

}



.MuiDrawer-paper {

    /* top: 0; */

    flex: 1 0 auto;

    /* height: 100%; */

    display: flex;

    outline: 0;

    /* z-index: 1200; */

    position: fixed;

    /* overflow-y: auto; */

    flex-direction: column;

    /* -webkit-overflow-scrolling: touch; */

}



.MuiPaper-elevation2 {

    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);

}



.kOmtHd {

    position: absolute;

    width: 100%;

    height: 100%;

    overflow-y: auto;

}



.jss121 {

    height: 100%;

    display: flex;

    flex-direction: column;

}



.jss184 {

    height: 100%;

    display: flex;

    flex-direction: column;

}



.kAATOu.kAATOu {

    background: rgb(250, 250, 250);

    padding: 12px;

}



.elDROF.elDROF {

    padding: 12px;

}



.jss186 {

    display: flex;

    align-items: center;

}



.MuiDivider-root {

    border: none;

    height: 1px;

    margin: 0;

    flex-shrink: 0;

    background-color: rgba(0, 0, 0, 0.12);

}



.jss123 {

    display: flex;

    align-items: center;

}



.jss193 {

    padding: 0px;

}



.cEfZCj.cEfZCj {

    width: 35px;

    height: 50px;

    background: transparent;

}



.cEfZCj.cEfZCj img {

    object-fit: contain;

}



.MuiAvatar-square {

    border-radius: 0;

}



.jss124 {

    flex-grow: 1;

    margin-left: 12px;

}



.jss125 {

    font-size: 1.5rem;

    font-weight: 600;

    color: #212121;

}



.jss187 {

    flex-grow: 1;

    margin-left: 8px;

}



.MuiIconButton-root {

    flex: 0 0 auto;

    color: rgba(0, 0, 0, 0.54);

    /* padding: 12px; */

    overflow: visible;

    /* font-size: 1.5rem; */

    text-align: center;

    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    border-radius: 50%;

}



.MuiIconButton-label {

    width: 100%;

    display: flex;

    align-items: inherit;

    justify-content: inherit;

}



.MuiTypography-overline {

    font-size: 1.1rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 2;

    margin-bottom: 0;

    letter-spacing: 0;

    text-transform: uppercase;

}



.fJMHOj.fJMHOj {

    font-weight: bold;

}



@media (min-width: 1140px) {

    .MuiTypography-h4 {

        font-size: 1.6rem;

    }

}



@media (min-width: 960px) {

    .MuiTypography-h4 {

        font-size: 1.6rem;

    }

}



@media (min-width: 600px) {

    .MuiTypography-h4 {

        font-size: 1.6rem;

    }

}



@media (min-width: 1140px) {

    .MuiTypography1-h4 {

        font-size: 1.4rem;

    }

}



@media (min-width: 960px) {

    .MuiTypography1-h4 {

        font-size: 1.4rem;

    }

}



@media (min-width: 600px) {

    .MuiTypography1-h4 {

        font-size: 1.4rem;

    }

}



.MuiTypography-h4 {

    /* font-size: 1.075rem; */

    /* font-family: "Roboto",

    "Helvetica",

    "Arial",

    sans-serif; */

    /* font-weight: 400; */

    line-height: 2;

    letter-spacing: 0.00735em;

    font-weight: 600;

}



.MuiTypography1-h4 {

    /* font-size: 1.075rem; */

    /* font-family: "Roboto",

    "Helvetica",

    "Arial",

    sans-serif; */

    /* font-weight: 400; */

    line-height: 1.6;

    letter-spacing: 0.00735em;

}



.jss128 {

    margin-bottom: 4px;

}



.jss131 {

    display: flex;

    flex-wrap: wrap;

}



.jss132 {

    flex: 0 0 33.33%;

    text-align: center;

}



.jss133 {

    flex: 0 0 33.33%;

    text-align: center;

}



.jss191 {

    margin-bottom: 4px;

}



.jss194 {

    display: flex;

    flex-wrap: wrap;

}



.jhgTiy.jhgTiy {

    padding: 12px;

    text-transform: initial;

    /* width: 50%; */

}



.jhgTiy .MuiButton-label {

    flex-direction: column;

}



.jhgTiy:first-of-type .DrawerIconButton__InlineIcon-sc-1xgeqmq-0 {

    /* color: rgb(255,

    255,

    255); */

    background: rgb(43, 94, 151);

    color: #f5f5f5 !important;

}



.gmgFoQ.gmgFoQ,

.gmgFoQ.gmgFoQ:hover {

    padding: 10px;

    /* background: inherit; */

    border: 1px solid rgb(43, 94, 151);

    color: rgb(43, 94, 151);

    margin-bottom: 4px;

}



.MuiTypography-subtitle2 {

    font-size: 1.4rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 600;

    line-height: 1.57;

    letter-spacing: 0.00714em;

    color: black;

}



.MuiTypography-body2 {

    font-size: 1.3rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.43;

    letter-spacing: 0.01071em;

}



.iWdtxE.iWdtxE {

    border-radius: 4px;

    text-align: left;

    align-items: flex-start;

    width: 100%;

    -webkit-box-pack: start;

    justify-content: flex-start;

}



.MuiSvgIcon-fontSizeSmall {

    font-size: 1.75rem;

}



.gvVAUj.gvVAUj {

    margin: 0px 4px;

}



.MuiTypography-colorTextPrimary {

    color: rgb(0, 0, 0, 0.54);

}



.jss18 {

    display: flex;

    overflow: auto;

    flex-grow: 1;

}



.jss20 {

    display: flex;

    overflow: auto;

    position: relative;

    flex-grow: 1;

    max-width: 100%;

    flex-direction: column;

}



.jss21 {

    display: flex;

    flex-grow: 3;

    flex-direction: column;

}



.stu-db-jss {

    position: absolute;

    left: 0px;

    top: 0;

    right: 0px;

    bottom: 0;

    overflow: hidden;

    z-index: -1;

    visibility: hidden;

    pointer-events: none;

}



@media (min-width: 1140px) {

    .MuiContainer-maxWidthLg {

        max-width: 1140px;

    }

}



@media (min-width: 600px) {

    .MuiContainer-root {

        padding-left: 24px;

        padding-right: 24px;

    }

}



.MuiContainer-root {

    width: 100%;

    display: table;

    box-sizing: border-box;

    margin-left: auto;

    margin-right: auto;

    padding-left: 16px;

    padding-right: 16px;

}



.MuiTypography-caption {

    font-size: 1.0rem;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0;

}



.fPEEvg.fPEEvg {

    line-height: 1.33;

}



.fPEEvg {

    color: rgb(43, 94, 151);

}



.jss771 {

    margin-top: 32px;

    margin-bottom: 32px;

}



@media (min-width: 1140px) {

    .MuiTypography-h2 {

        font-size: 2.875rem;

    }

}



@media (min-width: 960px) {

    .MuiTypography-h2 {

        font-size: 2.875rem;

    }

}



@media (min-width: 600px) {

    .MuiTypography-h2 {

        font-size: 2.6667rem;

    }

}



.jss773 {

    margin-top: 32px;

    margin-bottom: 32px;

}



@media (min-width: 960px) {

    #content .indicators__ColumnLayout-bromfx-0,

    #content.large .dkvYNo {

        column-count: 3;

    }

}



.css-1101nhj {

    position: absolute;

    width: 100%;

    height: 100%;

    overflow-y: auto;

    /* scrollbar-width: thin; */

}



.css-19idom {

    margin-bottom: 8px;

}



@media (min-width: 1200px) {

    .css-p6fvt {

        font-size: 2.875rem;

    }

}



@media (min-width: 900px) {

    .css-p6fvt {

        font-size: 2.875rem;

    }

}



@media (min-width: 600px) {

    .css-p6fvt {

        font-size: 2.6667rem;

    }

}



.css-p6fvt {

    margin: 0;

    font-size: 2.45rem;

    font-weight: 400;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    line-height: 1.2;

    letter-spacing: -0.00833em;

}



.css-k0rt85 {

    margin: 0;

    line-height: 1.8;

    font-family: "Roboto", "Helvetica", "Arial", sans-serif;

    font-weight: 400;

    font-size: 1.5rem;

    letter-spacing: 0.00938em;

    color: rgba(0, 0, 0, 0.6);

}





/* @media (min-width: 600px) {

    #content .indicators__ColumnLayout-bromfx-0,

    #content.medium .dkvYNo {

        column-count: 2;

    }

}

@media (min-width: 0px) {

    #content .indicators__ColumnLayout-bromfx-0,

    #content.small .dkvYNo {

        column-count: 1;

    }

} */



.jss774 {}



.dkvYNo {

    column-fill: balance;

}



.jss777 {

    display: flex;

}



.iwVdHY {

    break-inside: avoid;

}



.iWdtxE:hover {

    background-color: rgba(0, 0, 0, 0.08);

}



@media (min-width: 1140px) {

    .MuiTypography-h3 {

        font-size: 1.9rem;

    }

}



@media (min-width: 960px) {

    .MuiTypography-h3 {

        font-size: 1.9rem;

    }

}



@media (min-width: 600px) {

    .MuiTypography-h3 {

        font-size: 1.9rem;

    }

}





/*------- classement-test ---------*/



.overlayT {

    height: 100%;

    width: 0;

    position: absolute;

    z-index: 1;

    left: 0;

    /* background-color: rgb(0,*/

    /*0,*/

    /*0);*/

    /*background-color: rgba(0,*/

    /*0,*/

    /*0,*/

    /*0.9); */

    overflow-x: hidden;

    transition: 0.5s;

}



.overlayAT {

    height: 100%;

    width: 0;

    position: absolute;

    z-index: auto;

    left: 0;

    /* background-color: rgb(0,

    0,

    0);

    background-color: rgba(0,

    0,

    0,

    0.9); */

    overflow-x: hidden;

    transition: 0.5s;

}



.overlayT-content {

    position: relative;

    top: 25%;

    width: 100%;

    text-align: center;

    margin-top: 30px;

}



.overlayT a {

    padding: 8px;

    text-decoration: none;

    font-size: 36px;

    color: #818181;

    /* display: block; */

    transition: 0.3s;

}



.overlayT a:hover,

.overlayT a:focus {

    color: #f1f1f1;

}



.overlayT .closebtn {

    position: absolute;

    top: 10px;

    right: 5px;

    font-size: 35px;

}



@media screen and (max-height: 450px) {

    .overlayT a {

        font-size: 20px

    }

    .overlayT-content .closebtn {

        font-size: 40px;

        top: 15px;

        right: 35px;

    }

}



#content {

    width: 100%;

}



.select2-container--default .select2-selection--multiple {

    background-color: #4369514a !important;

    border: 1px solid #436951 !important;

    border-radius: 4px;

    cursor: text;

    /*height:34px*/

}



.select2-container--default .select2-selection {

    background-color: #4369514a !important;

    border: 1px solid #436951 !important;

    border-radius: 4px;

    cursor: text;

    /*height:34px*/

}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    background-color: #6ab698 !important;

    color: white;

}



.insc {

    display: inline-flex;

}



.navbar {

    overflow: hidden;

    background-color: #333;

}



.navbar a {

    float: left;

    font-size: 16px;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

}



.dropdown {

    float: left;

    overflow: hidden;

}



.dropdown .dropbtn {

    font-size: 16px;

    border: none;

    outline: none;

    color: white;

    padding: 14px 16px;

    background-color: inherit;

    font-family: inherit;

    margin: 0;

}



.navbar a:hover,

.dropdown:hover .dropbtn {

    background-color: red;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}



.dropdown-content a {

    float: none;

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.dropdown-content a:hover {

    background-color: #ddd;

}



.dropdown:hover .dropdown-content {

    display: block;

}



.css-1odi0q4 {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    position: relative;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

    background-color: transparent;

    outline: 0;

    border: 0;

    margin: 0;

    border-radius: 0;

    padding: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    vertical-align: middle;

    -moz-appearance: none;

    -webkit-appearance: none;

    -webkit-text-decoration: none;

    text-decoration: none;

    color: inherit;

    -webkit-transition: -webkit-transform 0.3s ease-in-out, background-color 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;

    background: #E5243B;

    max-width: 57px;

    max-height: 60px;

}



.css-1mzerio>:not(style):not(style) {

    margin: 5px;

}



.css-102dp9d {

    position: relative;

    padding: 0;

    max-width: 100%;

    width: 100%;

    user-drag: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.css-1mzerio {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

}



@media (min-width: 1200px) {

    .css-1w4jury {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }

}





/* @media (min-width: 0px) {

    .css-1w4jury {

        display: none;

    }

} */



.css-1w4jury {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: whitesmoke;

    padding-top: 8px;

    padding-bottom: 8px;

    padding-left: 8px;

    padding-right: 8px;

}



.css-1odi0q4:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

}





#cc {

    width: 100%;

    height: 650px;

}





#bv,

#main {

    /* width: 100%; */

    height: 100%;

}



#cr {

    width: 100%;

    height: auto;

}



html,

body,

#object {

    width: 100%;

    height: 100%;

    margin: 0;

}



#object {

    background: #fff;

}



.css-1elqj97 {

    margin-left: -4px;

    margin-right: -4px;

}



.css-1r6qql4 {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    position: relative;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

    background-color: transparent;

    outline: 0;

    border: 0;

    margin: 0;

    border-radius: 0;

    padding: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    vertical-align: middle;

    -moz-appearance: none;

    -webkit-appearance: none;

    -webkit-text-decoration: none;

    text-decoration: none;

    color: inherit;

    border-radius: 4px;

    padding: 4px;

    text-align: left;

    -webkit-align-items: flex-start;

    -webkit-box-align: flex-start;

    -ms-flex-align: flex-start;

    align-items: flex-start;

    width: 100%;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

}



.css-68o8xu {

    margin: 0;

    font-weight: 400;

    font-size: 1.5rem;

    line-height: 1.43;

    letter-spacing: 0.01071em;

    color: black;

}



.css-w0pj6f {

    overflow: hidden;

    pointer-events: none;

    position: absolute;

    z-index: 0;

    inset: 0px;

    border-radius: inherit;

}



.css-1r6qql4:hover {

    /*background-color: rgba(0, 0, 0, 0.08);*/

    background-color: #2f9a4d24;

}





/* Page Atla */



.css-oehapj {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    overflow: hidden;

    max-width: 100%;

}



.css-1sqz9tx,

.css-1sqz9tx>div {

    top: 88px;

    bottom: 0;

    height: auto;

    overflow-y: hidden;

    z-index: 1000;

    overflow-wrap: break-word;

}

/* Page ODD/ Rapport */



.nav-tabs {

    border-bottom: 1px solid #888;

}



.nav-tabs {

    border-bottom: 1px solid #dee2e6;

}



.nav {

    display: flex;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}



.nav-tabs .nav-item.active {

    background-color: white;

    border: 1px solid #888;

    border-bottom: 0;

    margin-bottom: -1px;

}



.nav-tabs .nav-item {

    padding: 10px 15px;

    margin-right: 2px;

    background-color: #eeeeee;

    border-radius: 4px 4px 0 0;

}



.nav-tabs .nav-item:not(.active) {

    border: 1px solid #eeeeee;

    padding-bottom: 8px;

    cursor: pointer;

}



.nav-tabs .nav-item {

    padding: 10px 15px;

    margin-right: 2px;

    background-color: #eeeeee;

    border-radius: 4px 4px 0 0;

}



.nav-tabs .nav-item.active button {

    border: none;

    text-decoration: none;

    font-weight: 600;

    font-size: 20px;

    color: black;

}



.nav-tabs .nav-item button {

    display: inline-block;

    padding: 0;

    border: none;

    margin-right: 0;

    text-decoration: underline;

    color: #0b0c0c;

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    color: #495057;

    background-color: #fff;

    border-color: #dee2e6 #dee2e6 #fff;

}



.nav-tabs .nav-link {

    margin-bottom: -1px;

    background: 0 0;

    border: 1px solid transparent;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

}



[type=button]:not(:disabled),

[type=reset]:not(:disabled),

[type=submit]:not(:disabled),

button:not(:disabled) {

    cursor: pointer;

}



.nav-link {

    display: block;

    padding: .5rem 1rem;

    color: #0d6efd;

    text-decoration: none;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}



.tab-content {

    border: 1px solid #888;

    padding: 15px;

    border-top: 0;

}



.tab-content .tab-pane {

    padding-top: 1.5rem;

}



.tab-content>.active {

    display: block;

}



/*.tab-content>.tab-pane {*/

/*    display: block;*/

/*}*/



.goal-overall {

    margin-bottom: 20px;

}



.goal {

    clear: left;

    margin-bottom: 4px;

    padding-bottom: 4px;

    border-bottom: 1px solid #ccc;

}



.frame {

    width: 115px;

    float: left;

    min-height: 1px;

}



@media screen and (min-width: 520px) {

    .details h2 {

        display: inline-block;

    }

}



.details h2 {

    margin-top: 0;

    font-weight: 600;

    font-size: 25px;

}



@media screen and (min-width: 520px) {

    .goal .total {

        margin-left: 10px;

    }

}



.goal .total {

    line-height: 1.2;

    font-size: 16px;

    width: auto;

    padding-left: 4px;

    padding-right: 4px;

    text-align: center;

    display: inline-block;

    margin-bottom: 10px;

    border-radius: 4px;

    border: 1px solid #ccc;

}



.status.notstarted {

    color: #0b0c0c;

    border: 1px solid #0b0c0c !important;

    background-color: white;

    background: white;

}



.statuses>div {

    display: inline-block;

    margin-bottom: 5px;

    margin-right: 10px;

}



.statuses>div .status.complete {

    color: white !important;

    border: 1px solid transparent;

    background-color: #2B2B2B;

    background: #2B2B2B;

}



.statuses>div .status {

    color: #0b0c0c;

    font-weight: normal;

    border: none;

    padding: 4px;

    font-size: 12px;

    display: inline-block;

    margin-right: 3px;

    padding: 2px 5px;

    border-radius: 4px;

    width: 40px;

    text-align: center;

    font-size: 16px;

}



.status {

    color: #0b0c0c;

    font-weight: normal;

    border: none;

    padding: 4px;

    font-size: 12px;

}



.statuses strong {

    font-weight: normal;

}



.value {

    color: #0b0c0c;

    font-weight: bold;

    margin-left: 3px;

}



.goal-stats {

    border: 1px solid #0b0c0c;

    font-size: 0;

    margin-top: 10px;

}



.goal-stats .complete {

    background-color: #2B2B2B;

    background: #2B2B2B;

}



.goal-stats span {

    display: inline-block;

    height: 10px;

    font-weight: bold;

}



.reporting-status-item {

    margin-bottom: 20px;

}



.details {

    width: calc(100% - 125px);

    float: left;

}



.reporting-status-item {

    margin-bottom: 20px;

}



.frame>a {

    display: block;

    width: calc(100% - 15px);

}



@media screen and (min-width: 520px) {

    .details h3 {

        display: inline-block;

    }

}



.details h3 {

    margin-top: 10px;

    line-height: 1.2;

}



@media screen and (min-width: 520px) {

    .goal .total {

        margin-left: 10px;

    }

}



#titG {

    font-weight: 500;

}



.TitrO {

    font-size: 20px;

}





/* Page d\'accueil */



.home_wheel_main {

    height: 88vh;

    overflow: hidden;

    position: relative;

}



.container-fluid {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.left_width {

    width: 54%;

    background-color: rgba(0, 0, 0, .8);

}



.right_width {

    width: 46%;

    position: relative;

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}



.row {

    display: -ms-flexbox;

    /*display: flex;*/

    -ms-flex-wrap: wrap;

    /* flex-wrap: wrap; */

    margin-right: -15px;

    margin-left: -15px;

}



.left_side_new {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.whl_h {

    height: 100%;

    width: 87%;

    margin-top: 15px;

}



.right-side-new {

    height: 100%;

    padding: 85px 85px;

}

/*.right-side-new {*/

/*    height: 100%;*/

/*    padding: 15px 60px;*/

/*}*/



.bottom_goal_text {

    justify-content: center;

    position: absolute;

    left: 50%;

    transform: translate(-50%, 0);

    bottom: 45px;

}



.bottom_goal_text {

    /* display: none; */

    -ms-transform: .5s;

    transform: .5s;

}



/*.goal_text {*/

/*    font-weight: 500 !important;*/

/*    font-size: 15px;*/

/*    line-height: initial;*/

/*}*/



.goal_text {

    color: #fff;

    font-weight: 600 !important;

    font-size: 18px;

    line-height: initial;

    font-family: math !important;

}



.explore:hover svg {

    -ms-transform: scale(1.03);

    transform: scale(1.03);

    -webkit-filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .25));

    filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .25));

}



.explore svg {

    transition: .5s;

}



.mt-5,

.my-5 {

    margin-top: 3rem !important;

}



/* Page All Ville */



tr.mat-footer-row,

tr.mat-row {

    height: 48px;

}



.mat-table tbody,

.mat-table tfoot,

.mat-table thead,

.mat-table-sticky,

[mat-footer-row],

[mat-header-row],

[mat-row],

mat-footer-row,

mat-header-row,

mat-row {

    background: honeydew;

}



.table-hover>tbody>tr:hover {

    

    background-color: rgb(0 0 0 / 13%); /* Couche transparente légère */

    transition: filter 0.3s, background-color 0.3s; /* Transitions douces */

}

tbody tr:hover td {

    filter: brightness(1.05); /* Ajustement léger */

    

    transition: filter 0.3s, background-color 0.3s; /* Transitions douces */

}



ul.state_chart_legends {

    padding: 0;

    margin: 0;

    list-style: none;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 25px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    font-family: inherit;

}



ul.state_chart_legends li {

    margin-right: 20px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    font-size: 12px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



ul.state_chart_legends li p {

    width: 12px;

    height: 12px;

    margin: 0;

    margin-right: 5px;

    border-radius: 50%;

    border-radius: 50%;

}



.mat-column-SCORE2018,

.mat-column-SCORE2019,

.mat-column-SCORE2020 {

    width: 55px;

    text-align: center;

    font-size: 12px !important;

    font-weight: 900;

}

@media only screen and (max-width: 991px) {

    .left_width, .right_width {

        width: 100%;

    }

}

.overlay2 {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 9999;

    top: 0;

    right: 0;

    background-color: #fff;

    overflow-x: hidden;

}

.burgur-menu {

    font-size: 30px;

    cursor: pointer;

    position: absolute;

    right: 10px;

    top: 2px;

    z-index: 5;

}

#myVideo {

  position: fixed;

  right: 0;

  bottom: 0;

  min-width: 100%; 

  min-height: 100%;

}

.iLEiZ:hover, .iLEiZ:focus {

    background-color: rgb(229, 229, 229);

}

.eRSJo {

    -webkit-box-align: center;

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 1rem;

}

.IndiC{

    font-size: 2rem;

    color: darkblue;

}

/*.IndiC:hover {*/

/*    -webkit-transition: all 0.5s ease;*/

/*    -moz-transition: all 0.5s ease;*/

/*    -o-transition: all 0.5s ease;*/

/*    transition: all 0.5s ease;*/

/*}*/

/*.IndiC:hover,.IndiC:focus {*/

/*    color: red;*/

/*}*/



/* Page Monographie */



@media (min-width: 1200px) {

    #map {

        height: 450px;

    }

}



@media (min-width: 992px) {

    #map {

        height: 346px;

    }

}



@media (min-width: 768px) {

    #map {

        height: 234px;

    }

}



@media (min-width: 576px) {

    #map {

        height: 1388px;

    }

}



#map {

    height: 660px;

    top: 0;

    overflow: hidden;

}



.bg-light {

    background-color: #f8f9fa !important;

}



@media (min-width: 1200px) {

    #regions_div {

        width: 1200px;

    }

}



@media (min-width: 992px) {

    #regions_div {

        width: 992px;

    }

}



@media (min-width: 768px) {

    #regions_div {

        width: 768px;

    }

}



@media (min-width: 576px) {

    #regions_div {

        width: 100%;

    }

}



#regions_div {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

    position: relative;

}



.text-center {

    text-align: center !important;

}



.item.active {

    display: block;

}





/* .carousel-item {

    position: relative;

    display: none;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    transition: -webkit-transform .6s ease;

    transition: transform .6s ease;

    transition: transform .6s ease, -webkit-transform .6s ease;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000px;

    perspective: 1000px;

} */



.carousel-control-next,

.carousel-control-prev {

    filter: invert(100%);

}



.carousel-control-prev {

    left: 0;

}



.carousel-control-next,

.carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5;

}



.carousel-control-prev-icon {

    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E);

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: transparent no-repeat center center;

    background-size: 100% 100%;

}



.carousel-control-next,

.carousel-control-prev {

    filter: invert(100%);

}



.carousel-control-next {

    right: 0;

}



.carousel-control-next,

.carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5;

}



.carousel-control-next-icon {

    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E);

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: transparent no-repeat center center;

    background-size: 100% 100%;

}



.shadow-sm {

    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37) !important;

    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);

}



@media (min-width: 1200px) {

    .legend-blue {

        top: 321px;

    }

}



@media (min-width: 1200px) {

    .legend {

        top: 318px;

        margin-left: 50px;

        display: block;

        right: 50px;

    }

}



@media (min-width: 992px) {

    .legend {

        top: 238px;

        margin-left: 12px;

        right: 0;

        display: block;

    }

}



@media (min-width: 768px) {

    .legend {

        top: 155px;

        margin-left: -60px;

    }

}



@media (min-width: 576px) {

    .legend {

        top: 96px;

        margin-left: 0px;

        display: block;

    }

}



.legend {

    position: absolute;

    width: 230px;

    height:42%;

    top: 225px;

    margin-left: 50px;

    font-size: 0.7rem;

    right: 50px;

    background: #fff;

}



.Delim {

    margin-left: auto;

    margin-right: auto;

    /*width: 675px;*/

    position: relative;

    padding: 40px;

}



.sdg-header {

    padding-top: 10px;

    padding-right: 0px;

}



.country-header {

    position: sticky;

    position: -webkit-sticky;

    top: 0;

    z-index: 1000;

    /* padding: 30px; */

    padding-bottom: 0;

}



.bg-almost-white {

    background-color: rgba(255, 255, 255, 0.95);

}



.rowM {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.sdg-name {

    line-height: 1 !important;

    font-size: 2rem !important;

    padding-top: 20px !important;

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}



.sdg-title-icon {

    width: 100px;

    height: 75px;

}



.tit {

    font-weight: 600;

    font-size: 2.2rem;

    padding: 10px;

}



.vill {

    font-size: 2.5rem;

    color: black;

    font-weight: 600;

}

@media (min-width: 768px) {

    .navbar-expand-md .navbar-collapse {

        display: -ms-flexbox !important;

        display: flex !important;

        -ms-flex-preferred-size: auto;

        flex-basis: auto;

    }

}

.ml-auto, .mx-auto {

    margin-left: auto !important;

}

.navbar-navM {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    /*flex-direction: column;*/

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.botonnavimg {

    width: 100px;

    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));

}



/* .country-letters {

    margin-top: -10px;

} */





/* Position the image container (needed to position the left and right arrows) */

.container {

  position: relative;

}



/* Hide the images by default */

.mySlides {

  display: none;

}



/* Add a pointer when hovering over the thumbnail images */

.cursor {

  cursor: pointer;

}



/* Next & previous buttons */

.prev,

.next {

  cursor: pointer;

  position: absolute;

  top: 40%;

  width: auto;

  padding: 16px;

  margin-top: -50px;

  color: white;

  font-weight: bold;

  font-size: 20px;

  border-radius: 0 3px 3px 0;

  user-select: none;

  -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* Container for image text */

.captionI-container {

  text-align: center;

  background-color: #222;

  padding: 2px 16px;

  color: white;

}



.row:after {

  content: "";

  display: table;

  clear: both;

}



/* Six columns side by side */

.column {

  float: left;

  width: 16.66%;

}



/* Add a transparency effect for thumnbail images */

.demo {

  opacity: 0.6;

}



.active,

.demo:hover {

  opacity: 1;

}



.hei {

  height: 100%;

}

.Dim {

    position: absolute;

    /*width: 210px;*/

    /*top: 58px;*/

    /*margin-right: 50px;*/

    font-size: 0.7rem;

    /* left: -245px; */

    background: #fff;

}

.DecoTex{

    font-size: 20px;

    color: #e2511a;

    text-decoration: underline;

}

.ho-ev-latestCarte {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding: 35px;

    /*margin-bottom: 30px;*/

    border-radius: 4px;

}

.ho-ev-latestLimite {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding: 35px;

    /*margin-bottom: 30px;*/

    border-radius: 4px;

}



.ho-ev-latestLimite:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background: rgba(2, 41, 78, 0.73);

     */

    /* background: linear-gradient(to top, rgba(3, 41, 79, 0.82), rgba(6, 53, 98, 0.62));*/

    /*background:linear-gradient(to top, #548f66b0, #5e876b42);*/

    background: rgb(31 44 115 / 10%);

}

.ho-ev-latestCarte:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background: rgba(2, 41, 78, 0.73);

     */

    /* background: linear-gradient(to top, rgba(3, 41, 79, 0.82), rgba(6, 53, 98, 0.62));*/

    /*background:linear-gradient(to top, #548f66b0, #5e876b42);*/

    /* background: rgb(31 44 115 / 45%); */

}

tr.selected-tr td {

    filter: brightness(.8);

}



.score-red {

    background-color: #d32f2f;

}

.score-orange {

    background-color: #f57c00;

}

.score-yellow {

    background-color: #ffc40c;

}

.score-green {

    background-color: #43a047;

}

/* Page téléchargement */



.css-8d97to {

    width: 100%;

    margin-left: auto;

    box-sizing: border-box;

    margin-right: auto;

    display: block;

}



@media (min-width: 600px) {

    .css-1qsxih2 {

        padding-left: 24px;

        padding-right: 24px;

    }

}

.css-1qsxih2 {

    width: 100%;

    margin-left: auto;

    box-sizing: border-box;

    margin-right: auto;

    display: block;

    padding-left: 16px;

    padding-right: 16px;

}

.css-z727b5 {

    margin-top: 64px;

    margin-bottom: 64px;

}

.css-s18byi {

    background-color: rgb(255, 255, 255);

    color: rgba(0, 0, 0, 0.87);

    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;

    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);

    border-radius: 4px;

    overflow: hidden;

}

.css-1qw96cp {

    padding: 16px;

}

.css-1ebprri {

    margin-top: 16px;

    margin-bottom: 16px;

}

.css-zhj0ab {

    height: 5px;

    background: linear-gradient(to right, #e5243b 0, #e5243b 5.88235%, #dda63a 5.88235%, #dda63a 11.7647%, #4c9f38 11.7647%, #4c9f38 17.6471%, #c5192d 17.6471%, #c5192d 23.5294%, #ff3a21 23.5294%, #ff3a21 29.4118%, #26bde2 29.4118%, #26bde2 35.2941%, #fcc30b 35.2941%, #fcc30b 41.1765%, #a21942 41.1765%, #a21942 47.0588%, #fd6925 47.0588%, #fd6925 52.9412%, #dd1367 52.9412%, #dd1367 58.8235%, #fd9d24 58.8235%, #fd9d24 64.7059%, #bf8b2e 64.7059%, #bf8b2e 70.5882%, #3f7e44 70.5882%, #3f7e44 76.4706%, #0a97d9 76.4706%, #0a97d9 82.3529%, #56c02b 82.3529%, #56c02b 88.2353%, #00689d 88.2353%, #00689d 94.1176%, #19486a 94.1176%, #19486a 100%) repeat scroll 0 0;

}

@media (min-width: 900px) {

    .css-zwzutn {

        font-size: 1.875rem;

    }

}

@media (min-width: 600px) {

    .css-zwzutn {

        font-size: 1.6667rem;

    }

}

.css-zwzutn {

    margin: 0;

    font-size: 2.45rem;

    font-weight: 400;

    font-family: Yantramanav, sans-serif;

    line-height: 1.2;

    margin-bottom: 0.35em;

}

.css-tuxzvu {

    box-sizing: border-box;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    margin-top: -8px;

    width: calc(100% + 8px);

    margin-left: -8px;

}

.css-12qlbf1 {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    position: relative;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

    background-color: transparent;

    outline: 0;

    border: 0;

    margin: 0;

    border-radius: 0;

    padding: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    vertical-align: middle;

    -moz-appearance: none;

    -webkit-appearance: none;

    -webkit-text-decoration: none;

    text-decoration: none;

    color: inherit;

    width: 100%;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 8px;

    border-radius: 8px;

    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

}

.css-12qlbf1:hover {

    background-color: rgba(0, 0, 0, 0.08);

}

.css-1vuol1k {

    width: 100%;

    height: 18rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-content: center;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    margin-bottom: 16px;

}

.css-kjh1ya {

    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

    display: block;

    border: 4px solid white;

    box-shadow: 2px 2px 5px #0000006b;

    object-fit: contain;

    background: white;

    -webkit-transition: -webkit-transform 0.3s ease-in-out, background-color 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;

}

.css-kjh1ya:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.css-1vrloa3 {

    margin: 0;

    line-height: 1.25;

    font-family: Yantramanav, sans-serif;

    font-weight: 400;

    font-size: 1.8rem;

    text-align: center;

    margin-bottom: 0.35em;

}

.css-1bs8ziu {

    margin: 0;

    font-size: 1.2rem;

    letter-spacing: 0;

    text-transform: uppercase;

    line-height: 1;

    margin-bottom: 8px;

    font-family: Yantramanav, sans-serif;

    font-weight: 400;

    text-align: center;

    color: rgba(0, 0, 0, 0.6) !important;

}





#map {

      width: 100%;

      height: 600px;

      background: transparent;

    }



    .wilaya-shape {

    transition: filter 0.3s ease, stroke-width 0.3s ease, stroke 0.3s ease;

    cursor: pointer;



  pointer-events: none; /* Empêche les wilayas de bloquer les clics */

}



.wilaya-shape.hovered {

    filter: brightness(1.15) drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 12px #000);

    stroke: #ff9800;

    stroke-width: 2px;

}



.ville-shape {

    z-index: 1000;

    cursor: pointer;

}



    

.leaflet-interactive.wilaya-shape.hovered {

  filter: brightness(1.25) drop-shadow(0 0 8px rgba(255,255,255,0.8)) drop-shadow(0 0 16px rgba(0,0,0,0.6));

  stroke: #ff9800;

  stroke-width: 2px;

}