body{
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:normal;
color:#000;
}

.container {
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
}

img{max-width:100%;}

ul, ul li {list-style:none;}

a:hover{text-decoration:none;}


.header{position:relative;}

.logo {
	position: ABSOLUTE; 
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.logo img {max-width:210px;}

.footer{font-size:14px; padding:15px 0; background-color: #b1d7ee;}

.footer p {margin-bottom:0;}

.left-header {background:#0298c8;}

.left-header  ul li a {color:#fff;}

.main-menu > li > a {font-size: 18px;  }

.main-menu  a{display:block;  font-weight: 600;}

.main-menu li .sub-menu li a {font-size: 16px;}

.main-menu  {padding:20px 0 0 0;}

li.child-menu > a {    display: flex;    justify-content: space-between;   }

ul.sub-menu {    padding-left: 10px; display:none; }

li.child-menu2 > a {    display: flex;    justify-content: space-between;   }

ul.sub-menu2 {    padding-left: 10px; display:none; }

li.child-menu3 > a {    display: flex;    justify-content: space-between;   }

ul.sub-menu3 {    padding-left: 10px; display:none; }

li.child-menu4 > a {    display: flex;    justify-content: space-between;   }

ul.sub-menu4 {    padding-left: 10px; display:none; }

li.child-menu5 > a {    display: flex;    justify-content: space-between;   }

ul.sub-menu5 {    padding-left: 10px; display:none; }

.sub-icon {
    display: inline-block;
    width: 25px;
    font-size: 25px;
    line-height: 19px;
    text-align: center;
        transform: rotate(90deg);
}

.black-box {    padding: 20px;      margin-bottom: 25px;}
.fullrow {    padding: 0px;      margin-bottom: 25px;}

h1, h2, h3 {font-weight:700; color:#002366;}

h1 {font-size: 32px;}

h2 {font-size: 24px;}

h3 {font-size: 16px;}

.main-content {    padding: 20px;  	background-color: #fff;  }

.page-content {    background-color:#D9D9D9;  }

.img-left {    float: left; margin: 0px 15px 15px 0px;  }

.img-right {    float: right; margin: 0px 0px 15px 15px;  }

#menu{display:none;}

@media (min-width:768px){
	
	.bar-icon{display:none;}
	
}

@media (max-width:767px){
	.logo {    position: relative;    max-width: 180px;    height: auto;    margin: 0 auto;    }
	
	.main-menu{display:none;}
	
	input#menu:checked ~ .main-menu{display:block;}
	
	.bar-icon{color: #fff;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    display: block;}
	
	.slider .owl-carousel .owl-item img {
    height: 250px;
    object-fit: cover;
}
	
	
	
}