@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto.light';
    src:url('../fonts/roboto.light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto.regular';
    src:url('../fonts/roboto.regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/******************************************************************
                Global Styles starts here
*******************************************************************/


body{
	font-family: '"Times New Roman", Times, serif';
	font-size: 14px;
	line-height: 14px;
	color:#333; 
	background: #DCDCDC;

}

h1, h2, h3, h4, h5, h6{
	font-family: '"Times New Roman", Times, serif';
	color: #000;
    font-weight: normal;
    margin: -3px;

}

h1{font-size: 20px;line-height: 26px;color: #fff;padding: 5px 0 10px 0;text-align:center;background:#3D5254;}
h2{font-size: 28px;line-height: 32px;}
h3   { font-size: 29px;line-height: 37px; color: #000;}
h4{font-size: 20px;line-height: 28px; color: #3f4b51; text-transform: uppercase;}
h5{font-size: 18px;line-height: 22px;}
h6{font-size: 16px;line-height: 20px; color: #2abde9; font-family: 'source_sans_proregular';}
p{ font-family: 'source_sans_proregular'; line-height: 22px;  padding-bottom: 25px; margin-bottom: 0;color:#000}
.last{padding-bottom: 0;}
.wrap{overflow: hidden;}
.bg-black{background: #364045;}
.bg-light-black{background: #3f4b51;}
.bg-blue{background: #2abde9;}
.bg-white{background: #fff;}
.bg-light-gray{background: #f7f7f7;}
.spacing-t-b{padding: 60px 0;}
.container-spacing-t-b{padding: 30px 0;}
.container-spacing-t{ padding-top: 60px;}
.container-spacing-b{ padding-bottom: 60px;}
.spacing-t{margin-top: 50px;}
.spacing-b{padding-bottom: 40px;}
.spacing-top{ padding-top: 30px;}
.img-right{ padding-right: 30px; padding-bottom: 30px;}
.ruler-t{ border-bottom: 1px solid #f1f1f1; margin: 30px 0;}

.ruler{ border: 1px solid #f1f1f1;}
.border{ display: none;}
.border-none{ border-bottom:none !important;}

.header-wrapper{background: #3f4b51;}
.i{
color: #fff;
font-size: 21px;
display: inline-block !important;
cursor: pointer;
width: 20px !important;
height: 20px !important;
border-radius: 15%;
text-align: center;
position: relative;
z-index: 1;
padding: 10px;
background: #2abde9;
margin-right: 15px !important;
float: left;
}
.i:hover{background: #3f4b51; color: #fff; transition:all 1s;}

.menu-icons .i{
color: #7c878b;
font-size: 20px;
display: inline-block !important;
cursor: pointer;
width: 16px !important;
height: 16px !important;
border-radius: 15%;
text-align: center;
position: relative;
z-index: 1;
padding: 10px;

background: #364045;
margin-right: 10px !important;
}

.menu-icons .i:hover{background: #2abde9; color: #fff; text-decoration: none;}

.btn{    background-image: url("https://dpbck.ac.in/wp-content/uploads/2022/02/bg-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
	   -webkit-text-stroke: thin;
    width: 230px;
    margin-top: 2px;
    margin-left: -13px;
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 13%);
    text-transform: capitalize;
    padding: 6px 7px;
    display: -webkit-inline-box;
	}

.btn:hover{background-image: url("https://dpbck.ac.in/wp-content/uploads/2022/02/bg-header.jpg")!important;
    background-size: cover;
background-repeat: no-repeat;}

/*.btn{ background: linear-gradient(to bottom , #9360c3,#2ebf91); color: #fff; font-size: 14px; padding: 8px 7px;box-shadow: none; text-transform: uppercase; text-shadow: none;border: none; font-family: 'roboto.regular';}
.btn:hover{background: #fff; color: #2abde9; transition:all 1s;} */
.site-name{display: inline-block;text-transform: uppercase; float: left;}
.site-name h1{color: #fff;font-size: 30px;line-height: 36px;font-family: 'roboto.light'; margin: 0;}
.menu-icons{float: right; display: inline-block;}
.menu-icons ul{margin: 0; overflow: hidden;}
.menu-icons ul li{list-style: none; display: inline-block;text-decoration: none;float: left;}
.cust-form{display: none;}
.form-search input{background: #364045;color: #7c878b;border: none;}
.form-search [class^="icon-"]{color: #7c878b;}
 #custom-search-form {
        margin:0;
        padding: 0;
        margin-right: -24px;
    }
 
    #custom-search-form .search-query {
        
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding-bottom:10px; 
    }
 
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }

	.panel-body a{
		color:#000;
		margin-left:10px
	}
	.panel-body i{
		font-size:16px
	}
/******************************************************************
                Menu Styles starts here
*******************************************************************/
/*.menu{
	background:linear-gradient(to top,#8360c3,#2edf91);
	padding-left:15px
}
.menu .navbar{height:auto;}
.navbar{display: inline-block; margin-bottom: 0; }
.navbar .nav{ display: inline-block;}
.navbar .nav > li {font-family: '"Times New Roman", Times, serif'; }
.navbar .nav > li a{font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing:2px;color: #fff;padding: 16px 6px;border-right: 0px solid #55caed;text-shadow: none;
                    text-transform: uppercase;text-transform:uppercase; display: inline-block; float: left; font-weight:bold; font-size:14px; }
.navbar .nav > li a:hover{background:#256072;box-shadow: none;color: #fff;}
.navbar .nav > .active > a{background:#256072;box-shadow: none;color: #fff;}
.navbar .nav > .active > a:hover{box-shadow: none; background: none;}

.banner .carousel{margin-bottom: 0;}
.banner .carousel-control {
top: 50%;
font-size: 27px;
color: #4496bc;
background: #fff;
line-height: 40px;
opacity: 0.5;
border: none;
}

.mini-menu{display: none;}
    .mini-menu .selectnav{display: none; width: 100%;background: #3f4b51;font-weight: 600;padding: 10px;height: 42px; color: #fff; border-radius: 5px; cursor: pointer; outline: 0; border:none !important;}
    .selectnav select{appearance: none; border:none !important;}
    .mini-menu label {position:relative; width: 100%;}
    .mini-menu label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:14px; top:14px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
    }
    .mini-menu label:before {
    content:'';
    right:6px; top:10px;
    width: 25px; height: 25px;
    background:#3f4b51;
    position:absolute;
    pointer-events:none;
    display:block;
    }
.mt25{
	margin-top:25px
}

/******************************************************************
               Generic Styles starts here
*******************************************************************/


.block{ overflow: hidden;}
.main-caption{text-align: center; padding: 40px 0;font-family: 'roboto.light';text-transform: uppercase;}
.main-caption h1{font-size: 30px; line-height: 38px; color: #3f4b51;}
.main-caption h6{color: #3f4b51; font-family: 'roboto.light'; padding-bottom: 15px;}
.main-caption .btn {
background: #3f4b51;
color: #fff;
text-shadow: none;
box-shadow: none;
border: none;
border-bottom: none;
text-transform: uppercase;
padding: 12px;

}
.main-caption .btn:hover{background: #2abde9;color: #fff;}

.featured-images{ overflow: hidden;text-align: center; padding: 60px 30px;}
.featured-images ul{margin: 0;}
.featured-images h4{ text-transform: uppercase; color: #3f4b51; }
.featured-images h6{ font-family: 'source_sans_proregular'; color: #8d8c8c; }

.featured-images .block{ padding-bottom: 40px; text-align: center; background: url(../img/dot.jpg) no-repeat 50% 75%;}
.dot{background: url(../img/dot.png) repeat-x 0;}

.featured-images .block-content{ padding-top: 20px; text-align: center;}
.featured-images .block-content .user-info{display: inline-block; padding-right: 30px;}
.featured-images .block-content .user-info h4{color: #2abde9; padding-top: 20px;}
.featured-images .block-content .user-info h6{color: #8d8c8c;}




.featured-blocks{padding: 60px 30px;background: #f7f7f7;}
.featured-blocks .grid li a{display: inline-block;}
.featured-blocks .block .block-title{padding-bottom: 20px;}
.featured-item{ text-align: center; padding-top: 40px;}
.featured-item img{ padding-right: 30px; }

.featured-content{padding: 60px 30px; background: #fff; border-radius: 0 0 5px 5px; overflow: hidden;}
.featured-content img{width: 100% !important;}
.featured-content .block{padding-left: 10px;}
.featured-content .block h6{padding-bottom: 10px;}
.featured-content .block .block-title{padding-bottom: 20px;}
.featured-content .contact-form .block-title{padding-bottom: 20px;}
.featured-content .block .block-title img{float: left;}
.block-content{ }
.block-content p{ line-height: 22px;}

.block .btn{background: #2abde9; color: #fff; text-transform: uppercase; font-size: 16px; padding: 7px 9px;box-shadow: none; text-shadow: none;border: none; font-family: 'roboto.light';}
.btn:hover{background:linear-gradient(to top , #9360c3,#2ebf91);box-shadow:none; color: #fff;} 
.block a i{
color: #fff;
padding-left: 5px;
}
.block-content form input, textarea{
 background: #f7f7f7;
 padding: 8px 08px;
 margin-bottom: 20px;
 font-size: 14px;
 border: 1px solid #ebebeb;
 color: #b2b2b2;font-family: 'source_sans_proregular';
}
.block-content form textarea{padding: 10px 8px;}

.block-content p{
    margin-bottom: 0;
}
/******************************************************************
                Footer Styles starts here
*******************************************************************/
.site-footer{ margin-top: 40px; background: #3f4b51; padding: 60px 0;}
.site-footer .block h5{color: #fff; font-family: 'roboto.light'; text-transform: uppercase; font-size: 20px; line-height: 26px;}
.site-footer .block ul{ margin: 0; margin-top: 12px;}
.site-footer .block ul li{  font-size: 14px; padding:10px 0; border-bottom: 1px solid #4c5b61; list-style: none;font-family: 'source_sans_proregular';}
.site-footer .block ul li a{color: #8099a1;  }
.site-footer .block ul li a:hover{color: #fff; text-decoration: none;}
.copy-rights{
    padding: 10px 0; color: #8099a1; font-family: 'source_sans_proregular'; font-size: 14px; line-height: 26px;
}
.copy-rights a{color: #8099a1;}
.copy-rights span{color:#2abde9;}
.copy-rights span a{color:#2abde9; }
.copy-rights a:hover{color:#ffffff; text-decoration: none; }


/******************************************************************
                Responsive Tweaks starts here
*******************************************************************/


.navbar .btn-navbar{float: left;  text-shadow: none; background: #3f4b51; color: #fff; margin-bottom: 5px; margin-left: 0; margin-right: 0;}
.navbar .btn-navbar:hover{ background: #fff; color: #2abde9;}






/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* Necessary Styles
=================================================================== */
.flexslider {margin: 0; padding: 0;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block; Max-height:300px;}
.flexslider1 .slides img {width: 100%; display: block;height:auto;}
.flex-pauseplay span {text-transform: capitalize;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {position: relative;  zoom: 1; /*z-index:50;*/}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {max-height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Default Styles
=================================================================== */
.flexslider {
	background: #fff;
	zoom: 1;
}

.ie7 .flexslider {margin-bottom: -30px;}

.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Caption
=================================================================== */
.slide-caption {
	width: auto;
	max-width: 30%;
	padding: 10px 20px;
	margin: 0 0 0px 0px;
	position: absolute;
	display: block;
	left: 20px;
	bottom: 20px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.7);
}

.slide-caption.n {background-color: #222; background: rgba(0, 0, 0, 0.6);}
	
.slide-caption h3 {
	color: #fff;
	font-size: 18px;
	margin:0;
	line-height: 33px;
}
	
.slide-caption p {
	margin:0;
	line-height: 19px;
	color: #bbb;
}


/* Direction Nav
=================================================================== */

.flex-direction-nav a {
	width: 35px;
	height: 35px;
	display: block;
	background-color: #555;
	top:50%;
	right: 20px;
	float: none;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.65);
	*bottom: 50px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}*/

.flex-direction-nav .flex-next {
	background-image: url(https://www.iconpacks.net/icons/2/free-arrow-left-icon-2827-thumb.png);
	background-repeat: no-repeat;
	background-position: 52% 50%;
}

.flex-direction-nav .flex-prev {
	left: 3%;
	background-image: url(../img/slider-control-left.png);
	background-repeat: no-repeat;
	background-position: 48% 50%;
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	background-color:#72b626;
	opacity: 1;
}

.subpage .flex-direction-nav a {bottom: 0px; right: 0px; *bottom: 30px;}


/* Control Nav
=================================================================== */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
	
.flex-control-nav li {
	margin: 0 3px 0 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
	
.flex-control-paging li a {
	width: 14px;
	height: 14px;
	display: block;
	background: #c8c8c8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
	
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background: #505050;
}
	
.flex-control-paging li a.flex-active {
	cursor: default;
}

.btn-default{background-color:#fff;color:#000;}

.players {
    position: absolute;
    width:100%;
    height: 350px;    
    overflow: hidden;
	padding:0px 15px;
}

.players > li{
    position:absolute;    
    width:95%;
}

.carousel-fade .item {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.carousel-fade .item.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.navbar-collapse{padding:0px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color:none;border:0px;}

		.captiontab h3 {
    width: 170px;
    padding: 9px 26px;
    margin-top: -9px;
    margin-left: -8px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b22a31;
    position: absolute;
    z-index: 1;
	
}
			.captiontabed h3{
				width:144px;
			}
		.captiontab{
		   border:2px solid #002147;
		   padding:10px;
		   margin:20px 0px;
		}	
		.direction_image_slider{margin-top:-29px;position: absolute;right: 0px;}
		.main_container{z-index:0; }
		.center_tab{background:#fff;padding:10px;height:auto;}
		.center_tab p{color:#8D8C8C;}
		.space_btn{margin-right:15px;}
		.side_padding{padding: 0px 3px !important;}
		.events{background:#fff;height:100% !important;padding:10px;}
		.section-content{background:#fff;height:350px;}
        .collapse{margin-left:-4px;}
        .tab_fa{font-size:70px !important;}
		.caret{margin-top:-12px !important;font-size:20px !important;}
		#top_player{background:#fff;height:250px !important;}
		.section-content-top{background:#fff;height:250px;}
		
	
@media (min-width:481px) and (max-width:768px){
	 .logo-one,.logo-two{display:none;}
    .navbar,.navbar-inverse{width:100% !important;}
	.nav > li a{width:800px !important;}
	.collapse{margin-left:0px;}
	.slide-caption{display:none !important;}
	.side_padding{margin:10px 0px;}
	.space_btn {margin: 5px auto;}
	.center_tab {background: #fff;padding: 0px;height: 100%;}
	.center_border{border:10px solid #fff;background:#fff;}
	.section-content:nth-last-child(2) {height: 100%;}
	
}
.bg-blacked{
	margin-bottom:25px;
}
.address-content{
	display:none
}
.tc{
	text-align:center;
}
.mar-all {
    margin: 12px 12px 0px 12px;
}
	.div-two{
	margin-top:5px;
}
.space_btn {margin: 15px auto;}
.panel-title{font-size:18px;text-align:center;}
.panel-default > .panel-heading {color: #fff;background:linear-gradient(to left,#9360c3,#2ebf91);border-color: #ddd;}
.collapse_title{font-size:17px;padding:5px;}
.collapse_title .fa,sup .fa{color: #256072;padding-right:5px;}
.div-two-in h2{color:#256072;font-weight:900;text-align:center;font-size:30px;border-bottom:2px solid #256072;
padding-bottom:20px};
.div-two-in h3{color:#256072;font-weight:900;}
.div-two-in h4{color:#256072;font-weight:900;}
.div-two-in h5{color:#256072;font-weight:900;}
thead{background:#256072;color:#fff;}

.dropdown-menu > li > a {
	padding:-5px 25px !important;
	font-size:16px;
}

@media screen and (min-width:768px) and (max-width:991px){
	 .logo-one,.logo-two{display:none;}
	
	 .navbar .nav > li a{ font-size:12px;padding:10px 8px}
	 
	 .tc{
		 text-align:center
	 }
	.mar-all{
			margin:0px;
	 }
}
@media screen and (min-width:992px) and (max-width:1024px)
{
	 .logo-one,.logo-two{display:block;}
	
	 .navbar .nav > li a{ font-size:12px;padding:10px 10px}
	 
	 .princepal-deask .para-one{
			margin:0px;
	 }
	.mb44{
		margin-bottom:44px
	}
	.top-10-img{
		height:150px
	}
	.header-content h2{
		font-size:30px
	}
	.div-two-in h2 {
		font-size:30px
	}
	.mt25{
		margin-top:25px
	}
	.thumbnail-content h2{
		font-size:26px
	}
	.fs13{
		font-size:13px
	}
	.nav > li > a{
		padding: 10px 12px;
	}
}
@media screen and (min-width:1025px) and (max-width:1270px){
	.navbar .nav > li a{ font-size:11px};
	.nav > li > a{
		padding: 10px 12px;
	}
}