@charset "utf-8";
/* CSS Document */

.top-font{
	
	font-family: 'Bitter', serif;
	font-size: 20px;
	/*text-transform: uppercase;*/
}


.top-font2{
	
font-family: 'Cinzel', serif;
font-size: 2.2rem;
}

.newlinks{
	color: #fff;
	
}
.newlinks a{
	color: #fff;
	
}.newlinks a:hover{
	color: #D1CFCF;
	
	
}
.bg-dark-blue {background-color:#022334;}
.bg-darkest-blue {background-color:#090f1b;}

.text-light-pinknew, .btn.text-light-pinknew {color:#ff9795;}
.text-light-pinknew-2 {color:#ff7f95;}
.text-dark-red, .btn.text-dark-red {color:#8E1537;}
/*
.blog-post-style7.author.span a{color:#8E1537 !important;}
.blog-post-style7.author.span a:hover {color:#ff7f95 !important;}
*/



.link-text a{
    color: #ff9795;
    text-decoration: none;
}
.link-text a:hover{
    color: #E0DDDD;
    text-decoration: none;
}

.footerlink a{
	
	color: #fff !important;
	
}

.footerlink2 a{
	
	color: rgba(255,255,255,.5)!important;
	
}


footer a{
	color: rgba(255,255,255,.5)!important;
}
footer a:hover{color:#ff9795 !important;}

.footer-text{color: rgba(255,255,255,.5)!important;}

.line2{border: 1px solid rgba(175,104,103,0.30) !important;
    height: 1px;
}
.newpadding {
	padding-top: 50px  !important;
	padding-bottom: 50px  !important;

}

#myOPH {
    position: fixed;
    margin-top: 370px;
    /* background-color: coral; */
    color: white;
    z-index: 9999;
    font-size: 20px !important;
    right: 0px;
}


* {
  margin: 0;
  padding: 0; 
}

/*----------------button----------------*/
.div-learn{
	
	width: 200px;
	height: 50px;
	background-image: url("../images/bg-dot2.png");
	background-repeat: no-repeat;
	margin: auto;
	/*padding-top: 10px;*/
    padding-left: 5px;
	transition: all .25s ease;
}

.divnew{
margin:auto !important;
	align-content: center !important;
	
	padding-left: 55px !important;
}


.newdivbtn{
	
	width: 50px;
	height: 50px;
	position: relative;
	background-image: url("../images/bg-dot.png");
	transition: all .25s ease;
	
}
.botline{
		
   text-underline-offset: 4px;
	
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}


@media only screen and (max-width : 421px) {
.navbar-toggler {
    
    padding: 10px !important;
	
	
}
	nav.btn {
		padding-right: 0px !important;
	}
	.btn-large{
		font-size: 10px;
	}
	.btn.btn-rounded.btn-large {padding: 7px 15px;}
	
	.title-new2 {
    font-size: 25px !important;
		line-height: 27px;}
	
	
	.top-font{
		
	font-size: 12px !important;
	
}
	
	
}