/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; }
input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none;  }
hr { border: 2px solid #052f45;    }
.banner_mob { display: none;  }
p { text-align: justify; }
/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; }

	/* ### header container ### */
	#headerCntr { position: absolute; left: 0; top: 0; z-index: 9911; width: 100%; box-shadow: 1px 1px 10px rgba(0,0,0,.8); background: #0e374c; }
	
		/* ### menu box ### */
		.menuBox { padding: 0; border: 0; margin: 0; border-radius: 0; width: 100%; background: none; }
		.menuBox ul { list-style: none; list-style-type: none; padding-top: 15px; }
		.menuBox li { float: left; }
		.menuBox li a { padding: 10px!important; display: block;  color: #fff !important; font-size: 16px; }
		.menuBox li a:hover, .menuBox li a.selected { color: #0e374c !important; background: #a6d7e8!important; }
		.menuBox.sticky { padding-top: 5px; height: 70px !important; position: fixed; z-index: 9; background: rgba(0,57,113,.8);  }
		.menuBox.sticky  li a { font-size: 14px; padding: 4px 10px!important;  }
		.menuBox.sticky  li a:hover { color: #003768; background: #fff; }
		.menuBox.sticky .pull-left{ width: 140px; display: block;  }

	/* ### banner box ### */
	.bannerBox { padding-top: 60px; width: 100%; overflow: hidden; }
	.bannerBox .banner { display: block; width: 100%; margin: 0 auto; }

	/* ### apply box ### */
	.applyBox { width: 100%; padding: 8px 0;  overflow: hidden; border-top: 2px solid #083545; box-shadow: 1px 1px 5px rgba(0,0,0,.5) ;  background: #083545; }
	.applyBox h4 { font-size: 20px; color: white; text-transform: uppercase; }
	.applyBox p { padding-top: 25px; color: #fff; font-size: 20px;   }
	.applyBox .btn { padding: 5px; font-size: 25px;  }

	/* ### about box ### */
	.aboutBox { padding-top: 0px; width: 100%; }
	.aboutBox li { padding-bottom: 15px; }
	.aboutBox li span { color: #042e44; }
	.aboutBox h2, .aboutBox h3 { color: #69afc9; }
	.aboutBox td strong { display: block; }
	.aboutBox .panel-default h2 { margin-top: 0; }
	.aboutBox .note { color: #F00; }
	.aboutBox li .well  { margin-top: 16px; }
	.aboutBox.info .block { padding: 15px; min-height: 300px; box-shadow: 1px 1px 5px rgba(0,0,0,.5); }
	.aboutBox.info .block h3 { margin-top: 0; }
	.aboutBox.info { margin: 0; padding: 0; }
	.aboutBox {}

	/* ### contact box ### */
	.contactBox { padding-top: 10px; margin-top: 40px; width: 100%; background: #01375C; }
	.contactBox h2, .registerBox h3 { color: #69afc9; }


	/* ### register box ### */
	.registerBox { padding-top: 60px; width: 100%; }
	.registerBox h2, .registerBox h3 { color: #69afc9; }
	.registerBox .participant { padding-bottom: 10px; overflow: hidden;  }
	.registerBox .participant .form-control { border: 0; border-bottom: 1px solid #ccc; box-shadow: none;  }
	.registerBox small { padding-top: 5px;  display: block; line-height: 15px; font-size: 11px; }
	
	.registerBox .bg-danger { margin-top: 15px; padding: 10px; }
	.registerBox {}


.importantblissBox {
    background: #ebeded none repeat scroll 0 0;
    padding: 30px 0 30px;
}
.importantblissBox h2 {
    color: #05556d;
    font-size: 30px;
    line-height: 34px;
    padding-bottom: 15px;
}
.importantblissBox .block {
    float: left;
    margin: 0 1%;
    text-align: center;
    width: 31%;
}
.importantblissBox h3 {
    color: #1b1464;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.importantblissBox span {
    background: #083545 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    min-width: 80%;
    padding: 10px;
}

.detailblissBox { margin: 40px 0 0;    padding: 40px 0; background: #02888C; }
.detailblissBox .block {
    float: left;
    margin: 0 1%;
    width: 30%;
}
.detailblissBox h3 {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll left top;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 20px 0 0 55px;
    text-transform: uppercase;
}
.detailblissBox p {
    margin-bottom: 10px;
}
.detailblissBox .read {
    background: #7b7b7b none repeat scroll 0 0;
    border: 1px solid #7b7b7b;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: right;
    margin-top: 10px;
    padding: 5px 10px;
}
.detailblissBox .read:hover {
    background: #fff none repeat scroll 0 0;
    color: #7b7b7b;
}
.detailblissBox ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.detailblissBox li {
    background: rgba(0, 0, 0, 0) url("../images/sap.png") no-repeat scroll left 10px;
    line-height: 22px;
    margin: 0;
	color: #fff;
    padding: 0 0 5px 10px;
}
.detailblissBox .icon h3 {
    background: rgba(0, 0, 0, 0) url("../images/icon1.png") no-repeat scroll left top;
}
.detailblissBox .icon1 h3 {
    background: rgba(0, 0, 0, 0) url("../images/icon2.png") no-repeat scroll left top;
}
.detailblissBox {
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.menuBox li a { padding: 10px;  }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.bannerBox .banner { display: none; }
	.banner_mob { display: block; width: 100%;  }
	.applyBox .btn { display: block; }
	.applyBox h3 { text-align: center; }
	.menuBox .navbar-toggle { }
	.navbar-collapse ul {  float: none !important; }
	.navbar-collapse { border: 0!important; margin: 0 !important; position: static !important; }
	.menuBox.sticky { height: 95px !important; }
	.menuBox .pull-left, .menuBox.sticky  .pull-left { width: 35% ; margin: 0 auto; display: block; float: none!important;  }
	.menuBox li a, .menuBox.sticky li a{ padding: 3px!important; font-size: 12px; }
	.menuBox ul { padding-top: 5px; }
	.aboutBox, .registerBox { padding-top: 0px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	w=420
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	w=300
	
	}