@font-face {
    font-family: 'BookAntiqua';
    src: url('<?php echo base_url("_layout/css/fontawesome/font/bookantiqua.ttf"); ?>') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{
	box-sizing: border-box;
}

*, *:before, *:after{
	box-sizing: inherit;
}

body {	
	font-family: 'BookAntiqua';
}

.Oicon {
	width: 48px;
	height: 48px;
	fill: #0077c1;
}
.Oicon:hover {
	fill: #080838;
}

.container{
	max-width: 1000px;
	margin: 3rem auto;
}

.page-title{
	text-align: center;
	color: #0077c1;
}

.oDiv-container{
	display: flex;
	flex-wrap: wrap;
}

.divIcon{
	height: 100px;
	width: 200px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #0077c1;
	transition: 1s all ease;
	padding:10px;
}

.divIcon:hover {
	transform:scale(1.1);
	font-size:12px;
}

.op{
	font-size: 10px;
	color: #0077c1;
	text-align: center;
}

.op:hover{
	font-size: 11px;
	color: #080838;
}

.op1{
	font-size: 24px;
	color: #0077c1;
	text-align: center;
}

.op2{
	font-size: 18px;
	color: #0077c1;
	text-align: center;
}


@media (max-width:450px){
	.divIcon{
			width: 50%;
		}
	
	.divIcon:hover{
			transition:scale(1.02);
		}
}

.form-container {
	margin-top: 20px;
}
.form-group {
	margin-bottom: 15px;
}
label {
	display: block;
	margin-bottom: 5px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
}
input[type="submit"] {
	padding: 0 20px;
	background-color: #04aa6d;
	font-family: 'BookAntiqua';
	color: white;
	border: none;
	cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #059862, #bbcacf
}

.parallax {
    /* The image used 
    background-image: url('_content/index/slider/img01.jpg');*/

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}