@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
body{background-color:#effcef; font-family: 'Open Sans', sans-serif;}
img{max-width:100%;}
.main_container{background-color:#ffffff;}
.logoarea{text-align:center; padding:20px 0 0 0;}
.process_txt{color:#333333; font-weight:bold; text-align:center; font-size:22px;}

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

  TABS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Tabs component
 *
 * A responsive tabs component that falls back to a linear conent display when
 * JavaScript is disabled. The following is the default suggested markup to play
 * nicely with the JavaScript. If you change it up, just make sure you pass in
 * the correct parameters to the tabs instance.
 *
 * <div id="tabs" class="c-tabs no-js">
 *   <div class="c-tabs-nav">
 *     <a href="#" class="c-tabs-nav__link is-active"></a>
 *     <a href="#" class="c-tabs-nav__link"></a>
 *     ...
 *   </div>
 *   <div class="c-tab is-active">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   <div class="c-tab">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   ...
 * </div>
 */
.c-tabs {
  /**/
}

/**
 * Tabs navigation
 */
.c-tabs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-tabs-nav__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px 5px;
  color: #fff;
  background-color: #004f2f;
  text-align: center;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  color: #ffffff;
  text-decoration:none;
}
.c-tabs-nav__link:focus {color: #ffffff;}

.c-tabs-nav__link.is-active {
  color: #00824e;
  background-color: #e7e7e7;
  text-decoration:none;
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
  font-size: 18px;
}

.c-tabs-nav__link span {
  font-size: 13px;
  font-weight:600;
}

/*@media all and (min-width: 720px) {
  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}*/

/**
 * Tab
 */
.c-tab {
  display: none;
  background-color: #ffffff;
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem;
}

/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav {
  display: none;
}

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.c-tabs.no-js .c-tab:last-child {
  margin-bottom: 0;
}

.apply_btn{padding:15px 0; text-align:center;}
.apply_btn a{display:inline-block; padding:8px 20px; color:#ffffff; background-color:#004f2f; font-size:18px; margin:0 8px 10px;}
.apply_btn a:hover{text-decoration:none;}
.apply_btn a:focus{text-decoration:none;}
.c-tab__content h2{font-size:22px; font-weight:bold; margin-top:0;}
.c-tab__content h3{font-size:14px; font-weight:bold; color:#555555;}
.acd_yr_txt{text-align:center; font-size:18px; color:#666; padding-bottom:20px; font-weight:600;}
.acc_content a{color:#00824e;}
.imp_links{background-color:#deebde; padding:15px 0;}
.imp_links ul{margin:0; padding:0 0 0 1.5rem;}
.imp_links ul li{list-style-type:none; margin:0; padding:0 0 10px 0; font-size:16px;}
.imp_links ul li a{color:#00824e;}
.imp_links ul li a:hover{color:#00824e; text-decoration:none;}
.imp_links ul li a:focus{color:#00824e; text-decoration:none;}

.acc_content ul li{padding-bottom:10px;}

.mod_container h4{margin:0 0 6px 0; font-weight:600; font-size:16px; line-height:20px;}
.add_blk{padding-bottom:15px;}
.modinfo .modal-title{color:#00824e; font-weight:bold;}

.agetab{border-left:1px solid #ccc; border-top:1px solid #ccc; font-size:13px; margin-top:10px;}
.agetab tr td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
.mod_container ul li{padding-bottom:8px;}
.mod_container ul{margin-top:12px;}
.add_blk a{color:#333333; text-decoration:none;}
.further_query a{color:#00824e; text-decoration:none;}


/*======================================== MEDIA QUERIES ==========================================*/
@media (min-width:320px) and (max-width:480px) {
	.c-tabs-nav__link{padding:10px 7px;}
	.c-tabs-nav__link span {font-size: 13px;}
	.logoarea{padding-top:8px;}
	.process_txt{font-size:16px;}
	.acd_yr_txt{font-size:12px; padding-bottom:10px;}
	.apply_btn a{width:100%; margin:0 0 10px}
	.c-tab__content h2{font-size:18px;}
	}
.c-tabs .c-tabs-nav a.c-tabs-nav__link {
    flex: auto;
}
ul.admi-call-details li {
    /* float: left; */
    width: 30%;
    /* clear: both; */
    display: inline-block;
}
ul.admi-call-details {
    list-style: none;
}
ul.admi-call-details li a {
    color: #000;
    font-weight: 600;
    padding: 4px 0px 4px 20px;
    clear: both;
    display: block;
    position: relative;
}
ul.admi-call-details li a:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #014a2d;
    left: 0;
    top: 9px;
}
.Admission-Enquiry-btn-div {
    /* float: left; */
    width: 100%;
    display: block;
    margin-bottom: 8px;
    text-align: right;
    clear: both;
    position: relative;
    bottom: 8px;
    height: 32px;
}
.Admission-Enquiry-btn-div a.Admission-Enquiry-btn-details {
    /* float: right; */
    color: #fff;
    padding: 10px;
    clear: both;
    margin-bottom: 10px;
    /* display: block; */
    width: 150px;
    right: 0;
    position: relative;
	    text-decoration: none;
}
@media(max-width:767px){
ul.admi-call-details li {
    width: 80%;
}
.c-tabs-nav {
		display: flow-root;
}
.c-tabs .c-tabs-nav a.c-tabs-nav__link {
    flex: none;
    width: 100%;
    float: left;
}
	.Admission-Enquiry-btn-div {
    text-align: center;
    top: 0px;
}
	.container1 center h3 {
    font-size: 12px !important;
    line-height: 17px;
}
}

/* admission-landing css */
body.admission-landing{
	background:#ebf2ff;
}
.admission-landing .c-tab{
	background:#fff;
}
.admission-landing .imp_links{
	background:none;
	padding:0;
}
.admission-landing .imp_links ul{
	padding:0;
	max-width:340px;
}
.admission-landing .imp_links ul li{
	background: url(http://www.dpskolkata.com/wp-content/themes/dpsruby/images/bullet.png) 0 6px no-repeat;
    padding: 0 0 5px 14px;
    margin: 0 0 5px;
    border-bottom: 1px dashed #ccc;
}
.admission-landing .c-tab__content{
	padding:3rem;
}
.admission-landing .apply_btn{
	padding-bottom:0;
}
.admission-landing .imp_links ul li a{
	color:#000;
}
.admission-landing .c-tabs-nav__link{
	background:#eb891f;
	color:#fff;
	border-bottom:1px solid #fff;
}
.admission-landing .c-tabs-nav__link.is-active{
	background:#00c969;
	color:#fff;
}
.admission-landing .Admission-Enquiry-btn-div a.Admission-Enquiry-btn-details{
	display: inline-block;
    background: #00c969;
    color: #fff;
    padding: 4px 6px;
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #00a757;
	width:auto;
}
.admission-landing .apply_btn a{
	color:#fff;
    background:#ff8400;
    padding:8px 0;
    margin:6px 0;
    display:inline-block;
    border-radius:30px;
    font-size:1.4rem;
    line-height:2.2rem;
    text-align:center;
    cursor:pointer;
    position:relative;
	font-weight:600;
    text-transform:uppercase;
	width:150px;
}
.admission-landing .apply_btn a::before, .admission-landing .apply_btn a::after {
	content:"";
    display:inline-block;
	-webkit-transition:all .3s;
	-khtml-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.admission-landing .apply_btn a::before{
    width: 162px;
    height: 50px;
    position:absolute;
    left:0;
    top:0;
    border:3px solid #ff8400;
    border-radius:34px;
	margin:-6px 0 0 -6px;
	padding:3px;
}
.admission-landing .apply_btn a::after {
    width:10px;
    height:10px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:1px;
    position:relative;
    left:-3px;
    top:0;
	transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
	margin-left:14px;
}
@media only screen and (min-width:768px){
	.admission-landing .apply_btn a{
		font-size:1.6rem;
		line-height:2.4rem;
		padding:10px 0;
		width:186px;
	}
	.admission-landing .apply_btn a::before{
		width: 198px;
		height: 56px;
	}
	.admission-landing .apply_btn a::after {
		width:12px;
		height:12px;
		border-width:0 2px 2px 0;
		padding:2px;
	}
}

@media only screen and (min-width:1025px){
	.admission-landing .apply_btn a{
		margin:8px 0;
		font-size:1.8rem;
		line-height:2.6rem;
	}
	.admission-landing .apply_btn a::before{
		width: 198px;
		height: 58px;
	}
	.admission-landing .apply_btn a::after {
		width:15px;
		height:15px;
	}
	.admission-landing .apply_btn a:hover{
		color:#fff;
		background:#e37500;
	}
	.admission-landing .apply_btn a:hover::before {
		border-color:#e37500;
	}
	.admission-landing .apply_btn a:hover::after {
		border-color:#fff;
		left:3px;
	}
}