@font-face {
    font-family: Set-Sail-Studios-HaveHeartOne;
    src: url(../fonts/Set-Sail-Studios-HaveHeartOne.otf);
}
@font-face {
    font-family:Anguita-Sans-Medium;
    src: url(../fonts/Anguita-Sans-Medium.otf);
}
.cocou{background: #e1d9ed;}
.cocu-ti {font-family: Set-Sail-Studios-HaveHeartOne;}
.cocu-ti-size{font-size: 61px;}
.cocu-p{  font-family:Anguita-Sans-Medium !important;    letter-spacing: 2px;    font-size: 16px;}

.cocu-color{color: #003366;}
.ab-bg-color{
    color: #003366;
    background: url(../images/about/home-about.png) no-repeat;
    padding: 50px 0 50px;
    background-size: cover;
	
}
/* @media screen and (max-width: 2500px){
    .fp-viewing-mainPage .logo-container .dark{max-width: 50%;}
    
} */
#dark{width:50%;}
.head-order{display: inline-block;}

@media screen and (max-width: 1500px){
.ab-bg-color{
  background-size: 155% auto;
}

/* .fp-viewing-mainPage .logo-container .dark{max-width: 50%;} */
}
@media screen and (max-height: 800px){
.header .head-order .navbar-wrapper {
 
  height: auto;
}
}
@media screen and (max-width: 760px){
.head-order{display: flex;}
.header .head-order .navbar-wrapper{height: auto;}

}
.content-a {
    font-family: Anguita-Sans-Medium;
    color: #fff;
    background: #999966;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px ;
    letter-spacing: 2px;
}
/*.philo {height:720px;
        background: url(../images/philosphy.jpg) no-repeat;

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}*/
/*.philo img{    position: relative;
               top: -135px;
               left: 154px;}
.philo-con{    position: relative;
               bottom: 963px;}*/
.gallery {
    background: url(../images/gallery-bg.jpeg) no-repeat;
    background-size: cover;
    background-position: center;
}
.gallery img{    border: 5px solid #fff;
                 margin-bottom: 31px;}
/*.philo img{    position: relative;
               top: -135px;
               left: 154px;}
.philo-con{    position: relative;
               bottom: 963px;}*/
.gal-title:before {
    border-bottom: 3px solid white;
    width: 100px;
    content: '';
    position: absolute;
    bottom: 35px;
    right: 36px;
}
.gal-title:after {
    border-bottom: 3px solid white;
    width: 100px;
    content: '';
    position: absolute;
    bottom: 38px;
    left: 36px;;
    /* left: 125px; */
}
.fo-ti-size {
    font-size: 20px;
}
.cocu-color {
    color: #003366;
}

.footer-bg{background: url(../images/footer-bg1.png) no-repeat;
           background-size: cover;}
/*-------------------------------*/
/* Contact Form 01 */
/*-------------------------------*/

#contact-form h3{
    font-weight: bold;
}
.contactus .form-control{
    border: none;
    border-bottom: 1px solid #d6d5d5;
    padding: 18px 0;
}
.contactus .form-control,
.getin_form .form-control{
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    color: #414141;
    font-size: 14px;
    position: relative;
    -webkit-transition: border .9s ease;
    -o-transition: border .9s ease;
    transition: border .9s ease;
}
.getin_form .form-control {
    border: 2px solid #d6d5d5;
    padding: 6px 12px;
    height: 50px;
}
textarea {
    min-height: 95px;
    resize: none;
}
button{
    border: none;
}
.contactus .form-control:focus{
    border-bottom: 1px solid #414141;
}
.getin_form .form-control:focus{
    border: 2px solid #a3a1a1;
}
/*-------------------------------*/
/* Map + Address 01 */
/*-------------------------------*/
.map-bg{
    background: url(../images/map-bg.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: center center;
    width: 100%;
    position: relative;
}
.map-bg #googleMap{
    -webkit-transform: translateY(75%);
    -ms-transform: translateY(75%);
    -o-transform: translateY(75%);
    transform: translateY(75%);
}
.contactwith .map-bg #googleMap{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.contactwith .address-bg{
    -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
    padding: 3rem 1.5rem;
}
#googleMap, #map-dark{
    height: 620px;
    width: 100%;
}
.blocklayout #map-dark,
.contactwith .equalheight> #googleMap{
    min-height: 100%;
    width: 100%;
    height: 100%;
}
.contactwith #googleMap{
    height: 410px;
}
.address-bg{
    background: #fff;
    max-width: 570px;
    padding: 3.5rem 1rem 3.5rem 3.5rem;
    position: relative;
}
.address-bg .our-address{
    margin-bottom: 3px;
}
.address-bg h6{
    font-size: 12px;
    font-weight: bold;
}
.address-bg h2{
    font-size: 2.25rem;
}
.address-bg .social{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.our-address .swiper-button-prev,
.our-address .swiper-button-next {
    background: transparent;
    top: 2rem;
    font-size: 12px;
    width: auto;
}
.our-address .swiper-button-prev{
    right: 40px;
    left: auto;
}
.our-address .swiper-button-next{
    right: 20px;
}
.our-address .swiper-button-prev::before,
.our-address .swiper-button-next::before {
    font-family: FontAwesome;
    color: #979797;
}
.our-address .swiper-button-prev::before{
    content: "\f060";
}
.our-address .swiper-button-next::before{
    content: "\f061";
}
.our-address .swiper-button-prev::after {
    content: "|";
    padding: 0;
    display: inline-block;
    margin: 0 0px 0 10px;
    color: #979797;
}
.our-address .swiper-button-prev:hover::before,
.our-address .swiper-button-next:hover::before{
    color: #ef233c;
}

.center-block .our-address {
    width: 100%;
}
/*location bars*/
.location-box{
    display: table;
}
.location-cell{
    display: table-cell;
    vertical-align: middle;
}
.location-cell .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    color: #fff;
    background: #ef233c;
    margin-right: 10px;
}
.location-cell h4{
    font-weight: bold;
    margin-bottom: 3px;
}
.location-cell p{
    margin-bottom: 5px;
    font-size: 14px;
}

/* doodle css 11-01-2023  start */

.text-left li {
    font-family: Anguita-Sans-Medium !important;
    letter-spacing: 2px;
    font-size: 16px;
    text-align: left;
}
.cocu-h5{
    font-family: Anguita-Sans-Medium !important;
    letter-spacing: 2px;
    font-size: 18px;
    padding-bottom: 10px;
}
.main-logo {
  display: inline-block;
  height: auto;
  width: 100%;
  padding-top: 10px;
}

/* doodle css 11-01-2023 end */

@media (min-width: 992px) {
    .address-bg h2{
        font-size: 2rem;
    }

}
/*@media (min-width: 1200px) {
    .philo {height:785px;
            background: url(../images/philosphy.jpg) no-repeat;

            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
    }
}*/
@media screen and (max-width: 767px){
    .map-bg #googleMap {
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
        -o-transform: translateY(25%);
        transform: translateY(25%);
        height: 320px;
    }
    .address-bg{
        -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
        box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
        padding: 3rem 1.5rem;
    }
    .contactwith .equalheight> #googleMap{
        height: 310px;
    }
}

/* Form general- */
::-webkit-input-placeholder, .form-control::-webkit-input-placeholder{
    opacity:1;
    font-size: 17px;
    text-transform: uppercase ;   color:#003366 !important; font-size: 20px;  font-family:Anguita-Sans-Medium !important;
}
:-moz-placeholder, .form-control:-moz-placeholder{ /* Firefox 18- */
    opacity:1;
    font-size: 17px;
    text-transform: uppercase ;   color:#003366 !important;  font-size: 20px;  font-family:Anguita-Sans-Medium !important;
}
::-moz-placeholder, .form-control::-moz-placeholder{  /* Firefox 19+ */
    opacity:1;
    font-size: 17px;
    text-transform: uppercase ;   color:#003366 !important; font-size: 20px;
    font-family:Anguita-Sans-Medium !important
}
::-ms-input-placeholder, .form-control:-ms-input-placeholder{
    opacity:1;
    font-size: 17px;
    text-transform: uppercase ;   color:#003366 !important; font-size: 20px;  font-family:Anguita-Sans-Medium !important;
}


textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
    color:#003366;
    opacity:1;

    text-transform: uppercase;    font-size: 20px;  font-family:Anguita-Sans-Medium !important;
}
/*-------------------------------*/
/* Contact Form 01 */
/*-------------------------------*/
.contactus .form-control{
    border-bottom:3px solid #999966;
}
.contactus .form-control,
.getin_form .form-control{
    background: #f9f0f1;
    color: #414141;
}
.getin_form .form-control {
    border: 0;
}
.contactus .form-control:focus{
    border-bottom: 1px solid #414141;
}
.getin_form .form-control:focus{
    border: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent !important;
    background-clip: padding-box;
    border-bottom: 3px solid #999966 !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.co-btn{    background: #003366;
            font-size: 17px !important; font-family: Anguita-Sans-Medium !important;    letter-spacing: 2px;margin-bottom: 20px;}
.so li {
    display: inline-block;
    width: 32px;
}
.fo-fonts{    font-size: 36px;}
.footer-menu{background:#999966; color: #fff;
             text-align: center;padding:15px}
.footer-menu ul li{display: inline; margin: 10px;color: #fff;
                   text-align: center;}
.footer-menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Anguita-Sans-Medium !important;
    letter-spacing: 1px;
}




.philo {
    background: #faf0f1;

    padding: 0px 0;
}

.philo-box{position: relative;}
.p-con {
    top: 0%;
    position: absolute;
    z-index: 9;
    left: 35%;
}
.gal-in{
    background:#fcfaee;
    padding: 70px ;}
.gal-in img {
    padding: 17px 0;
    width: 100%;
}
.about-1 {
    background: url(../images/inner1.jpg);
    padding:70px 100px 100px;
    background-size: cover;
}
.philoshophy-1 {
    background: #efecf5;
    padding:0px 50px;
    background-size: cover;
}
.ph-cou {
    position: absolute;
    right: 282px;
}
.vision {
    position: relative;
    top: 299px;
}
.bird{    position: relative;
    top: -200px;
    left: -200px;}
.vi-gir{
    position: relative;
    bottom: 92px;
}
.mission {
    background: url(../images/mission.jpg);
    padding:250px 10px 150px;
    background-size: cover;
}
.fly{    position: relative;
    bottom: 215px;}
@media screen and (max-width:768px){
   .ab-blog-color {
   padding: 51px 0 350px !important;}
   
   .blog-ti {
   font-size: 29px !important;
   }
   .ab-blog-color-p{font-size: 15px !important;}
    .p-con {
        top: 0% !important;
        position: relative !important;
        z-index: 9;
        left: 0!important;
    }
    .gal-in {
        background: #fcfaee;
        padding: 70px 0 !important;
    }
    .about-1, .philoshophy-1 { padding:0;}
    .ph-cou {
    position: absolute;
    right: 0;
    top: 327px;
}
.bird, .fly{display: none;}
.vi-gir{
    position: relative;
    bottom: 30px;
}
.overlay {
    position: absolute;
    top: -150rem;
    right: -4rem !important;
    width: 300rem !important;
    height: 210rem;
    /* border-radius: 50%; */
    background: #fff;
    animation: not-checked-overlay .2s both;
    transition: .2s;
    z-index: 0;
}
.mobile-menu{margin: 60px 0px!important;;}

}
@media screen and (max-width:992px)
{
    .header .social a{width: 12px !Important;font-size: 15px !Important;    margin-left: 9px !Important;}

    .ab-bg-color{background: #efecf5;    padding: 0 0 30px;}

    .pt-7{padding-top:2rem !important}
    .footer-bg{background:#eaedf0}

    .content-a{   margin-bottom: 20px !important;
    }
    .footer-menu{display: none}
    .p-con {
        top: 0%;
        position: relative;
        z-index: 9;
        left: 0;
    }
    .philo-box img{display: none;}
    .gal-in {
        background: #fcfaee;
        padding: 70px 0 !important;
    }
    .about-1, .philoshophy-1 { padding:0;}
    .ph-cou {
    position: absolute;
    right: 0;
    top: 327px;
}
.bird, .fly{display: none;}
.vi-gir{
    position: relative;
    bottom: 30px;
}
.overlay {
    position: absolute;
    top: -150rem;
    right: -10rem !important;
    width: 300rem !important;
    height: 210rem;
    /* border-radius: 50%; */
    background: #fff;
    animation: not-checked-overlay .2s both;
    transition: .2s;
    z-index: 0;
}
.mobile-menu{margin: 60px 0px!important;;}
.nav-mobile{width: 200px !important;right:-61!important;}
}

:root {
  --primary-color: rgba(13, 110, 139, 0.75);
  --overlay-color: rgba(24, 39, 51 , 0.85);
  --toggle-box: rgba(65, 75, 84 , .95);
  --text-color: white;
  font-family: 'Roboto', serif;
  font-size:62.2%;
  margin: 0;
  padding: 0;
}

/* Page text */
.copy{
  padding: 4rem 10rem 0 10rem;
  color: black;
  font-size: 1.5rem;
}

/* Animate overlay */
@keyframes checked-overlay {
  0% { transform: scale(0); }
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes not-checked-overlay {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}

/* Animate menu text */
@keyframes checked-menu {
  0% { opacity:0;}
  30% { opacity:0;}
  100% { opacity:1; }
}
@keyframes not-checked-menu {
  0% { opacity:1; }
  100% { opacity:0; }
}

.toggler {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 60px;
  height: 60px;
  opacity: 0;
}

.hamburger {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
  padding: 1rem;
/*  background: var(--toggle-box);*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 3px;
  background: #003366!important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
/* Hamburger Lines - Top & Bottom */
.hamburger > div::before,
.hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 3px;
  background: inherit;
}
/* Moves Line Down */
.hamburger > div::after {
  top: 10px;
}
/* Toggler Animation */
.toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Turns Lines Into X */
.toggler:checked + .hamburger > div:before,
.toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

.mobile-container {
  width:100%;
  height:100%;
  overflow:hidden;
}

.overlay {
  position: absolute;
  top: -150rem;
     right: 43rem;
    width: 40rem;
    height:210rem;
/*  border-radius: 50%;*/
  background:#fff;
  animation: not-checked-overlay .2s both;
  transition: .2s;
  z-index: 0;
}

/* Turn on Overlay */
.toggler:checked ~ .mobile-container > div {
  animation: checked-overlay 1s ease both;
}


/* MENU STYLES */

/* Turn on Menu */
.toggler:checked ~ .nav-mobile > div {
  animation: checked-menu 1s ease both;
}

.nav-mobile {
    position: absolute;
    right:45rem !important;
    text-align: center;
    font-family: Anguita-Sans-Medium;
    width: 70%;
}

/* Unchecked state of menu */
.nav-mobile > div{
  animation: not-checked-menu .2s both;
  transition: .2s;
    font-family:Anguita-Sans-Medium;
}

/* Add a black background color to the top navigation */
.mobile-menu {
    overflow: hidden;
    position: absolute;
    margin: 60px 0px;
    left: 54px;
}
/* Style the links inside the navigation bar */
.mobile-menu a {
    color: #003366!important;
    display: block;
    padding: 0.5rem 1.2rem;
    text-decoration: none;
    font-size: 24px;
}
/* Hide the link that should open and close the topnav on small screens */
.mobile-menu .icon {
  display: none;
}
/* Dropdown container - needed to position the dropdown content */
.dropdown {
  overflow: hidden;
/*   border:red solid 1px; */
}
.dropbtn {
  display: inline; font-family: Anguita-Sans-Medium;
}
/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  color:#003366!important;
  font-size: 24px;
  border: none;
  outline: none;
  padding: 1rem 1.2rem;
  background-color: inherit;
  margin: 0;
/*  width: 100%;*/
  text-align: center; font-family: Anguita-Sans-Medium;
}
.dropdown
.dropdown-content a{font-size: 18px !important;letter-spacing: 2}
/* Style the dropdown content*/
.dropdown-content {
  display: none;
  position: relative;
/*  min-width: 16rem;*/
  z-index: 1;
  transition: 0.3s;
}
/* Style the links inside the dropdown */
.dropdown-content a {
  padding: 0rem 1.2rem 1.2rem 2rem;
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
 font-family: Anguita-Sans-Medium;
 color:#003366!important
}
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}
@media screen and (min-width: 769px) {
.nav-mobile {
    position: absolute;
    right: 40rem;
    text-align: center;
    font-family: Anguita-Sans-Medium;
    width: 46%;
}.overlay {
    position: absolute;
    top: -150rem;
    right: 36rem;
    width: 41rem;
    height: 210rem;}
}

 
@media screen and (min-width: 778px) 
{
    .mobile-menu {
    overflow: hidden;
    position: absolute;
    margin: 60px 0px;
    left: 104px !important;
}
.fp-viewing-mainPage .logo-container .dark {
    display: block;
}
.main-logo{height: auto !important; width:100%;}

}
.ab-blog-color{
    color: #003366;
    background: url(../images/blog/blog.jpg) no-repeat;
    padding: 100px 0 350px;
    background-size: cover;
    height:100%
}
.ab-blog-color-p {
    font-family: Anguita-Sans-Medium !important;
    letter-spacing: 1px;
    font-size: 20px;
    text-align: left
}
.blog-ti {
    font-family: Anguita-Sans-Medium !important;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px
}

.header .head-order a{width:auto;}
.head-order .dropdown .dropbtn{padding-top:25px;}
.head-order .dropdown{position:absolute;}
.dropdown-content{background: white;}
.footer-menu ul li:last-child {padding-left: 80px;}