/*
 * @description Default Template
 * @file        template.css
 * @author      Esteem Soft Limited
 * @contact     http://esteemsoftbd.com/contact.php
 * @copyright   Copyright 2011-2019 Esteem Soft Limited.
*/

body {
    font-family: 'Roboto', sans-serif;
    color: #5f6368;
}
/*Custom Fonts Starts*/
	/* latin */
	@font-face {
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/roboto-regular-400.woff2') format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/*ruposhi bangla*/
	@font-face {
	    font-family: ruposhi bangla;
	    src: url('../fonts/RuposhiBangla/ruposhibangla.woff2') format('woff2'), url('../fonts/RuposhiBangla/ruposhibangla.woff2') format('woff');
	}

	/*@import url('https://fonts.googleapis.com/earlyaccess/notosansbengali.css');*/

	/*Noto Sans*/
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 100;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 200;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 300;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 400;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 500;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 600;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 700;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 800;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* bengali */
	@font-face {
	   font-family: 'Noto Sans Bengali';
	   font-style: normal;
	   font-weight: 900;
	   font-stretch: 100%;
	   src: url('../fonts/NotoSans/Cn-fJsCGWQxOjaGwMQ6fIiMywrNJIky6nvd8BjzVMvJx2mc4I3mY.woff2') format('woff2');
	   unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/*Noto Sans*/
/*Custom Fonts Ends*/
/*Menu Starts*/
#menu .navbar-default .navbar-nav > .active > a, #menu .navbar-default .navbar-nav > .active > a:focus, #menu .navbar-default .navbar-nav > .active > a:hover {
    background: #ea2d2e;
	color: #fff;
}
#menu nav.navbar.navbar-default {
    background: #fff;
    border-bottom: 2px solid #ea2d2e;
    border-radius: 0;
    border-top: none;
}
#menu .navbar-nav > li{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 10px;
}
#menu .navbar-nav > li:last-child{
	margin-right: 0;
}
#menu .navbar-nav > li > a {
    color: #777;
    padding: 10px 20px;
}
#menu .navbar-nav > li > a:hover, #menu .navbar-nav > li > a:focus{
	background: #ea2d2e;
	color: #fff;
}
@media (max-width: 480px){
	/*Menu*/
	#menu .navbar-nav > li {
	    margin-right: 0;
	    padding: 1px 10px;
	}
	/*Menu*/
	/*Menu Collapse Icon*/
	#menu .navbar-default .navbar-toggle {
		background: #ea2d2e;
	    border-color: #ea2d2e;
	}
	#menu .navbar-default .navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	/*Menu Collapse Icon*/
}
/*Menu Ends*/

/*Custom Panel Colour*/
.panel-success>.panel-heading {
    border-color: #35D27C;
    background: #35D27C;
    color: #fff;
}
.panel-info>.panel-heading {
    background: #1FB7FB;
    border-color: #1FB7FB;
    color: #fff;
}
.panel-warning>.panel-heading {
    color: #fff;
    background-color: #FFC059;
    border-color: #FFC059;
}
/*Custom Panel Colour*/
/*Custom Radio Button Style*/
/* The radio-wrapper */
.radio-wrapper {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-wrapper input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio-wrapper .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-wrapper:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-wrapper input:checked ~ .checkmark {
	background-color: #1FB7FB;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-wrapper input:checked ~ .checkmark:after {
  	display: block;
}

/* Style the indicator (dot/circle) */
.radio-wrapper .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
}

/*Custom Radio Button Style*/

/*Custom Checkbox Style*/
/* Customize the label (the checkbox-wrapper) */
.checkbox-wrapper {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wrapper input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox-wrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox-wrapper:hover input ~ .checkmark {
	background-color: #ddd;
}

/* When the checkbox is checked, add a Green background */
.checkbox-wrapper input:checked ~ .checkmark {
	background-color: #7fd000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-wrapper input:checked ~ .checkmark:after {
  	display: block;
}

/* Style the checkmark/indicator */
.checkbox-wrapper .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox.checkbox-wrapper {
    line-height: normal;
}
.checkbox.checkbox-wrapper label {
    padding: 0;
    font-size: 15px;
}
/*Custom Checkbox Style*/
.panel-success .radio-wrapper input:checked ~ .checkmark {
    background-color: #35D27C;
}
.panel-success .checkbox-wrapper input:checked ~ .checkmark {
    background-color: #35D27C;
}
.panel-info .radio-wrapper input:checked ~ .checkmark {
    background-color: #1FB7FB;
}
.panel-info .checkbox-wrapper input:checked ~ .checkmark {
    background-color: #1FB7FB;
}
.panel-warning .radio-wrapper input:checked ~ .checkmark {
    background-color: #FFC059;
}
.panel-warning .checkbox-wrapper input:checked ~ .checkmark {
    background-color: #FFC059;
}
/*Print/Export Button*/
.btn-white {
    background: #fff;
    padding: 1px 5px;
    border: none;
    border-radius: 5px;
    color: #333;
    outline: 0;
}
/*Homepage Starts*/
#home-wrapper {
    padding: 2em 0 5em;
}
#home-wrapper .admission-title>h2 {
    margin-bottom: 2em;
}
#home-wrapper .panel-success>.panel-heading{
	border-color: #4db8e9;
    background: #4db8e9;
}
.panel-content h3.ptitle {
    margin: 5px 0 20px;
}
.panel-content h3.ptitle>span {
    border: 1px solid #5f6368;
    padding: 0 5px;
}
.btn-custom, a.btn-custom {
    background: #30C18A;
    color: #fff;
    padding: 7px 20px;
    outline: 0;
    border: none;
    transition: all .35s ease-in 0s;
}
.btn-custom:hover, .btn-custom:focus{
	background: #2e9e74;
	text-decoration: none;
}
#home-wrapper .panel {
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    border: none;
    margin-bottom: 2em;
}
#home-wrapper .panel>.panel-body {
    padding: 20px 15px;
}
.panel.panel-success .panel-content .left-padding {
    padding-left: 6.25em;
}
.panel.panel-success .panel-content .left-padding>h5 {
    margin: 0 0 1.25em;
}
	/*Application Download Form Starts*/
	/*#home-wrapper .panel.panel-success.dform .panel-content>p {
	    padding-left: 6.25em;
	}*/
	#home-wrapper .panel.panel-success .custom-form-wrapper {
	    margin-top: 1em;
	    border-top: 3px solid #4db8e9;
	    padding-top: 1em;
	}
	#home-wrapper .panel.panel-success.dform .custom-form-wrapper label>span {
	    color: red;
	}
	#home-wrapper .panel.panel-success .form-group .form-control {
	    border-color: #ddd;
	    border-radius: 0;
	    outline: 0;
	    box-shadow: none;
	    transition: all .35s ease-in 0s;
	}
	#home-wrapper .panel.panel-success .form-group .form-control:focus, #home-wrapper .panel.panel-success .form-group .form-control:hover {
	    border-color: #4db8e9;
	}
	#home-wrapper .panel-content p.bangla-inst {
		font-family: Ruposhi Bangla;
	    font-size: 20px;
	    line-height: 1.25em;
	}
	@media (min-width: 1366px){
		#home-wrapper .panel.panel-success.dform .custom-form-wrapper .form-group>label {
		    margin: 10px 0 0;
		    padding-right: 0;
		}
	}
	.bangla-text {
	    font-family: Ruposhi Bangla;
	    font-size: 18px;
	}
	/*Application Download Form Ends*/
	/*Admission Procedure right side*/
	.admis-procedure h4.step-highlight {
	    background: #efefef;
	    padding: 5px;
	    margin: 0 0 10px;
	    font-weight: 600;
	}
	.admis-procedure p.bangla-text {
	    font-size: 20px;
	    line-height: 1em;
	}
	/*Admission Procedure right side*/
/*Homepage Ends*/
/*Admission Form Wrapper Starts*/
#admission-form-wrapper .panel {
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    border: none;
    margin-bottom: 2em;
}
#admission-form-wrapper .admission-title {
    margin-bottom: 10px;
}
#admission-form-wrapper p.imp-note-bangla{
	font-family: Ruposhi Bangla;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
#admission-form-wrapper span.required-field{
	color: red;
}
.admission-title>h2 {
    text-align: center;
    margin: 0 0 1em;
    text-transform: uppercase;
}
.admission-title>h2>span {
    background: #4db8e9;
    color: #fff;
    padding: 5px 15px;
}
#admission-form-wrapper .form-group .form-control {
    border-radius: 0;
    height: 35px;
    border: 1px solid #ddd;
    box-shadow: none;
}
#admission-form-wrapper .form-group .form-control:hover, #admission-form-wrapper .form-group .form-control:focus{
	border: 1px solid #4db8e9;
}
#admission-form-wrapper label.radio-inline.radio-wrapper {
    font-size: 12px;
    padding-left: 20px;
    margin-left: 3px;
}
#admission-form-wrapper .radio-wrapper .checkmark{
	top: 7px;
}
/*Admission Form Wrapper Ends*/
/*Admission Circular Page Starts*/
#admission-circular-wrapper {
    padding: 3em 0;
}
/*Admission Circular Page Ends*/
/*Admission Details Page Starts*/
#admission-form-details {
    padding: 2em 0 5em;
}
/*Admission Details Page Ends*/
/*Helpline Wrapper Starts*/
#helpline-wrapper {
    padding: 1em 0;
}
#helpline-wrapper h4 {
    margin: 0;
    font-weight: 600;
}
#helpline-wrapper h4>span {
    color: red;
}
/*Helpline Wrapper Ends*/
/*Footer Starts*/
#footer {
    text-align: center;
    padding: 1.5em 10px;
    background: #eee;
}
.footer-bottom p {
    margin: 0;
}
#footer img {
    height: 22px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.footer-bottom p>a {
    color: #ee7433;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}
/*Footer Ends*/
@media print{
	.avoid{
		display: none;
	}
}
/*Responsive Devices Starts*/

	/* Screen upto 360px */
	@media (max-width: 360px){
		/*Homepage Starts*/
		#home-wrapper{
			padding: 2em 0;
		}
		/*Application Section Starts*/
		#home-wrapper .panel-content h3.ptitle {
		    font-size: 14px;
		}
		#home-wrapper .panel.panel-success .panel-content .left-padding {
		    padding-left: 4.25em;
		}
		#home-wrapper .panel.panel-success.dform .panel-content>p {
		    padding-left: 6.25em;
		    padding: 0;
		}
		#home-wrapper .button-wrapper {
		    padding: 0;
		}
		/*Homepage Ends*/
	}

	/*Screen 480px to 575px*/
	@media (min-width: 480px) and (max-width: 575px){
		/*Homepage Starts*/
		#home-wrapper{
			padding: 2em 0;
		}
		.panel-content h3.ptitle {
		    font-size: 22px;
		}
		#home-wrapper .panel.panel-success.dform .panel-content>p {
		    padding-left: 0;
		}
		/*Homepage Ends*/
	}

	/*Screen 768px to 1024px*/
	@media (min-width: 768px) and (max-width: 1024px){
		/*Hotline Number*/
		.navbar-right>li>h4 {
		    font-size: 14px;
		}
	}

	/*Screen 1024px to 1200px*/
	@media (min-width: 1024px) and (max-width: 1200px){
		/*Homepage Starts*/
		#home-wrapper .panel.panel-success.dform {
		    min-height: 26em;
		}
		#home-wrapper .panel-content h3.ptitle {
		    font-size: 22px;
		}
		#home-wrapper .panel.panel-success.dform .custom-form-wrapper .form-group>label {
		    font-size: 10px;
		    margin: 10px 0 0;
		}
		/*Homepage Ends*/
	}
/*Responsive Devices Ends