/* CSS Document by Palakshi Dam - Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');
body{margin:0; font-family: 'Nunito', sans-serif;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main-inner{width:87%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:85%; height:auto; margin:0 auto;}
#main-inner4{width:80%; height:auto; margin:0 auto;}
#main-inner5{width:100%; height:auto; margin:0 auto; overflow: hidden;}

a{text-decoration:none; color:#333}

.navbar-nav{margin:25px 0 0 -20px!important}

.aboutbg{background: #f4e8e8}
#about{width: 100%; height: auto; float: left;}
#about .left{width: 53%; height: auto; float: left; margin: 0 2% 0 5%; padding:80px 0 0 0}
#about .left h1{width: 100%; height: auto; float: left; margin-bottom: 20px; font-family: 'Dancing Script', cursive; font-size: 64px;}
#about .left p{width: 100%; height: auto; float: left; line-height: 190%; font-size: medium;}
#about .left p strong{font-size: large; color: #333;}
#about .left a{padding:10px 20px; border-radius: 20px; color: #fff; background:#d4635e;}
#about .right{width: 40%; height: auto; float: left;}
#about .right .img{width: 100%; height: auto; float: right; background: #f4e8e8;}
.img1{width: 100%; height: auto; float: right; background: #f4e8e8; display: none;}

.bannbg{background: url('images/bg2.jpg') no-repeat; background-size: 100% auto;}
#bann{width: 100%; height: auto; float: left; padding: 100px 0;}
#bann h3{width: 70%; height: auto; float: left; margin: 0 0 0 30%; font-family: 'Noto Sans Bengali', sans-serif; color: #b75753; line-height: 160%;}
#bann h4{width: 70%; height: auto; float: left; margin: 0 0 0 30%; color: #2f010e; line-height: 160%; font-weight: bold;}


.figurecon{width: 50%; height: auto; float: left;}
figure.snip1205 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 610px;
  width: 25%;
  height: auto;
  float: left;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.figurecon .snip1205 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 610px;
  width: 50%;
  height: auto;
  float: left;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
  max-width: 100%;
  vertical-align: top;
  width: 100%;
  height: 100%;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #000000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1205.green {
  background-color: #229955;
}
figure.snip1205.green i {
  color: #1e8449;
  font-size:x-large
}
figure.snip1205:hover img,
figure.snip1205.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1205:hover i,
figure.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gdlowfooterbg{background: #000;}
#gdlowfooter{width:90%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: small}
#gdlowfooter .p{text-align: right;}
#gdlowfooter a{color: #d4635e;}

.shadow_one{padding:50px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg1.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: 100% auto; margin-top:-2px;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;font-family: 'Dancing Script', cursive;}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}
.page_header_breadcum a:hover{color:#fdb92e; text-decoration: none;}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static h1,h2,h3,h4,h5,h6{color: #016db8;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:180%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static .img{width:35%; height:auto; float:left; margin:0 2% 1% 0}
#static .right{width:63%; height:auto; float:left; margin:0}
#static .p{width:100%; height:auto; float:left; font-family: 'Dancing Script', cursive; font-size: x-large; font-weight: bold; line-height: 150%;}
#static .img1{width:20px; height:auto; float:left; margin:0}
#static .p1{width:100%; height:auto; float:left; font-size: large; color:#d44d76}
#static .color{color:#d44d76}
#static .div{width:40%; height:auto; float:left; margin:1% 30%; padding: 20px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); text-align: center;}
#static .img2{width:20px; height:auto; float:left; margin:0}

#album{width:100%; height:auto; float:left; margin:2% 0; overflow:hidden;}
#album .con1{width:22%; height:auto; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#album .con1:hover{box-shadow: 0px 0px 15px 0px rgba(253,179,2,0.55);}
#album .con1 img{width:100%; height:auto; float:left;}
#album .con{ margin:1.5% 1.5% 1.5% 39%;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}

.navbar-nav{margin:0 0 0 -20px!important}


.figurecon{width: 100%; height: auto; float: left;}
figure.snip1205 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 610px;
  width: 100%;
  height: auto;
  float: left;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.figurecon .snip1205 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 610px;
  width: 100%;
  height: auto;
  float: left;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

#gdlowfooter{width:100%; height:auto; float: left; padding: 2% 0}
#gdlowfooter p{width: 100%; height: auto; float: left; margin: 5px 0; padding: 0; color: #fff; font-size: small; text-align: center;}
#gdlowfooter .p{ text-align: center;}

.shadow_one{padding:30px 0;}
#page_header{background:url(images/bg1.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size: auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:2.5%}
#static .img{width:100%; height:auto; float:left; margin:1%}
#static .right{width:95%; height:auto; float:left; margin:2.5%}
#static .div{width:95%; height:auto; float:left; margin:1% 2.5%; padding: 20px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15); text-align: center;}

#album .con1{width:97%; height:auto; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}

.navbar .navbar-brand img{height: 60px!important;}

#about .left{width: 95%; height: auto; float: left; margin: 2.5%; padding:0 0 0 0}
#about .left h1{width: 100%; height: auto; float: left; margin-bottom: 20px; font-family: 'Dancing Script', cursive; font-size: 40px; text-align: center;}
#about .left p{width: 100%; height: auto; float: left; line-height: 190%; font-size: medium; text-align: justify;}
#about .left a{width: 30%; height: auto; float: left; margin: 1% 35% 7% 35%; text-align: center; padding:10px 0; border-radius: 20px; color: #fff; background:#d4635e;}
#about .right{width: 40%; height: auto; float: left;}
#about .right .img{width: 0; height: 0; float: right; background:none; display: none;}
.img1{width: 100%; height: auto; float: right; background: #f4e8e8; display: block;}

.bannbg{background: url('images/bg2.jpg') no-repeat; background-size: auto 100%;}
#bann{width: 100%; height: auto; float: left; padding: 40px 0; background: rgba(255, 255, 255, 0.7)}
#bann h3{width: 95%; height: auto; float: left; margin:0 2.5%; font-family: 'Noto Sans Bengali', sans-serif; color: #b75753; line-height: 160%; text-align: center;}
#bann h4{width: 95%; height: auto; float: left; margin:0 2.5%; color: #2f010e; line-height: 160%; font-weight: bold; text-align: center;}


}