body {
  /* font-family: poppins, 'Helvetica Neue', sans-serif, Helvetica, sans-serif; */
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
/* .parallax-window{
  background-color: rgba(0, 0, 0, 0.5)!important;
  
} */

.card {
  width: 22rems;
  height: 425.59px;
  position: relative;
  display: inline-block;
  
}
.card .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.card:hover .img-top {
  display: inline;
}

.persona{
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  border-radius: 10px;
}


.card-text{
font-weight: 600!important;
color: #585858;
text-align: center;
}

.modal-paragraph{
  font-size: 1.1rem;
  max-width: 800px;
  font-weight: 400;
  color: #222f3e;
  line-height: 36px;
  margin-block-end: 80px;
}
.modal-paragraph1{
  font-size: 1.1rem;
  font-weight: 400;
  color: #222f3e;
  line-height: 36px;
  margin-block-end: 80px;
}
.modal-para-title{
  color: #222f3e;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.navbar{
  min-height:72px;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.navbar-brand {
   margin-left: 32px;
   font-weight: 500;
}

#topheader .navbar-nav li.active > a {
	background-color: #11abb0;
	color: #fff;
  -webkit-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  font-weight: 500!important;
}
.navbar .navbar-nav .nav-link:hover {
    background-color: #11abb0e9;
    color: #fff;

  }

.bg-dark{
background-color: #000000!important;
  }

.navbar .navbar-nav .nav-link {
    padding: 1.5em 1em;
    transition: all 0.5s;
    font-weight: 300;
    color: rgb(156, 156, 156);
    
  }

  .container-fluid{
      padding: 0!important;
  }
  .parallax-window {
    min-height: 600px;
    background: transparent;

  }
  .test{
    background: transparent;
  }
  #my-carousel-bg{
    background-color: transparent;
    opacity: 2;
}
.my-title{
 color: #11abb0;

}
.my-subtitle{
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.carousel-item:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.5);
}
.title-main{
  color: #fff!important;
  font-size: 40px;
  text-align: center!important;
}
.carousel-item{
  max-height: 800px;
}
.carousel-caption{
  transform: translateY(-50%);
  bottom: initial;
  top: 50%;
  
}
.myfocus{
  background-color: #131516;
  color: #737373;
  padding-top: 180px;
  line-height: 2;
}
.Title{
  color: #fff;
}
.subtitle{
 color:  #11abb0;
}
.num{
  color:  #11abb0;
}
.para{
  font-weight: 300;
  font-size: 1.1rem;
  
}
.row2{
  padding-bottom: 200px;
}
.card{

  transition: all 0.2s ease;
  cursor: pointer;
  

}
.card:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  transform: scale(1.1);
  background-color: #f7f7f7;
}
#Myportfolio{
  background-color: #EEF0F0;
  padding-top: 150px;
  padding-bottom: 150px;
}
.detail{
  margin-left: 192px;
}
.hobies{
  background-color: #11abb0;
  height: 800px;
  color: #fff;
}
.hobies p{
  font-weight: 100;
}
#myhobies{
  height: 1000px!important;
  padding-top:150px;
  padding-bottom: 650px!important;
}
li.borderless {
  border: 0 none;
}
#about{
  padding-top: 150px;
  height: 1000px!important;
}
.socialicon{
 margin-top: -15px;
 margin-left: -10px;
}
.myname{
  margin-top: 10px;
  font-weight: 600;
  margin-bottom: 0;
}
.mypic{
  margin-right: 100px;
}
#footer{
  padding-top: 100px;
  background-color: #131516;
  height: 500px;
}
.footertext{
  color: #737373;
}
.modal-header {
  border-bottom: 0 none;
  box-shadow: 0 10px 20px rgb(0 0 0 / 0%), 0 4px 8px rgb(0 0 0 / 6%);
}

.modal-footer {
  border-top: 0 none;
}
/* .modalsubtitle {
  font-size: 14px;;
  font-weight: 100;
} */
.modal-title {
  margin-bottom: 0;
  line-height: 1;
}


.modal-fullscreen {
  /* width:80%;
  height:100%; */
  margin: auto;
  /* margin-top: 1%; */
 
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.image2{
  display: none;
}
/* .image1{
  display: none;
} */
@media only screen and (min-width: 2048px){ 
  .image1{
    display: none;
  }

  .image2{
    display: block;
  }
}

/* Image Gallery Style Start */

 .btn-primary:hover{
  background-color: #0e9a9f;
  border: none;
}
.btn-primary{
  background-color: #11abb0e9;
  border: none;
}
.carousel-control-prev-icon, 
.carousel-control-next-icon {
  color: #000000!important;
}
.carousel-item:before{
  background: none!important;
}

p.copyright {
  position: absolute;
  width: 100%;
  color: rgb(86, 85, 85);
  line-height: 40px;
  font-size: 0.8em;
  text-align: left;
  bottom:0;
}

/* #video-2{
  box-shadow: 0 10px 20px rgb(0 0 0 / 0%), 0 4px 8px rgb(0 0 0 / 6%);
} */
/* Image Gallery Style End */