/* @font-face {
  font-family: SanFranciscoPro;
  src: url(assets/font/sfpro.otf);
} */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background: #ababab;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box; // <== make the border work
}

::-webkit-scrollbar-thumb:hover{
  border: 0;
}

::-webkit-scrollbar-track {
  background: transparent;
}

body,html{
  overflow-x: hidden!important;
  font-weight: 300;
}
html:lang(en-EN) {
  font-family: SanFranciscoPro, BlinkMacSystemFont, sans-serif;
}
body:lang(hy-AM){
  font-family: 'Noto Sans Armenian';
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}
p{
  color:#000!important;
}
.btn{
  border-radius: 25px;
}
.h2{
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: none;
}
.h2>i{
  font-size: 2rem;
  font-weight: 300;
}

.bg-dark{
  background-color: unset;
  background-color: #2a2d32;
}

nav>div{
  justify-content: end;
}
.navbar-dark .navbar-toggler{
  color: #FFF;
  outline: none;
  border: none;
}
.navbar-dark .navbar-toggler:hover{
  opacity: 0.7;
}
.dropdown-lang{
  left:unset;
  right: 0;
}
.dropdown-lang{
  background-color: #2a2d32;
  left:unset;
  right: 0;
  padding: 0;
}

.dropdown-lang .dropdown-item{
  color:#fff;
}
.dropdown-lang .dropdown-item:hover{
  color:#000;
}
.navbar-dark .navbar-nav .nav-link{
  font-size: 14px;
  font-weight: 400;
  
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: #51B3FF;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
  color:#49a2e7;
/*
  border: 0.5px #fff solid;
  border-radius: 20px;
*/
}
.slider p{
  color:#fff;
}
.slider{
  height: 100vh;
  margin-top: 1px;
  background-color: #000;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px #2a2d32;
}
#slider{
  transform: scale(1.01);
}
.pp{
  background: transparent;
  text-align: center;
  flex: 1;
  transition:  flex 0.7s ease-in-out;
  overflow: hidden;
}
.pp > p{
  color: #fff!important;
}
.pp1{
  object-position: left;
  object-fit: cover;
}
.pp2{
  object-fit: cover;
}
.pp3{
  object-position: right;
  object-fit: cover;
}
.pp>img{
  height: 100%;
  width: 100%;
  opacity: 0.7;
  box-shadow: 0px 1px 10px 0px #2a2d32;
}
.spp{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 80vh;
  top: -60px;
  position: relative;
}
.pp:hover {
  flex: 4;
}
.pp:hover img{
/*  opacity: 0.4*/
}
.pp:hover p, .pp:hover h3{
  top:-60%;
  opacity: 1;
  transition: all .5s ease-in-out .2s;
  -webkit-transition: all .5s ease-in-out .2s; 
  -moz-transition: all .5s ease-in-out .2s;
}
.pp>h3{
  top:-50%;
  position: relative;
  color: #fff;
  z-index: 999;
  transition: all .5s ease-in-out .2s;
  -webkit-transition: all .5s ease-in-out .2s; 
  -moz-transition: all .5s ease-in-out .2s;
}
.pp>p{
  top:-50%;
  opacity: 0;
  position: relative;
  color:#fff;

}
.ppb{  
  top:-50%;
  position: relative;
  z-index: 999;
  color: #fff;
  border: 1px #fff solid;
  border-radius: 20px;
  background-color: transparent;
}

.ppb:hover{
  color: #2a2d32;
  border: 1px #2a2d32 solid;
  background-color: #fff;
}
.text-past-blue{
  color: #49a2e7;
}
.spp-section{
  position: relative;
  overflow: hidden;
  background: url(../../img/bg-footer.jpg);
  background-position: center;
  background-size: cover;
  box-shadow: 0px 0px 20px 0px #2a2d32;
}
.head-rel{
  position: relative;
  top:50px;
  z-index: 5;
}
.font-12{
  font-size: 12px;
}
.carousel-item>img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  opacity: 0.6;
}
.caption-inner>h5{
  font-size: 2.5rem;
  
}
.caption-inner>h4{
  font-size: 4rem;
  
}
.caption-inner>p{
  font-size: 14px;
  word-wrap: break-word;
  color: #fff!important;
}
.caption-inner{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-caption{
  height: 100%;
}
.circle-whatsapp{
  background: #2a2d32;
  color: white;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  padding: 0.8rem;
  transform: scale(.7);
  font-size: 3.5rem;
  display: flex;
  justify-content: center;
}
.circle-phone{
  background: #0099ff;
  color: white;
  width: 90px;
  height: 90px;
  position: relative;
  border-radius: 100px;
  text-align: center;
  padding: 1rem;
  transform: scale(.7);
}
.chat-call{
  padding: 0;
}
.circle-phone-a{
  position: fixed;
  right: 1rem;
  bottom: 1rem;;
  display: flex;
  width: 90px;
  z-index:995;
}
.circle-whatsapp-a{
  position: fixed;
  left: 1rem;
  bottom: 1rem;;
  display: flex;
  width: 90px;
  z-index:995;
}
.rotate{
  position: fixed;
  z-index: 9999999999;
  width: 100%;
  height: 100vh;
  background-color: #2a2d32;
  text-align: center;
  display: none;
}
.rotate>img{
  position: relative;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  filter: invert(.7);
}

.f-img-in {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.f-img-in:hover {
  opacity: 0.6;
}
.owl-carousel{
  margin-top: 2rem;
  height: 75vh;
}
.owl-img{
  position: absolute;
  top: 0;
  left: 0;
  height: 90%;  
  opacity: 0.7;
}

.owl-carousel .owl-item .item{
  height: 60vh;
}
.owl-item{
  border: #fff solid 1px;
  border-radius: 20px;
}

.owl-item-inside{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.owl-item-inside>h3{
  color: #fff;
}
.owl-item-inside>p{
  color: #fff!important;
}



.footer{
  position: relative;
  z-index: 2;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: url(../../img/bg-footer.jpg); 
}
.footer h1,h2,h3{
  color: #fff;
  text-transform: uppercase;
}
.footer a{
  color:#fff;
}
.footer a:hover{
  color: #fff;
  opacity: 0.6;
  text-decoration: none;
}
.footer h4{
  /* color: #49a2e7!important; */
}
.footer p{
  /* color: #49a2e7!important; */
}
.icon-pentagon{
  background: #49a2e7;
  display: inline-block;
  height: 26px;
  width: 40px;
  position: relative;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.icon-pentagon:before{
  border-bottom: 10px solid #49a2e7;
  border-left: 20px solid rgba(0, 0, 0, 0);
  border-right: 20px solid rgba(0, 0, 0, 0);
  top: -10px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.icon-pentagon:after{
  border-top: 10px solid #49a2e7;
  border-left: 20px solid rgba(0, 0, 0, 0);
  border-right: 20px solid rgba(0, 0, 0, 0);
  bottom: -10px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.call-back{
  color: #fff;
  margin-top: 1rem;
  background: transparent;
  border:#727272 1px solid;
  border-right: none;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.call-back:focus{
  background: transparent;
  outline: none;
  box-shadow: none;
  border: 1px solid #2a2d32;
  border-right: none;
  color: #fff;
}
.send-callback2{
  margin-top: 1rem;
  background: #49a2e7;
  color: #fff;
  border-bottom-left-radius: 0!important;
  border-top-left-radius: 0!important;
}
.send-callback{
  width: 80px;
  margin-top: 1rem;
  border: 1px solid #727272;
  border-left: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: transparent;
  color: #fff;
}
.call-back2:focus{
  background: transparent;
  outline: none;
  box-shadow: none;
  border: 1px solid #2a2d32;
  border-right: none;
}
.send-callback:hover{
  background: #49a2e7;
}
.call-back::placeholder{
  color: #fff;
  opacity:0.7;
}
.call-back:-ms-input-placeholder {
  color: #fff;
  opacity:0.7;
}
.call-back::-ms-input-placeholder {
  color: #fff;
  opacity:0.7;
}
.back-to-top{
  position: fixed;
  right: 2.5rem;
  z-index: 99999;
  bottom: 7rem;
  opacity: 0.7;
  display: none;
}
.back-to-top>button{
  border-radius: 50px;
}
.about-us-icon{
  width: 45px;
  position: relative;
  top: -4px;
}
.about-us p{
  color:#000;
}
.about-text-div{
  text-align: justify;
  text-justify: inter-word;
}
.about-btn{
  transition: all 1s;
  color: #fff;
  background-color: #2a2d32;
  border: 1px solid #2a2d32;
  border-radius: 20px;
}
.about-btn:hover{
  transition: all 1s;
  color:#000;
  background: transparent;
}
.about-inside{
  background: url("../../img/about-bg.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
}

.order-main{
  background: url(../../img/bg4.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding-top: 7rem;
  padding-bottom: 7rem;
  max-height: 330px;
}
.order-black{
  width: 100%;
  height: 330px;
  position: absolute;
  z-index: 0;
  background: #000;
  opacity: 0.7;
}

.btn-slider{
  color: #fff;
  border: 0.5px solid #fff;
  border-radius: 25px;
  background: transparent;
}
.btn-slider:hover{
  color: #fff;
  background: #2a2d32;
  border: 0.5px solid #2a2d32;

}

.btn-sign-in{
  color:#fff;
  border: 1px solid #49a2e7;
  border-radius: 25px;
  
}

.btn-sign-in:hover {
  background: #49a2e7;
  border: 1px solid #49a2e7;
  border-radius: 25px;
}
.btn-sign-in:hover > .nav-link {
  color: #fff!important;
}

.lesson-card{
  border: none;
}

.lesson-card-header{
  background: transparent;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center!important;
  border: none;
  border-bottom: 0.5px solid #000;
  height: 180px;
}
.lesson-card-body>h4{
  padding-bottom: .5rem;
  border-bottom: .5px solid #000;
}
.lesson-card-body-black>h4{
  padding-bottom: .5rem;
  border-bottom: .5px solid #fff;
}

.lesson-card-footer{
  border: none;
  background: transparent;
  padding: 0;
}

.llb{  
  top:-50%;
  color: #2a2d32;
  border: 1px #2a2d32 solid;
  border-radius: 20px;
  background-color: transparent;
  transition: all .5s;
}

.llb:hover{
  color:#fff;
  border: 1px #2a2d32 solid;
  background-color: #2a2d32;
  transition: all .5s;
}

.page-map{
  width: 100%;
  height: 300px;
  display: flex;
  align-items: end;
  justify-content: center;
  box-shadow: 0px 0px 20px 0px #2a2d32;
}

.page-map-text > .breadcrumb{
  background: transparent;
}

.page-map-text > ul > li+li:before{
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.page-map-text > ul > li{
  color: #fff;
  padding-right:5px;
}
.page-map-text > h1{
  color:#fff;
  text-transform: none!important;
  text-align: center;
}


.contact-section{
  margin: 5rem 0 5rem 0;
}
.contact-info > p > i{
  color:#000;
  width: 20px;
}
.contact-info > p > a{
  color:#000;
  text-decoration: none;
}

.contact-info > p > a:hover{
  opacity: .7;
}
.contact-info > h3{
  color: #000;
}

.text-black{
  color: #000!important;
}
.text-white{
  color:#fff!important;
}
.text-white-50{
  color:#fff!important;
  opacity: .7;
}
.ss-sent > h3{
  color: #000;
}
.ss-sent > p{
  color: #000;
}
.post-section{
/*  padding: 5rem 0 5rem 0;*/
}

.item>.card{
  border-radius: 20px;
  height: 100%;
}
.item>.card>.card-footer{
  background: #fff;
  border: none;
  padding: 0;
  position: relative;
  z-index: 1;
}
.item>.card>.card-body{
  border-radius: 20px;
}
.item>.card>.card-body>.body-black{
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: .6;
  border-radius: 20px;
}
.item>.card>.card-body>.body-content>.bottom{
  margin: 1rem 0 0 0;
  
}
.item>.card>.card-body>.body-content>p{
  color:#fff!important;
}
.item>.card>.card-body>.body-content{
  position: relative;
  color:#fff;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
}

.btn-owl{
  background: transparent;
  color:#fff;
  border: 1px solid #fff;
  border-radius: 25px;
  transition: all 1s;
}

.btn-owl:hover{
  background: #fff;
  color:#000;
  transition: all 1s;
}

.owl-product-page>h2{
  color:#000;
  text-align: center;
}
.single-product-sell{
  
}
.single-product-sell > .card {
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.single-product-sell > .card > .card-body >.row > .col-md-6 > p{
  color:#fff;
  padding-right: 1rem;
  padding-left: 1rem;
}
.single-product-sell > .container > .card > .card-body >.row > .col-md-6 > h3{
  text-align: right;
}
.sign-in-btn{
  border: 1px solid #49a2e7;
  border-radius: 25px;
  color:#fff;
  transition: all .5s;
}
.sign-in-btn:hover{
  background: #49a2e7;
  color: #fff;
  transition: all .5s;
}
.single-product-sell> .container > .card{
  border:0;
  background-position: center!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
}
.body-bg-card{
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: .6;
}
.special-offer-box>a:hover{
  color: #fff;
  text-decoration: none;
  opacity: .8;
}
.special-offer-box{
  display: flex;
  flex-direction: column;
  align-self: end;
}
.social-icons-text{
  display: flex;
  flex-direction: column;
  align-self: center;
}
.post-section>.slider>#slider>.carousel-inner>.carousel-item{
  height: 50vh!important;
}
.post-section>.slider{
  height: 50vh!important;
}

.post-section>.slider>#slider{
  height: 50vh!important;
}
.container>p{
  color: #000;
}
.vote>p{
  color: #fff!important;
  text-align: center;
}
.vote>h3{
  color: #fff;
  text-align: center;
}
.vote{
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: url(../../img/bg-footer.jpg);
}
.like-btn{
  background: transparent;
  color:#fff;
  border-radius:25px;
  border:1px solid #49a2e7;
  transition: all 1s;
}
.like-btn:hover{
  background: #49a2e7;
}
.dislike-btn{
  background: transparent;
  color:#fff;
  border-radius:25px;
  border:1px solid red;
  transition: all 1s;
}
.dislike-btn:hover{
  background: red;
}
.btn-sn{
  border-radius: 25px;
}
.pointer{
  cursor: pointer;
}
@media (pointer:none), (pointer:coarse) {
  @media screen and (orientation:landscape)  {
    .rotate{
      display: block;
    }
  }
  @media screen and (orientation:portrait) {
    .rotate{
      display: none;
    }
    .order-main{
  background: url(../../img/bg4.jpg);
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;

    }
  }

}
@media screen and (max-width: 767px){
  .container {
    max-width: unset;
  }
}
.footer-social{
  display: initial;
}
.copyright{
  margin-bottom: 5rem;
}

.search-text:focus, .input-group:focus-within .search-text{
  outline: none;
  box-shadow: none;
  border: 1px solid #2a2d32;
  border-right: none;
}
.search-text:focus, .input-group:focus-within button{
  outline: none;
  box-shadow: none;
  border: 1px solid #2a2d32;
  border-left: none;
/*
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
*/
}
.search-text{
  border-right: none;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.btn-search:focus{
  box-shadow: none;
  border: none!important;
}
.btn-search:hover{
  background: #2a2d32;
  color: #fff;
  transform: all 1s;
}
.btn-search{
  color: #2a2d32;
  border: 1px solid #ced4da;
  border-left: none!important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: transparent;
  height: 38px;
  transform: all 1s;
}
.blog-left{
  padding-left: 0;
  padding-right: 0;

  .card{
    border:none;
  }
  .card-body{
    border:none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .card-header{
    background:transparent;
    border:none;
  }
  .blog-list{
    list-style: none;
    padding: 0;
  }
  .blog-list p{
    color:#000;
    text-align: justify;
    font-size: 13px;
    max-height: 100px;
    overflow: hidden;
    opacity: .6;
  }
  .blog-list li{
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ced4da;
  }
  .blog-list span{
    font-size: 18px;
  }
 .h5{
    border-bottom: 1px solid #ced4da;
    width: fit-content;
  }
  .h5 > .fa{
    width: 20px;
  }
  .blog-list-category{
    list-style: none;
    padding: 0;
  }
}
.footer{
  padding-right: 2rem;
  padding-left: 2rem;
}
.pages{
  justify-content: center;
  display: flex;
  align-items: center;
}


.dropdown-search{
  position: absolute;
  left: unset;
  right: 0;
  width: 100%;
  min-width: 300px;
  padding: 0.5rem;
  background-color: transparent;
  border: none;
}
.top-search > .btn-search {
    color:#000;
    background: #ced4da;
}
.top-search > .btn-search:hover {
    color:#ced4da;
    background: #000;
}
.dropdown-search .search-text{
  color:#000!important;

}

@media (max-width: 768px) {
  .dropdown-search {
      width: 100vw;
      left: -90px;
      top: 30px;
  }
}
.blog-card-bg{
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 80%);
  width: 100%;
  height: 100%;
  top: -100%;

}
.blog-card-text{
  position: absolute;
  bottom: 0px;
  left:0;
  right: 0;
  padding: 0 1.8rem;
}
.blog-card-text p{
  color:#fff!important;
  font-size: 18px;
}
.blog-card-text a:hover  {
  text-decoration: none;
  opacity: .8;
}
.blog-card > img{
  width: 100%;
  aspect-ratio:1/1;
  object-fit: cover;
}
.user-avatar{
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.profile-closed{
  right: -400px!important;
  transition: all 1s;
}
.profile-fixed{
  position: fixed;
  height: 100vh;
  width: 300px;
  background: #2a2d32;
  top: 0;
  right: 0;
  transition: all 1s;
}
.profile-fixed-top{
  height: 70px;
  display: flex;
  align-items: center;
}
.close-profile:hover{
  opacity: .8;
}
.profile-fixed-name>span{
  opacity: .6;
  font-size: 12px;
}
.profile-fixed-name{
  color: #fff!important;
  margin: 0 0 0 .3rem;;
  line-height: .9;
  word-break: break-all;
}
.close-profile{
  color: #fff!important;
  cursor:pointer;
}
.profile-fixed-body{
  width: 100%;
  height: calc(100% - 50px);
  overflow: scroll;
}
.profile-fixed-body> ul{
  list-style: none;
  padding: 1rem 1rem;
  line-height: 2.5;
  
}
.profile-fixed-body> ul > li{
}
.profile-fixed-body> ul > li > a {
  color: #fff;
}
.profile-fixed-body> ul > li > a > i > span{
  background: #49a2e7;
  position: absolute;
  right: 1rem;
}
.profile-fixed-body> ul > li > a:hover {
  opacity: .8;
  text-decoration: none;
}
.profile-fixed-body> ul > li > a > i{
  width: 20px;
}
.faq-href{
  text-decoration: none;
}
.faq-ul{
  list-style: none;
  padding: 0;
}
.faq-ul > li{
  margin-bottom: 1rem;
}
.product-list p{
  color: #000;
}
.service-mobile>.head-rel>h2{
  font-size: 2rem;
}

.main-div{
  margin-top: 75px;
  padding-top: 1.5rem;
}
.main-div h1{
  font-size: 2rem;
  font-weight: 400;
}
.nav-badge:hover{
  color:#fff;
}
.nav-badge{
  color: #fff;
  background: #49a2e7;
  position: relative;
  top: -10px;
  left: -10px;
}
.nav-link:hover .nav-badge{
  color:#fff;
}
.nav-link > i{
  width: 20px;
}

.marketing-menu{
  text-align: center;
  color: #000;
  cursor: pointer;
}
.marketing-menu:hover{
  opacity: .6;
}
.marketing-menu:focus{
  box-shadow: none;
}
.marketing-menu.active{
   filter:
    brightness(1000%) grayscale(100%) /* To change the image color to the white */
    opacity(0.1) /* To apply the color all over the image */
    drop-shadow(0 0 0 #49a2e7) /* To apply my costum color */
    drop-shadow(0 0 0 #49a2e7) /* To apply my costum color more stronger */
    drop-shadow(0 0 0 #49a2e7)
    drop-shadow(0 0 0 #49a2e7)
    drop-shadow(0 0 0 #49a2e7);
  color: #49a2e7;
}
.marketing-menu > img{
  max-width: 100%;
  max-height: 65px;
  aspect-ratio:1/1;
}
.marketing-company-logo{
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%!important;
}
.list-group-item > i{
  width: 16px;
}
.media-body{
  word-break: break-all;
  word-wrap: break-word;
}
.uploaded-date{
  opacity: .6;
  font-size: .5rem;
  text-align: left;
  padding-left: 0.5rem;
  cursor: default;
}
.dropdown-item{
  cursor: pointer;
}

  .camera{
    position:relative;
    top: -30px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    padding-left: 1px;
  }
  .img-center{
    width:85px;
    height:85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border: 3px solid rgba(0, 0, 0, 0.2);
  }
.card .user-header .media img{
  border:0px;
}

.post-icons > img{
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.post-text > .col-12{
  line-height: 1;
  padding: 0;
  font-size: 1.5rem;
}
.post-text > .col-12 > span{
  font-size: .8rem;
  opacity: .8;
}
.post-text{
  opacity: 1;
  color: #fff;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,.8), transparent);
  display: flex;
  align-items: end;
  cursor: pointer;
}

.view-post{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
}
.view-post-bg{
  background: #000;
  width: 100%;
  height: 100%;
  opacity: .7;
  z-index: 0;
  position: absolute;
}

.post-img{
  max-width: 100%;
  max-height: 100%;
  background: #fff;
}

.view-post-img-bg{
  background: #fff;
  max-width: 100%;
  max-height: 100%;
}
.view-post-img{
  padding-top: 50px;
  text-align: center;
  max-height: 100vh;
}
.view-post > .container-fluid{
  width: 90%;
  position: relative;
  z-index: 1;
  height: 100vh;
  overflow: scroll;
  display: grid;
  align-items: center;
}
.view-post-texts{
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.view-post-text-bg{
  background: #fff;
  width: 100%;
  height: 100%;
}
.view-post-close{
  position: absolute;
  right: 0;
  padding: 1.5rem;
  cursor: pointer;
  color:#fff;
  z-index: 999999;
}

.view-post-text-bg > .card{
  overflow: scroll;
  height: 100%;
  min-height: 50vh;
}

.btn-square{
  border-radius: 0;
}
.send-comment:focus{
  box-shadow: none;
}

.round-comment{
  border-radius: 20px;
}
.comment-body{
  height: 10vh;
  overflow: scroll;
}
.trash-container{
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-text > .col-12 > i{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1rem;
} 
.profile-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins-modal-img{
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border: 1px solid #000;
}
.ins-table td{
  vertical-align: middle;
  line-height: 1.2;
}

.bg-past{
  background: #49a2e7!important;
}

.vote-login-first > h3 > a{
  text-decoration: none;
  color:#fff;
}

.vote-login-first > h3 > a:hover{
  opacity: .8;
  text-decoration: none;
  color:#fff;
}

@media (min-width: 576px){
  .modal-lg {
      max-width: 800px;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}




.call-recive.active{
  display: flex!important;
  opacity: 1;
  transition: all 1s;
}
.call-recive.active > div{
  opacity: 1;
  transition: all 1s;
}
.call-recive > div{
  width: 370px;
  border: .1px solid #fff;
  background: #2a2d32;
  border-radius: 25px;
  padding: 8px 13px 8px 13px;
  opacity: 0;
  transition: all 1s;
}
.call-recive{
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  transition: all 1s;
  background: rgba(0, 0, 0, .5);
}
.call-recive-img{
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 50px;
}
.call-name-and-img{
  display: flex;
  align-items: center;
  max-width: 300px;
}
.call-pick-btn{
    padding: 8px;
    background: #000;
    border-radius: 50px;
    background: #28a745;
    margin-right: 0.7rem;
    border: .1px solid #fff;
    transition: all .5s;
}
.call-pick-btn:hover{
  background: #008720;
  transition: all .5s;
}

.call-down-btn > i{
  transform: rotate(135deg);
}
.call-down-btn{
  padding: 8px;
  background: #000;
  border-radius: 50px;
  background: #dc3545;
  border: .1px solid #fff;
  transition: all .5s;
}
.call-down-btn:hover{
  background: #c30014;
  transition: all .5s;
}