@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Bold.eot');
    src: url('../fonts/Jost-Bold.eot#iefix') format('embedded-opentype'),
        url('../fonts/Jost-Bold.woff2') format('woff2'),
        url('../fonts/Jost-Bold.woff') format('woff'),
        url('../fonts/Jost-Bold.ttf') format('truetype'),
        url('../fonts/Jost-Bold.svg#Jost-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agatho';
    src: url('../fonts/JAgathoRegular.eot');
    src: url('../fonts/JAgathoRegular.eot#iefix') format('embedded-opentype'),
        url('../fonts/JAgathoRegular.woff2') format('woff2'),
        url('../fonts/JAgathoRegular.woff') format('woff'),
        url('../fonts/JAgathoRegular.ttf') format('truetype'),
        url('../fonts/JAgathoRegular.svg#AgathoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ananda Namaste';
    src: url('../fonts/AnandaNamaste.eot');
    src: url('../fonts/AnandaNamaste.eot#iefix') format('embedded-opentype'),
        url('../fonts/AnandaNamaste.woff2') format('woff2'),
        url('../fonts/AnandaNamaste.woff') format('woff'),
        url('../fonts/AnandaNamaste.ttf') format('truetype'),
        url('../fonts/AnandaNamaste.svg#AnandaNamaste') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Agatho_ Bold';
  src: url('../fonts/Agatho_+Bold.eot');
  src: url('../fonts/Agatho_+Bold.eot#iefix') format('embedded-opentype'),
       url('../fonts/Agatho_+Bold.otf') format('otf'),
       url('../fonts/Agatho_+Bold.svg#Agatho_%20Bold') format('svg'),
       url('../fonts/Agatho_+Bold.ttf') format('truetype'),
       url('../fonts/Agatho_+Bold.woff') format('woff'),
       url('../fonts/Agatho_+Bold.woff2') format('woff2');
}

a:focus,button:focus{ outline:0; border:none;}

body{padding: 0;margin: 0;font-family: sans-serif;}

/*********************Header***********/
.logo img {width: 100%;}
.logo a {font-size: 60px;line-height: normal;color: #fff;text-decoration: none; position:relative;}
.logo strong{text-shadow: 7px -3px rgba(0,0,0,0.20);font-family: 'Ananda Namaste';    letter-spacing: 1px;}
.logo span {color: #000;line-height: normal;display: inline-block;position: absolute;right: 0px;letter-spacing: 1px;bottom: -54px;font-family: 'Ananda Namaste';left: 59px;  text-shadow: 7px -3px rgba(0,0,0,0.20);}

/************Banner******************/
section.main_banner {position: relative;background: url(../images/banner.jpg);background-size: cover;width: 100%;
padding: 40px;background-repeat: no-repeat; height:620px;}
.main-banner-block {position: relative;}
.pic_dinesh { width:37%; position: absolute; right: 0px;top: 114px;z-index: 9999; padding:0px !important;}
.pic_dinesh img {width: 100%;}

/*************social icons*******************/
.social_links ul li {display: inline-block;list-style-type: none;}
.instagram a{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social_links li{ margin-right:10px;}
.social_links li:last-child{ margin-right:0px;}
.social_links a:hover{ transform:rotate(360deg);}
.social_links a {display: inline-block;border-radius: 50px;transition:all 0.35s ease;border: 2px solid #fff;width: 35px;height: 35px;text-align: center;line-height: 33px;font-size: 19px;color: #fff;box-shadow: 0px 4px 10px rgba(0,0,0,0.20);}
.twitter a{ background:#32cbff; color:#fff;}
.facebook a{ background:#2174ff; color:#fff;}

/*****************Menu*****************/
.menu ul li { padding-left:15px; padding-right:15px;}
.menu ul li a {color: #000;text-decoration: none; line-height:normal;padding: 0px 0px !important;font-size: 24px; font-family: 'Agatho'; font-weight:600; transition:all 0.35s ease;}
.navbar-light .navbar-nav .nav-link.active {color: #a5015d !important;border-bottom:2px solid #a5015d;}
.navbar-light .navbar-nav .nav-link:hover,.menu a:hover{ border-bottom:2px solid #a5015d;color: #a5015d !important;}
.menu ul li {display: inline-block;list-style-type: none;}
.menu, .social_links {float: right;}
.navbar-light .navbar-toggler-icon {background:url(/web/20230503170805im_/http://dineshbhatia.in/wp-content/themes/devipurana/assets/images/download.svg) left top no-repeat;}
.navbar-toggler:focus{ box-shadow:none;}
.navbar-light .navbar-nav .nav-link {color: #000 !important;}
.open{ display:none;}
a.closebtn {display: none;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;border: none;background: none;display: none;}

/*****************New Book*****************/
section.new-book {float: left;width: 100%;padding: 40px 0px 60px 0px; background:#e7f0f2;}
section.new-book h3 {font-family: 'Ananda Namaste';font-size: 87px;color: #a5015d;}
.new-book h4{ font-family: 'Agatho';font-size: 25px; text-transform:uppercase; margin-bottom:15px;}
.new-book p {font-family: 'Agatho';text-align: justify;font-size: 24px;}
.newbook-content {padding-right: 20px;}

/*************buttons**********/
.book-button{ margin-top:42px;}
.book-button a:hover{ color:#fff; background:#003c3c;}
.book-button a {display: inline-block; padding: 10px 30px; transition:all 0.35s ease; border: 1px solid #003c3c; text-decoration: none; font-size:22px;color: #003c3c;font-family: 'Agatho';}

/*********Heading*************/
.heading-header{ position:relative; margin-bottom:50px;}
.heading-header h2 {font-size: 48px; color: #000;position: relative; font-family: 'Jost'; font-weight:700;padding-bottom: 12px;}
.heading-header h2:after{ position:absolute; width:12%; height:3px; background:#000; content:''; bottom:0px; left:0px;}

/*****************Banner-text*****************/
.banner-text{ margin-top:90px; width:45%;}
.banner-text h2 {font-size: 95px;color: #a5015d;font-family: 'Ananda Namaste';}
.banner-text p {font-size: 41px; line-height:48px;color: #000;font-family: 'Agatho'; text-transform:uppercase; position:relative; padding-top:15px; padding-left:70px; margin-top:20px;}
.banner-text p:before{ position:absolute; left:0px;top:6px; background:url(../images/leftquote.png) left top no-repeat; content:''; height:44px; width:72px;background-size: contain;}
.banner-text p:after{ position:absolute;bottom:-15px; background:url(../images/rightquote.png) right bottom no-repeat;content:''; height:44px; width:72px;background-size: contain;}

/*****************About*****************/
section.about { background: #fff;padding:170px 0px 60px 0px;float: left;width: 100%;}
.about-content{ padding-left:20px;}
section.about  p {font-family: 'Agatho';text-align: justify;font-size: 24px;}
.about-content .heading-header h2:after{ width:21%;}
.image-box img{ width:100%;}

/*****************Footer*****************/
footer#footer {float: left;width: 100%;padding: 40px 0px 40px 0px;}
.footer-logo {display: inline-block;vertical-align: top;}
.footer-logo img{ width:100%;}
.footer-logo a {font-size: 50px;line-height: normal;color: #fff;text-decoration: none; position:relative;}
.footer-logo strong{text-shadow: 7px -3px rgba(0,0,0,0.20);font-family: 'Ananda Namaste';    letter-spacing: 1px; color:#a5015d;}
.footer-logo span {color: #000;line-height: normal;display: inline-block;position: absolute;right: 0px;letter-spacing: 1px;bottom: -45px;font-family: 'Ananda Namaste';left: 59px;  text-shadow: 7px -3px rgba(0,0,0,0.20);}

.col-b{ margin-top:11px;}
.col-b h6 {font-size: 21px;color: #000218; margin-bottom:20px;}
.col-b.first-block {display: inline-block;vertical-align: top;margin-left: 6%;}
.col-b a{ display:block; color:#747474; text-decoration:none; font-size:18px; margin-bottom:10px; transition:all 0.35s ease;}
.col-b a:hover {margin-left: 2px;color: #000218;}

/**************Sociables************/
.socialables a {display: inline-block;margin-right: 10px;font-size: 25px; color:#000;}

/**************News subscriber************/
.home-newsletter .single {max-width: 650px;margin: 0 auto;text-align: center;position: relative;z-index: 2; }
.home-newsletter .single h2 {font-size: 22px;color: white;text-transform: uppercase;margin-bottom: 40px; }
.home-newsletter .single .form-control {height: 50px;background: rgba(255, 255, 255, 0.6);border:1px solid #d9d9d9;border-radius: 0;font-size:14px; }
.home-newsletter .single .form-control:focus {box-shadow: none;border-color: #243c4f; }
.home-newsletter .single .btn {min-height: 50px; border-radius:0;background: #003c3c;color: #fff; font-size:16px;}
.home-newsletter .single .tnp-field-button input {min-height:50px;border-radius:0;background:#003c3c;color:#fff;font-size:16px; border:none; width:auto;}
.tnp-field.tnp-field-email {display:table-cell;width: 69%;}
section.home-newsletter .input-group {display: block; flex-wrap: inherit;}
.home-newsletter .single .tnp-field-email input {height: 50px;background: rgba(255, 255, 255, 0.6); border: 1px solid #d9d9d9;border-radius: 0; font-size: 14px;padding: 0px 10px;margin: 0px;width: 100%;}
.tnp-field.tnp-field-button {display:table-cell;}
.tnp-field.tnp-field-email label {display: none;}
.home-newsletter .single .tnp-field-button input{padding:.375rem .75rem;}
section.about .bioDB p{font-family: "Roboto", sans-serif;}


/***************scroll-top**********/

#button-toggleb {display: inline-block;background-color: #a5015d;width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity: 0;border-radius:40px;visibility: hidden;z-index: 1000; text-decoration:none;}
#button-toggleb::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 1.4em;line-height: 50px;color: #fff;}
#button-toggleb:hover {cursor: pointer;background-color: #333;}
#button-toggleb:active {background-color: #555;}
#button-toggleb.show {opacity: 1;visibility: visible;}

section#testimonial {
    padding: 40px 0px 60px 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.testimonial .heading-header h2 {
    display: inline-block;
}
.testimonial .heading-header h2:after {
    left: 50%; width:50%;
    transform: translateX(-50%);
}
.testimon_data {
    position: relative;
}
.testi_img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    line-height: 100px;
    margin:0px auto 0;
}
.testi_img img {
    width: 100%;
}
.testimon_data div#carouselExampleIndicators {padding: 30px 10%;background: #c5dee4;}
.socialables i img {width: 21px; border: 1px solid #000;padding: 3px; border-radius: 3px;margin-top: -5px;}




/*contact page css */
section.main_banner.contactusbanner{margin-bottom:50px; height:auto;}
.cardrow{width:80%; position: absolute; left:50%; top:200px; z-index: 9999; background:none;transform: translateX(-50%); padding: 0px !important;}

.map { 
  box-shadow: 0 0 40px -10px black;
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  max-width: calc(100vw - 60px)
}

#map {
  width: 50%; 
  display: inline-block
}
#map img {
    width: 100%;
}
.map-c {
  float: right;
  width: 50%;
  height: 100%;
  padding: 25px;
  box-sizing: border-box
}
.map-c .heading-header {
    margin-bottom: 0;
}
.map-c .heading-header h2 {
    font-size: 32px;
}

.cardrow h1 {
  margin: 0;
  font-weight: normal;
  color: rgb(60, 60, 70);
  font-size: 28px
}

.cardrow p {
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 30px
}

.det {
  font-size: 12px;
  margin-bottom: 15px
}

.cardrow i {
  float: left;
  font-size: 18px !important;
  margin: 0 8px 0 0
}

.cardrow button {
  margin: 15px 4px;
  padding: 13px 9px;
  display: inline-block;
  cursor: pointer;
  background: none;
  color: #546973;
  border: 2px solid #78909C;
  transition: all 0.3s;
  border-radius: 8px;
  outline:0
}

.cardrow button:hover {
  border-color: rgb(90, 90, 90);
  color: rgb(90, 90, 90)
}

.cardrow button:after {
  content: 'Directions';
  font-family: 'Montserrat', sans-serif;
  display: block;
  font-size: 11px;
  margin-top: 8px
}

.fa-envelope:after {
  content:'Email';
  margin:8px 13px 0
}

@media only screen and (max-width: 720px) {
  .map {
    height: 450px;
    margin: calc(50vh - 225px) auto;
    overflow: hidden
  }
  #map {
    width: 100%;
    height: 200px;
  }
  .map-c {
    float: right;
    width: 100%;
  }
  .cardrow button {
    float: right;
    margin-top: -75px
  }
}

@media only screen and (max-width: 460px) {
  
  .det {
    margin-bottom: 9px
  }
}