@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet');



body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:16px; color:#000; line-height:24px; background:#fff; font-weight:300;}

@font-face {
    font-family: 'Times New Roman';
    src: url('fonts/TimesNewRomanPSMT.woff2') format('woff2'),
        url('fonts/TimesNewRomanPSMT.woff') format('woff'),
        url('fonts/TimesNewRomanPSMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a{text-decoration:none; color:#333;}
a:hover{color:#6283fd;}
a, .header, .logo, .btn, .social a:hover, img{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear;
-o-transition: all .2s linear;transition: all .2s linear;}
.h1, .h2{font-family: 'Open Sans', sans-serif;}
h1, h2, h4{font-family: 'Playfair Display', sans-serif;}
h1{font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2{font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1400 - 300)));}
.bg-dark{background:#333!important;}
.bg-primary{background:#0155bc!important;}
.bg-green{background:#dfe1d4;}
.bg-sky{background:#aed9e9;}
.bg-grey{background:#d4dde2;}
.bg-light{background:#f0f4f6;}
.text-primary{color:#0155bc!important;}
.header{width:100%; position:fixed; z-index:999; padding:0; background:none; padding:20px 0;}
.shrink.header{background:#61a5f9; padding:10px 0;}
.logo{max-width:210px;}
.shrink .logo{max-width:180px;}

.romanfont{font-family: 'Times New Roman';}



.btn, .btn-link{font-size:14px; align-items: center; font-weight:700; border-radius:0; text-decoration:none; display:inline-block;}
.btn:hover{background-color: #333; border-color: #333;}
.btn-lg{padding:14px 40px; font-size:18px;}
.btn-md{padding:10px 20px;}
.btn-sm{padding:6px 12px;}
.btn:focus{box-shadow:none;}
.btn-dark{background-color:#000;}
.btn-dark:hover{background-color:#0155bc; border-color:#0155bc;}
.btn-primary{background-color:#0155bc; border-color:#0155bc;}
.btn-link:hover{color:#333; position:relative;}
.btn-link:before, .text-link:before{content: "";width: 100%;height:2px;position: absolute;left: 0;bottom: 0;background: #333;transition: 0.5s transform ease;transform: scale3d(0,1,1);transform-origin:50% 0;}
.btn-link:hover::before{transform: scale3d(1,1,1);}
.text-link, .text-link:hover{color: #4199e0;}
.text-link:before{background: #4199e0;}






.navbar-expand-md .navbar-nav .nav-link{padding-left:0; padding-right:0;}
.nav-link{font-size:18px; color:#0155bc; display:block; font-weight:700; font-family: 'Playfair Display', sans-serif; letter-spacing:1px; margin:0 20px 0 0; position: relative;}
.nav-link:hover{color:#0155bc;}
.navbar-nav .nav-link.active,  .navbar-nav .show>.nav-link{color:#0155bc;}

.nav-link::before{content: "";width: 100%;height:2px;position: absolute;left: 0;bottom: 0;background: #0155bc;transition: 0.5s transform ease;transform: scale3d(0,1,1);transform-origin:50% 0;}
.nav-link:hover::before{transform: scale3d(1,1,1);}
.nav-link:hover, .nav-link.active{color:#0155bc;}
.nav-link.active::before{transform: scale3d(1,1,1);}
.navbar-expand-md .navbar-nav .nav-link{padding-left:0; padding-right:0;}




.banner{background:#3c68c3; position:relative;}
.iconbox h2{letter-spacing:0; transition: .6s ease-in-out;}
.iconbox :hover h2{letter-spacing:1px; transform: translate(.1px, .1px);}
.iconbox a{font-size:14px; font-weight:700; border-bottom:2px solid transparent;}
.iconbox a:hover{border-bottom:2px solid #333; color:#333;}
.picheight{height: 100%; object-fit:cover;}
.innerbanner{height:200px;}
.familybanner{position: relative; background:#c3d4ff;}
.familybanner:before{position: absolute; content:''; top:0; width:100%; height:100%; left:0; right:0; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.013042717086834688) 32%, rgba(251,230,208,1) 100%);}
.familybanner img{height:550px; object-fit: cover;}
.header-bg{background:#61a5f9;}
.headernone{background:transparent;}


.footer{font-size:14px; font-weight:400; line-height:24px;}
.footer a{display:block; margin:0; color:#000; line-height:30px;}
.footer a:hover{color:#0155bc;}
.f-menu a{font-size:18px; display:inline-block; color:#333; font-weight:700; font-family: 'Playfair Display', sans-serif; margin:0 15px;}

.social a{font-size:25px; color: #000; display:inline-block; border-radius:50px; border:1px solid #a7a7a7; padding:6px; margin:0 5px 0 0; position:relative; overflow:hidden;}
.social a:hover{background:#0155bc; color:#fff; border:1px solid #0155bc;}
.social a i{position: relative; transition:.5s; z-index:2;}
.social a:hover i{color: #fff;transform: rotateY(360deg);}
.social a:before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:#0155bc;transition: .5s;z-index: 2;}
.social a:hover:before {top: 0;}




.form-control{background:0!important; font-size:13px; padding:0 10px; text-transform:none; height:50px; margin-bottom:5px; border-radius:0;}
.form-control:focus{border-color: #ccc; box-shadow: none; background-color:#eaf5f1; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control{height:120px!important; padding-top:10px; resize:none;}
.form-control::placeholder{color:#FFF;}
.form-floating>label{font-size:14px;}
.form-floating>.form-control{border-radius:6px; background: #aacaf3!important; border: 0;}
.newsletterbox .form-control{background:#fff!important; font-size:16px; border:0; height:57px; padding:10px;}
.newsletterbox .form-control::placeholder{color:#ccc!important;}
.blur:hover img {-webkit-filter: blur(2px);filter: blur(2px);}
.bannerlogo{max-width:40vw;}
.smalllogo{max-width:30vw;}



.videoicon {
    /* border: 2px solid #fff; */
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #61a5f9;
    height: 80px;
    width: 80px;
    background: rgba(0, 0, 0, .8);
}
.midbanner-story img{
	height: 450px;
	object-fit: cover;
}

.img-height{height:450px; object-fit: cover;}


@media (max-width:1400px){
	.container{max-width:1230px; position:relative;}
}

@media (max-width:1199.98px){
}

@media (max-width:991.98px){
.nav-link{font-size:14px; margin:0 10px 0 0;}
/* .bannerlogo{max-width:40vw;} */
body{font-size:14px;}
.iconbox h2{font-size:18px;}
.iconbox img{max-width:50px;}
.midbanner img{height:180px;}
}


@media (max-width:767.98px){
/*.header, .shrink.header{padding:0; background: #61a5f9;}*/
.navbar-toggler:focus{box-shadow:none;}
.navbar-nav{padding:10px; line-height:50px;}
.nav-link{font-weight:700; font-size:18px;}
.navbar-collapse{background:#fff; position:absolute; top:84px; width:100%; left:0; box-shadow: 1px 6px 10px -6px rgba(0,0,0,0.41);
-webkit-box-shadow: 1px 6px 10px -6px rgba(0,0,0,0.41);
-moz-box-shadow: 1px 6px 10px -6px rgba(0,0,0,0.41);}
.nav-item{text-align: center;}
.nav-link{font-size:14px; margin:0;}
.btn{padding:8px 18px;}
.footer a{margin:0 10px 0 0; display: inline-block;}
.display-3{font-size:34px;}

}



@media (max-width: 575.98px) {
.f-menu a{font-size:11px;}
.navbar-collapse{top:58px;}
/* .smalllogo{max-width:200px;} */
.spacer {height:50px;}
.logo {max-width:60px!important;}
.shrink .logo{max-width:60px!important;}
body{font-size:13px; line-height:20px;}
.innerbanner {height:20px;}
.footer{font-size:12px;}
.display-3{font-size:20px;}
.iconbox h2{font-size:16px;}
.familybanner img {height: 120px;object-fit: cover;}
}