/* Custom css */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');


/* font-family: 'Montserrat', sans-serif; 
   font-family: 'Poppins', sans-serif;
 
 */


a:focus, a:hover{
	outline: none;
}
a{
	 -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
a:hover{
    text-decoration: none;
}

.tm-h2 {
    font-size: 37px;
    line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #771b17;
}


*,ul{
	margin: 0;
	padding: 0;
}
*,li{
	list-style: none;
}

body{	
	font-size: 14px;
	line-height: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
h1 {
    font-size: 52px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    line-height: 60px;
}
h2 {
    font-size: 42px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    color: #5d5d5d;
    margin: 0;
    line-height: 50px;
}
h3 {
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #323c42;
    margin: 0;
    line-height: 24px;
}
h4 {
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #272727;
    margin: 0;
    line-height:40px;
}
h6 {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    color: #545454;
}
p {
    font-size: 17px;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    font-weight: 400;
}

/* menu bar */



/*================= Responsive Mode ============*/
.social-left ul li {
    display: block;
    position: relative;
}

.top-back-bg-1 {
    min-height: 68vh;
    position: relative;
    z-index: 1;
    background-size: contain !important;
    background-position: top center !important;
    /* background-repeat: repeat; */
}
.top-back-bg-1:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner-overlay.png);
    opacity: 0.7;
    z-index: -1;
    background-size: cover;
}
.top-back-bg-1:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    /* top: 0; */
    bottom: 0;
    width: 100%;
    height: 27%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 62%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 62%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* border-radius: 75% 0 0 0; */
}
.profile-box{
    text-align: center;
    padding:40px;
}
.profile-img {
    position: relative;
}
.profile-img img{
    width: 100%;
    height: 100%;
}

.porfile-box-content {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 415px;
}
.phone-col {
    width: 40px;
    height: 40px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    color: #111;
    border: 2px #fff solid;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    transform: translate(-259px, -25px);
    z-index: 111;
    position: absolute;
    right: 0;
    bottom: 0;
}
.mail-col {
    width: 40px;
    height: 40px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    color: #111;
    border: 2px #fff solid;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    transform: translate(-75px, -25px);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 111;
}
.phone-col a, .mail-col a{
    color: #111;
}
.email-icon {
    transform: translate(-200px, -98px);
}
.content {
    background: rgb(227,5,130, 0.7);
    border-radius: 12px;
}

.dubble-btn {
    padding-bottom: 30px;
}
.social-left {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: end;
}
/*.social-left {
    position: absolute;
    left: 8.5%;
    transform: rotate(43deg);
    margin-top: 84px;
}*/
.social-left ul li a {
    color: #222;
    padding: 8px;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
}

.porfile-box-content {
    position: relative;
    text-align: center;
    width: 375px;
    margin: 0px auto;
    /* transform: translate(0px, -50px); */
    margin-top: -40px;
}
.profile-1 {
    width: 200px;
    height: 200px;
    display: inline-block;
    transform: translate(0px, -6px);
    padding: 0 0;
    position: relative;
    z-index: 11;
    margin: 30px 0;
}
.profile-1:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    height: 250px;
    background: url(../images/profile-bg.png);
    background-size: contain;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translate(-35px, -62px);
}
.profile-top {
    overflow: hidden;
    position: relative;
}

.content {
    background: rgb(213 213 213 / 95%);
    border-radius: 12px;
    width: 90%;
    margin: 0 auto;
    padding: 7px 15px;
    position: relative;
    margin-bottom: 10px;
    z-index: 9;
}
.content:before {
    position: absolute;
    content: "";
    background: url(../images/box-shadow.png);
    border-radius: 12px;
    width: 110px;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    transform: translate(-26px, -61px);
    z-index: 1;
    background-size: cover;
    background-position: top center;
}
.content:after {
    position: absolute;
    content: "";
    background: rgb(225,255,255, 0.7);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 16px 20px;
    transform: translate(15px, -15px);
    z-index: -1;
}
.content p {
    text-align: center;
    line-height: 24px;
}
#post img{
    border-radius: 15px;
}
.profile-box h4{
    margin-top: 20px;
}
.recent-post-text {
    font-weight: 600;
    border-radius: 0px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    border-left: 4px #fff solid;
    padding-left: 7px;
    margin-bottom: 10px;
}
.overlay {
    position: absolute;
    content: "";
    background: #ff8d10;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -11;
    opacity: 0.85;
}
.overlay-bottom {
    height: 90%;
    z-index: -1;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 523px 0 0 0;
}
.overlay-bottom:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ff0000;
    border-radius: 523px 0 0 0;
    opacity: 0.4;
}
.profile-name {
    margin-bottom: 20px;
    position: relative;
    z-index: 11;
    text-align: left;
    padding: 8px 0;
}

.profile-name h5, .profile-name h3 {
    text-transform: uppercase;
    /* font-weight: 800 !important; */
    color: #e7e7e7;
    text-shadow: 4px 5px #b5b5b5;
    -webkit-text-stroke: 1px #f1f1f1;
    -webkit-text-stroke: 1px #003cfe;
}

.profile-name h5 {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    -webkit-text-stroke: 1px #003cfe;
}
.profile-name h3 {
    font-size: 55px;
    font-family: 'Poppins', sans-serif;
    line-height: 45px;
/*    text-align: right;*/
}
.recent-post {
    position: relative;
    z-index: 11;
    margin-top: 20px;
}

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(37vw, 80vh, 65px);
  }
}
.particle:nth-child(1) {
  animation: particle-animation-1 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 1;
  animation-delay: -0.4s;
  background-color: #d92691;
  transform: translate3d(80vw, 70vh, 4px);
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(33vw, 1vh, 2px);
  }
}
.particle:nth-child(2) {
  animation: particle-animation-2 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.75;
  animation-delay: -0.8s;
  background-color: #cad926;
  transform: translate3d(34vw, 1vh, 72px);
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(60vw, 18vh, 42px);
  }
}
.particle:nth-child(3) {
  animation: particle-animation-3 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.19;
  animation-delay: -1.2s;
  background-color: #d926a0;
  transform: translate3d(67vw, 22vh, 9px);
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(61vw, 27vh, 45px);
  }
}
.particle:nth-child(4) {
  animation: particle-animation-4 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.52;
  animation-delay: -1.6s;
  background-color: #a326d9;
  transform: translate3d(29vw, 84vh, 66px);
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(3vw, 36vh, 35px);
  }
}
.particle:nth-child(5) {
  animation: particle-animation-5 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.32;
  animation-delay: -2s;
  background-color: #26d944;
  transform: translate3d(1vw, 6vh, 24px);
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(69vw, 88vh, 95px);
  }
}
.particle:nth-child(6) {
  animation: particle-animation-6 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.93;
  animation-delay: -2.4s;
  background-color: #26d93e;
  transform: translate3d(5vw, 23vh, 31px);
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(77vw, 90vh, 18px);
  }
}
.particle:nth-child(7) {
  animation: particle-animation-7 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.06;
  animation-delay: -2.8s;
  background-color: #d99a26;
  transform: translate3d(44vw, 29vh, 91px);
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(72vw, 78vh, 66px);
  }
}
.particle:nth-child(8) {
  animation: particle-animation-8 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.09;
  animation-delay: -3.2s;
  background-color: #d92647;
  transform: translate3d(50vw, 50vh, 90px);
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(69vw, 60vh, 42px);
  }
}
.particle:nth-child(9) {
  animation: particle-animation-9 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.17;
  animation-delay: -3.6s;
  background-color: #26c1d9;
  transform: translate3d(6vw, 29vh, 95px);
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(37vw, 83vh, 37px);
  }
}
.particle:nth-child(10) {
  animation: particle-animation-10 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.89;
  animation-delay: -4s;
  background-color: #4726d9;
  transform: translate3d(63vw, 66vh, 67px);
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(7vw, 13vh, 33px);
  }
}
.particle:nth-child(11) {
  animation: particle-animation-11 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.57;
  animation-delay: -4.4s;
  background-color: #26d99a;
  transform: translate3d(72vw, 62vh, 24px);
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(61vw, 25vh, 85px);
  }
}
.particle:nth-child(12) {
  animation: particle-animation-12 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.18;
  animation-delay: -4.8s;
  background-color: #26d932;
  transform: translate3d(82vw, 7vh, 41px);
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(68vw, 68vh, 28px);
  }
}
.particle:nth-child(13) {
  animation: particle-animation-13 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.79;
  animation-delay: -5.2s;
  background-color: #26a0d9;
  transform: translate3d(64vw, 90vh, 93px);
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(28vw, 86vh, 63px);
  }
}
.particle:nth-child(14) {
  animation: particle-animation-14 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.28;
  animation-delay: -5.6s;
  background-color: #d92641;
  transform: translate3d(3vw, 25vh, 58px);
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(81vw, 54vh, 14px);
  }
}
.particle:nth-child(15) {
  animation: particle-animation-15 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.75;
  animation-delay: -6s;
  background-color: #d97126;
  transform: translate3d(40vw, 23vh, 24px);
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(49vw, 9vh, 80px);
  }
}
.particle:nth-child(16) {
  animation: particle-animation-16 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.31;
  animation-delay: -6.4s;
  background-color: #d92691;
  transform: translate3d(16vw, 85vh, 97px);
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(60vw, 11vh, 75px);
  }
}
.particle:nth-child(17) {
  animation: particle-animation-17 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.75;
  animation-delay: -6.8s;
  background-color: #4dd926;
  transform: translate3d(26vw, 25vh, 15px);
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(53vw, 61vh, 96px);
  }
}
.particle:nth-child(18) {
  animation: particle-animation-18 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.13;
  animation-delay: -7.2s;
  background-color: #26d95f;
  transform: translate3d(6vw, 28vh, 58px);
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(61vw, 35vh, 16px);
  }
}
.particle:nth-child(19) {
  animation: particle-animation-19 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.86;
  animation-delay: -7.6s;
  background-color: #c426d9;
  transform: translate3d(52vw, 49vh, 19px);
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(60vw, 23vh, 18px);
  }
}
.particle:nth-child(20) {
  animation: particle-animation-20 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.98;
  animation-delay: -8s;
  background-color: #269dd9;
  transform: translate3d(52vw, 2vh, 27px);
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(10vw, 77vh, 72px);
  }
}
.particle:nth-child(21) {
  animation: particle-animation-21 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.06;
  animation-delay: -8.4s;
  background-color: #d92697;
  transform: translate3d(48vw, 26vh, 56px);
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(23vw, 22vh, 15px);
  }
}
.particle:nth-child(22) {
  animation: particle-animation-22 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.28;
  animation-delay: -8.8s;
  background-color: #8026d9;
  transform: translate3d(57vw, 14vh, 67px);
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(72vw, 77vh, 65px);
  }
}
.particle:nth-child(23) {
  animation: particle-animation-23 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.09;
  animation-delay: -9.2s;
  background-color: #2671d9;
  transform: translate3d(46vw, 51vh, 52px);
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(21vw, 51vh, 44px);
  }
}
.particle:nth-child(24) {
  animation: particle-animation-24 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.85;
  animation-delay: -9.6s;
  background-color: #26d980;
  transform: translate3d(26vw, 21vh, 93px);
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(13vw, 82vh, 77px);
  }
}
.particle:nth-child(25) {
  animation: particle-animation-25 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.93;
  animation-delay: -10s;
  background-color: #264ad9;
  transform: translate3d(64vw, 29vh, 62px);
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(43vw, 84vh, 37px);
  }
}
.particle:nth-child(26) {
  animation: particle-animation-26 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.32;
  animation-delay: -10.4s;
  background-color: #268ed9;
  transform: translate3d(47vw, 81vh, 28px);
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(21vw, 59vh, 14px);
  }
}
.particle:nth-child(27) {
  animation: particle-animation-27 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.27;
  animation-delay: -10.8s;
  background-color: #d9d926;
  transform: translate3d(89vw, 20vh, 34px);
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(37vw, 67vh, 26px);
  }
}
.particle:nth-child(28) {
  animation: particle-animation-28 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 1;
  animation-delay: -11.2s;
  background-color: #2cd926;
  transform: translate3d(22vw, 53vh, 34px);
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(51vw, 3vh, 67px);
  }
}
.particle:nth-child(29) {
  animation: particle-animation-29 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.27;
  animation-delay: -11.6s;
  background-color: #26d974;
  transform: translate3d(14vw, 73vh, 76px);
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(38vw, 21vh, 34px);
  }
}
.particle:nth-child(30) {
  animation: particle-animation-30 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.25;
  animation-delay: -12s;
  background-color: #a9d926;
  transform: translate3d(83vw, 17vh, 38px);
}

@keyframes particle-animation-31 {
  100% {
    transform: translate3d(30vw, 14vh, 60px);
  }
}
.particle:nth-child(31) {
  animation: particle-animation-31 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.65;
  animation-delay: -12.4s;
  background-color: #265cd9;
  transform: translate3d(65vw, 6vh, 90px);
}

@keyframes particle-animation-32 {
  100% {
    transform: translate3d(76vw, 53vh, 58px);
  }
}
.particle:nth-child(32) {
  animation: particle-animation-32 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 0.4;
  animation-delay: -12.8s;
  background-color: #d98e26;
  transform: translate3d(43vw, 79vh, 7px);
}

@keyframes particle-animation-33 {
  100% {
    transform: translate3d(69vw, 50vh, 60px);
  }
}
.particle:nth-child(33) {
  animation: particle-animation-33 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.41;
  animation-delay: -13.2s;
  background-color: #267dd9;
  transform: translate3d(49vw, 28vh, 23px);
}

@keyframes particle-animation-34 {
  100% {
    transform: translate3d(30vw, 7vh, 83px);
  }
}
.particle:nth-child(34) {
  animation: particle-animation-34 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.91;
  animation-delay: -13.6s;
  background-color: #6226d9;
  transform: translate3d(33vw, 8vh, 36px);
}

@keyframes particle-animation-35 {
  100% {
    transform: translate3d(77vw, 49vh, 60px);
  }
}
.particle:nth-child(35) {
  animation: particle-animation-35 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.59;
  animation-delay: -14s;
  background-color: #d92674;
  transform: translate3d(12vw, 63vh, 76px);
}

@keyframes particle-animation-36 {
  100% {
    transform: translate3d(53vw, 83vh, 2px);
  }
}
.particle:nth-child(36) {
  animation: particle-animation-36 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.18;
  animation-delay: -14.4s;
  background-color: #d9ac26;
  transform: translate3d(12vw, 7vh, 97px);
}

@keyframes particle-animation-37 {
  100% {
    transform: translate3d(35vw, 3vh, 22px);
  }
}
.particle:nth-child(37) {
  animation: particle-animation-37 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.52;
  animation-delay: -14.8s;
  background-color: #7a26d9;
  transform: translate3d(58vw, 14vh, 69px);
}

@keyframes particle-animation-38 {
  100% {
    transform: translate3d(23vw, 61vh, 92px);
  }
}
.particle:nth-child(38) {
  animation: particle-animation-38 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.65;
  animation-delay: -15.2s;
  background-color: #26a6d9;
  transform: translate3d(78vw, 55vh, 54px);
}

@keyframes particle-animation-39 {
  100% {
    transform: translate3d(36vw, 22vh, 46px);
  }
}
.particle:nth-child(39) {
  animation: particle-animation-39 60s infinite;
  height: 10px;
  width: 10px;
  opacity: 1;
  animation-delay: -15.6s;
  background-color: #26d9ca;
  transform: translate3d(3vw, 36vh, 40px);
}

@keyframes particle-animation-40 {
  100% {
    transform: translate3d(79vw, 21vh, 5px);
  }
}
.particle:nth-child(40) {
  animation: particle-animation-40 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.27;
  animation-delay: -16s;
  background-color: #26d929;
  transform: translate3d(59vw, 90vh, 38px);
}

@keyframes particle-animation-41 {
  100% {
    transform: translate3d(7vw, 31vh, 54px);
  }
}
.particle:nth-child(41) {
  animation: particle-animation-41 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.36;
  animation-delay: -16.4s;
  background-color: #6ed926;
  transform: translate3d(67vw, 32vh, 70px);
}

@keyframes particle-animation-42 {
  100% {
    transform: translate3d(72vw, 12vh, 20px);
  }
}
.particle:nth-child(42) {
  animation: particle-animation-42 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.2;
  animation-delay: -16.8s;
  background-color: #d926c4;
  transform: translate3d(37vw, 12vh, 26px);
}

@keyframes particle-animation-43 {
  100% {
    transform: translate3d(19vw, 78vh, 62px);
  }
}
.particle:nth-child(43) {
  animation: particle-animation-43 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.88;
  animation-delay: -17.2s;
  background-color: #2650d9;
  transform: translate3d(83vw, 9vh, 7px);
}

@keyframes particle-animation-44 {
  100% {
    transform: translate3d(42vw, 78vh, 85px);
  }
}
.particle:nth-child(44) {
  animation: particle-animation-44 60s infinite;
  height: 7px;
  width: 7px;
  opacity: 0.39;
  animation-delay: -17.6s;
  background-color: #94d926;
  transform: translate3d(88vw, 71vh, 42px);
}

@keyframes particle-animation-45 {
  100% {
    transform: translate3d(22vw, 52vh, 80px);
  }
}
.particle:nth-child(45) {
  animation: particle-animation-45 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.21;
  animation-delay: -18s;
  background-color: #8b26d9;
  transform: translate3d(13vw, 21vh, 97px);
}

@keyframes particle-animation-46 {
  100% {
    transform: translate3d(45vw, 54vh, 42px);
  }
}
.particle:nth-child(46) {
  animation: particle-animation-46 60s infinite;
  height: 9px;
  width: 9px;
  opacity: 0.28;
  animation-delay: -18.4s;
  background-color: #26afd9;
  transform: translate3d(45vw, 87vh, 51px);
}

@keyframes particle-animation-47 {
  100% {
    transform: translate3d(26vw, 55vh, 57px);
  }
}
.particle:nth-child(47) {
  animation: particle-animation-47 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.75;
  animation-delay: -18.8s;
  background-color: #d926a0;
  transform: translate3d(36vw, 15vh, 23px);
}

@keyframes particle-animation-48 {
  100% {
    transform: translate3d(55vw, 82vh, 91px);
  }
}
.particle:nth-child(48) {
  animation: particle-animation-48 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.47;
  animation-delay: -19.2s;
  background-color: #53d926;
  transform: translate3d(42vw, 74vh, 3px);
}

@keyframes particle-animation-49 {
  100% {
    transform: translate3d(79vw, 36vh, 98px);
  }
}
.particle:nth-child(49) {
  animation: particle-animation-49 60s infinite;
  height: 6px;
  width: 6px;
  opacity: 0.87;
  animation-delay: -19.6s;
  background-color: #269ad9;
  transform: translate3d(76vw, 87vh, 14px);
}

@keyframes particle-animation-50 {
  100% {
    transform: translate3d(75vw, 8vh, 85px);
  }
}
.particle:nth-child(50) {
  animation: particle-animation-50 60s infinite;
  height: 8px;
  width: 8px;
  opacity: 0.37;
  animation-delay: -20s;
  background-color: #d3d926;
  transform: translate3d(27vw, 2vh, 94px);
}

.particle {
  position: absolute;
  border-radius: 50%;
}


.bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bubbles li {
    position: absolute;
    display: block;
    /*width: 20px;
    height: 20px;*/
    /*border-radius: 30%;*/
    bottom: -150px;
    background: url(../images/icon-1.png);
    animation: animate 35s infinite linear;
    background-size: contain !important;
}
.bubbles li:nth-child(1) {
  left: 25%;
  width: 65px;
  height: 80px;
  background: url(../images/icon-2.png);
  background-size: contain !important;
  animation-delay: 12s;
}
.bubbles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
  animation-duration: 12s;
}
.bubbles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 15s;
}
.bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}
.bubbles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}
.bubbles li:nth-child(6) {
  left: 75%;
  width: 45px;
  height: 70px;
  background: url(../images/icon-3.png);
  background-size: contain !important;
  animation-delay: 10s;
}
.bubbles li:nth-child(7) {
  left: 35%;
  width: 30px;
  height: 50px;
  background: url(../images/icon-3.png);
  background-size: contain !important;
  animation-delay: 28s;
}
.bubbles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  background: url(../images/icon-4.png);
  background-size: contain !important;
  animation-delay: 15s;
  animation-duration: 45s;
}
.bubbles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  background: url(../images/icon-5.png);
  background-size: contain !important;
  animation-delay: 2s;
  animation-duration: 35s;
}
.bubbles li:nth-child(10) {
  left: 85%;
  width: 30px;
  height: 30px;
  background: url(../images/icon-5.png);
  background-size: contain !important;
  animation-delay: 0s;
  animation-duration:22s;
}
@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    /*border-radius: 30%;*/
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    /*border-radius: 50%;*/
  } 
}
.gallery-img{cursor: pointer;}
.gallery-img img {
    min-height: 120px;
    max-height: 120px;
    height: 120px;
    object-fit: cover !important;
}
.owl-nav{
     display: block !important; 
}