/* CSS Document */
.titleFont{
	font-family: 'Noto Sans', sans-serif;
}
.textFont{
	font-family: 'Roboto', sans-serif !important;	
}
.bgwhite{
	background:#FFFFFF !important;
}
.bglblue{
	background:#2AABE4 !important;
}
.bgdblue{
	background:#001d38 !important;
}
.bglgray{
	background:#495b72 !important;
}
.bgdgray{
	background:#001d38 !important;
}
.txtwhite{
	color:#FFFFFF !important;
}
.txtgray{
	color:#495b72 !important;
}
.border{
	border: 1px solid #EEEEEE;
}
.pad5{
	padding:5px !important;
}
.pad10{
	padding:10px !important;
}
.pad15{
	padding:15px !important;
}
.pad20{
	padding:20px !important;
}
.pad25{
	padding:25px !important;
}
.pad30{
	padding:30px !important;
}
.pad35{
	padding:35px !important;
}
.pad40{
	padding:40px !important;
}
.pad45{
	padding:45px !important;
}
.pad50{
	padding:50px !important;
}

.ptb0{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.ptb5{
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.ptb10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.ptb15{
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.ptb20{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.ptb25{
	padding-top:25px !important;
	padding-bottom:25px !important;
}
.ptb30{
	padding-top:30px !important;
	padding-bottom:30px !important;
}
.ptb35{
	padding-top:35px !important;
	padding-bottom:35px !important;
}
.ptb40{
	padding-top:40px !important;
	padding-bottom:40px !important;
}
.ptb45{
	padding-top:45px !important;
	padding-bottom:45px !important;
}
.ptb50{
	padding-top:50px !important;
	padding-bottom:50px !important;
}


.plr0{
	padding-left:0px !important;
	padding-right:0px !important;
}
.plr5{
	padding-left:5px !important;
	padding-right:5px !important;
}
.plr10{
	padding-left:10px !important;
	padding-right:10px !important;
}
.plr15{
	padding-left:15px !important;
	padding-right:15px !important;
}
.plr20{
	padding-left:20px !important;
	padding-right:20px !important;
}
.plr25{
	padding-left:25px !important;
	padding-right:25px !important;
}
.plr30{
	padding-left:30px !important;
	padding-right:30px !important;
}
.plr35{
	padding-left:35px !important;
	padding-right:35px !important;
}
.plr40{
	padding-left:40px !important;
	padding-right:40px !important;
}
.plr45{
	padding-left:45px !important;
	padding-right:45px !important;
}
.plr50{
	padding-left:50px !important;
	padding-right:50px !important;
}

ul.mlinks {
    margin: 0;
    padding: 0;
    display: inline;
}
ul.mlinks li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
ul.mlinks li a {
    padding: 10px 7px;
    font-size: 24px;
    font-family: teko;
    color: #dddddd;
    display: inline-block;
    font-weight: 500;
	letter-spacing:1px;
	text-transform:uppercase;
	line-height:normal;
}
ul.mlinks li a:hover {
	color:#00aeef;	
}
ul.mlinks li ul {
    display: none;
    width: 250px;
    position: absolute;
    background: #001d38;
    text-align: left;
    top: 50px;
}
ul.mlinks li:hover > ul {
	display:block;
}
ul.mlinks li ul li {
    width: 100%;
}
ul.mlinks li ul li a {
	width: 100%;
    padding: 6px 15px;
    text-transform: capitalize;
}
.mainHeader { 
	padding:0;
	margin:0;
	position: relative;
	overflow: hidden;
    z-index: auto;
}
.pageHeader {
	font-family: 'Roboto', sans-serif !important;
    position: relative;
    overflow: hidden;
    z-index: auto;
	text-align:left;
}
.pageHeader h1 {
	font-family: 'Teko', sans-serif !important;
	font-size:48px;
	line-height: 56px;
	color:#f9f9f9;
	padding:0;
	margin:0;
}
.pageHeader h1 span {
	color:#00aeef;	
}

.pageHeader p {
	font-family: 'Roboto', sans-serif !important;
	font-size:20px;
	line-height: 30px;
    font-weight: 100;
	color: #AAAAAA;
}
.pageHeader p a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    background: #00aeef !important;
}
.pageContent{
	font-size:16px;
    line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	color: #555;
}
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{
	letter-spacing:0px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.pageContent h1 {
	font-size:32px;
	line-height: 56px;
    font-weight: 500;
}
.pageContent h2 {
	font-size:28px;
	line-height: 46px;
    font-weight: 500;
}
.pageContent h3 {
	font-size:24px;
	line-height: 36px;
    font-weight: 500;
}
.pageContent h4 {
	font-size:22px;
    line-height: 28px;
    font-weight: 300;
}
.pageContent h5 {
	font-size:20px;
    line-height: 24px;
    font-weight: 300;
}
.pageContent h6 {
	font-size:18px;
    line-height: 28px;
    font-weight: 300;
}
.pageContent p{
	font-size:16px;
    line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	color: #555;
}
.pageSidebar h3 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500;
    background: #00305c;
    color: #fff;
}


@media (max-width: 767px){
/*.pageHeader {
    padding: 20px 15px 60px 15px;
}
.pageHeader h1 {
	font-size:24px;
	line-height: 36px;
    font-weight: normal;
}
.pageContent h1 {
	font-size:48px;
	line-height: 56px;
    font-weight: 500;
}
.pageContent h2 {
	font-size:40px;
	line-height: 46px;
    font-weight: 500;
}
.pageContent h3 {
	font-size:24px;
	line-height: 36px;
    font-weight: 500;
}
.pageContent h4 {
	font-size:22px;
    line-height: 30px;
    font-weight: 300;
}
.pageContent h5 {
	font-size:20px;
    line-height: 30px;
    font-weight: 300;
}
.pageContent h6 {
	font-size:18px;
    line-height: 30px;
    font-weight: 300;
}
.pageContent p{
	font-size:18px;
    line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	color: #555;
}*/
}


.radius{
	border-radius: 0.25rem;
}
.floatnone{
	float:none;
	margin-right:20px;
	margin-bottom:20px;
}
.floatleft{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.floatright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.alignright{
	text-align:right;	
}
.alignleft{
	text-align:left;	
}
.aligncenter{
	text-align:center;	
}

.btn{
	border: 2px solid #2AABE4;
    padding: 10px 20px;
	color:#2AABE4;
	cursor: pointer;
}
.btn:hover{
	border: 2px solid #2AABE4;
	background-color:#2AABE4;
	color:#ffffff;
}


.hicon {
    border: 1px solid #eee;
    overflow: hidden;
    float: left;
    width: 33.5%;
}
.hicon h5 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0;
}

.menu-icons{
	padding:10px;
	float: left;
}

.menu-icons .mhicon {
    float: left;
    width: 33.33333%;
	background: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    min-height: 150px;
}
.menu-icons .mhicon h5{
	font-size: 14px;
	color:#036;
}
.menu-header{
	padding:0;
	text-align:center;
}
.menu-header h3 {
    padding: 6px 10px;
    height: auto; 
    line-height: 40px;
    overflow: hidden;
    font-family: 'Teko', sans-serif;
    font-weight: 500;
    margin: 0 0 10px 0;
    background: #00aeef;
	color:#fff;
}
@-webkit-keyframes animatetop {
	from { top:-300px; opacity:0 } 
	to { top:0; opacity:1 }
}

@keyframes animatetop {
	from { top:-300px; opacity:0 }
	to { top:0; opacity:1 }
}

.close {
    color: #ffffff;
    font-size: 40px;
    line-height: 16px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 999;
    cursor: pointer;
    width: 25px;
    height: 25px;
    padding: 5px;
    /* background: #fff;*/
}
.close:hover{
	color:#F00;
	text-decoration: none;
}
.mbody{
	position: relative;
	max-width: 425px;
	min-width: 250px;
	height:98vh;
}
.fltingSlides {
	position: fixed;
	top: 400px;
	right: 0;
	max-width: 70px;
	z-index: 999;
	overflow: hidden;
}
.fltingSlide img {
	max-width: 70px;
}
.animt2left {
	position:relative;
	animation:animateleft 1s;
}
@keyframes animateleft {
from {
	right:-80px;
	opacity:1
}to {
	right:0;
	opacity:1
}
}


@media (max-width: 767px){
	.mcenter {
		text-align: center;
		font-size: 15px;
	}
}
.btn.btn-primary:hover{
    background: #1291fb !important;
}

.dropdown-menu {
    padding: 0 0;
}
.dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}
.adbox{
	background: #FFFFFF !important;
    text-align: center !important;
    position: relative !important;
    border: 1px solid #eee;
}
.adbox label {
	position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 100px !important;
    text-align: center !important;
    margin: 0 0 0 0px !important;
    background: rgba(0,0,0,0.5) !important;
    color: #ffffff !important;
    z-index: 999 !important;
    font-size: 12px !important;
    padding: 2px 0px !important;
    line-height: 12px !important;
    margin-left: -50px !important;
}
.donbox{
	padding:50px 0 50px 0;background-color:#2AABE4;color: #fff;
}
.blogbox{
	background:#fff;
}
.appbox{
	background:#555;
	color:#fff;
}

@media (max-width: 767px){
	.servicebox{
		text-align: center;
		font-size: 15px;
	}
	.servicebox img{
		width: 150px;
	}
}
.serviceimg {
    padding-top: 20px;
}
.socialicons a{
	font-size:32px;
	padding-right:10px;
}
.main-footer{
	font-size:16px;
	line-height:32px;
	background:#001d38;
	color:#bbb;
	padding-top:20px;
}
.main-footer h4{
    color:#bbb;
}
.main-footer a{
    color:#bbb;
}
.nopadding{
	padding:0 !important;
}
.nomargin{
	margin:0 !important;	
}


/************************ASAPH CSS************************/

.songbookbox {
    background: deepskyblue;
    color: #fff;
    padding: 30px;
}
.songbookbox h3, .songbookbox p{
	color:#fff;	
}
.row.rowhead {
    background: deepskyblue;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
	margin:0;
}
.row.rowbtn {
	padding: 10px 0 10px 0;
}
.row.rowbtn .ebtn {
	padding:8px 15px;
	background:#888888;
	color:#fff;
}
.row.rowdata {
    background: #f5f5f5;
    padding: 10px 0;
    color: #555;
    border: 1px solid #ccc;
    border-top: none;
	margin:0;
}
.row.rowdata h3 {
    font-size: 18px;
    line-height: 20px;
}
.row.rowdata p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}
@media (max-width: 767px){
.pad50 {
    padding: 10px !important;
}
}