@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");

body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:95%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner4{width:90%; height:auto; margin:0 auto; overflow:hidden}
#main-inner5{width:70%; height:auto; margin:0 auto; overflow:hidden}
#main-inner6{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner7{width:98%; height:auto; margin:0 auto; overflow:hidden}

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

#upper-header{width:100%; height:auto; float:left;}
#upper-header .left{width:40%; height:auto; float:left; margin:0;}
#upper-header .left a{float:left; color: #fff; padding:8px 10px; margin: 3px 0; background: #1f629c; border-radius: 5px;}
#upper-header .right{width:30%; height:auto; float:right; margin:6px 0 0 0;}
#upper-header .right a{width:28px!important; height:28px!important; float:right; padding:5px; margin:2px 5px; border-radius: 50px}
#upper-header .right a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#upper-header .right .a{width:28px!important; height:28px!important; float:right; padding:0; margin: 5px; border-radius: 50px}
#upper-header .right .a img{width:100%!important; height:auto!important; float:left; margin: 0;}

#main-header{width:100%; height:auto; float:left;}
#main-header .logo{width:40%; height:auto; float:left; margin: 0}
#main-header .logo img{width:100%; height:auto; float:left;}
#main-header .con{width:30%; height:auto; float:right; padding:10px 0 10px 50px; margin-top: 22px; color: #272727; background: url(images/ph.png) left center no-repeat; background-size: 30px 30px}
#main-header .con1{width:20%; height:auto; float:right; padding-left: 50px; margin-top: 22px; color: #272727; background: url(images/location.png) left center no-repeat; background-size: 33px 33px}


.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {
  background: #fff;
  margin-top: 0;
  -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
}
.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed #cssmenu > ul > li > a {
  color:#000;
}

.marqueediv{width: 100%; height: 45px; float: left; background-color: #eeeeee; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}
.marqueediv img{width: 20%; height: 45px; float: left; margin:0}
.marqueediv marquee {
    width: 79%;
    height: 45px;
    line-height: 45px;
	background-color: #eeeeee;
	color: Black;
    font-weight: 500;
    font-size: 16px;
	margin-right: 1%;
}
.marqueediv marquee a{padding:0 30px}

#about{width:100%; height:auto; float:left; margin: 0 0 50px 0;}
#about .left{width:63%; height:auto; float:left; margin:0 5% 0 0;}
#about .left .leftimg{width:80%; height:auto; float:left; margin:0 10%;}
#about .left .leftimg .con{width:30%; height:auto; float:left; margin:1% 35%; text-align: center;}
#about .left .leftimg .con img{width:100%; height:auto; float:left; margin:0;}
#about .left .leftimg h3{width:100%; height:auto; float:left; margin:5px 0 0 0; color:#026492;}
#about .left .leftdiv{width:100%; height:auto; float:left; margin:0;}
#about .left h1{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #0a2329; font-size: xx-large; line-height: 120%;}
#about .left h1 span{color: #0c4857;}
#about .left p{width:100%; height:auto; float:left; color: #302f2f; font-size: medium; text-align:justify; line-height: 160%;}
#about .left ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#about .left ul li{margin:1.5% 0; color: #302f2f; font-size: medium;}
#about .left a{width:auto; height:auto; float:right; color: #242424; background: #f3b101; padding: 10px 30px; border-radius: 20px; transition: 0.3s;}
#about .left a:hover{background: #c10902; color: #fff;}
#about .right{width:32%; height:auto; float:left; margin: 20px 0 0 0;}

#missiondiv{width:100%; height:auto; float:left; margin:30px 0}
#missiondiv .con{width:31%; height:auto; float:left; margin: 1%; padding: 28px 20px; border-radius: 10px; background:#fff; box-shadow:  0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;}
#missiondiv .con img{width:30%; height:auto; float:left; margin: 1% 70% 1% 0;}
#missiondiv .con h3{width:100%; height:auto; float:left; margin: 5px 0; text-transform: uppercase; color: #02b9c6;}
#missiondiv .con p{width:100%; height:70px; float:left; margin: 5px 0; color: #2b2b2a; text-align: justify; line-height: 170%;}
#missiondiv .con a{width:auto; height:auto; float:right; margin: 10px 0 0 0; padding: 6px 20px; font-size: 14px; color: #2b2b2a; border: 2px solid #02b9c6; border-radius: 50px;}
#missiondiv .con a:hover{border:2px solid #dfa303;}

.popularbac {
  background: url(images/bg2.jpg);
  padding: 50px 0;
}

.popularbac h2 {
  width: 100%;
  height: auto;
  float: left;
  color: #fff;
  margin: 0;
  font-weight: 500;
}

.popularbac b {
  width: 5%;
  height: auto;
  float: left;
  margin: 5px 0 15px 0;
  padding: 2px 0;
  background: #d9aa3f;
}

.popularbac .b {
  width: 15%;
  height: auto;
  float: left;
  margin: 6px 80% 15px 0;
  padding: 1px 0;
  background: #eeeeee;
}

.popularbac .card-title {
  font-weight: bold;
  margin: 10px 0 0 0;
}

.popularbac .card-text {
  margin: 5px 0;
}

.popularbac .btn {
  float: left;
  background: #4586e2;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px 3px 3px 3px!important;
  margin: 5px 0!important;
}

.popularbac .carousel-item1 {
  margin-bottom: 60px;
}

.popularbac .carousel-item1 .card-img-top {
  width: 100%;
}

.popularbac .controls-top {
  float: right;
  margin: 0 0 20px 0;
}

.popularbac .btn-floating {
  border: 1px solid #fff;
  padding: 5px 10px;
}

.popularbac .btn-floating1 {
  margin-bottom: -10px!important;
}
.pwid{width: 100%; height: auto; float: left; text-align: left; margin: 0 0 20px 0; color: #313232;}

.cour{width: 80%; height: auto; float: left; margin: 0 10%;}
.cour h2 {
  width: 100%;
  height: auto;
  float: left;
  color: #0275c1;
  margin: 0;
  font-weight: 500;
}

.cour b {
  width: 5%;
  height: auto;
  float: left;
  margin: 5px 0 15px 0;
  padding: 2px 0;
  background: #d9aa3f;
}

.cour .b {
  width: 15%;
  height: auto;
  float: left;
  margin: 6px 80% 15px 0;
  padding: 1px 0;
  background: #eeeeee;
}
.figurecon{width: 50%; height: auto; float: left;}
figure.snip1205 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 610px;
  width: 25%;
  height: 500px;
  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: 250px;
  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);
}

.enrollbg{background: #a41714;}
#enroll{width:100%; height:auto; float:left; padding: 15px 0; color: #fff;}
#enroll img{width:5%; height:auto; float:left; margin-top: 45px}
#enroll h3{width:20%; height:auto; float:left; margin:45px 0 0 2%}
#enroll .text{width:72%; height:auto; float:left; margin: 5px 0 0 1%;}
#enroll .text p{width:48%; height:170px; float:left; color: #fff; margin: 0 1%; padding:1%; font-weight: normal; background:#be1f1c}

.gdfooterbg{background:#414454;}
.gdfooterbg1{background:url(images/footerbg.webp) #353949 repeat;}
#gdfooter{width:90%; height:auto; float: left; margin:1% 5%;}
#gdfooter .top{width:100%; height:auto; float: left; border-bottom: 1px dashed #4c505f;}
#gdfooter .top .div{width:23%; height:auto; float: left; margin: 1%;}
#gdfooter .top .div h1{color: #fff; font-weight: bold; margin: 0;}
#gdfooter .top .div p{color: #fff; margin: 0;}
#gdfooter .top .div i{width:17%; height:auto; float: left; color: #d7bd0a; font-size: xx-large; margin-top: 10px;}
#gdfooter .top .div .i{color: #a5bd3d}
#gdfooter .top .div .ii{color: #f05923}
#gdfooter .top .div .right{width:78%; height:auto; float: left; margin: 0 0 0 5%;}
#gdfooter .top .div .right h2{color: #fff; font-weight: normal; margin: 0;}
#gdfooter .top .div .right span{color: #d7bd0a; font-weight: normal; margin: 0;}
#gdfooter .top .div .right .span{color: #a5bd3d;}
#gdfooter .top .div .right .span1{color: #f05923;}
#gdfooter .con1{width: 40%; height: auto; float: left; margin-right: 2%;}
#gdfooter .con{width: 25%; height: auto; float: left;}
#gdfooter h3{width:90%; height:auto; float: left; margin:1% 5%; color: #fdb92e}
#gdfooter .con1 .a{width:30%; height:auto; float: left; margin:1% 70% 5% 0;}
#gdfooter .con1 .a img{width:100%; height:auto; float: left; margin:0;}
#gdfooter .con1 h4{color: #aeafb3; margin: 3% 0; font-weight: bold;}
#gdfooter .con1 p{color: #aeafb3; font-size: 13px; margin:1% 0; line-height: 160%}
#gdfooter .con1 p strong{color: #fff; font-weight: 500;}
#gdfooter .con1 .social{width:80%; height:auto; float:left; margin:5% 20% 5% 0;}
#gdfooter .con1 .social a{width:28px!important; height:28px!important; float:left; padding:5px; margin: 5px; border-radius: 50px}
#gdfooter .con1 .social a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#gdfooter .con1 .social .a{width:28px!important; height:28px!important; float:left; padding:0; margin: 5px; border-radius: 50px; border: none;}
#gdfooter .con1 .social .a img{width:100%!important; height:auto!important; float:left; margin: 0; border: none}
#gdfooter .con iframe{width: 100%; height: 320px;}
#gdfooter .con .footlogo{width: 50%; height: auto; float: left; margin:0 50% 2% 0;}
#gdfooter .con2{width: 33%; height: auto; float: left;}
#gdfooter .con2 a{width:90%; height:auto; float: left; margin:1% 5%; padding: 0.5% 0 2% 0; color: #aeafb3; font-size: 13px; border-bottom: 1px dashed #4c505f;}
#gdfooter .con2 a:hover{color: #dfa303}

.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;}

.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

.shadow_one{text-align:center;}
#page_header{background:url(images/bg.webp); 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;}
#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}

.contactdivbg{background: #f0f0f1;}

#static{width:100%; height:auto; float:left; margin:4% 0}
#static1{width:90%; height:auto; float:left; margin:4% 5%}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:175%; 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 h2{color: #247ebb!important; text-transform: uppercase;}
#static .h1{color:#2d2e2e!important;}
#static .div1{width:35%; height:auto; float:left; margin:1% 3% 1% 1%; padding: 1%; background: #efefef;}
#static .div1 img{width:100%; height:auto; float:left; margin:0 0 10px 0;}
#static .div1 h2,h3{margin:0;}
#static .div1 h2{font-size:medium;}
#static .div2{width:31%; height:auto; float:left; margin:1%; padding: 1%; background: #efefef; text-align:center;}
#static .div2 img{width:100%; height:auto; float:left; margin:0 0 10px 0;}
#static .div2 h2{color:#0155ab; margin:0;}
#static .div3{width:100%; height:auto; float:left; margin:1% 0;}
#static .div3 img{width:10%; height:auto; float:left; margin:0 2% 0 0;}
#static .div3 h2{width:78%; height:auto; float:left; color:#0155ab; margin:10px 0 0 0;}

#static .div{width:50%; height:auto; float:left; margin:4% 25%; padding: 2%; background: #efefef;}
#static .div h2{text-align: center;}
#static .div p{text-align: center;}
#static .div h3{text-align: center; color:#2a2a2a; margin: 0}

#static .img1{width:30%; height:auto; float:left; margin:1% 35%}
#static .img2{width:80%; height:auto; float:left; margin:1% 10%}
#static .img3{width:30%; height:auto; float:left; margin:1% 35%}
#static .img4{width:30%; height:auto; float:left; margin:1% 19% 0 1%}

#static .hh2{color: #247ebb!important; text-transform: uppercase; text-align: center; font-size:34px; margin:0}
#static .hh2 span{font-size:20px}
#static .hh2 .span{font-size:16px; text-transform: capitalize;}
#static .hhh2{color: #fff!important; background:#a41714; padding: 0.5%; border-radius: 5px; text-transform: uppercase; text-align: center; font-size:20px; margin:0}
#static .hhh2 span{font-size:16px; font-weight: normal; color: #fff!important;}
#static .hhh3{color: #302f2f!important; margin-top:15px}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
  font-size:medium;
}

.row1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding:0;
}

/* Create four equal columns that sits next to each other */
.column1 {
  -ms-flex: 33.3%; /* IE10 */
  flex: 33.3%;
  max-width: 33.3%;
  padding: 0 5px;
}

.column1 img {
  vertical-align: middle;
  width: 100%!important;
  margin:5px!important;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column1 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

#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;}


@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;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner4{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner5{width:100%; height:auto; margin:0 auto; overflow:hidden}
#main-inner6{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner7{width:100%; height:auto; margin:0 auto; overflow:hidden}

#upper-header .left{width:50%; height:auto; float:left; margin:0;}
#upper-header .left a{width:100%; height:auto; float:left; text-align: center; color: #fff; padding:10px 0; margin: 10px 0; background: #1f629c; border-radius: 5px;}
#upper-header .right{width:50%; height:auto; float:right; margin:6px 0 0 0;}

#main-header .logo{width:70%; height:auto; float:left; margin: 2px 15%; padding: 0;}
#main-header .con{display: none;}
#main-header .con1{display: none;}

.marqueediv img{width: 20%; height: 45px; float: left; margin:0; display: none;}
.marqueediv marquee{width: 98%; margin:0 1%;}

#missiondiv .con{width:96%; height:auto; float:left; margin: 3% 2%; padding: 28px 20px; border-radius: 10px; background:#fff; box-shadow:  0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;}
#missiondiv .con img{width:30%; height:auto; float:left; margin: 0 35%;}

#about .left{width:100%; height:auto; float:left; margin:0;}
#about .left h1{width:100%; height:auto; float:left; margin: 0; color: #0a2329; font-size: xx-large; line-height: 120%;}
#about .left h1 span{color: #0c4857;}
#about .left p{width:100%; height:auto; float:left; color: #302f2f; font-size: medium; line-height: 160%;}
#about .left ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#about .left ul li{margin:1.5% 0; color: #302f2f; font-size: medium;}
#about .left a{width:auto; height:auto; float:right; margin: 15px 0 0 0; color: #242424; background: #f3b101; padding: 10px 30px; border-radius: 20px; transition: 0.3s;}
#about .left a:hover{background: #c10902; color: #fff;}
#about .right{width:100%; height:auto; float:left; margin:20px 0 0 0;}
#about .left .leftimg{width:100%; height:auto; float:left; margin:0; text-align:center;}
#about .left .leftimg .con{width:100%; height:auto; float:left; margin:1%; text-align: center;}
#about .left .leftimg .con img{width:50%; height:auto; float:left; margin:0 25%;}
#about .left .leftimg h3{width:100%; height:auto; float:left; margin:5px 0 0 0; color:#026492;}
#about .left .leftdiv{width:95%; height:auto; float:left; margin:0 2.5%;}
#about .left .leftdiv p{width:100%; height:auto; float:left; margin:0; font-size:14px; line-height: 22px;}
#about .left .leftdiv h1{margin:20px 0 10px 0;}
#about .left h1{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #0a2329; font-size:22px; line-height: 120%;}

#enroll{width:100%; height:auto; float:left; padding: 15px 2.5%; color: #fff;}
#enroll img{width:20%; height:auto; float:left; margin: 0 0 0 3%}
#enroll h3{width:75%; height:auto; float:left; margin:5px 0 0 2%; text-align: left}
#enroll .text{width:100%; height:auto; float:left; margin: 5px 0 0 0;}
#enroll .text p{width:100%; height:auto; float:left; color: #fff; margin: 1% 0; padding:2%; font-weight: normal; background:#be1f1c}

.cour{width: 95%; height: auto; float: left; margin: 0 2.5% 2.5% 2.5%;}

.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);
}

#gdfooter{width:95%; height:auto; float: left; margin:1% 2.5%;}
#gdfooter .top .div{width:98%; height:auto; float: left; margin: 1%;}
#gdfooter .con{width: 98%; height: auto; float: left; margin: 1%;}
#gdfooter .con1{width: 98%; height: auto; float: left; margin: 1%;}
#gdfooter .con2{width: 98%; height: auto; float: left; margin: 1%;}

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

#page_header{background:url(images/bg.webp); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}
#page_header h2{width: 100%; height: auto; float: left; color:#fff;font-size:28px;margin:0;}
#page_header p{color:#fff}
#page_header .container{margin:0!important; padding:0!important}
#page_header .row{margin:0!important; padding:0!important}

#static .div1{width:98%; height:auto; float:left; margin:1% 1% 3% 1%; padding: 1% 1% 3% 1%; background: #efefef;}
#static .div1 h2,h3{margin:0; text-align:center;}
#static .div2{width:98%; height:auto; float:left; margin:1%; padding: 1%; background: #efefef; text-align:center;}

#static .div{width:100%; height:auto; float:left; margin:4% 0; padding: 2%; background: #efefef;}
#static .img{width: 30%; height: auto; float: left; margin:0 35%;}
#static .h1{width: 100%; height: auto; float: left; text-align:center;}
#static{width:90%; height:auto; float:left; margin:1% 5% 30px 5%}
#static .img1{width:50%; height:auto; float:left; margin:1% 25%}
#static .hh2{color: #247ebb!important; text-transform: uppercase; text-align: center; font-size:24px; margin:0}
#static .img3{width:40%; height:auto; float:left; margin:1% 30%}
#static .img4{width:40%; height:auto; float:left; margin:1% 9% 0 1%}
#static .img2{width:100%; height:auto; float:left; margin:1% 0}
#static .div3{width:100%; height:auto; float:left; margin:15px 0;}
#static .div3 img{width:30%; height:auto; float:left; margin:0 35%;}
#static .div3 h2{width:100%; height:auto; float:left; color:#0155ab; margin:0; text-align: center; font-size:18px;}

#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}

}