@charset "utf-8";
/* CSS Document */

.box{color: #000;padding: 20px;display: none;margin-top: 20px;}
.media25 article{ padding: 0px 0 50px 0; margin: 0px;}
.media25 article select{ float: right; color: #000; font-size: 18px; font-family: 'ITC Avant Garde Gothic Std Extra'; padding: 10px 60px 10px 10px; border-radius: 50px; border: 1px solid #ccc; width: 200px;}
.cover-box{ border-top: 1px solid #ccc; padding: 25px 0;}
.cover-box article{ display: inline-block; width: 85%;}
.cover-box article p{ font-size: 18px; color: #4a4a4a; padding: 0 0 18px 0; line-height: 25px;}
.cover-box article span{ font-size: 14px; color: #4a4a4a;}
.cover-box article span a{ font-size: 14px; color: #327dbe;}
.media25 .cover-box article { padding: 0px 0 0px 0; margin: 0px;}
.cover-box aside{  display: inline-block;  width: 13%; min-height: 60px; border-left: 1px solid #ccc;}
.cover-box aside a{ background: #ffd303; padding: 9px 20px; color: #000; border-radius: 50px; font-size: 14px; margin: 15px 0px 0 25px; display: block; width: 124px;}
.cover-box aside a:hover{ background: #05a83e;}
.innerSec1{min-height: 150px; background: #fff; padding: 63px 0 0 0;background: #FFF url(https://www.arohan.in/wp-content/themes/arohan/images/line-menu.png) no-repeat center 53px;}
.headSec2 { height: 55px; background: #FFF;  padding-left: 25px; position: relative;}
.innerSec1 .top-panal-img{background: #FFF url(https://www.arohan.in/wp-content/themes/arohan/images/top-img2.jpg) no-repeat bottom right; min-height: 160px;}
.innerSec1 .logo{ float: left; vertical-align: top; margin-left: 8%;}
.innerSec1 .bread{ float: right; padding: 50px 80px 0 0;}
.innerSec1 .bread ul{ text-align: right;}
.innerSec1 .bread ul li{ display: inline-block; padding: 0 0px; text-align: right;font-size: 12px; font-style: italic;}
.innerSec1 .bread ul li:after{ content: "/"; display: inline-block; padding: 0 8px;}
.innerSec1 .bread ul li:last-child:after{ content: ""; display: inline-block; padding: 0 0px;}
.innerSec1 .bread ul li a{ color: #000000; }
.innerSec1 .bread h1{ font-size: 35px; color: #000; font-style: italic; font-weight: 900; display: inline-block; text-transform: uppercase;}
.innerSec1 .bread h1 span{ display: inline-block; color: #e10b19;}
.journey {position: relative; z-index: 7; padding: 80px 0; text-align: center; background: url(https://www.arohan.in/wp-content/themes/arohan/images/line2.png) no-repeat center top;}
.journey p{ font-size: 14px; font-style: italic; font-weight: 400; line-height: 20px;}

.image-part-journey ul li{ float: left; width: 20%; position: relative; cursor: pointer;}
.image-part-journey ul li a{ cursor: pointer;}
.certificate2 .load-img aside { display: block;}

.certificate2 .load-img p{ padding: 15px 0; margin: 0px; font-size: 14px; color: #000; font-style: italic; font-weight: 400; display: block;}

.visionMission {float: left; width: 100%; padding-bottom: 0px;}
ul.certificate2:last-child {border-bottom: none;}
ul.certificate2 {float: left; width: 100%; padding-bottom: 10px;}
ul.certificate2 li aside{ position: relative;}
ul.certificate2 li aside i {display: block; width: 100%; height: 100%; background: url(../images/home_banner_play_mob2.png) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; right: 0px;}



.load-img {display:none;}
#loadMore { background-color: #e10b19; color: #fff; padding: 10px 15px; font-style: italic; font-size: 12px;}
#loadMore:hover {background-color: #000; color: #fff;}
.form {width: 90%; max-width: 1155px; margin: 0 auto; position: relative;}



ul.certificate2 li a {display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
ul.certificate2 li a img { width: 100%; display: block;}
ul.certificate2 li img { display: block;}

.image-part-journey .form { /*width: 90%; max-width: 1180px; */margin: 0 auto; position: relative;}
.image-part-journey .form article {min-height: 52px; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 5px; left: 0px; right: 0px; margin: 0 12px;}
.image-part-journey .form article h3{ float: left; font-size: 24px; color: #e5222c; font-style: italic; text-transform: uppercase; padding: 10px;}
.image-part-journey .form article i{ float: right; padding: 12px 20px;}

.journey-year main > nav {position: sticky;	top: 2rem;	align-self: start;}
.journey-year .section-nav li.active > a {color: #ffde00;font-weight: 500;cursor: pointer;}
.journey-year .section-nav {padding-left: 0;font-style: italic;}
.journey-year .section-nav a {text-decoration: none;display: block;padding: .125rem 0;color: #ccc;transition: all 50ms ease-in-out;}
.journey-year .section-nav a:hover, .section-nav a:focus {color: #000;}
.journey-year ul, ol {list-style: none;margin: 0;padding: 0;}
.journey-year li { padding: 5px 0;}
.journey-year main { margin: 70px auto;}
.journey-year section {	padding-bottom: 0;}
.journey-year { position: relative;}
.journey-year .year-box{ position: sticky;position: sticky; height: calc(100% - 1px); width: calc(100% - 1px); float: left; cursor: pointer; left: 0px; top: 75px; background: #e5222c; color: #fff; padding: 20px; width: 80px; display: block;}
.journey-year main article{ min-height: 250px; padding: 0 0 0px 0; }

.journey-year main article ul{ width: 645px; margin: 0 auto; position: relative;}
.journey-year main article ul li{ display: inline-block; vertical-align: middle;}
.journey-year main article ul{color: #cac2b1;}
.journey-year main article ul:hover{color: #e5222c;}
.journey-year main article ul li:hover{color: #e5222c;}

.journey-year main article ul li:nth-child(1){ width: 30%; font-size: 60px; font-weight: 900;}
.journey-year main article ul li:nth-child(2){ width: 33%;}
.journey-year main article ul li:nth-child(3){ width: 35%; text-align: left; padding: 0 0 0 15px; font-size: 11px; font-style: italic;}
.journey-year main article ul li:nth-child(3) p{ font-size: 11px; font-style: italic; line-height: 15px;}
.journey-year main article ul li:nth-child(3) a{ display: block; color: #d21919; display: block; padding: 5px 0; cursor: pointer;}
.journey-year main article ul li:nth-child(3) a:hover{ text-decoration: underline;}
.journey-year main article ul:after { content: ""; display: block;  display: block; background: url(https://www.arohan.in/wp-content/themes/arohan/images/year-line.png) no-repeat center bottom;  position: absolute;
bottom: -60px;  right: 29px; left: 0px;  height: 67px;  width:none; margin: 0 auto; text-align: center;}
.homeSec2 article:after{ display: none;}
.journey-year main article.no-line ul:after { display: none;}
.footer-top-bg{ background: url("https://www.arohan.in/wp-content/themes/arohan/images/bottom-bg.png") bottom center repeat-x; min-height: 123px; position: absolute; bottom: 0px; left: 0px; right: 0px;}
.pdPop h2 { padding-bottom: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 900; text-align: left; color: #000; font-style: italic;}
.pdPop h2 span{ color: #e11212;}
.pdPop p{ font-size: 14px; color: #000; line-height: 20px; padding: 0 0 15px 0; text-align: left; font-style: italic;}
.mCustomScrollBox { padding-top: 25px;}
.mCSB_scrollTools {top: 45px;}
.visionMission ul.certificate2 li{ display: inline-block; vertical-align: top; width: 31%; margin: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.49); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.49); border-radius: 15px;}
.visionMission ul.certificate2 li img {border-radius: 10px 10px 0 0;}
.visionMission ul.certificate2 li p{ padding: 15px 0; text-align: center; display: block; font-size: 12px; color: #7c7c7c; font-style: normal;}
.visionMission ul.certificate2 li p span { display: block; font-weight: 600; font-size: 16px; line-height: 25px; padding: 10px 0 5px 0}
.visionMission ul.certificate2 li article{ min-height: 200px; position: relative;}
.visionMission ul.certificate2 li article a{ margin: 0 auto; text-align: center; color: #fff; font-size: 12px; background: #ff611c; width: 100px; padding: 8px; height: 35px; border-radius: 50px; position: absolute; bottom: 25px; left: 0px; right: 0px;}
.visionMission ul.certificate2 li article a:hover{ background: #04840a;}

.media25 .box{ position: relative;}
.media25 .box h2{ color: #327dbe; font-size: 30px; font-family: 'ITC Avant Garde Gothic Std Extra'; position: absolute; top: -50px; left: 20px;}
.media25 .box h2 span{font-family: 'ITC Avant Garde Gothic Std';}
.tuy a.know_button {font-family: 'Futura Md BT'; width: auto; padding: 0 25px; line-height: 25px; font-size: 20px; background: #ff5314; display: inline-block; line-height: 52px; color: #fff; border-radius: 50px; margin-top: 40px; transition: 0.4s; font-weight: 500; text-align: center;}
.tuy a.know_button:hover{ background: #078f00;}
.subscription{ margin: 50px auto; text-align: center; padding: 0 0 15px 0; display: block;}
.subscription .left5{ display: inline-block; text-align: center; margin: 30px auto; border-right: 1px solid #ccc; padding: 0 30px;}
.subscription .right5{ display: inline-block; text-align: center; margin: 30px auto; padding: 0 30px;}
.subscription .left5 a{font-family: 'Futura Md BT'; width: auto; padding: 0 25px; line-height: 25px; font-size: 20px; background: #ff5314; display: inline-block; line-height: 52px; color: #fff; border-radius: 50px; margin-top: 40px; transition: 0.4s; font-weight: 500; text-align: center;}
.subscription .left5 a:hover{background: #078f00;}
.subscription .right5 a{font-family: 'Futura Md BT'; width: auto; padding: 0 25px; line-height: 25px; font-size: 20px; background: #ff5314; display: inline-block; line-height: 52px; color: #fff; border-radius: 50px; margin-top: 40px; transition: 0.4s; font-weight: 500; text-align: center;}
.subscription .right5 a:hover{background: #078f00;}
.subscription .left5 h3{ font-weight: 400; padding: 30px 0 0 0}
.subscription .right5 h3{ font-weight: 400;}
.pub .tuy h2{ font-size: 25px; line-height: 30px; padding: 15px 0;}
.pub .media25{ text-align: center; padding: 0 0 15px 0;}
.pub h2{padding: 25px 0 10px 0; line-height: 35px;}
.pub p{padding:10px 0; line-height: 22px;}
.back-enq{ background: #dcebf9; padding: 0 0 45px 0; margin: 35px 0 0 0;}
.back-enq .enquiry {padding: 60px 0 30px 0;}
.back-enq .enquiry .enquiry-left {width: 50%;float: left; border-right: 1px solid #97b6d2;}
.map {background: url(../images/map.png) no-repeat left 1px; padding-left: 30px; padding-bottom: 50px; line-height: 24px;}
.email {background: url(../images/letter.png) no-repeat left 2px; padding-left: 30px; padding-bottom: 30px; line-height: 24px;}
.email a { color: #000;}
.ph {background: url(../images/phone.png) no-repeat left top; padding-left: 30px; line-height: 24px;}
.ph a { color: #000;}

.enquiry .enquiry-right article p {line-height: 25px; padding: 0 0 15px 0;}
.left-user-ing{ width: 30%; margin: 0 15px 0 0; display: inline-block; vertical-align: top;}
.right-text-ing{ width: 68%; text-align: left; display: inline-block; vertical-align: top;}









@media all and (max-width:1030px){
	.image-part-journey ul li { width: 33%;}
}

@media all and (max-width:800px){
.form { width: 90%; max-width: inherit; margin: 0 auto; position: relative;}
.journey-year main article ul { width: auto; margin: 0 auto; position: relative;}
.journey-year main article {min-height: inherit; padding: 0 0 0px 0;}
.journey-year main article ul li:nth-child(1) {width: auto; font-size: 60px; font-weight: 900;}
.journey-year main article ul li {display: block; vertical-align: middle;}
.journey-year main article ul li:nth-child(2) { width: auto;}
.journey-year main article ul li:nth-child(3) { width: auto; text-align: center; padding: 0 0 15px 15px;}
.journey-year .year-box{ display: none;}
.innerSec1 .logo {float: none; vertical-align: top; margin: 0 auto; text-align: center;}
.innerSec1 .bread {float: none; padding: 10px;}
.innerSec1 .bread ul {text-align: left;}
.innerSec1 .bread h1 {font-size: 21px;color: #000; font-style: italic; font-weight: 900; display: block;}
.innerSec1 .top-panal-img {background: none; min-height: inherit;}
.journey-year main article ul:after {content: ""; display: block; display: block; background: url(https://www.arohan.in/wp-content/themes/arohan/images/year-line.png) no-repeat center bottom; position: absolute; bottom: -60px; right: 0;   left: 0px; height: 67px; width: none; margin: 0 auto; text-align: center;}
.innerSec1 .logo {float: none; vertical-align: top; margin-left: 0; margin: 0 auto; text-align: center;}
.image-part-journey ul li {width: 33% !important;}
}

@media all and (max-width:768px){
	.image-part-journey ul li { width: auto;}
	.journey {padding: 40px 0;}
	.cover-box article { display: block; width: auto;}
	.cover-box aside {display: block; width: auto; min-height: 60px; border-left: none;}
	.cover-box aside a {margin: 15px auto;}
	.media25 article select {float: none; margin: 0 auto;}
	.media25 article {
    padding: 0px 0 50px 0;
    margin: 0 auto;
    text-align: center;
}
	.media25 .box h2 {
    color: #327dbe;
    font-size: 30px;
    font-family: 'ITC Avant Garde Gothic Std Extra';
    position: inherit;
    top: 0;
    left: 0;
    padding: 0 0 15px;
    text-align: center;
}
.media25 article {
    padding: 0px 0 0px 0;
    margin: 0 auto;
    text-align: center;
}
.back-enq .enquiry .enquiry-left {
    width: auto;
    float: none;
    border-right: none;
}
.left-user-ing {
    width: auto;
    margin: 0;
    display: block;
    vertical-align: top;
}
.right-text-ing {
    width: auto;
    text-align: center;
    display: block;
    vertical-align: top;
    padding: 15px;
}
.pub p {
    padding: 15px;
    line-height: 22px;
}
.enquiry .enquiry-right article p {
    line-height: 25px;
    padding: 15px;
}
a.about_know_button {
    width: 152px;
    height: 56px;
    background: #ff611c;
    display: block !important;
    border-radius: 50px;
    text-align: center;
    line-height: 56px;
    color: #fff !important;
    font-weight: bold;
    font-family: 'Futura Md BT';
    font-size: 16px;
    transition: 0.4s;
    margin: 0 auto !important;
}
.subscription .left5 {
    display: inline-block;
    text-align: center;
    margin: 30px auto;
    border-right: none;
    padding: 0 30px;
}
}

@media all and (max-width:600px){
.image-part-journey ul li {width: 50% !important;}
ul.certificate2 li img {width: 100%; height: 180px;}
}