/*font-family: 'Roboto', sans-serif;*/

body{
	font-family: 'Roboto', sans-serif;
	background:#ffffff;
}
p{font-size: 16px;}
.t-size{font-size: 16px;}
ul, ol{list-style: none; padding: 0px;}

.cp-lg{padding:60px 15px;}
.cp-md{padding:45px 15px;}
.cp-sm{padding:30px 15px;}

.primary-bg{background:#2196F3;}
.color-primary{color:#2196F3;}
.color-accent{color:#FFC107;}
.accent-bg{background:#FFC107;}

.dropdown-item:hover, .dropdown-item:focus{background-color: #ffc107;}

.gradient-strap{
	background: rgba(255,119,0,1);
background: -moz-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(12,245,233,1) 32%, rgba(247,255,0,1) 65%, rgba(230,39,208,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,0,1)), color-stop(32%, rgba(12,245,233,1)), color-stop(65%, rgba(247,255,0,1)), color-stop(100%, rgba(230,39,208,1)));
background: -webkit-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(12,245,233,1) 32%, rgba(247,255,0,1) 65%, rgba(230,39,208,1) 100%);
background: -o-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(12,245,233,1) 32%, rgba(247,255,0,1) 65%, rgba(230,39,208,1) 100%);
background: -ms-linear-gradient(left, rgba(255,119,0,1) 0%, rgba(12,245,233,1) 32%, rgba(247,255,0,1) 65%, rgba(230,39,208,1) 100%);
background: linear-gradient(to right, rgba(255,119,0,1) 0%, rgba(12,245,233,1) 32%, rgba(247,255,0,1) 65%, rgba(230,39,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#e627d0', GradientType=1 );
	height:4px;
	width:100%;
}

.navbar-brand{
	font-size:2em;
	font-family: 'Courgette', cursive;
	color:#2196F3!important;
}

.navbar-brand-w a{
	font-size:2em;
	font-family: 'Courgette', cursive;
	color:#ffffff!important;
}

.navbar .nav-item .nav-link{
	text-transform:uppercase;
	font-weight: 400;
        font-size: 13px;
}

.navbar .dropdown-menu a {
    padding: 3px 10px!important;
}

#slider .item{position: relative;}
#slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
.dot-blue{position:relative;}
.dot-blue::before{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	bottom: 100%;
	left: 0;
	background: url("../img/dot-blue.png") repeat-x;
}

.txt-img{position: relative;}
.txt{
	position: absolute;
	top:0px;
	padding:30px 45px;
}

.quote-img{position: relative;}
.quote{
	position: absolute;
	top:0px;
	padding:80px;
	font-family: 'Caveat', cursive;
}

.w-default-dot{position:relative;}
.w-default-dot::before{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	bottom: 100%;
	left: 0;
	background: url("../img/dot-white.png") repeat-x;
}

.dot-white{position:relative;}
.dot-white::before{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	bottom: 100%;
	left: 0;
	background: url("../img/dot-white.png") repeat-x;
}
.dot-white::after{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	top: 100%;
	left: 0;
	background: url("../img/half-dot.png") repeat-x;
}

.dot-white-1{position:relative;}
.dot-white-1::before{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	bottom: 100%;
	left: 0;
	background: url("../img/dot-white.png") repeat-x;
}

.btn-rounded{
	border-radius:100px;
}

.activity-bg{
	background:url("../img/background-1.jpg") no-repeat fixed center center;
	background-size: cover;
}

.dot-white-2{position:relative;}
.dot-white-2::after{
	content: "";
	height: 7.5px;
	width: 100%;
	z-index: 99;
	position: absolute;
	top: 100%;
	left: 0;
	background: url("../img/half-dot.png") repeat-x;
}

.bg-2{
	background:url("../img/background-2.jpg") no-repeat fixed center center;
	background-size: cover;
}

.divider{
	background:#FFC107;
	height:2px;
	width:100px;
}

#feedback .item{}

.footer-bg{
	background:url("../img/footer-bg.jpg") no-repeat center center;
	background-size: cover;
}

.caption{
	position:absolute;
	top:100px;
	left:100px;
	width:600px;
	background:rgba(0,0,0,.3);
	padding:30px;
	border-radius:10px;
}

.notice li{
	border-bottom: 1px solid #9E9E9E;
	display: block;
	padding: 10px 0px;
}

.notice-board{
	border-top-right-radius: 50px;
	border-bottom-left-radius: 100px;
}

.notice-board .card-header{
	border-top-right-radius: 50px;
	border:none;
}

.notice-board .card-body{
	padding-left: 55px;
	position: relative;
}

.notice-board .card-body::before{
	content: "";
	background: #FFC107;
	height:150px;
	width:25px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.header-bg{
	background: url("../img/header-bg.jpg") no-repeat top center;
	background-size: cover;
}

.wrapper-bg{
	background:url("../img/wrapper-bg.jpg") no-repeat fixed center center;
	background-size: cover;
	padding-top:100px;
}

.hns{display:block;}

.qod{font-size:3em;}
.quo{ font-size:18px;}
.writer{font-size:2em}

@media only screen and (max-width: 640px){
	.hns{display:none!important;}
	.quote{padding:40px;}
	.qod{font-size:1.4em;}
	.quo{ font-size:14px;}
	.writer{font-size:1em}
	.navbar-brand{
		font-size:2em;
	}
	.navbar-brand-w a{
		font-size:2em;
	}
	.caption{display: none;}
}