@font-face {
    font-family: erasmd;
    src: url(../fonts/ERASMD.TTF);
}
body{
	background: #F9FAFC !important;
}
.border{
	border: 1px solid red;
}
.clr-blue{
	color: #2777C2;
}
.p-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.m-5{
	margin: 5px;
}
.m-t-10{
	margin-top: 10px !important;
}
.f-s-15{
	font-size: 15px;
}
.font-logo{
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	text-shadow: 1px 1px 3px #CCC;
	font-size: 33px;
	cursor: pointer;
}
.font-logo:hover{
	letter-spacing: 4px;
	transition: 2s;
}
.main-content{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #2777C2;
	background: white;
	padding: 20px;
}
.cl-effect-5 a{
	text-decoration: none;
}
.cl-effect-5 a:hover{
	color: white;
}
.font-open{
	font-family: 'Open Sans', sans-serif !important;
}
.font-lob{
	font-family: 'Lobster', cursive;
}
.p-txt{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif !important;	
}
.lbl-top{
	font-size: 21px;
	letter-spacing: 1px;
	border-bottom: 1px solid #333;
	color: #333;
	font-weight: lighter;
	font-family: 'Open Sans', sans-serif !important;	
}
.head-top{
	font-size: 25px;
	font-weight: lighter;
	color: #666;
	font-family: erasmd !important;
	border-bottom: 1px solid #666;
}
.cstm-btn{
	background: #2777C2;
	color: white;
	height: 40px;
	border: none;
	font-family: 'Open Sans', sans-serif !important;	
	font-size: 15px;
	width: 200px;
	border: 2px solid transparent;
	text-transform: uppercase;
}
.cstm-btn:hover{
	border: 2px solid #2777C2;
	background: white;
	color: #2777C2;
	transition: 0.5s;
}
.qrotate{
	border-left: 4px solid #2777C2;
	padding: 10px;
	padding-left: 20px;
	background: #F9F9F9;
	height: 230px;
	overflow-y: scroll;
}
.q-cont{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}
.q-tag{
	font-weight: bolder;
	font-style: italic;
	color: #999;
}
.active{
	font-weight: bolder;
	border-bottom: 1px solid white;
}
.font-quot{
	font-size: 20px;
	font-style: italic;
}
.box-book{
	border: 1px solid #CCC;
	padding: 20px;
	background: white;
}
.box-book:hover{
	box-shadow: 1px 1px 6px #CCC;
}
.fancybox-overlay .fancybox-overlay-fixed{
	background: rgba(0, 0, 0, 0.6) !important;
}
.fancybox img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.4s;
}
.footer{
	background: #333;
	color: white;
	padding: 20px;
}
.social div{
	cursor: pointer;
	float: left;
	margin: 2px;
	color: white;
	font-size: 17px;
	background: #2777C2;
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: 8px;
	border-radius: 30px;
	border: 2px solid transparent;
}
.social div:hover{
	transition: 0.3s;
	background: white;
}
.social .s-f:hover{
	border: 2px solid #3b5998;
	color: #3b5998;
}
.social .s-t:hover{
	border: 2px solid #55acee;
	color: #55acee;
}
.social .s-g:hover{
	color: #dd4b39;
	border: 2px solid #dd4b39;
}
.profile-pic{
	border: 1px solid #666;
	box-shadow: 1px 1px 3px #CCC;
	padding: 10px;
	width: 85%;
}
.cstm-input{
	border: 1px solid #CCC;
	width: 100%;
	height: 40px;
	margin: 5px;
	outline: none;
	padding-left: 10px;
}
.cstm-txt{
	height: 100px;
}
.cstm-input:hover{
	background: #FCFEFE;
	box-shadow: 0px 0px 3px #ccc;
}
.cstm-input:focus{
	border: 1px solid #2777C2;
}
.img-border{
	border: 1px solid #333;
}
.box-shadow{
	padding: 15px;
}
.box-shadow:hover{
	transition: 0.7s;
	box-shadow: 0px 0px 12px #999;
}