h2.reg-h2{font-size: 32px; line-height: 35px !important; font-family: 'latoregular';}
h1.reg-h1{font-size: 33px; line-height: 36px !important;}
.reg{font-family: 'latoregular';}
.bld{ font-family: 'latobold';}
.blck{ font-family: 'latoblack';}
.light{font-family: 'latolight'}


/*insttitutes*/
.campus-col, .campus-loc{    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;}
.campus-col{padding: 0px 15px; position: relative;}
.campus-loc{position: absolute;left: 0px; bottom: 30px; width: 100%; background-color: rgba(31, 50, 83, 0.83); color: white;
text-align: center; height: 110px; padding: 10px 10px}
.country-loc{font-size: 25px;font-family: 'latobold'; }
.campus-col:hover .campus-loc{background-color: rgb(168 13 13 / 83%)}
.ofr-sub{background: #F9F9F9; padding: 15px 20px}
.ofr-h3{  font-size: 16px}
.grey-box{ padding: 15px 20px;background: #F4F4F4; position: relative;}
.one-box{/*height: 100%;*/ background-color: #F9F9F9;}
.one-box-col{margin-bottom: 20px}
.one-box-col a{cursor: pointer}
/*.grey-box:before{content: ''; width: 10px; height: 10px;  position: absolute; top:0px; right: 0px}
.grey-box.orange:before{background-color: #EAA51E;}*/

.ofr-h4{font-size: 17px}
ul.ofr-year li{display: inline-block;
    border-right: 1px solid black;
    padding-right: 8px;
    line-height: 15px;
    font-size: 16px;
    padding-left: 8px;}
ul.ofr-year li:last-child{border-right: none; padding-right: none;}
ul.ofr-year li:first-child{padding-left: 0px}
.small-size{font-size: 13px; line-height: 20px}
.dot-list li {
position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.dot-list li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    left: 0px;
    top: 7px;
}

.intake-div{margin-bottom: 15px}
.grey-cam{font-size: 17px; color: grey; margin-bottom: 5px; margin-top: 8px;}
.mod{font-size: 17px; margin-bottom: 5px;}
.col-req{/*width: 100px;*/width: 100% }
.col-next{/*width: calc(100% - 100px)*/ width: 100%}
.col-next{float: left;}
.col-req{float: right;}
.col-req .inst-btn-ul{float: right;}
.request{font-size: 14px !important; color: #333}
.request.big{font-size: 17px !important;}
.underline{text-decoration: underline !important;}
.request:hover{color: #ea571e;text-decoration: underline !important;}

.no-list li{margin-bottom: 5px}

hr.black{border-top: 1px solid rgb(0 0 0);}

.black-bg{background: #343737;}

.inst-para2{font-size: 25px}

.apply-white{    background-color: white;
    padding: 13px 26px;
    font-size: 15px;}

.apply-white:hover{background-color: #ea571e; color: white}





/*styling after dynamic*/
.small-para ul {margin-bottom: 15px}
.small-para ul li {
position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.small-para li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    left: 0px;
    top: 7px;
}



/*footer*/
.black-footer{background: #393D3E; padding-top: 25px; padding-bottom: 25px}



/*side description*/
.side-des{height: 100%; border-right: 3px solid black; padding-right: 30px;}
.cam-logo{text-align: center;}
.cam-name{text-transform: uppercase;}
.line-dot{position: relative;
    width: 100%;
    height: 1px;
    background-color: black;}
.line-dot:before{content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-color: black;
    border-radius: 100%;}

.des-box{margin-bottom: 30px; text-align: center;}
.big{font-size: 42px; color: black; line-height: 43px;}
.cam-btm-logo figure{margin-bottom: 25px}
.cam-btm-logo figure img{margin-bottom: 0px}
.des-box.last{margin-top: 200px}




/*breadcrumb*/
.breadcrumb.design2 li a{color:  #A4A2A2 !important; font-size: 14px}
.breadcrumb.design2>li+li:before {
    content: "/"; font-weight: bold;}
.breadcrumb.design2>li.active:before {
    content: "/"; font-weight: bold; color: #A4A2A2 !important}
.breadcrumb.design2 li.active a,
.breadcrumb.design2.text-white li.active a 
 {
    color: #f96020 !important;
}

.breadcrumb.design2.text-white li a{color: white !important}




/**/
.three-col{max-width: 20%; flex:20%;}
.nine-col{max-width: 80%; flex:80%;}
.rank-h3{font-size: 20px}


/*ecole ducasse*/
.campus-col figure img{width: 100% !important}
.test-para{ font-size: 21px; text-align: right;}
.e-campus-loc {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 55%;
    background-color: rgba(31, 50, 83, 0.83);
    color: white;
    text-align: center;
    height: 86px;
    padding: 10px 10px;
}

.wel-top-bottom-equal{padding-top: 50px; padding-bottom: 50px}


/********************************** Responsive ***************************************/

@media (min-width: 992px) and (max-width: 1199px) {
.big{font-size: 38px}
.col-next,.col-req{width: 100%}

}

@media (min-width: 768px) and (max-width: 991px) {
.big{font-size: 29px}
.col-next,.col-req{width: 100%}
.black-footer .rights.text-left {
    text-align: left !important;
}
.side-des{padding-right: 15px}

}

@media (max-width: 991px){
	.rank-h3{margin-top: 25px}
}

@media (max-width: 767px){

.three-col, .nine-col {
    max-width: 100%;
    flex: 100%;
}

.side-des {
    height: 100%;
    padding-top: 30px;
    padding-right: 0px;
    border-right: none;
    text-align: center;
}

.black-apply {text-align: center;}
.black-apply .apply-white.float-right {float: none !important; margin: 0 auto; margin-top: 10px}
.black-footer img{float: none !important; margin: 0 auto; margin-top: 10px}
.des-box.last {
    margin-top: 10px;
}
}

@media (max-width: 575px){
.campus-col{margin-bottom: 20px}
.ofr-sub {
    padding: 15px 15px;
}
.big {
    font-size: 29px;}
.inst-para2 {
    font-size: 18px;
}
}