#mixed-items .mix {
  display: none;
}
.why-shlok{
  background: url(../img/why_bg.webp) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  text-align: center;
}
.why-shlok p{
  color: #fff;
    max-width:610px;
     margin-left: calc(50% - 305px);
}
#features {
  padding: 50px 0 0;
}
#features .title{
  padding-top: 50px;
  text-align: center;
  padding-bottom: 30px;
}
#features .feature-block {
  padding: 0 65px 50px 65px;
}
#features .feature-block .icon-box {
  margin-bottom: 24px;
}
#features .feature-block .icon-box i {
  display: inline-block;
  line-height: 1;
  font-size: 60px;
  transition: 0.3s;
  color: #282626;
}
#features .feature-block h4 {
  font-size: 20px;
  color: #333;
  position: relative;
  text-transform: none;
  margin: 10px 0;
  font-weight: 400;
  text-decoration: underline;
}
#features .feature-block span {
    background: transparent;
    background-color: #fff;
  }
#features .showcase-img {
  margin-top: 40px;
}
#counter {
  background: url(../img/at_shlok.webp) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  text-align: center;
  padding: 100px 0;
}
#counter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#counter .title {
  position: relative;
  margin-top:20px;
}
#counter .title h2 ,#counter .title p {
  color: #fff;
}
#counter .block {
  margin-bottom: 20px;
}
#counter .block i {
  display: block;
  font-size: 40px;
  line-height: 1;
  color: #fff;
}
#counter .block span {
  line-height: 1;
  display: inline-block;
  color: #fff;
}
#counter .block .count-text {
  font-size: 36px;
}
#counter .block p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  padding-top: 20px;
}

#about_banner {
    margin-top: 96px;
}
.col-left, .col-right{
  background: rgb(252, 248, 237);
  height: 939px;
  }
.about_banner_text .block{
  text-align: center;
  padding-bottom: 30px;
  line-height: 1.5em;
}
#about_banner h1 {
  padding: 5px 0px;
}
#about_banner p {
  padding: 20px 0;
  line-height: 1.8em;
      font-size: 12pt;
    font-family: Lato,sans-serif;
}
#about_banner a {
color: #c29b5d;
font-style: italic;
font-family: ui-monospace;
}

.about_banner_text{
    height: 939px;
    background: rgb(252, 248, 237);
}
@media (min-width: 340px) and (max-width: 1023px) {
#about_banner .container{
    width: 100% !important;
    height: 100% !important;
  }
  .about_banner_text{
    height: auto !important;
  }
  .col-left, .col-right{
    height: 100% !important;
    width: 100%;
  }
  .col-left .img-responsive{
    width: 100%;
  }
  .col-right .img-responsive{
    width: 100%;
  }
  #testimonial .media h1, #testimonial2 .media h1, #pricing-table h1, #portfolio h1{
    font-size: 30px !important;
    margin-left: 0px !important; !important;
    text-align: left !important;
  }
  #portfolio .col-md-6:nth-of-type(1){
    min-width: 100% !important;
    min-height: 100% !important;
    display: flex;
  }
  #blog {
    display: contents !important;
  }
}
.shlok-principal{
  background: url(../img/shlok-principal.webp) no-repeat 0px -30px;
    height: 960px;
    position: absolute;
    top: 0;
    width: 100%;
    background-size: cover;
}
.no-padding{
  padding: 0px;
}
.colorBGUnderlay{
      height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  background-color: radial-gradient(circle at 3.6751302083333335% 6.940104166666666%, #4D6001 0%, 11.55%, rgba(77,96,1,0) 35%), radial-gradient(circle at 92.96712239583333% 9.554036458333332%, #FAAA63 0%, 17.5%, rgba(250,170,99,0) 35%), radial-gradient(circle at 95.20670572916666% 90.48177083333333%, #C9C6FF 0%, 34.1%, rgba(201,198,255,0) 55%), radial-gradient(circle at 4.313151041666666% 93.34635416666667%, #97B49D 0%, 29.900000000000002%, rgba(151,180,157,0) 65%), radial-gradient(circle at 46.555989583333336% 11.50390625%, rgba(214,222,72,0.99) 0%, 25%, rgba(214,222,72,0) 50%), radial-gradient(circle at 51.121419270833336% 89.98697916666667%, #93C3FF 0%, 42%, rgba(147,195,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
  background-image: radial-gradient(circle at 3.6751302083333335% 6.940104166666666%, #4D6001 0%, 11.55%, rgba(77,96,1,0) 35%), radial-gradient(circle at 92.96712239583333% 9.554036458333332%, #FAAA63 0%, 17.5%, rgba(250,170,99,0) 35%), radial-gradient(circle at 95.20670572916666% 90.48177083333333%, #C9C6FF 0%, 34.1%, rgba(201,198,255,0) 55%), radial-gradient(circle at 4.313151041666666% 93.34635416666667%, #97B49D 0%, 29.900000000000002%, rgba(151,180,157,0) 65%), radial-gradient(circle at 46.555989583333336% 11.50390625%, rgba(214,222,72,0.99) 0%, 25%, rgba(214,222,72,0) 50%), radial-gradient(circle at 51.121419270833336% 89.98697916666667%, #93C3FF 0%, 42%, rgba(147,195,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
  --bg-gradient:    radial-gradient(circle at 3.6751302083333335% 6.940104166666666%, #4D6001 0%, 11.55%, rgba(77,96,1,0) 35%), radial-gradient(circle at 92.96712239583333% 9.554036458333332%, #FAAA63 0%, 17.5%, rgba(250,170,99,0) 35%), radial-gradient(circle at 95.20670572916666% 90.48177083333333%, #C9C6FF 0%, 34.1%, rgba(201,198,255,0) 55%), radial-gradient(circle at 4.313151041666666% 93.34635416666667%, #97B49D 0%, 29.900000000000002%, rgba(151,180,157,0) 65%), radial-gradient(circle at 46.555989583333336% 11.50390625%, rgba(214,222,72,0.99) 0%, 25%, rgba(214,222,72,0) 50%), radial-gradient(circle at 51.121419270833336% 89.98697916666667%, #93C3FF 0%, 42%, rgba(147,195,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}
.principal-content{
  padding:50px 30px;
  font-family: 'Raleway', sans-serif;
}
.principal-content h3{
color: #fff;
font-size: 30px;
line-height: 1.5em;
padding-top: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}

.principal-content p{
  color: #1a1a1a;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  margin-top: 32px;
  font-size: 12pt;
  max-width: 450px;
  line-height: 1.5em;
}
p.small {
    font-family: 'Raleway';
    font-weight: 700;
  margin-top: 60px;
  font-size: 11pt;
}
#portfolio {
/*  padding: 100px 0;*/
  min-height: 930px;

}
#portfolio  h1 {
  margin-left: 75px;
  text-align: left;
  font-family:Raleway,sans-serif !important;
  font-size: 60px;
}
#portfolio h2{
  color: black;
  font-size: 13pt;
}
#portfolio h3{
  color: black;
  font-size: 22pt;
}
#portfolio .bar_line {
  border-bottom:  solid 3px #000;
  width: 250px;
  line-height: 0;
}
#portfolio .col-md-6:nth-of-type(1){
  min-height: 1008px;
}
#portfolio .col-md-6:nth-of-type(2){
  min-height: 1008px;
  background-color:rgb(209,209,209);
}
#testimonial,#testimonial2{ padding:40px 0px; }
#testimonial .col {
  position: relative;
  overflow: hidden;
}
#testimonial .col:first-of-type {
    border: solid #dedede;
    border-width: 0 1px 0 0;
}
#testimonial .media h1 {
    font-family:Raleway,sans-serif !important;
    font-size: 60px;
    text-align: right;
}
#testimonial2 .media h1 {
    font-family:Raleway,sans-serif !important;
    font-size: 60px;
    text-align: right;
}
.mediabody p {
    font-family:Raleway,sans-serif !important;
    font-size: 20px !important;
    padding-bottom: 20px;
}
.mediabody p.red_text {
    color: #FF4040 !important;
}
.mediabody p.orange_text {
    color: #EE8900 !important;
}
.mediabody p.blue_text {
    color: #008AFC !important;
}
.mediabody p.purple_text {
    color: #8D54EC !important;
}
.chakra_text{
  font-family:Raleway,sans-serif !important;
  font-size: 18px !important;
  line-height: 2em;
}
/*#testimonial .media .media-left a:before {
  content: "\f347";
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  font-family: "Ionicons";
  background: #282626;
  text-align: center;
  color: #fff;
  font-size: 13px;
  padding-top: 2px;
}*/

#testimonial .media .mediabody {
  padding-top: 5px;
}
#testimonial .media .mediabody h4 {
  color: #FF6161;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16pt;
}
#testimonial .media .mediabody p {
  font-size: 12pt;
  font-family: 'Lato', serif;
  color: #787878;
}
#testimonial .media .mediabody .btn {
  margin-top: 30px;
  color: #FF6161;
  font-weight: 500;
  border-color: #FF6161;
}

#team {
  padding: 80px 0 180px;
  background: url(../img/sports-shlok.webp) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  text-align: center;
  padding: 100px 0;
}
#team .block {
  position: relative;
  border:3px solid transparent;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  transition: .4s all;
}

#team .block {
  border: 3px solid #282626;

}
#team .title h2 {
  color: #fff;
  text-shadow: 1px 1px 1px black;
}
#team .block .team-overlay {
  bottom: 0;
  opacity: 1;
}
#team .team-overlay {
  background: rgba(255, 255, 255, 1);
  color: #fff;
  text-align: center;
  padding: 48px 50px;
  bottom: -150px;
  left: 0;
  width: 100%;
  height: 100%;
  
  transition: 0.3s;
}
#team .team-overlay h3,
#team .team-overlay span {
  color: #333;
}
#team .team-overlay span {
  display: block;
  font-size: 13px;
  padding-top: 10px;
}
#team .team-icon {
  color: #fff;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 20px 28px;
  line-height: 1;
    margin-top: -50px;
    margin-left: -40px;
  border-radius: 100%;
  display: inline-block;
  background: #282626;
  position: absolute;
  font-size: 30pt;
}
#team .team-overlay p {
  font-size: 12pt;
  line-height: 1.8em;
  color: #707a8a;
  margin-top: 30px;
  
}
#team .team-overlay .media {
  margin-top: 10px;
}
#team .team-overlay .media a {
  font-size: 12px;
  color: #fff;
  transition: 0.3s;
  margin: 0 10px;
}
#team .team-overlay .media a:hover {
  color: #282626;
}
#pricing-table{
  margin-top:30px;
}
#pricing-table .title {
  margin-top:50px;
  padding-bottom: 0;
}
#pricing-table h1 {
  text-align: right;
  font-family:Raleway,sans-serif !important;
  font-size: 60px;
}
#pricing-table .title p {
  color: #707a8a;
}
#pricing-table .title h2:before, #pricing-table .title h2:after {
  background: #fff;
}
#pricing-table .block {
  color: #fff;
}
#pricing-table .block ul {
  border: 1px solid #fff;
  padding: 35px 0;
}
#pricing-table .block ul li {
  padding: 10px 0;
}
#pricing-table .block ul li p {
  text-transform: uppercase;
}
#pricing-table .block ul li:first-child {
  margin-bottom: 26px;
}
#pricing-table .block ul li:first-child h4 {
  padding-bottom: 29px;
  font-size: 20px;
}
#pricing-table .block ul li:first-child p {
  font-size: 40px;
  line-height: 1;
  font-weight: 600;
}
#pricing-table .block ul li:first-child p span {
  font-size: 16px;
  font-weight: 300;
}
#pricing-table .block ul li:last-child {
  color: #fff;
  margin-top: 25px;
}
#team .block .btn-buy {
  border-color: #fff;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  transition: 0.3s;
  background: #fff;
  color: #282626;
}

#pricing-table .btn{
  margin-bottom:30px;
}
#team .block .btn-buy {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
#pricing-table .block:hover {
  background:rgba(255, 255, 255, 0.17);
}
#team .block:hover .btn-buy {
  background: #000;
  border-color: #ddd;
  color: #fff;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}
#contact-form {
  padding: 50px 0;
  background:#f9f9f9;
}
#contact-form .title h2{
  padding-bottom: 0px;
}
#contact-form .title h3{
  padding-bottom: 20px;
}
#contact-form .title p{
  line-height: 24pt;
}
#contact-form form input,
#contact-form form textarea {
  padding: 24px 20px 0;
  border-color: #282626;
  border-radius: 5px;
  font-size: 14px;
  color: #97a0af;
  box-shadow: none;
}
#contact-form form input {
  margin-bottom: 15px;
  padding: 24px 27px;
}
#contact-form form textarea {
  margin-bottom: 28px;
  min-height: 172px;
  resize: none;
}
#contact-form form button {
  float: right;
  color: #fff;
  font-size: 16px;
  padding: 17px 43px;
  background: #282626;
  border-radius: 40px;
  font-weight: 600;
  border-color: transparent;
  transition: 0.3s;
}
#contact-form form button:hover {
  background: none;
  color: #282626;
  border-color: #282626;
}
footer {
  background: #202322;
  padding: 20px 0;
  text-align: center;
}
#html5-watermark {
    display: none !important;
}
footer p {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  padding-top: 26px;
}
/* Image style */
#scrollUp {
    background-image: url("../img/top.png");
    bottom: 30px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
    text-indent: -9999px;
}
/* =====================
   Blog Post
   ===================== */


#blog {
  background: #f1f1f1;
  padding: 50px 0;
  display: flex;
}
#blog-post .block {
  background: #fff;
  margin:0 5px;
}

#blog-post  .content {
  padding:30px 25px; 
  text-align: center;
}
#blog-post .content h4 {
  text-transform: capitalize;
  position: relative;
  margin: 20px 0 10px;
  padding: 10px 0;
}
#blog-post .content h4 a {
  color: #333;
}
#blog-post .content h4 a:hover {
 color: #282626; 
}
#blog-post .content h4::before {
    content: '';
    position: absolute;
    left: 45%;
    top: -6px;
    width: 30px;
    height: 2px;
    background-color: #282626;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
#blog-post .content small {
  color: #999;
}
#blog-post .content p {
  margin-top: 10px;
  color: #777;
}
.btn-read {
  background: #282626;
  color: #fff;
  padding:10px 20px;
  font-size: 13px;
  margin-top: 15px;
  border-radius: 25px;
}
.btn-read:hover{
  color: #fc403e;
}
/* =====================
   Blog Page
   ===================== */



#blog-left{
  padding: 130px 0;
}

#blog-left .blog-img .col-md-12{
  margin-bottom: 4% ;
}

#blog-left .block{
      margin: 5.5% 0 ;
}

#blog-left .block span{
  display: block;
  margin: 3% 0 ;
  color: #333 ;
  font-size: 15px ;
  line-height: 22px ;
  /*font-family: 'Roboto', sans-serif;*/
}

#blog-left .block .first-child{
    margin: 5.5% 0 ;
}

#blog-left .block p{
    font-size: 13px;
    color: #888;
    line-height: 23px;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
    /*font-family: 'Roboto', sans-serif;*/
}

#blog-left .block blockquote{
    border-left: 0 none;
    margin-bottom: 30px;
    padding: 46px;
    background-color: #f6f6f6 ;
}

#blog-left .block blockquote p{
  margin: 0 0 5.5% ;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #626262;
}

#blog-left .block blockquote p:before{
    color: #333;
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 50px;
    margin-right: 10px;
}

#blog-left .block blockquote .footer{
  color: #000 ;
}

#blog-left .block blockquote .footer:before{
  content: '\2014 \00A0';
}

#blog-left .block .tags{
  margin: 0 0 6.5% ;
}

#blog-left .block .tags h5{
    font-size: 18px ;
    line-height: 27px ;
    color: #333 ;
}

#blog-left .block .tags a{
  font-size: 11px ;
  line-height: 20px;
  display: inline-block ;
  color: #272727;
  text-decoration: none;
}

#blog-left .block .blog-comment{
  padding: 5.5% ;
  background-color: #f6f6f6;
}

#blog-left .block .blog-comment .comment-img{
    float: left;
    margin-right: 35px;
    max-width: 100px;
}


#blog-left .block .blog-comment .comment-text a{
  color: #333;
  margin: 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

#blog-left .block .blog-comment .comment-text span{
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  color: #626262;
  margin: 0 0 10px;
}


#blog-left .block .media-link{
  text-align: center;
  padding: 5.5% 0;
  border-bottom: 4px solid #282626;
}

#blog-left .block .media-link a i{
    font-size: 24px;
    line-height: 28px;
    color: #373737;
    margin: 0 0 0 5.5%;
}

#blog-left .blog-comment-main{
  padding-bottom: 7%;
  margin-bottom: 7%;
  border-bottom: 4px solid #282626;
}

#blog-left .blog-comment-main .blog-comment .comment-img{
    float: left;
    margin-right: 35px;
    margin-top: 10px;
    max-width: 100px;
}

#blog-left .blog-comment-main .comment-text{
  overflow: hidden;
}

#blog-left .blog-comment-main .comment-text .title,
#blog-left .blog-comment-main .comment-text span{
  color: #333;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
}

#blog-left .blog-comment-main .comment-text .title:after{
    content: "/";
    padding: 0 10px;
    font-weight: 500;
}

#blog-left .blog-comment-main .comment-text p{
  margin: 2% 0;
  font-size: 13px;
  color: #626262;
  line-height: 23px;
}

#blog-left .blog-comment-main .comment-text .btn{
  font-size: 9px;
  padding: 4px 12px 3px;
  border: 2px solid #282626;
  color: #fff;
  display: inline-block;
  background-color: #282626;
  width: auto;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  letter-spacing: 1px;
}

#blog-left .blog-comment-main .comment-text .btn:hover{
  border: 2px solid #373737;
  color: #373737;
  background-color: transparent;
}

#blog-left .blog-comment-main .sub-blog-comment{
  margin: 30px 0 30px 40px;
  padding: 4% 0;
}

#blog-left .blog-comment-main .sub-blog-comment .comment-img{
    float: left;
    margin-right: 35px;
    margin-top: 10px;
    max-width: 100px;
}

#blog-left .addcomment span{
  margin: 0 0 5.5%;
  display: block;
  font-size: 18px;
  line-height: 27px;
  color: #333;
}

#blog-left .addcomment .blog-comment-form form input, textarea{
  padding: 18px 25px;
  border: 2px solid rgba(0,0,0,.1);
  font-size: 14px;
  height: auto;
  margin: 0 0 20px 0;
  border-radius: 0;
  transition: 0.8s;
}

#blog-left .addcomment .blog-comment-form form input:focus{
  border: 2px solid #282626 ;
  box-shadow: none;
}

#blog-left .addcomment .blog-comment-form form textarea{
  border-radius: 0;
  padding: 18px 25px;
  min-height: 100px;
  border: 2px solid rgba(0,0,0,.1);
}

#blog-left .addcomment .blog-comment-form form textarea:focus{
  box-shadow: none;
  border: 2px solid #282626;
}

#blog-left .addcomment .blog-comment-form form button{
  font-size: 14px;
  padding: 10px 22px;
  letter-spacing: 1px;
  border: 2px solid #282626;
  color: #fff;
  background-color: #282626;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
}

#blog-left .addcomment .blog-comment-form form button:hover{
  background-color: transparent;
  border: 2px solid #282626;
  color: #282626;
}

#blog-left .widget{
  margin: 0 0 10.5%;
}

#blog-left .widget form i{
    cursor: pointer;
    position: absolute;
    right: 19px;
    top: 12px;
    z-index: 998;
}

#blog-left .widget form input{
    color: #949494;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 8px 15px;
    padding-left: 0;
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 100%;
    resize: none;
    transition: 0.8s;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 1px;
    font-size: 11px;
}

#blog-left .widget form input:focus{
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
}

#blog-left .widget span{
  font-size: 15px;
  line-height: 22px;
  color: #333;
  display: block;
  margin-bottom: 7%;
  padding-bottom: 7%;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
#blog-left .widget span:before{
  content: "";
  position: absolute;
  bottom: 0;
  background: #282626;
  width: 30px;
  height: 4px;
}

#blog-left .widget .widget-body ul li{
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 12px;
  margin-bottom: 10px;
  color: #ababab;
}

#blog-left .widget .widget-body ul li a{
  letter-spacing: 1px;
  display: block;
  font-size: 11px;
  line-height: 20px;
  text-transform: uppercase;
  color: #333;
  font-family: "Montserrat",sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
}

#blog-left .widget .widget-body ul li .items{
  text-transform: none;
  font-weight: 600;
  font-size: 12px;
}

#blog-left .widget .widget-body ul li:last-child{
  border: 0;
}

#blog-left .widget .widget-body .title{
  margin: 0;
  margin-top: 11.5%;
  padding: 0;
  text-align: left;
}

#blog-left .widget .widget-body .title:before{
  display: none;
}

#blog-left .widget .widget-body p{
  font-size: 13px;
  color: #626262;
  line-height: 23px;
  letter-spacing: 0.02em;
  color: #626262;
}

#blog-left .sidebar-tags a{
  padding: 2px 10px;
  display: inline-block;
  color: #373737;
  margin: 0 8px 10px 0;
  background-color: #f6f6f6;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  font-family: "Montserrat",sans-serif;
  letter-spacing: 0.02em;
}

#blog-left .sidebar-tags a:hover{
  background-color: #000;
  color: #fff;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
}

.center-icon{
  width:61px;
  width: 61px;
  height: 61px;
  background-size: 61px;
  margin-left: calc(50% - 30.5px);
  display: flex;
}
.text-center1{
  background-image: url("../img/img1.webp");
}
.text-center2{
  background-image: url("../img/img2.webp");
}
.text-center3{
  background-image: url("../img/img3.webp");
}
.header-shrink{
    padding: 5px 0;
    transition:all 0.5;
}
.logo-shrink img{
  width: 150px;
  height: 50px;
  transition:all 0.5;
}
.navbar.shrink{
  margin-top: 0px;
  transition:all 0.5;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
#carousel{
  height: 420px;
}
#carousel .cloud9-item, #buttons button {
  cursor: pointer;
}
/*.cloud9-item { opacity: 0.8; } .cloud9-item[style*="scale(1)"] { opacity: 1; }*/
.social-links{
  margin-top:20px;
}
.social-links .ion{
  position: absolute;
  margin-left: -10px;
}
.social-links .ionf{
  position: absolute;
  margin-left: -5px;
}
.btn-social{
  margin:5px;
    background: #fff;
    color: #000;
    border-radius: 28px;
    padding: 5px 20px;
    font-size: 19pt;
}