/*
Theme Name: Biznol
Version: 0.2.8
Tested up to: 5.7
Requires PHP: 5.3
Description: Biznol is a clean and elegant WordPress theme. It is a perfect solution for any type of business, Biznol comes with a modern, sleek design and advanced functionalities.
Author: Unibirdtech
Author URI: http://unibirdtech.com/
Theme URI: https://unibirdtech.com/free-themes/biznol/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biznol
Tags: one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, custom-logo, blog, e-commerce
*/

/* ---- ==== body ==== ----*/
body {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #748494;
  -webkit-font-smoothing: antialiased;
}

html, body {
    overflow-x: initial;
}

h1, .h1 {
  font-size: 34px;
}
h2, .h2 {
  font-size: 32px;
}
h3, .h3 {
  font-size: 30px;
}
h4, .h4 {
  font-size: 28px;
}
h5, .h5 {
  font-size: 26px;
}
h6, .h6 {
  font-size: 22px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Nunito', sans-serif;
  line-height: 1.25;
  color: #151a33;
}
.alignright {
  text-align: right;
}
.alignleft {
  text-align: left;
}
.aligncenter {
  text-align: center;
}
.content {
  padding-top: 40px;
  padding-bottom: 30px;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-field, .form-control, input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
  border-radius: 0;
  margin-bottom: 20px;
  box-shadow: inherit;
  padding: 8px 12px;/*edit*/
  line-height: 30px;
  border-width: 2px;
  border-style: solid;
  width: 100%;
  border-color: #eee;
}
button, html [type="button"], [type="reset"], [type="submit"], .btn, .more-link {
padding: 10px 35px;
line-height: 26px;
overflow: hidden;
position: relative;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
display: inline-block;
transition: all 0.1s ease 0s;
border-width: 2px;
border-style: solid;
text-transform: uppercase;
}
.btn:hover {
transition: all 0.3s ease 0s;
outline: none;
box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
}
/*---- ==== buttons ==== ----*/
@media (min-width: 768px) and (max-width: 992px){
  .btn-swipe{
    padding: 10px 25px!important;
    font-size: 14px;
  }
}
.btn-swipe{
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: 600;
  background-color: #1ca8f8;
}
.btn-swipe:before{
  position: absolute;
  content: '';
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
}
.btn-swipe span{position: relative;}
.btn-swipe:hover span{color: #fff;}
.btn-swipe:hover:before{
  left: 0%;
  background-color: #051135;  
  color: #fff;
  transition-duration: 1s;
}
/*space-sections*/
.space-module{padding-top: 80px;padding-bottom: 80px;}
/* ----- ===== /body ==== -----*/
/* ---- ==== Captions ==== ----*/

.bypostauthor {}

.wp-caption {
  margin-bottom: calc(1.5 * 16px);
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  font-size: 13px;
  font-style: italic;
  line-height: 1.6;
  margin: 0;
  padding: 8px !important;
  text-align: center;
}
.wp-caption-text a:hover { color: #01012e; }

.wp-caption, .gallery-caption { max-width: 100%; }



/* ---- ==== Header ==== ----*/
/* ---- topbar ----*/
@media (max-width: 768px){
  .topbar, .middel {
    display: none;
  }
}
@media (max-width: 991px){
  .middel {
    display: none;
  }
}
.topbar {
  padding: 4px 0;
}
.topbar ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.topbar ul li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.topbar ul li a {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  font-family: montserrat;
  text-decoration: none;
}
.topbar ul.left li i {
  margin-right: 8px;
}
.topbar ul.left {
  justify-content: flex-start;
}
.topbar ul.right {
  justify-content: flex-end;
}
.topbar ul.right li i {
  margin-left: 8px;
}
/*middel*/
.middel {
    background: #fff;
    padding: 20px 0 20px 0;
}
.middel .widget a i{
  font-size: 35px;
  float: left;
  padding: 10px 15px 0px 0px;
  text-shadow: -2px 0 #1ca8f8, 0 2px #1ca8f8, 2px 0 #1ca8f8, 0 -2px #1ca8f8;
  color: #fff;
}
.middel .widget span {
  color: #666;
  font-size: 14px;
}
.middel .widget h4 {
  font-size: 20px;
}
/*navbar*/
.navbar .dropdown-item {
    font-weight: 600;
    font-family: montserrat;
}
.site-branding-text h1, .site-branding-text h1 a {
  font-size: 22px;
  margin: 0;
}
@media(max-width: 992px){
  .navbar li .nav-link {
    margin-left: 15px;
  }
}
@media(min-width: 992px){
  .navbar li .nav-link{
    margin: auto 0.5em;
  }
}
@media (min-width: 768px) and (max-width: 992px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar li .nav-link {
    font-weight: 600;
}
@media(min-width: 992px) {
  .navbar-brand{
    display: none;
  }
}
@media (min-width: 992px){
.navbar {
    z-index: 3;
    margin: auto; 
    background: #1ca8f8;
  }
}
.navbar-brand {
  font-size: 26px;
  height: auto;
  line-height: 25px;
  padding: 15px 0;
  text-shadow: 2px 2px 1px rgba(150, 150, 183, 0.18);
}
.navbar-brand .site-title {
  font-size: 26px;
  line-height: 1.2;
}
.navbar-brand .site-description {
  font-size: 13px;
  line-height: 0;
}

.site-branding-text, .site-branding-text h1 a {text-decoration: none;}


/*dropdown*/
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    background-color: #1ca8f8;
}
/*header-close*/

     
/* ---- slider ----*/
/*slider media querys*/
@media (min-width: 280px) {
  .owl-slide-text h2{
    font-size: 30px;
  }
  .sliderhome .slide{
    height: 425px!important;
  }
}
@media (min-width: 768px) {
  .owl-slide-text h2{
    font-size: 40px;
  }
  .sliderhome .slide{
    height: 550px!important;
  }
}
@media (min-width: 992px) {
  .owl-slide-text h2{
    font-size: 50px;
  }
  .sliderhome .slide{
    height: 750px!important;
  }
}
/*owl navs media querys*/
@media (min-width: 280px){
  .owl-next, .owl-prev {
    height: 30px;
    width: 30px;
    line-height: 1.8;
  }
}
@media (min-width: 768px){
  .owl-next, .owl-prev {
    height: 60px;
    width: 60px;
    line-height: 3.5;
  }
}
.owl-next {
    position: absolute;
    display: block;
    text-align: center;
    border-radius: 50%;
    top: 48%;
    right: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-20%, -50%);
}

.owl-prev {
    position: absolute;
    display: block;
    text-align: center;
    border-radius: 50%;
    top: 48%;
    left: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(20%, -50%);
}
.owl-prev:hover{opacity: .5;}
.owl-next:hover{opacity: .5;}

.sliderhome .slide:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.sliderhome .slide {
  position: relative;
  background-color: lightgray;
  height: 750px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-slide-text h2 {
  font-weight: 600;
  padding-bottom: 20px;
}

.owl-slide-text p {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 20px;
  line-height: 2;
}
.owl-slide-text {
  position: relative;
}

/*--- /slider*/

/*---- ==== about ==== ----*/
@media(max-width: 768px){
  .pic-one {
    width: 100%!important;
    margin-bottom: 30px;
  }
}
.about-us{position: relative;background-color: #eee;}
.pic-one{position: relative;overflow: hidden;width: 500px;float: right;}
.pic-two{position: absolute;top: 40%;overflow: hidden;width: 430px;}
@media(max-width: 991px) {
  .pic-two img{
    display: none;
  }
}
.pic-one img, .pic-two img {
  border-radius: 10px;
  box-shadow: 0 0 20px -10px;
  transition-duration: 1s;
}
.pic-one:hover img, .pic-two:hover img{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition-duration: 1s;
}
/*.signature-image{margin-left: 15px;}*/
.signature img{
  margin-right: 30px;
}
@media(max-width: 768px){
  .signature img{
    margin: 20px 0;
  }
}
/*--- /about-us*/

/* ---- our-service-title ----*/
.our-service{
  position: relative;
}
.service .icon {
    width: 60px;
    height: 60px;
    background: #1ca8f8;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    line-height: 2.3;
    margin-bottom: 30px;
    font-size: 26px;
    padding-left: 2px;
}
.service h3{
    font-size: 22px;
    font-weight: 600;
    font-family: 'Poppins';
}
.service:hover{
  background: #151a33;
}
.service:hover h3,.service:hover p{color: #fff;transition-duration: 0.5s;}

.service {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px -10px;
    margin-bottom: 30px;
}
.service:hover{
  /*box-shadow: 0 0 20px -10px;
  border: 1px solid #fff;*/
  transition-duration: 0.5s;
}
.service a {
  color: #1ca8f8;
  text-decoration: none;
  font-weight: 600;
}
/*.service a:hover {
  color: #fff;
}*/
.service a i {
  visibility: hidden;
  margin-left: -20px;
}
.service:hover a i {
    visibility: visible;
    transition-duration: 0.5s;
    margin-left: 5px;
}

/*all section heading*/
/*headings media querys*/
@media(min-width: 280px){
  .section-heading h2.ititle {
    font-size: 30px;
  }
  .section-heading h3.sub-title{
    font-size: 14px;
  }
}
@media(min-width: 768px){
  .section-heading h2.ititle {
    font-size: 50px;
  }
  .section-heading h3.sub-title{
    font-size: 16px;
  }
}
.section-heading {
  margin-bottom: 40px;
}
.section-heading h2.ititle {
  font-weight: 800;
}
.section-heading h3.sub-title {
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
}
.section-heading .discription {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
/* /all section heading*/

/* ---- Portfolio ----*/
/*portfolio media qures*/
@media(min-width: 280px) {
  .text h3 {
    font-size: 18px
  }
  .text h4 {
    font-size: 22px
  }
}

@media(min-width:768px) {
  .text h3 {
    font-size: 13px
  }
  .text h4 {
    font-size: 16px
  }
  .project-work .i-icon {
    width: 25px;
    height: 25px;
    line-height: 1.9;
    font-size: 13px;
  }
}
@media(min-width:992px) {
  .text h3 {
    font-size: 16px
  }
  .text h4 {
    font-size: 22px
}
.project-work .i-icon {
    width: 40px;
    height: 40px;
    line-height: 2.5;
    font-size: 16px;
  }
}
.project{background-color: #eee;}
.project-work{margin-bottom: 30px;position: relative;overflow: hidden;border-radius: 10px;}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.project-work img{transition-duration: 1s;}
.project-work:hover img{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition-duration: 1s;
}
.overlay .text{
  position: absolute;
  content: '';
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: right;
  visibility: hidden;
}
.project-work .i-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 2.5;
    font-size: 16px;
    background: #fff;
    text-align: center;
    border-radius: 50px;
    color: #1ca8f8;
    top: 15%;
    left: 100%;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.text h3{color: #fff;}
.text h4{color: #fff;}
.project-work:hover .text{top: 53%;transition-duration: 1s;visibility: visible;}
.project-work:hover .overlay {background-color: rgba(5,17,53,0.8);transition-duration: 1s;}
.project-work:hover .i-icon {left: 84%;visibility: visible;transition-duration: 1s;}
/* /portfolio*/

/* ---- ===== team ===== ----*/
/*team all media*/
@media(max-width: 768px){
  .team{
    margin-bottom: 30px;
  } 
}
@media(min-width: 280px){
  .team .detail_team h3 {
    font-size: 22px;
  }
  .team .detail_team span {
    font-size: 15px;
  }
}
@media(min-width: 768px) and (max-width: 1200px) {
  .team .icon_team li{
    width: 25px!important;
    height: 25px!important;
    line-height: 1.5!important;
  }
  .team .icon_team li a{
    font-size: 13px!important;
  }
  .team .detail_team h3 {
    font-size: 18px;
  }
  .team .detail_team span {
    font-size: 13px;
  }
}
@media(min-width: 1200px){
  .team .detail_team h3 {
    font-size: 24px;
  }
  .team .detail_team span {
    font-size: 16px;
  }
}
.team .img_team{
  position: relative;
  overflow: hidden;
}
.team .img_team img{transition-duration: 1s;}
.team:hover img{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition-duration: 1s;
}
.team .icon_team{
  position: absolute;
  text-align: center;
  top: 100%;
  left: 50%;
  z-index: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.team:hover .icon_team{
  visibility: visible;
  top: 90%;
  transition-duration: 0.5s;
}

.team .icon_team li{
  display: inline-block;
  background-color: #1ca8f8;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 2.5;
}
.team .icon_team li:hover{}
.team .icon_team li a{color: #fff;font-size: 16px;}
.team .img_team img {
  border-radius: 10px 10px 0 0;
}
.team .detail_team{
  background-color: #eee;
  border-radius: 0 0 10px 10px;
  padding: 20px 10px;
}
.team:hover .detail_team{
  background-color: #051135;
  transition-duration: 0.5s;
}
.team .detail_team h3{
    font-family: poppins;
    font-weight: 600;
    margin: 0;
}
.team:hover .detail_team h3, .team:hover .detail_team span{color: #fff;}
.team .detail_team span {
  color: #666; 
}
/*==--/team*/ 

/* ---- funfacts ----*/
@media(max-width: 768px){
  .funfact{
    margin-bottom: 30px;
  }
}
.counter {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.counter:before{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(21, 26, 51, 0.8);
}
.funfact .top_icon i{
  font-size: 35px;
  color: #1ca8f8;
}
.funfact .bottom_text h4{color: #1ca8f8;margin: 0;font-size: 20px;}
.funfact {
    /*background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 22px -10px;
    border-radius: 10px;*/
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 25px;
}
.funfact h2{
    font-size: 70px;
    color: #fff;
    font-weight: 900;
    margin: 0;
}
/* ==== ----/funfact*/

/*client*/
.clients{padding: 40px 0;}
/*div.client img.clientimg {width: auto;}*/
.owl-client.owl-carousel .owl-item img{
    width: auto;
    margin: auto;
}
.owl-client.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-client.owl-carousel .caption {
  text-align: center;
}
/*-- /client*/

/* ---- ==== latest-blog ==== ----*/
@media(min-width: 768px) and (max-width: 992px){
  .post_content h4 {
    font-size: 25px!important;
  }
}
@media(max-width: 425px){
  .post_content h4{
  font-size: 25px!important;
  }
}
.latest_news{background: #eee;}
@media(max-width: 768px){
  .post{
    margin-bottom: 30px;
  }
}
.post_img img{transition-duration: 1s;border-radius: 10px 10px 0 0;}
.post_img {overflow: hidden;}
.post:hover img{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition-duration: 1s;
}
.post_content {
    background: #fff;
    box-shadow: 0 0 10px -5px;
    padding: 20px 30px 40px 30px;
    border-radius: 0 0 10px 10px;
}
.post_content h4 {
    font-size: 30px;
    color: #151a33;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 20px;
}
.post_content h4 a{
  text-decoration: none;
}
.post_meta {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    opacity: 0.9;
    margin-bottom: 15px;
}
.post_meta a{display: inline-flex; text-decoration: none;color: #666;}
.post_meta a:hover{color: #1ca8f8;}
.post_meta > span {margin-right: 9px;}
.post_meta span:before{
  position: relative;
  display: inline-flex;
  font-family: FontAwesome;
  padding-right: 8px;
  padding-left: 1px;
  text-decoration: inherit;
  vertical-align: baseline;
  color: #1ca8f8;
}
.post_meta .date:before {
    content: "\f017";
}
.post_meta .author:before {
    content: "\f007";
}
.comment-links:before {
     content: "\f086";
 }
.categories:before {
    content: "\f086";
}
.categories a {
    margin-right: 6px;
}

/*---- ==== price and plan ==== ----- */
@media(max-width: 768px){
  .price_plan{
    margin-bottom: 30px;
  }
}
@media(min-width: 768px) and (max-width: 1200px){
  .price_plan{
    padding: 25px!important;
  }
  .bottom_lists li a{
    font-size: 13px!important;
  }
}
@media (max-width: 370px){
  .top_price h2{
    font-size: 45px!important;
  }
  .bottom_lists li a{
    font-size: 15px!important;
  }
  .top_price h2 .currency{
    font-size: 25px!important;
  }
}
.price_plan{
  box-shadow: 0 0 15px -8px;
  padding: 40px;
  border-radius: 10px;
}
.top_price{
  border-bottom: 1px solid #c3c4c5;
  text-align: left;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.top_price h2{
   font-size: 50px;
   font-weight: 800;
   margin: 0 0 0 25px;
}
.bottom_lists li a{
  text-decoration: none;
  font-size: 18px;
  font-family: poppins;
  font-weight: 500;
  color: #151a33;
}
.bottom_lists li a i{
  margin-right: 10px;
  color: #1ca8f8;
}
.bottom_lists li {
    margin-bottom: 10px;
}
.bottom_lists {
    margin-bottom: 30px;
}
.top_price h2 .currency {
    position: absolute;
    width: 100%;
    font-size: 30px;
    left: 0px;
    margin-top: 5px;
}
/*ultra plan white color */
.white_head h3 {color: #fff;}
.white_head h2 {color: #1ca8f8;}
.white_text li a{color: #fff;}
.white_text li i{color: #1ca8f8;}

/* ---- testimonial ----*/
@media(max-width: 768px){
  .testimonial .names h3{
    font-size: 16px!important;
  }
  .testimonial .names p{
    font-size: 13px;
  }
}
.Testimonials {
    padding-top: 60px;
    padding-bottom: 80px;
    background: #fdf9f9;
}
.testimonial {margin-top: 50px;}
.testimonial .discription {
    background-color: #fff;
    box-shadow: 0 0 17px -8px rgb(0 0 0 / 50%);
    padding: 30px;
    margin: auto 15px;
    border-radius: 10px;
}
.testimonial .quote-icon i{
  text-shadow: -2px 0 #1ca8f8, 0 2px #1ca8f8, 2px 0 #1ca8f8, 0 -2px #1ca8f8;
  color: #fff;
}
.testimonial .star-icon {
    text-align: right;
}
.testimonial .star-icon i {color: #ffb311;}
.testimonial .author {
    display: flex;
    align-items: center;
    margin-left: 60px;
}
.testimonial div.author img {
    margin-top: -50px;
    border: 2px solid #1ca8f8;
    border-radius: 100px;
    width: auto;
}
.testimonial .names {
    margin: 10px 0 0 15px;
}
.testimonial .quote-icon {
    position: absolute;
    left: 77px;
    top: 5px;
    font-size: 50px;
}
.testimonial .names h3 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
}

/* ---- ==== Blog ==== ----*/
.blog_post {
	box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);
}
.post-thumbnail img, .post_img img {
	width: 100%;
	height: auto;
}
.post_img {
	position: relative;
}
.post_img span.date {
    bottom: 30px;
    position: absolute;
    left: 30px;
    width: auto;
    padding: 0px 6px;
    font-weight: 600;
}
.post_content {
	padding: 30px;
}
.post_content {
    background: #fff;
    box-shadow: 0 0 10px -5px;
    padding: 20px 30px 40px 30px;
    border-radius: 0 0 10px 10px;
}
.post_content h4,  .post_content h1 {
	font-size: 24px;
	font-weight: 600;
}
.post_content p:last-child {
    margin-bottom: 0;
}
.post_meta{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    opacity: 0.8;
    text-transform: capitalize;
    padding-bottom: 5px;
}
.post_meta a{
    display: inline-flex;
}
.post_meta > span {
    margin-right: 10px;
}

.post_meta span:before {
    position: relative;
    display: inline-flex;
    font-family: FontAwesome;
    padding-right: 8px;
    padding-left: 1px;
    text-decoration: inherit;
    vertical-align: baseline;
    color: #1ca8f8;
}
.post_meta .date:before {
    content: "\f017";
}
.categories:before {
    content: "\f115";
}
.categories a {
    margin-right: 6px;
}
.comment-area, .comments-area {
	padding: 20px;
	border: 1px solid #eee;
}
/* ---- ==== Sidebar ==== ----*/
.sidebar .widget {
	padding: 20px;
	border: 1px solid #f1f1f1;
	margin-bottom: 30px;
}
.sidebar .widget h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: 4px solid var(--primary-color);
}
/* ---- ==== widgets ==== ----*/
.widget ul {
	padding: 0;
	margin: 0;
}
.widget ul li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.widget ul li:last-child {
	border-bottom: unset;
}
.widget .tagcloud a {
    display: inline-block;
    line-height: 20px;
    margin: 0 5px 9px 0;
    padding: 6px 12px;
}
.widget .input-group-btn .btn {
	border-radius: 0 4px 4px 0;
}
.widget .calendar_wrap table tbody td {
    line-height: 2.5em;
    transition: background 0.15s ease 0s;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 0 8px;
}
.widget .textwidget img {
	width: 100%;
	height: auto;
}
.widget ul li .media-body h5 {
	font-size: 18px;
}
.widget ul li.media img {
	width: 70px;
    height: 70px;
    object-fit: cover;
}
.widget .social a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
/* ---- ==== Footer ==== ----*/
@media(max-width: 768px){
  .widget{
    margin-bottom: 30px;
  }
}
footer{
  padding-top: 90px;
}
footer .inner .top{
  padding-top: 40px;
  padding-bottom: 40px;
}
footer .widget h4 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}
footer .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .widget ul li {
  margin-right: 10px;
  padding: 6px 0;
  border-bottom: unset;
}
footer .inner .bottom {
  padding-top: 10px;
  padding-bottom: 10px;
}
footer .top {
    border-bottom: 1px solid #838487;
    padding-bottom: 50px;
}
footer .bottom .copyright-text {
    padding: 30px 0;
    text-align: center;
}
footer .bottom .copyright-text h4 {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

footer .widget .insta-img{margin-bottom: 30px;}
footer .widget .insta-img {position: relative;overflow: hidden;}
footer .widget .insta-icon {position: absolute;top: 0;left: 0;right: 0;bottom:0;text-align: center;}
footer .widget .insta-icon a{display: none;}
footer .widget .insta-img:hover a{display: block;color:#fff;}
footer .widget .insta-img:hover .insta-icon{background-color: rgba(0,0,0,0.5);}
footer .widget ul i{
  margin-right: 5px;
  color: #1ca8f8;
}
footer .widget ul .sumbit-batan:hover i{
  color: #fff;
}
footer .widget ul a{text-decoration: none;}
footer .widget ul .form-control {margin-top: 20px;}
footer .sumbit-batan {
  padding: 7px 15px;
  outline: none;
  border: none;
  color: #666;
}
.sumbit-batan:hover{
  background-color: #1ca8f8;
  color: #fff;
}
.instafeed li {
  width: 25%;
  overflow: hidden; 
}
.instafeed li img {
  border-radius: 5px;
  position: relative;
}
.instafeed li{
  position: relative;
  overflow: hidden;
}
.instafeed li i{visibility: hidden;}
.instafeed li:hover i{visibility: visible;color: #fff;}
.instafeed .instaicon {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* ---- ==== footer ==== ----*/



/* ---- ==== Breadcrumb ==== ----*/
.breadcrumb {
	background-image: url(images/breadcrumb.jpg);
	padding: unset;
	margin: unset;
	background-color: transparent;
	border-radius: 0;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.breadcrumb .inner {
    height: 100%;
    padding: 100px 0;
    position: relative;
    width: 100%;
    text-align: center;
}
@media (max-width: 768px){
    .breadcrumb .inner {
        padding: 60px 0;
    }
}


.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a {
    vertical-align: baseline;
    white-space: nowrap;
    width: 40px;
    height: 40px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    transition: all 0.3s ease 0s;
    font-size: 18px;
    line-height: 40px;
    margin: 0 6px 10px;
    text-decoration: none;
    position: relative;
    border-radius: 4px;
    padding: 0px;
    float: left;
    cursor: pointer;
    display: inline-block;
}


.navigation.pagination > li:first-child > a, .navigation.pagination > li:first-child > span {
    border-radius: 30px;
}

.post-navigation .nav-previous {
    float: right;
}

.post-navigation {
    overflow: visible;
    padding: 10px 0;
}

.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a {
    text-align: center;
    margin-top: 30px;
}

.post_content.sticky{
    background-color: #f0f8ff;
}

.custom-logo-link + .site-branding-text{
	margin-top:10px;
}

.site-branding-text .site-title{
    margin-bottom: 0px;
}

.site-branding-text .site-description{
    margin-bottom: 0px;
}


/* Comments */
.comment .comment-body {
  margin-top: 25px;
  padding-top: 25px;
  word-wrap: break-word;
  border-top: 1px solid #eee;
}

.comment-meta .comment-metadata {
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  color: #989ea6;
}
.comment-content p{
  padding: 13px 0 0 61px;
}
.comment-meta .comment-author img {
  float: left;
  display: block;
  width: 46px;
  height: 46px !important;
  margin: 0 15px 0 0;
  padding: 0;
  border-radius: 23px;
}
.comment-body .reply {
  float:right;
}
.comment article {
  padding-bottom:2.79rem;
}
.comment-list {
  list-style: none outside none;
  padding: 0 0 15px;
  margin: 0;
  
}
.comment-list .children {
  list-style: none outside none;
  padding: 0 0 0 30px;
  margin: 0;
}
.comment-meta .comment-metadata a, .comment-author.vcard .fn .url, .comment-body .reply a, .comment-respond .logged-in-as a{
  color: #151a33;
}