/*
font-family: 'Lato', sans-serif;
font-family: 'Cormorant', serif;
*/

body{font-family: 'Lato', sans-serif;color:#555; overflow-x: hidden;}
a:hover{text-decoration:none;}
a{display: inline-block; color: inherit;/**/} 
h2{font-size:50px;} 
h3{font-size:40px;}
h4{font-size:36px;}
h5{font-size:20px;}
h6{font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-family: 'Cormorant', serif;color:#222;font-weight:300;}
p{font-size:16px; line-height: 24px;}
p:nth-last-child(1) {margin: 0;}
section{padding:60px 0px;}
ul,ol{margin:0;padding:0;list-style-type:none;}
ul li,ol li{font-size: 16px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color:#008afb;}
.container{max-width:1250px;}
.container.sml-container{max-width:1400px;}
button:focus, input:focus{outline:0;}
::-moz-selection { color: #007ff9;}
::selection {color: #007ff9;}
.btn.btn-blue{position: relative;display: inline-flex;align-items: center;width: auto;margin: 0;font-family: Lato,sans-serif;font-size: 13px;letter-spacing: .2em;line-height: 2em;font-weight: 700;text-decoration: none;text-transform: uppercase;border-radius: 0;outline: 0;transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;padding: 11px 39px;background-color:#d4ecff;color:#008afb;}
.btn.btn-blue:before{content: '';position: absolute;display: block;width: 2em;height: 1px;top: calc(50% - 1px);background: currentColor;transform: scaleX(1);transition: transform .3s ease;left: 0px;}
.btn.btn-blue:after{content: '';position: absolute;display: block;width: 2em;height: 1px;top: calc(50% - 1px);background: currentColor;transform: scaleX(1);transition: transform .3s ease;right: 0px;}
.btn.btn-blue:hover{background-color:#008afb;color:#fff;}
.content-blue{color:#008afb;}
.btn-blue.btn-white{background-color:#fff;}

.btn-blue-login{position: relative;display: inline-flex;align-items: center;width: auto;margin: 0;font-family: Lato,sans-serif;font-size: 13px;letter-spacing: .2em;line-height: 2em !important;font-weight: 700;text-decoration: none;text-transform: uppercase;border-radius: 0 !important;outline: 0;transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;padding: 11px 39px !important;background-color: #d4ecff !important;color: #008afb !important;}
.btn-blue-login:hover{background-color:#008afb!important;color:#fff!important;}
/* menu */
.menu-nav .navbar{padding:0px 0px;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link{color: #555;text-transform: uppercase;padding: 30px 20px;font-size: 14px;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link:hover{color:#008afb;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link.active{color:#008afb;}
.menu-nav .collapse .navbar-nav {border-right: 1px solid #ddd;margin-right: 15px;padding-right: 15px;}
.social a{font-size:18px;padding: 0px 6px;}

/* banner */
.banner-content{margin-top:50px;}
.banner{background:url(../image/banner.jpg) no-repeat center center/cover;padding:60px 0px;min-height:711px;}
.banner-content h2{text-transform: uppercase;font-weight: 300;color:#fff;}
.banner-content h2 span{display:block;}
.banner-content h2 span.text-bold{font-weight: 500;}
.banner-content p{max-width:560px;margin: 20px 0px 30px;color:#fff;}

/* life coach */
.life_coach{position:relative;padding:0;margin-top: -100px;}
.life_content{background:url(../image/bg.png) no-repeat center center/cover;padding: 140px 0px 100px;text-align:center;}
.line_img{position: absolute;top: -30px;left: 0;right: 0;text-align: center;margin: 0 auto;}

/* vlog */
.vlog{margin-top:30px;}
.vlog_video iframe{width: 100%;height: 190px;}
.vlog_content h5{margin-bottom:0;font-weight: 400;}
.vlog_content h6{font-size: 20px;font-style: italic;}
.vlog_content{padding: 15px 0px;}

/* About */
.authore_content{padding-top: 40px;}
.authore_about{background:url(../image/about.jpg) no-repeat center center/cover;padding:80px 0px 0px;    margin-top: 80px;}
.authore_content h4{font-weight:400;}
.authore_content p{margin: 30px 0px 15px;}

/* work */
/* .work_img img{min-height: 255px;max-height: 255px;} */
.work_content{background: #fff;max-width: 95%;border-radius: 6px; margin: -45px auto 0;position: relative;text-align: center;padding: 15px 0px;}
.work_content h5{font-weight: 600;}
.work_content a{display: flex;align-items: center;justify-content: center;}
.work_content a i{font-size:24px;padding-left:0px;transition: 0.5s all ease;}
.work_content a:hover i{padding-left:6px;}
.work_content a:hover{color:#222;}
/* whatever */

.whatever{background:url(../image/bg-1.jpg) no-repeat center center/cover;padding:80px 80px;text-align:center;background-attachment:fixed;}
.whatever p{max-width: 710px;margin: 20px auto 20px;font-size: 18px;}

/* testimonial */

.testimonial .heading{padding-top: 0px;}.vlog_home .vlog-section{margin-top: 60px;}
.media_object{display: flex;align-items: center;}
.media_heading{font-family: 'Cormorant', serif;font-size: 30px;padding-left: 35px;line-height: 30px;color:#333;}
.media_heading h6{color: #008afb;font-size:20px;font-style: italic;}
.media_img{position:relative;}
.media_img svg{position: absolute;top: 0;right: -20px;z-index: -1;}
.testimonial-slider{margin-top:80px;}
.slides{padding-right: 50px;}
.slick-dots{display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.slick-dots li button{font-size: 0;width: 10px;height: 10px;border: 1px solid #333;padding: 0;border-radius: 50%;background-color: #fff;margin: 0px 4px;}
.slick-dots li.slick-active button{background-color:#008afb;border-color:#008afb;}

/* footer */
.footer_link {padding-top: 130px;}
footer{background-color:#222222;    padding: 0px 0px 0px;}
.footer_menu{display: flex;align-items: center;justify-content: center;color: #fff;padding: 50px 0px;}
.footer_menu li a{padding: 0px 25px;font-size: 16px;}
.social-footer {list-style: none;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.social-footer li {float: left;margin-right: 10px;width: 48px;height: 48px;text-align: center;}
.social-footer li a {float: left;width: 48px;height: 48px;line-height: 48px;color: #5f5f5f;border: 1px solid #5f5f5f;border-radius: 50%;}
.social-footer li a span {font-size: 18px;}
.grd_bg_hover:hover {background: #008ef7;border-color: #008ef7;color: #fff;}
.copy_link{border-top: 1px solid;margin-top: 110px;}
.copy_link>div{display: flex;justify-content: space-between;color: #7b7b7b;padding: 15px 0px;}
.copy_link>div p{margin-bottom:0;text-transform:uppercase;font-size:14px;}
footer svg{width: calc(270% + 1.3px);height: 77px;display: block;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);fill:#fff;}

/* About me */

.inner-banner{background:url(../image/bg-inner.jpg) no-repeat center center/cover;padding:80px 0px;}
.inner-banner h2{color:#fff;font-weight:600;}
.about_img{position:relative;}
.about_img_content{background: url(../image/bg.png) no-repeat center center/cover;position: absolute;bottom: 80px;width: 350px;height: auto;left: -110px;padding: 50px;text-align: center;}
.about_img_content h4{font-size: 28px;margin-top: 30px;}
.bg-orange{background:url(../image/bg.png) no-repeat center center/cover;position:relative;}
.p-50{padding-top:70px;}
.text-right{text-align:right;}
.user_content ul{margin: 0;}
.user_content ul li{margin-top: 15px;position:relative;padding-left: 20px;}
.user_content ul li:before{content:'';background: url(../image/aboutme-img9.png) no-repeat center center/cover;width:8px;height:8px;position:absolute;left:0;top: 9px;}

/* services */
.services h3{margin-bottom:20px;}
.services h5{color:#0080fc;font-weight:600;margin-top:30px;}
.contact_us{padding:80px 0px;}

/* vlog */
.vlog .work_section{margin-bottom: 30px;}
.vlog_model .modal-content{border: none;border-radius: 0px;}
.vlog_model .modal-body{padding: 0;line-height: 0;}
.vlog_model .modal-body iframe{width: 100%;height: 380px;}
@media (min-width: 576px){.vlog_model .modal-dialog {max-width: 680px;margin: 1.75rem auto;}}
.btn-close{position: absolute;right: -20px;background-color: #fff;opacity: 1;border-radius: 50%;width: 35px;height: 35px;top: -20px;}

/* testimonial_page */
.testimonial_page .testimonial_img{border-radius: 8px;padding: 15px;margin-bottom:30px;}
.contact_info p, .contact_mobile p{margin-bottom:0;}
.contact_info{display: flex;justify-content: space-between;margin: 15px 0px;}
.contact_input .form-control{height:50px;position: relative;width: 100%;margin: 0 0 20px;padding: 12px 20px;font-size: 16px;line-height: 24px;font-weight: inherit;color: #4f4f4f;background-color: transparent;border: 1px solid #e6f4ff;border-radius: 0;outline: 0;-webkit-appearance: none;transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;}
.contact_input .form-control:focus{color: #333;background-color: transparent;border-color: #008afb;outline:none;box-shadow:none;}
.map{padding-right:50px;}.post, .page{    margin: 0;}
.contact_input textarea.form-control{height:150px;}

/* login form */

.login_form{padding: 30px 30px;border: 1px solid #ddd;}
.login_form .form-group{margin-bottom: 25px;}
.login_form .form-group label{font-size: 13px;text-transform: uppercase;}
.login_form .form-group input{padding-right: 0;height: 44px;padding: 0px 12px;font-size: 13px;}
.btn.login_forget_password:before, .btn.login_forget_password:after{display:none;}
.btn.login_forget_password{padding: 11px 0px!important;border:none;margin-left:15px;font-size:12px;background-color:transparent!important;}
.btn.login_forget_password:hover{background-color:transparent;color:#000;}
.login_form small{font-size: 13px;color: #008efb !important;}

/* ---- Contact page ----*/

input.wpcf7-form-control.wpcf7-submit.btn-blue {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0;
    font-family: Lato,sans-serif;
    font-size: 13px;
    letter-spacing: .2em;
    line-height: 2em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    padding: 11px 39px;
    background-color: #d4ecff;
    color: #008afb;
}
.book_input .form-control {
    height: 50px;
    position: relative;
    width: 100%;
    margin: 15px 0px 0px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: inherit;
    color: #4f4f4f;
    background-color: transparent;
    border: 1px solid #e6f4ff;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}
form .book_input p.error {
	display:none;
    color: #da3434f0;
}

/* ==== Booking page css =====*/

.calendar {
  width: 350px;
  margin: 50px auto 0;
}

.calendar__month {
  font-size: 20px;
  font-weight: 800;
  padding: 10px 0;
  width: 100%;
  position: relative;
}

.cal-month__previous,
.cal-month__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  
  &:hover {
    background-color: #42A5F5;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,0.75);
    border-radius: 50%;
    font-weight: 800;
    color: #111;
  }
}

.cal-month__next {
  right: 0;
}

.cal-month__current {
  text-align: center;
  color: #777;
}

.cal-head__day,
.cal-body__day {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
}

.cal-body__week,
.calendar__head {
  display: block;
  height: 50px;
  width: 350px;
}

.calendar__head {
  line-height: 50px;
  position: relative;
  
  &:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #90CAF9;
  }
}

.cal-body__day {
  color: #e1e1e1;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.cal-day__month--current {
  color: #777;
}

.cal-day__day--today {
  font-weight: 800;
  color: #2196f3;
}

.cal-day__day--selected {
  background-color: #2196f3;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .75);
  border-radius: 50%;
  color: #111;
}

.book_input button.btn.btn-primary {
    margin: 10px;
}
.booked {
    color: red;
}
.spinner-border{position: absolute;left: 45%; top: 45%; width: 4rem;  height: 4rem;}

/* ==== Booking page css =====*/

#calendar table{margin:0;}
#calendar .fc .fc-toolbar-title {font-size: 36px;}
.booking_info{padding-left:50px; position:relative;}
#booking_slot1{font-size: 14px;font-weight: 600;}
.booking-loader{width:100%; position:absolute; display:flex; height:100%; background:rgba(255,255,255,0.7); justify-content:center; align-items:center;z-index: 9999;}

.user_left_info{margin-top:20px;}
.user_left_info li{ font-size:24px; color:#0084f9; text-align:center;}
.user_left_info li span{font-size:18px;}
.user_left_info li.email{font-size:14px; color:#545454;}
.user_left_info li a{font-size:16px; margin-top:30px; color:#000;border: 1px solid #ccc; line-height: 32px; padding: 0 20px;  border-radius: 20px;}
.nav-tabs>li>a{font-size:20px;    padding: 11px 20px;}
.nav-tabs>li.active	a{padding: 11px 39px !important;  background-color: #d4ecff !important;  color: #008afb !important;}
.frm_lebel{font-size:16px; color:#000; font-weight:400;}
.thanks_icon{width: 150px;height: 150px;color: #008afb;background: #d3ebff;border-radius: 50%;display: inline-block;font-size: 70px;line-height: 150px;margin-bottom: 30px;}
.testimonial_img .media_img img{width:80px;}
/* ==== Calender ===   */
.fc-day-past a {color: #ccc;}
#wpmpBooksession textarea#w3review {position: relative;width: 100%;margin: 0 0 20px;padding: 12px 20px;font-size: 16px;line-height: 24px;font-weight: inherit;color: #4f4f4f;background-color: transparent;border: 1px solid #e6f4ff;border-radius: 0;outline: 0;-webkit-appearance: none;}
.testimonial_img img {border-radius: 50%;}

.calender label{font-size: 16px;margin: 0 5px 15px 0;}
.calender select{font-size: 16px; background: #e2effb; padding: 10px 0 10px 10px; line-height: 28px; border-radius: 5px;}
div#loading {position: absolute;left: 28%;top: 110%;}
#booking_slot1 .col-md-6 {float: left;}

.video_banner{position:relative; overflow:hidden;}
.video_banner video{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 800px; z-index: 0;}
.inner-banner.video_banner h2 {position: relative; z-index: 1;}
.more-link { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 8px; background: #555; color: #FFF; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; box-shadow: 0 0 10px #000;}
.more-link:hover { background: #5E5E5E;}
.more-link:after {content: "\2193";	margin-left: 8px;font-size: .8em;}
.more-link.open:after {content: "\2191";}