
@font-face
{
	font-family:"Roboto";
	src:url("../font/fonts/Roboto/Roboto-Regular.ttf");
}
@font-face
{
	font-family:"gothic";
	src:url("../font/fonts/GOTHIC.TTF");
}
* {
	font-family: 'gothic';
}
body{
	font-family: gothic;
}
#home{ 
	background: #fff  /* rgb(34, 34, 34) */;
	}
	.text-justify {
		text-align: justify !important;
		word-spacing: 0.05rem;
	}
.banner-container {
	border-bottom: 2px #c5a10d transparent;
}
.banner-container {

	border-bottom: 2px #FFDF00 transparent;
	padding-top:0rem
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #2c97df;
	border-bottom: 2px solid #c5a10d;
}
.btn {
	color:#000;
	background: #c5a10d;
}
.btn:hover {
	 color:#444 !important;
	background:#c5a10d;
}
 a:hover {
	
	 color:#2c97df !important;
 }
 a {
	color: #2c97df;
}

.member-img:before {
background: #2c97df;
}
.member-img:after {
background: #2c97df;
}
.box-item:before {
background: #2c97df;
}
.box-item:after {
background: #2c97df;
}

#contactUs .btn {
	background: #2c97df;
}

.form-control {
	border: 1px solid #2c97df;
}

body {
	font-size: 11px;
}

.copyright {
	color: #fff;
	background: #1520ef;
}

#portfolio .filters li a, #portfolio .filters li a:hover, #portfolio .filters li a:focus {
	color: #030303;
}
footer .col.col-social-icons i:hover{
	color:#2c97df;
}
section { 
	padding: 0px 0 !important;
}
.gap-padd{
	padding: 50px 0 !important;
}
.heading {
	padding: 3px 10px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	display: block;
}
.container label {
	color:#fff
}

.form-control {
	border-radius: 0.7rem !important;
}
.main-container{
	padding: 0rem;
}
.img-margin{
	margin-bottom:0rem ;
}
#apropos .col-md-5{
    padding-left: 15px;
	padding-right: 15px;
}
@media (max-width: 600px){ 
	#apropos  .col-md-5{
		padding-left: 0px;
		padding-right: 0px;
	}
	.img-margin{
		margin-bottom:1.5rem ;
}
    .gap-padd {
        	padding: 0px 0 !important;
         }
    
	.main-container{
		padding: 1rem;
	}
	.header {
		top: 0px;  
	}
	.banner-container {
		padding-top:12rem
	}
	.container {
		padding-right:0px; 
		padding-left: 0px; 
		margin-right: auto;
		margin-left: auto;
	}		

}