body {overflow-x: hidden; font-family: 'Asap', sans-serif;}
.logo img {
    height: 139px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

  header nav.navbar .logo {
    position: absolute!important;
    z-index: 99;
    top: 0;
    left: 0;
    margin: 0;
}


header .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    display: none;
    transition: all 0.5s linear;
}
.search-box.search input[type="search"] {    
    display: block;
    position: absolute;
    right: -10px;
    bottom: -20px; 
    z-index: 99;
    border-radius: 0;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.13);
}
button#search-btn:focus {outline: none;}
header nav.navbar .collapse {margin-left: 180px;}
header nav.navbar {
    background-color: transparent!important;
    border: none;
    border-radius: 0;
    padding: 10px 0;
    margin: 0px 0 0 0;
}
header ul.nav li a {
  float: left;
    width: 82px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin-left: 7px;
    font-family: "Roboto Slab",serif;
    font-size: 15px;
    line-height: 31px;
    text-transform: capitalize;
    color: #cac4b5!important;
    height: 36px;
    display: block;
    padding: 0!important;
    border: 2px solid #cac4b5;
    text-align: center;
}
header ul.nav.navbar-nav li a:hover{
    color: #fff!important;
    text-decoration: none;
    background: #cac4b5;
}
.banner-sec img {
    width: 100%;
    height: auto;
    height: 100vh!important;
    object-fit: cover;
}
.banner-sec {
    position: relative;
}
header.codea {background: transparent;}
.float-panel.fixed .container_one {
    padding-top: 0;
}

#search-btn:before {    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002"; color: #000;
}
button#search-btn {
    background: transparent;
    border: none;
    padding: 0;
}
header .navbar-nav li > a {    color: #11317B!important;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    position: relative;
    text-shadow: none;}

.marque-main {
    width: 100%;
    position: relative;
    height: 100%;
}
.marque-sec {
    position: static;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 99;
}
.alert-se {
    position: absolute;
    left: 0;
    margin-left: 0px;
    top: 0;
    height: 100%;
    width: 110px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);
    transition: all 0.3s linear;
    z-index: 9;
}
.marque_code {
    background-image: -moz-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    background-image: -webkit-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    background-image: -ms-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
}
.alert-se p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 300;
}
.marque-middle {
    position: absolute;
    height: 100%;
    line-height: 40px;
    left: 0%;
    right: 0%;
    opacity: 1;
    padding: 0 110px 0 265px;
    top: 0;
    transition: all 0.3s linear;
}
.close-btn {
    position: absolute;
    right: 0%;
    margin-right: 0px;
    top: 0;
    line-height: 40px;
    height: 100%;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    letter-spacing: 1px;
    width: 110px;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 9;
}
.close-btn h3 {
    font-size: 13px;
    margin: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    width: 100%;
    text-shadow: none;
    float: none;
    opacity: 1;
}
.intro .alert-se {
    left: 50%;
    margin-left: -110px;
}
.intro .close-btn {
    right: 50%;
    margin-right: -110px;
}
.intro .marque-middle {
    left: 50%;
    right: 50%;
    opacity: 0;
    margin-left: -110px;
    margin-right: -110px;
}
.marque-middle p {
    color: #fff;
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
}
.intro .close-btn .close {
    display: none;
}
.close-btn .close {
    display: block;
}
.intro .close-btn .open {
    display: block;
}
.close-btn .open {display: none;}
.close-btn h3:hover {color: #fff;}

.banner-sec iframe {
    background: url(../images/video-img.webp);
    height: 100vh;
    width: 100%;
}

.news-sec {  
  width: 100%;
  float: left;
  background: url(../images/news-bg.jpg);
  height: 660px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.news-sec .owl-carousel {display: block;}
.news-lft {
    color: #fff;
    font-size: 18px;
    width: 70px;
    height: 65px;
    padding: 14px 11px;
    line-height: 20px;
    background-image: -moz-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    background-image: -webkit-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    background-image: -ms-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    float: left;
    text-align: center;
    margin-right: 15px;
}
.news-sec .notice-lft-sec {max-width: 740px; float: left;}
ul.news-list { margin: 0; padding: 0; list-style: none;}
ul.news-list li {width: 100%; float: left; margin-bottom: 35px;}
ul.news-list li .news-rht h3 {
    float: left;
    color: #11317B;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
}
ul.news-list li .news-rht a {
    text-align: left;
    color: #787878;
    font-size: 15px;
    font-weight: 600;
}
.news-rht {
    width: calc(100% - 100px);
    float: left;
    display: table;
}
.rht-content-sec {
    vertical-align: top;
    display: table-cell;
}
.read-more {
    float: right;
    vertical-align: top;
    display: table-cell;
    min-width: 100px;
}
.read-more a {color: #f0130b!important; font-size: 14px!important; font-weight: 300!important;}
.notice-sec {
    margin: auto;
    background: url(../images/notice_full.png) no-repeat center center;
    width: 208px;
    height: 108px;
    font-size: 25px;
    text-transform: uppercase;
    color: #11317B;
    padding: 52px 7px 0 0;
    font-weight: 700;
    margin-top: 50px;
}
.owl-carousel { margin-top: 50px;}
.owl-carousel .owl-dots { display: block!important;}
.owl-carousel .owl-nav button span { font-size: 28px; color: #fff;}
.news-full-sec { width: 100%; float: left; margin-bottom: 35px;}
.owl-carousel .owl-dots button { margin: 0 5px;}
.owl-carousel .owl-dots button span { width: 8px; height: 8px; display: block; background: #000; border-radius: 50%;}
.owl-carousel .owl-nav { display: block!important; max-width: 200px; margin: 0 auto; z-index: 999; position: relative;} 
.news-sec .owl-carousel .owl-nav button.owl-prev { float: left; padding: 0 0px!important; width: 35px; height: 35px; line-height: 35px; transition: all 0.5s linear 0s; 
    background-image: -webkit-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);}
.news-sec .owl-carousel .owl-nav button:hover { opacity: 0.8; }
.news-sec .owl-carousel .owl-nav button:focus {outline: none;}
.news-sec .owl-carousel .owl-nav button.owl-next { float: right; padding: 0 0px!important; width: 35px; height: 35px; line-height: 35px; transition: all 0.5s linear 0s;
    background-image: -webkit-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);}
.owl-carousel .owl-dots {
    display: block!important;
    position: relative;
    top: 10px;
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
}
.owl-carousel .owl-dots button span {
    width: 8px;
    height: 8px;
    display: block;
    background: #000;
    border-radius: 50%;
}

.principal-desk {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: 420px;
    position: relative;
    background-image: -moz-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    background-image: -webkit-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    background-image: -ms-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
}
.principal-sec h2 {
    text-align: center;
    font-size: 30px;
    margin: 50px 0px 40px 0px;
}
.principal-sec {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.principal-desk:before {
    content: "";
    background: url(../images/principal_img_bg.png);
    width: 347px;
    height: 421px;
    position: absolute;
    top: 0px;
    left: 3%;
}
.principal-pic img { position: absolute;  top: -71px;  right: 0;}
.principal-content {
    margin: 70px 0 0 50px;
}
.principal-content h3 {
    font-size: 18px;color: #fff;
}
.principal-content h3 span { font-weight: 400;  display: block; margin-top: 5px;}
.principal-content h4 {    font-size: 22px;
    margin: 16px 0px; text-align: left; color: #fff;}
.principal-content p {font-weight: 400; color: #fff;}
.view-all-msg {   
    width: 161px;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    line-height: 48px;
    transition: all 0.5s ease 0s;
    border-radius: 20px;
    background: #e8c27f;}
.view-all-msg a {
    color: #fff;
}
.view-all-msg a span {
    margin-left: 10px;
}
.view-all-msg a:hover {text-decoration: none;}
.flex-slider-lft {
    width: 835px;
    float: left;
    height: auto;
}
.photo-gallery {
    width: 100%;
    float: left;
    background: url(../images/photo-gallery-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 650px;
    background-size: 100%;
}
.flex-slider-lft .flex-viewport {
    width: 350px;
    height: 230px;
    float: left;
    margin-right: 30px;
}
.flex-slider-lft .flex-control-nav {
    width: calc(100% - 380px);
    float: right;
}
.flex-slider-lft .flex-control-nav li {
    width: 77px;
    height: 51px;
    float: left;
    margin: 0 6px 11px 6px;
}
.flex-slider-lft .flex-control-nav li img {
    width: 77px;
    height: 51px;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
        transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
}
.flex-slider-lft .flex-control-nav li img.flex-active {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
ul.flex-direction-nav {
    display: none;
}
.flexslider .slides img { transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;}
.flexslider .slides li img:hover {    -moz-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);}
.photo_full {
    width: 100%;
    float: left;
    margin: 1px 0 23px 0px;
    padding: 0 0 0 0px;
}
.photo_head {
    margin: auto;
    background: url(../images/photo_head.png) no-repeat center center;
    width: 233px;
    height: 126px;
    font-size: 25px;
    text-transform: uppercase;
    color: #11317B;
    padding: 63px 6px 0 0;
    font-weight: 700;
    margin-top: 50px;
}
.flex-slider-lft .flexslider { width: 100%; float: left; border: none; background: transparent; 
    box-shadow: none; margin-bottom: 10px;}
.view-all {
    width: 455px;
    float: none;
    margin: 0 auto;
}
.view-all a {
    transition: all ease-in-out 0.5s;
    width: 95px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    float: right;
    padding: 0 10px;
    text-align: center;
    position: relative;
    background-image: -webkit-linear-gradient( 176deg, #e6bd75 0%, rgb(230, 189, 117) 40%);
}
.view-all a:hover {   text-decoration: none;}
.footer-inn {
    background: #183885;
    padding: 20px;
    width: 100%;
    position: relative; 
    z-index: 9;
    bottom: 0;
    float: left;
}
ul.footer-menu {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
ul.footer-menu li {
    display: inline-block;
    float: none;
    margin: 0 12px;
}
ul.footer-menu li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
ul.footer-menu li a:hover {text-decoration: none; color: #e6bd75;}
.footer-address {
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.footer-address h4 {
    display: inline-block;
    float: none;
    font-size: 14px;
    color: #fff;
    margin: 0 15px;
}
.footer-address h4 i {
    margin-right: 5px;
    color: #e6bd75;
}
ul.footer-social {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    text-align: center;
}
ul.footer-social li {
    display: inline-block;
    float: none;
    margin: 0 20px;
}
ul.footer-social li a {    color: #e6bd75;  font-size: 16px;}
.copy-right {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
}
.copy-right p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.copy-right p a {
    color: #e6bd75;
}
.our-client {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 80px;
}
.our-client .owl-carousel .owl-item img {width: auto; height: auto;}
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.owl-stage .owl-item {
    float: left;
}
.our-client .container {
    overflow: hidden;
    position: relative;
}
.our-client .owl-nav {
   width: 100%;
}
.our-client {position: relative;  position: relative;}
.our-client .owl-nav .owl-prev { left: 0; position: absolute; top: 50%; transform: translateY(-50%);     height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;} 
.our-client .owl-nav button.owl-next { right: 0px;  position: absolute; top: 50%; transform: translateY(-50%);     height: 40px;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    background: #e6bd75;
    padding: 0;}
.our-client .owl-nav button span {
    font-size: 40px;
    line-height: 34px;
    height: 40px;
    color: #fff;
}
.our-client .owl-loaded {    margin: 0 35px;  overflow: hidden;}
.our-client .owl-dots {display: none;}
.birtday-topper {
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
    position: relative;  
    overflow: hidden;  
    background-image: -webkit-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    background-image: -ms-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
}
.bdy_head {
    margin: auto;
   /* background: url(../images/birth_head.png) no-repeat center center;*/
   background: url(../images/birthday-icons.png) no-repeat center center;
    width: 233px;
    height: 126px;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    padding: 63px 0px 0 0;
    font-weight: 700;
    margin-top: 50px;
}
.top_full {
    width: 100%;
    float: left;
    text-align: center;
    margin: 1px 0 0px 0px;
    padding: 100px 0 0 0px;
}
.bdy_full {
    width: 100%;
    float: left;
    margin: 1px 0 0px 0px;
    z-index: 999;
    position: relative;
    text-align: center;
    padding: 100px 0 0 0px;
}
.photo_head {text-align: center; padding-left: 0;  padding-right: 0;}
.notice-sec {text-align: center; padding-left: 0; padding-right: 0;} 
.top_head {
    margin: auto;
    background: url(../images/topper_head.png) no-repeat center center;
    width: 233px;
    height: 126px;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    padding: 63px 0px 0 0;
    font-weight: 700;
    margin-top: 50px;
}
.full-slider .carousel-control {
    background: transparent;
    border: none;
}
.topper-lft {
    width: 140px;
    float: left;
}
.topper-rht {
    width: 140px;
    float: right;
}
.birt-content h3 {
        color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.birt-content h4 {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.full-slider .carousel-control {top: inherit; bottom: 0; opacity: 1;}
.full-slider .carousel-control span {    
    padding: 0 0px!important;
    width: 30px;
    height: 30px;
    line-height: 17px;
    transition: all 0.5s linear 0s;
    color: #fff;
    outline: none;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
}
.full-slider .carousel-control span:before {
    text-shadow: none;
    color: #fff;
    font-size: 16px;
}
.full-slider .carousel-control span:hover {opacity: 0.8;}

.btd-slider .carousel-control {
    background: transparent;
    border: none;
}
.btd-slider h3 {
        color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.btd-slider h4 {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.btd-slider .carousel-control {top: inherit; bottom: 0; opacity: 1;}
.btd-slider .carousel-control span {    
    padding: 0 0px!important;
    width: 30px;
    height: 30px;
    line-height: 17px;
    transition: all 0.5s linear 0s;
    color: #fff;
    outline: none;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
}
.btd-slider .carousel-control span:before {
    text-shadow: none;
    color: #fff;
    font-size: 16px;
}
.btd-slider {
    width: 140px;
    float: none;
    margin: 0 auto;
}
.btd-slider .carousel-inner img {
    width: 138px;
    height: 160px!important;
}
.full-slider .carousel-inner img {
    width: 138px;
    height: 160px!important;
}
.birt-content {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.student-heading h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 0;
}
.student-heading {
    width: 100%;
    float: left;
    margin-top: 30px;
    z-index: 9;
    position: relative;
}
.full-slider a.center {
    width: 80px;
    float: left;
    margin: 0 0 0 30px;
    text-align: center;
    top: -3px;
    position: relative;
    color: rgba(255, 255, 255, 0.78);
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
}
.full-slider a.center span {
    display: inline-block;
    margin: 0 auto;
    float: none;
    position: relative;
}
.full-slider a.center span:before {
    position: absolute;
    left: 0;
    right: 100%;
    background: rgba(255, 255, 255, 0.78);
    height: 1px;
    content: '';
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    bottom: -3px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.full-slider a.center span:hover:before {
    left: 0;
    right: 0;
}
.btd-slider a.center {
    width: 80px;
    float: left;
    margin: 0 0 0 30px;
    text-align: center;
    top: -3px;
    position: relative;
    color: rgba(255, 255, 255, 0.78); 
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
}
.bloon-lft {
    position: absolute;
    left: 0;
    display: none;
    bottom: 0;
}
.bloon-rht {
    position: absolute;
    right: 0;
    display: none;
    bottom: 0;
}

/*==========baloons=============*/
.btd-bloons {opacity: 1!important;     margin-left: -130px;}
.balloon > div {
  width: 70px;
  height: 110px;
  background: rgba(182, 15, 97, 0.9);
  border-radius: 0;
  border-radius: 80% 80% 80% 80%;
  margin: 0 auto;
  position: absolute;
  padding: 10px;
  box-shadow: inset 17px 7px 10px rgba(182, 15, 97, 0.9);
  -webkit-transform-origin: bottom center;
}
.balloon > div:nth-child(1) {
  background: rgba(182, 15, 97, 0.9);
  left: 0;
  box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);
  -webkit-animation: balloon1 6s ease-in-out infinite;
  -moz-animation: balloon1 6s ease-in-out infinite;
  -o-animation: balloon1 6s ease-in-out infinite;
  animation: balloon1 6s ease-in-out infinite;
}
.balloon > div:nth-child(1):before {
  color: rgba(182, 15, 97, 0.9);
}
.balloon > div:nth-child(2) {
  background: rgba(242, 112, 45, 0.9);
  left: 80px;
  box-shadow: inset 10px 10px 10px rgba(222, 85, 14, 0.9);
  -webkit-animation: balloon2 6s ease-in-out infinite;
  -moz-animation: balloon2 6s ease-in-out infinite;
  -o-animation: balloon2 6s ease-in-out infinite;
  animation: balloon2 6s ease-in-out infinite;
}
.balloon > div:nth-child(2):before {
  color: rgba(242, 112, 45, 0.9);
}
.balloon > div:nth-child(3) {
  background: rgba(45, 181, 167, 0.9);
  left: 160px;
  box-shadow: inset 10px 10px 10px rgba(35, 140, 129, 0.9);
  -webkit-animation: balloon4 6s ease-in-out infinite;
  -moz-animation: balloon4 6s ease-in-out infinite;
  -o-animation: balloon4 6s ease-in-out infinite;
  animation: balloon4 6s ease-in-out infinite;
}
.balloon > div:nth-child(3):before {
  color: rgba(45, 181, 167, 0.9);
}
.balloon > div:nth-child(4) {
  background: rgba(190, 61, 244, 0.9);
  left: 230px;
  box-shadow: inset 10px 10px 10px rgba(173, 14, 240, 0.9);
  -webkit-animation: balloon1 5s ease-in-out infinite;
  -moz-animation: balloon1 5s ease-in-out infinite;
  -o-animation: balloon1 5s ease-in-out infinite;
  animation: balloon1 5s ease-in-out infinite;
}
.balloon > div:nth-child(4):before {
  color: rgba(190, 61, 244, 0.9);
}
.balloon > div:nth-child(5) {
  background: rgba(180, 224, 67, 0.9);
  left: 310px;
  box-shadow: inset 10px 10px 10px rgba(158, 206, 34, 0.9);
  -webkit-animation: balloon3 5s ease-in-out infinite;
  -moz-animation: balloon3 5s ease-in-out infinite;
  -o-animation: balloon3 5s ease-in-out infinite;
  animation: balloon3 5s ease-in-out infinite;
}
.balloon > div:nth-child(5):before {
  color: rgba(180, 224, 67, 0.9);
}
.balloon > div:nth-child(6) {
  background: rgba(242, 194, 58, 0.9);
  left: 375px;
  box-shadow: inset 10px 10px 10px rgba(234, 177, 15, 0.9);
  -webkit-animation: balloon2 3s ease-in-out infinite;
  -moz-animation: balloon2 3s ease-in-out infinite;
  -o-animation: balloon2 3s ease-in-out infinite;
  animation: balloon2 3s ease-in-out infinite;
}
.balloon > div:nth-child(6):before {
  color: rgba(242, 194, 58, 0.9);
}
.balloon > div:before {
  color: rgba(182, 15, 97, 0.9);
  position: absolute;
  bottom: -10px;
  left: 30px;
  content: "▲";
  font-size: 1em;
}
.balloon span {
    font-size: 30px;
  color: white;
  position: relative;
  top: 22px;
  left: 50%;
  margin-left: -13px;
}
/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(8deg);
  }
}
@-moz-keyframes balloon1 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -moz-transform: translateY(-20px) rotate(8deg);
  }
}
@-o-keyframes balloon1 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -o-transform: translateY(-20px) rotate(8deg);
  }
}
@keyframes balloon1 {
  0%,
  100% {
    transform: translateY(0) rotate(-6deg);
  }
  50% {
    transform: translateY(-20px) rotate(8deg);
  }
}
/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(6eg);
  }
  50% {
    -webkit-transform: translateY(-30px) rotate(-8deg);
  }
}
@-moz-keyframes balloon2 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(6deg);
  }
  50% {
    -moz-transform: translateY(-30px) rotate(-8deg);
  }
}
@-o-keyframes balloon2 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(6deg);
  }
  50% {
    -o-transform: translateY(-30px) rotate(-8deg);
  }
}
@keyframes balloon2 {
  0%,
  100% {
    transform: translateY(0) rotate(6deg);
  }
  50% {
    transform: translateY(-30px) rotate(-8deg);
  }
}
/* BAllOON 0*/
@-webkit-keyframes balloon3 {
  0%,
  100% {
    -webkit-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -webkit-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@-moz-keyframes balloon3 {
  0%,
  100% {
    -moz-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -moz-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@-o-keyframes balloon3 {
  0%,
  100% {
    -o-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -o-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@keyframes balloon3 {
  0%,
  100% {
    transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    transform: translate(-20px, 30px) rotate(-8deg);
  }
}
/* BAllOON 3*/
@-webkit-keyframes balloon4 {
  0%,
  100% {
    -webkit-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -webkit-transform: translate(-15px, 20px) rotate(10deg);
  }
}
@-moz-keyframes balloon4 {
  0%,
  100% {
    -moz-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -moz-transform: translate(-15px, 10px) rotate(10deg);
  }
}
@-o-keyframes balloon4 {
  0%,
  100% {
    -o-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -o-transform: translate(-15px, 10px) rotate(10deg);
  }
}
@keyframes balloon4 {
  0%,
  100% {
    transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    transform: translate(-15px, 10px) rotate(10deg);
  }
}



/*=============second-baloon===============*/
.blns {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.blns div {
  top: 425px;
  left: 0;
  position: absolute;
  width: 131px;
  height: 159px;
  border-radius: 50%;
}
.blns div:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 50%;
  width: 0;
  height: 0;
  margin-right: -10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid #c03940;
}
.blns div:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 14px;
  border-radius: 50%;
  background: white;
  top: 30px;
  left: 35px;
  transform: rotate(45deg);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
}
.blns div[class^='bln-1'] {
  height: 145px;
  background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #b0cb47 0%, #3d954b 50%);
  transform: rotate(20deg);
}
.blns div[class^='bln-1']:before {
  border-bottom-color: #3d954b;
}
.blns div[class^='bln-2'] {
  width: 122px;
  height: 141px;
  background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #3bc0f0 0%, #0075bc 50%);
  transform: rotate(-20deg);
}
.blns div[class^='bln-2']:before {
  border-bottom-color: #0075bc;
}
.blns div[class^='bln-3'] {
  background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #f89640 0%, #c03940 50%);
}
.blns div[class^='bln-3']:before {
  border-bottom-color: #c03940;
}
.blns div[class^='bln-4'] {
  width: 132px;
  height: 151px;
  background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #cf85b8 0%, #a3509d 50%);
  transform: rotate(5deg);
}
.blns div[class^='bln-4']:before {
  border-bottom-color: #a3509d;
}
.blns div[class^='bln-5'] {
  width: 137px;
  height: 142px;
  background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #ffec37 0%, #f8b13d 50%);
  transform: rotate(7deg);
}
.blns div[class^='bln-5']:before {
  border-bottom-color: #f8b13d;
}

.birtday-topper:before {
    position: absolute;
    content: '';
    display: none;
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.22);
    z-index: 99;
    height: 100%;
}
.birth-lft {margin-left: -130px;}
.birtday-topper .container { 
        z-index: 999;
    position: relative;
}
.birth-lft {
    width: 100%;
    float: left;
    max-width: 400px;
    padding: 0px 0;
    position: relative;
}
.birth-rht {
    width: 100%;
    float: right;
    max-width: 540px;
    padding: 0px 0;
}
.birtday-topper .container {
    padding: 0 70px;
}
.topper-lft .carousel a.carousel-control-prev {
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.topper-lft .carousel a.carousel-control-prev:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f053";
}

.topper-lft .carousel a.carousel-control-next {
    right: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.topper-lft .carousel a.carousel-control-next:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f054";
}

.topper-rht .carousel a.carousel-control-prev {
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.topper-rht .carousel a.carousel-control-prev:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f053";
}

.topper-rht .carousel a.carousel-control-next {
    right: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.topper-rht .carousel a.carousel-control-next:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f054";
}
/*.topper-rht .carousel-inner {overflow: visible;}*/
.full-slider .carousel {    width: 100%;  float: left;}
.btd-slider .carousel {    width: 100%;  float: left;}


.btd-slider .carousel a.carousel-control-prev { 
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.btd-slider .carousel a.carousel-control-prev:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f053";
}

.btd-slider .carousel a.carousel-control-next {
    right: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #e6bd75;
    padding: 0;
    opacity: 1;
}
.btd-slider .carousel a.carousel-control-next:before {
    font: normal normal normal 14px/1 FontAwesome;
        content: "\f054";
}


/*==================================*/








.balloons {
  height: 100%;
  width: 100%;
  position: absolute;
}

.balloon {
  border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
  display: block;
  height: 100px;
  opacity: 0.5;
  position: absolute;
  width: 80px;
}
.balloon:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 45%;
  position: absolute;
  width: 0;
}

.balloon0 {
  background-color: #a9176c;
  left: 1%;
  animation: flyingBalloon 9s -54s linear infinite;
  -webkit-animation: flyingBalloon 9s -54s linear infinite;
  -moz-animation: flyingBalloon 9s -54s linear infinite;
  -ms-animation: flyingBalloon 9s -54s linear infinite;
  -o-animation: flyingBalloon 9s -54s linear infinite;
}
.balloon0:after {
  border-bottom: 10px solid #ffffff;
}

.balloon1 {
  background-color: #df6e3e;
  left: 4%;
  animation: flyingBalloon 21s -93s linear infinite;
  -webkit-animation: flyingBalloon 21s -93s linear infinite;
  -moz-animation: flyingBalloon 21s -93s linear infinite;
  -ms-animation: flyingBalloon 21s -93s linear infinite;
  -o-animation: flyingBalloon 21s -93s linear infinite;
}
.balloon1:after {
  border-bottom: 10px solid #df6e3e;
}

.balloon2 {
  background-color: #37b6ae;
  left: 82%;
  animation: flyingBalloon 20s -72s linear infinite;
  -webkit-animation: flyingBalloon 20s -72s linear infinite;
  -moz-animation: flyingBalloon 20s -72s linear infinite;
  -ms-animation: flyingBalloon 20s -72s linear infinite;
  -o-animation: flyingBalloon 20s -72s linear infinite;
}
.balloon2:after {
  border-bottom: 10px solid #37b6ae;
}

.balloon3 {
  background-color: #b040f1;
  left: 39%;
  animation: flyingBalloon 17s -70s linear infinite;
  -webkit-animation: flyingBalloon 17s -70s linear infinite;
  -moz-animation: flyingBalloon 17s -70s linear infinite;
  -ms-animation: flyingBalloon 17s -70s linear infinite;
  -o-animation: flyingBalloon 17s -70s linear infinite;
}
.balloon3:after {
  border-bottom: 10px solid #b040f1;
}

.balloon4 {
  background-color: #00BCD4;
  left: 76%;
  animation: flyingBalloon 13s -63s linear infinite;
  -webkit-animation: flyingBalloon 13s -63s linear infinite;
  -moz-animation: flyingBalloon 13s -63s linear infinite;
  -ms-animation: flyingBalloon 13s -63s linear infinite;
  -o-animation: flyingBalloon 13s -63s linear infinite;
}
.balloon4:after {
  border-bottom: 10px solid #00BCD4;
}

.balloon5 {
  background-color: #a7d351;
  left: 81%;
  animation: flyingBalloon 21s -58s linear infinite;
  -webkit-animation: flyingBalloon 21s -58s linear infinite;
  -moz-animation: flyingBalloon 21s -58s linear infinite;
  -ms-animation: flyingBalloon 21s -58s linear infinite;
  -o-animation: flyingBalloon 21s -58s linear infinite;
}
.balloon5:after {
  border-bottom: 10px solid #a7d351;
}

.balloon6 {
  background-color: #FFC107;
  left: 63%;
  animation: flyingBalloon 17s -73s linear infinite;
  -webkit-animation: flyingBalloon 17s -73s linear infinite;
  -moz-animation: flyingBalloon 17s -73s linear infinite;
  -ms-animation: flyingBalloon 17s -73s linear infinite;
  -o-animation: flyingBalloon 17s -73s linear infinite;
}
.balloon6:after {
  border-bottom: 10px solid #FFC107;
}

.balloon7 {
  background-color: #E91E63;
  left: 72%;
  animation: flyingBalloon 17s -73s linear infinite;
  -webkit-animation: flyingBalloon 17s -73s linear infinite;
  -moz-animation: flyingBalloon 17s -73s linear infinite;
  -ms-animation: flyingBalloon 17s -73s linear infinite;
  -o-animation: flyingBalloon 17s -73s linear infinite;
}
.balloon7:after {
  border-bottom: 10px solid #E91E63;
}

.balloon8 {
  background-color: #dfb849;
  left: 34%;
  animation: flyingBalloon 15s -67s linear infinite;
  -webkit-animation: flyingBalloon 15s -67s linear infinite;
  -moz-animation: flyingBalloon 15s -67s linear infinite;
  -ms-animation: flyingBalloon 15s -67s linear infinite;
  -o-animation: flyingBalloon 15s -67s linear infinite;
}
.balloon8:after {
  border-bottom: 10px solid #dfb849;
}

.balloon9 {
  background-color: #ff5023;
  left: 94%;
  animation: flyingBalloon 10s -80s linear infinite;
  -webkit-animation: flyingBalloon 10s -80s linear infinite;
  -moz-animation: flyingBalloon 10s -80s linear infinite;
  -ms-animation: flyingBalloon 10s -80s linear infinite;
  -o-animation: flyingBalloon 10s -80s linear infinite;
}
.balloon9:after {
  border-bottom: 10px solid #ff5023;
}

.balloon10 {
  background-color: #ed2965;
  left: 81%;
  animation: flyingBalloon 23s -53s linear infinite;
  -webkit-animation: flyingBalloon 23s -53s linear infinite;
  -moz-animation: flyingBalloon 23s -53s linear infinite;
  -ms-animation: flyingBalloon 23s -53s linear infinite;
  -o-animation: flyingBalloon 23s -53s linear infinite;
}
.balloon10:after {
  border-bottom: 10px solid #ed2965;
}

.balloon11 {
  background-color: #9C27B0;
  left: 37%;
  animation: flyingBalloon 14s -64s linear infinite;
  -webkit-animation: flyingBalloon 14s -64s linear infinite;
  -moz-animation: flyingBalloon 14s -64s linear infinite;
  -ms-animation: flyingBalloon 14s -64s linear infinite;
  -o-animation: flyingBalloon 14s -64s linear infinite;
}
.balloon11:after {
  border-bottom: 10px solid #9C27B0;
}

.balloon12 {
  background-color: #FF5722;
  left: 91%;
  animation: flyingBalloon 15s -67s linear infinite;
  -webkit-animation: flyingBalloon 15s -67s linear infinite;
  -moz-animation: flyingBalloon 15s -67s linear infinite;
  -ms-animation: flyingBalloon 15s -67s linear infinite;
  -o-animation: flyingBalloon 15s -67s linear infinite;
}
.balloon12:after {
  border-bottom: 10px solid #FF5722;
}

.balloon13 {
  background-color: #607D8B;
  left: 78%;
  animation: flyingBalloon 12s -71s linear infinite;
  -webkit-animation: flyingBalloon 12s -71s linear infinite;
  -moz-animation: flyingBalloon 12s -71s linear infinite;
  -ms-animation: flyingBalloon 12s -71s linear infinite;
  -o-animation: flyingBalloon 12s -71s linear infinite;
}
.balloon13:after {
  border-bottom: 10px solid #607D8B;
}

.balloon14 {
  background-color: #009688;
  left: 47%;
  animation: flyingBalloon 14s -93s linear infinite;
  -webkit-animation: flyingBalloon 14s -93s linear infinite;
  -moz-animation: flyingBalloon 14s -93s linear infinite;
  -ms-animation: flyingBalloon 14s -93s linear infinite;
  -o-animation: flyingBalloon 14s -93s linear infinite;
}
.balloon14:after {
  border-bottom: 10px solid #009688;
}

.balloon15 {
  background-color: #2196F3;
  left: 28%;
  animation: flyingBalloon 23s -68s linear infinite;
  -webkit-animation: flyingBalloon 23s -68s linear infinite;
  -moz-animation: flyingBalloon 23s -68s linear infinite;
  -ms-animation: flyingBalloon 23s -68s linear infinite;
  -o-animation: flyingBalloon 23s -68s linear infinite;
}
.balloon15:after {
  border-bottom: 10px solid #2196F3;
}

.balloon16 {
  background-color: #00BCD4;
  left: 51%;
  animation: flyingBalloon 9s -96s linear infinite;
  -webkit-animation: flyingBalloon 9s -96s linear infinite;
  -moz-animation: flyingBalloon 9s -96s linear infinite;
  -ms-animation: flyingBalloon 9s -96s linear infinite;
  -o-animation: flyingBalloon 9s -96s linear infinite;
}
.balloon16:after {
  border-bottom: 10px solid #00BCD4;
}

.balloon17 {
  background-color: #a23747;
  left: 18%;
  animation: flyingBalloon 19s -74s linear infinite;
  -webkit-animation: flyingBalloon 19s -74s linear infinite;
  -moz-animation: flyingBalloon 19s -74s linear infinite;
  -ms-animation: flyingBalloon 19s -74s linear infinite;
  -o-animation: flyingBalloon 19s -74s linear infinite;
}
.balloon17:after {
  border-bottom: 10px solid #a23747;
}

.balloon18 {
  background-color: #ddd;
  left: 64%;
  animation: flyingBalloon 26s -78s linear infinite;
  -webkit-animation: flyingBalloon 26s -78s linear infinite;
  -moz-animation: flyingBalloon 26s -78s linear infinite;
  -ms-animation: flyingBalloon 26s -78s linear infinite;
  -o-animation: flyingBalloon 26s -78s linear infinite;
}
.balloon18:after {
  border-bottom: 10px solid #ddd;
}

.balloon19 {
  background-color: #212529;
  left: 38%;
  animation: flyingBalloon 11s -76s linear infinite;
  -webkit-animation: flyingBalloon 11s -76s linear infinite;
  -moz-animation: flyingBalloon 11s -76s linear infinite;
  -ms-animation: flyingBalloon 11s -76s linear infinite;
  -o-animation: flyingBalloon 11s -76s linear infinite;
}
.balloon19:after {
  border-bottom: 10px solid #212529;
}

.balloon20 {
  background-color: #495057;
  left: 5%;
  animation: flyingBalloon 9s -58s linear infinite;
  -webkit-animation: flyingBalloon 9s -58s linear infinite;
  -moz-animation: flyingBalloon 9s -58s linear infinite;
  -ms-animation: flyingBalloon 9s -58s linear infinite;
  -o-animation: flyingBalloon 9s -58s linear infinite;
}
.balloon20:after {
  border-bottom: 10px solid #495057;
}

.balloon21 {
  background-color: #ffc107;
  left: 27%;
  animation: flyingBalloon 19s -83s linear infinite;
  -webkit-animation: flyingBalloon 19s -83s linear infinite;
  -moz-animation: flyingBalloon 19s -83s linear infinite;
  -ms-animation: flyingBalloon 19s -83s linear infinite;
  -o-animation: flyingBalloon 19s -83s linear infinite;
}
.balloon21:after {
  border-bottom: 10px solid #ffc107;
}

.balloon22 {
  background-color: #28a745;
  left: 71%;
  animation: flyingBalloon 15s -85s linear infinite;
  -webkit-animation: flyingBalloon 15s -85s linear infinite;
  -moz-animation: flyingBalloon 15s -85s linear infinite;
  -ms-animation: flyingBalloon 15s -85s linear infinite;
  -o-animation: flyingBalloon 15s -85s linear infinite;
}
.balloon22:after {
  border-bottom: 10px solid #28a745;
}

.balloon23 {
  background-color: #495057;
  left: 30%;
  animation: flyingBalloon 20s -51s linear infinite;
  -webkit-animation: flyingBalloon 20s -51s linear infinite;
  -moz-animation: flyingBalloon 20s -51s linear infinite;
  -ms-animation: flyingBalloon 20s -51s linear infinite;
  -o-animation: flyingBalloon 20s -51s linear infinite;
}
.balloon23:after {
  border-bottom: 10px solid #495057;
}

.balloon24 {
  background-color: #28a76b;
  left: 22%;
  animation: flyingBalloon 15s -82s linear infinite;
  -webkit-animation: flyingBalloon 15s -82s linear infinite;
  -moz-animation: flyingBalloon 15s -82s linear infinite;
  -ms-animation: flyingBalloon 15s -82s linear infinite;
  -o-animation: flyingBalloon 15s -82s linear infinite;
}
.balloon24:after {
  border-bottom: 10px solid #28a76b;
}

.balloon25 {
  background-color: #ff0000;
  left: 98%;
  animation: flyingBalloon 18s -61s linear infinite;
  -webkit-animation: flyingBalloon 18s -61s linear infinite;
  -moz-animation: flyingBalloon 18s -61s linear infinite;
  -ms-animation: flyingBalloon 18s -61s linear infinite;
  -o-animation: flyingBalloon 18s -61s linear infinite;
}
.balloon25:after {
  border-bottom: 10px solid #ff0000;
}

.balloon26 {
  background-color: #9c9c49;
  left: 16%;
  animation: flyingBalloon 11s -58s linear infinite;
  -webkit-animation: flyingBalloon 11s -58s linear infinite;
  -moz-animation: flyingBalloon 11s -58s linear infinite;
  -ms-animation: flyingBalloon 11s -58s linear infinite;
  -o-animation: flyingBalloon 11s -58s linear infinite;
}
.balloon26:after {
  border-bottom: 10px solid #9c9c49;
}

.balloon27 {
  background-color: #ddd;
  left: 12%;
  animation: flyingBalloon 14s -94s linear infinite;
  -webkit-animation: flyingBalloon 14s -94s linear infinite;
  -moz-animation: flyingBalloon 14s -94s linear infinite;
  -ms-animation: flyingBalloon 14s -94s linear infinite;
  -o-animation: flyingBalloon 14s -94s linear infinite;
}
.balloon27:after {
  border-bottom: 10px solid #ddd;
}

.balloon28 {
  background-color: #007bff;
  left: 16%;
  animation: flyingBalloon 18s -53s linear infinite;
  -webkit-animation: flyingBalloon 18s -53s linear infinite;
  -moz-animation: flyingBalloon 18s -53s linear infinite;
  -ms-animation: flyingBalloon 18s -53s linear infinite;
  -o-animation: flyingBalloon 18s -53s linear infinite;
}
.balloon28:after {
  border-bottom: 10px solid #007bff;
}

.balloon29 {
  background-color: #fddccb;
  left: 1%;
  animation: flyingBalloon 11s -57s linear infinite;
  -webkit-animation: flyingBalloon 11s -57s linear infinite;
  -moz-animation: flyingBalloon 11s -57s linear infinite;
  -ms-animation: flyingBalloon 11s -57s linear infinite;
  -o-animation: flyingBalloon 11s -57s linear infinite;
}
.balloon29:after {
  border-bottom: 10px solid #fddccb;
}

.balloon30 {
  background-color: #eef8fa;
  left: 55%;
  animation: flyingBalloon 19s -72s linear infinite;
  -webkit-animation: flyingBalloon 19s -72s linear infinite;
  -moz-animation: flyingBalloon 19s -72s linear infinite;
  -ms-animation: flyingBalloon 19s -72s linear infinite;
  -o-animation: flyingBalloon 19s -72s linear infinite;
}
.balloon30:after {
  border-bottom: 10px solid #eef8fa;
}

.balloon31 {
  background-color: #22b491;
  left: 14%;
  animation: flyingBalloon 19s -63s linear infinite;
  -webkit-animation: flyingBalloon 19s -63s linear infinite;
  -moz-animation: flyingBalloon 19s -63s linear infinite;
  -ms-animation: flyingBalloon 19s -63s linear infinite;
  -o-animation: flyingBalloon 19s -63s linear infinite;
}
.balloon31:after {
  border-bottom: 10px solid #22b491;
}

.balloon32 {
  background-color: #343a40;
  left: 75%;
  animation: flyingBalloon 22s -81s linear infinite;
  -webkit-animation: flyingBalloon 22s -81s linear infinite;
  -moz-animation: flyingBalloon 22s -81s linear infinite;
  -ms-animation: flyingBalloon 22s -81s linear infinite;
  -o-animation: flyingBalloon 22s -81s linear infinite;
}
.balloon32:after {
  border-bottom: 10px solid #343a40;
}

.balloon33 {
  background-color: #17a2b8;
  left: 31%;
  animation: flyingBalloon 9s -77s linear infinite;
  -webkit-animation: flyingBalloon 9s -77s linear infinite;
  -moz-animation: flyingBalloon 9s -77s linear infinite;
  -ms-animation: flyingBalloon 9s -77s linear infinite;
  -o-animation: flyingBalloon 9s -77s linear infinite;
}
.balloon33:after {
  border-bottom: 10px solid #17a2b8;
}

.balloon34 {
  background-color: #e05e5e;
  left: 92%;
  animation: flyingBalloon 21s -93s linear infinite;
  -webkit-animation: flyingBalloon 21s -93s linear infinite;
  -moz-animation: flyingBalloon 21s -93s linear infinite;
  -ms-animation: flyingBalloon 21s -93s linear infinite;
  -o-animation: flyingBalloon 21s -93s linear infinite;
}
.balloon34:after {
  border-bottom: 10px solid #e05e5e;
}

.balloon35 {
  background-color: #e0b743;
  left: 97%;
  animation: flyingBalloon 14s -82s linear infinite;
  -webkit-animation: flyingBalloon 14s -82s linear infinite;
  -moz-animation: flyingBalloon 14s -82s linear infinite;
  -ms-animation: flyingBalloon 14s -82s linear infinite;
  -o-animation: flyingBalloon 14s -82s linear infinite;
}
.balloon35:after {
  border-bottom: 10px solid #e0b743;
}

.balloon36 {
  background-color: #a7d351;
  left: 72%;
  animation: flyingBalloon 27s -90s linear infinite;
  -webkit-animation: flyingBalloon 27s -90s linear infinite;
  -moz-animation: flyingBalloon 27s -90s linear infinite;
  -ms-animation: flyingBalloon 27s -90s linear infinite;
  -o-animation: flyingBalloon 27s -90s linear infinite;
}
.balloon36:after {
  border-bottom: 10px solid #a7d351;
}

.balloon37 {
  background-color: #df6e3e;
  left: 46%;
  animation: flyingBalloon 18s -67s linear infinite;
  -webkit-animation: flyingBalloon 18s -67s linear infinite;
  -moz-animation: flyingBalloon 18s -67s linear infinite;
  -ms-animation: flyingBalloon 18s -67s linear infinite;
  -o-animation: flyingBalloon 18s -67s linear infinite;
}
.balloon37:after {
  border-bottom: 10px solid #df6e3e;
}

.balloon38 {
  background-color: #b1206c;
  left: 50%;
  animation: flyingBalloon 20s -69s linear infinite;
  -webkit-animation: flyingBalloon 20s -69s linear infinite;
  -moz-animation: flyingBalloon 20s -69s linear infinite;
  -ms-animation: flyingBalloon 20s -69s linear infinite;
  -o-animation: flyingBalloon 20s -69s linear infinite;
}
.balloon38:after {
  border-bottom: 10px solid #b1206c;
}

.balloon39 {
  background-color: #5bda23;
  left: 25%;
  animation: flyingBalloon 20s -86s linear infinite;
  -webkit-animation: flyingBalloon 20s -86s linear infinite;
  -moz-animation: flyingBalloon 20s -86s linear infinite;
  -ms-animation: flyingBalloon 20s -86s linear infinite;
  -o-animation: flyingBalloon 20s -86s linear infinite;
}
.balloon39:after {
  border-bottom: 10px solid #5bda23;
}

@-webkit-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-moz-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-ms-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@-o-keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
@keyframes flyingBalloon {
  from {
    bottom: -20%;
  }
  to {
    bottom: 110%;
  }
}
#smile path:nth-of-type(2) {
  -webkit-animation: wink 3s ease-in-out infinite forwards;
  animation: wink 3s ease-in-out infinite forwards;
  opacity: 1;
}

#smile path:nth-of-type(1) {
  -webkit-animation: wink2 3s ease-in-out infinite forwards;
  animation: wink2 3s ease-in-out infinite forwards;
  opacity: 0;
}

#eye-r path:nth-of-type(1) {
  -webkit-animation: wink 3s ease-in-out infinite forwards;
  animation: wink 3s ease-in-out infinite forwards;
  opacity: 1;
}

#eye-r path:nth-of-type(2) {
  -webkit-animation: wink2 3s ease-in-out infinite forwards;
  animation: wink2 3s ease-in-out infinite forwards;
  opacity: 0;
}

@-webkit-keyframes wink {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wink {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes wink2 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wink2 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


.sitting-sec {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0;
}
ul.sitting-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sitting-list li {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0 20px;
}
.dropdown label {    font-size: 13px;
    margin-right: 10px;
    color: #999;}
.sitting-head {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
    text-align: center;
}
.sitting-head .container {   
    max-width: 900px;
    float: none;
    margin: 0 auto;
    display: table;
}
.dropdown button.btn:hover {background: #183885; color: #fff;}
.dropdown button.btn {    background: transparent;
    border-color: #183885;
    color: #183885;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
    max-width: 100px;
    min-width: 80px;}
.sitting-plan {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 0;
    background: #fff;
}

.sitting-row {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
ul.sitting {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.sitting li {
        float: none;
    text-align: center;
    display: inline-block;
}
.sitting li:first-child {
    width: 25%;
}
.sitting li:nth-child(2) {
    width: 49%;
}
.sitting li:nth-child(3) {
    width: 25%;
}
ul.sitting-a-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.sitting-a-list li {
    margin: 4px 2px;
    float: left;
    width: 22px!important;
    height: 22px;
    border: 1px solid #a7a7a7;
    line-height: 22px;
    text-align: center;
    padding: 0;
    overflow: hidden;
    border-radius: 26%;
}
ul.sitting-a-list li a {
    font-size: 10.5px;
    line-height: 21px;
    font-weight: 400;
    display: block;
    color: #666;
}
.sitting-a-list li:first-child {
    margin-right: 10px;
    border: none;
    border-radius: 0;
}
.sitting-a-list li:first-child {
    font-size: 12px;
    color: #b3b3b3;
}
ul.sitting-a-list li a:hover {text-decoration: none;}
ul.sitting-a-list li:hover { background: #183885; border: 1px solid #183885;}
ul.sitting-a-list li:hover a {color: #fff;}
ul.sitting-a-list li:first-child:hover { background: transparent; border: none;}
  .sitting-a-list li:first-child:hover a {color: #b3b3b3;}
 .dropdown .dropdown-toggle:after {    margin-left: .2em; vertical-align: .2em;}

 .screen {
    width: 400px;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    border-bottom-right-radius: 10em;
    border-bottom-left-radius: 10em;
    border-bottom: 2px solid #eee;
    border-top: 2px solid #eee;
    display: table;
    background: #f2f2f2;
}
.screen p, .screen p a {
    margin: 0;
    display: block;
    color: #999; 
    font-size: 14px;
}
.screen p a:hover {text-decoration: none;}
.sitting-a-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 0;
    line-height: normal;
    margin: 0;
    vertical-align: top;
    padding: 0;
}
.tooltips .row-sec:last-child {margin-bottom: 0;}
/*.tooltips {
    width: 200px;
    float: left;
    z-index: 999;
    position: absolute;
    padding: 15px;
    border: 1px solid #ececec;
    background: #f5f5fa;
    opacity: 0;

    transition: all 0.5s;
}
.tooltips .row-sec {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
}
.tooltips label {
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
    color: #999;
    margin: 0;
    min-width: 95px;
}
.tooltips h3 {
    font-size: 13px;
    display: inline-block;
    color: #999;
    margin: 0;
}*/
.sitting li h5 {    
    font-size: 13px;
    text-align: center;
    color: #999;
    margin-bottom: 10px;
}
.sitting button.btn-divide {
        display: inline-block;
    color: #999;
    font-size: 13px;
    padding: 3px 15px;
    border-radius: 3px;
    border: 1px solid #eee;
    margin: 5px 0px 0 0;
    float: none;
    background: #f2f2f2;
}
.sitting button.btn-divide:hover {background: #183885; border-color: #183885; color: #fff;}
/*.sitting-a-list li a:hover .tooltips {opacity: 1; width: 210px;}*/


.tooltips {
    width: 200px;
    float: left;
    z-index: 999;
    padding: 15px;
    border: 1px solid #ececec;
    background: #555;
   
/*    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);*/
    transition: all 0.5s;
}
.tooltips .row-sec {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
}
.tooltips label {
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
    color: #fff;
    margin: 0;
    min-width: 95px;
}
.tooltips h3 {
    font-size: 13px;
    display: inline-block;
    color: #fff;
    margin: 0;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.sitting-head.second-head {
    margin-top: 20px;
    margin-bottom: 20px;
}


/*==============gallery-css-start=================*/
.gallery-main-sec {
    float: left;
    padding: 0;
    display: block!important;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    margin-bottom: 190px;
   /* transform: translate(0);*/
}
.gallery-lft {
    float: left;
    width: 80%;
    overflow: hidden;
}
.gallery-rht {
    padding-top: 115px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    width: 20%;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    height: 100vh;
    overflow-y: hidden;
    z-index: 0;
    background-image: -webkit-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.gallery header {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 9;
    background: #fff;
}
.gallery-inn { width: 100%;
    overflow: hidden;
    position: relative;}


#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.gallery-lft .thumb {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;   
    margin: 0.5%;
    width: 24%;
    float: left;
    flex: inherit;
}
.gallery-lft .img-thumbnail {
    padding: 0;
    background-color: transparent;
    border: 0px solid #dee2e6;
    border-radius: 0;
    max-width: 100%;
    height: auto;
    width: 100%;
    margin-bottom: 0px;
    line-height: normal;
}
.title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
        font-size: 14px;
    color: #fff;
        height: auto;
    line-height: normal;
    margin-bottom: 0px;
    background: #000;
   /* background: rgba(24, 56, 133, 0.28);*/
        background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.gallery-content {
        position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    top: 0%;
    left: 0;
    margin-top: 0;
    transform: scale(0.2, 0.2);
    text-align: center;
    color: #000;
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    display: table;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    opacity: 0;
}
.gallery-content span {    display: table-cell;
    vertical-align: middle;
    height: 100%;
    line-height: normal;}

.thumbnail:hover .gallery-content {
    color: #fff;
    visibility: visible;
    transform: scale(1, 1);
    opacity: 1;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
}
.gallery-content p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 10px;
}

.gallery-content b {
    font-size: 14px;
    padding-right: 6px;
    font-weight: 600;
}
.thumbnail:hover .title-box {opacity: 0;}
.gallery-title {
    width: 100%;
    padding: 15px 30px;
}
.gallery-title h2 {
    margin: 0;
    color: #11317B;
    font-weight: 700;
    font-size: 25px;
}
.gallery-fixed-head {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.gallery-fixed-head h3 {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
}
.fixed-sidebar-search {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.fixed-sidebar-search input.search {
    width: 80%;
    border: none;
    background: #fff;
    height: 36px;
    padding: 0 12px;
    outline: none;
    float: left;
}
.fixed-sidebar-search button.submit {
    width: 20%;
    margin: 0;
    border: none;
    height: 36px;
    background: #e0b577;
    color: #fff;
    cursor: pointer;
}
ul.album-list {
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
    list-style: none;
}
.album-list li {
    margin-bottom: 12px;
}
.album-list .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}
.album-list .custom-control-label {
    margin-bottom: 0;
    color: #fff;
    margin-left: 10px;
}
.album-list .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #e0b577;
}
.album-list .custom-control-label:after {
    position: absolute;
    top: 4px;
    left: 0;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}
.album-list .custom-control-label:before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
}
.sidenav-pages {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}
.sidenav-pages p {
    color: #fff;
    font-size: 15px;
}

.form-group .custom-select {
    height: 36px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    border: none;
    font-size: 16px;
    margin: 0;
}
.sidenav-pages .form-group { width: 100%; float: left;}
.sidenav-pages .form-group p { 
    display: inline-block;
    line-height: normal;
    float: left;
    margin: 0 0 10px 0;
    height: auto;
    width: 100%;
}
.sidenav-pages .form-group select.custom-select {
    display: inline-block;
    width: 100%;
    float: left;
}
.sidenav-pages p span {
    margin-right: 8px;
}

#image-gallery .btn-secondary {
    color: #fff;
    background-color: #183885;
    border-color: #183885;
}
#image-gallery .btn-secondary:hover {
        background-color: #183885cc;
    border-color: #183885cc;
}
.header-search .cross {opacity: 0; visibility: hidden;}
.header-search .search .cross {opacity: 1; visibility: visible; position: absolute;     transition: all 0.3s linear;
    bottom: -14px; z-index: 999;  right: 10px; color: #999; cursor: pointer;}
.header-search .search .cross:hover {color: #333;}

/*================chat-css===================*/
.chat-sec {
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.chat-sec a.chat-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    font-size: 28px;
    text-align: center;
    line-height: 50px;
    color: white;
    transition: all 0.3s linear;
    background-color: #129BF4;
    display: block;
    margin: 0;
    position: relative;
}
.chat-sec .chat-icon i {
    font-size: 25px;
    color: #fff;
}
.chat-icon .cross-icon {display: none; transform: rotate(360deg); transition: all 0.5s ease;}
.chat-sec .chat-list {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all 0.3s linear;
    width: 100%;
}
.chat-sec .chat-list li {width: 100%; text-align: center; transition: all 0.3s linear; position: relative;} 
.chat-list .phone {background: #ec5923;}
.chat-list .whatsup {background: #4dc247;}
.chat-list .fb-messenger {background: #0084ff;}
.chat-list .tweeter {background: #00acee;}
.chat-list .instagram {background: #fb3958;}
.chat-list li a {color: #fff;}
.chat-list li { 
    height: 50px;
    transition: all 0.3s linear;
    width: 50px;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    font-size: 28px;
    text-align: center;
    line-height: 50px;
    color: white;
    display: block;
    margin: 0 0 12px 0;
}
.chat-sec .chat-list {
    display: none;
}
/*.chat-icon span {
    display: block;
}*/

.chat-sec.chat-result .comment-icon {display: none;}
.chat-sec.chat-result .cross-icon {display: block; }
.chat-sec.chat-result .chat-list {display: block;}

.fb-message span {
    position: absolute;
    right: 20px;
    top: 10px;
}
.fb-message span i {color: #fff; cursor: pointer;}

.chat-sec.chat-result .fb-message.messages {display: block; position: absolute;
    right: -10px; top: -45px;     transition: all 0.3s linear;}
.chat-inn {position: relative;}

.chat-sec .chat-inn .fb-message {
    position: relative;
        transition: all 0.3s linear;
    display: none;
}
.fb-messenger a {display: block;     transition: all 0.3s linear;}
.tooltip-msg {
    position: absolute;
    background: #fff;
    color: #999;
    right: -70px;
    padding: 8px 10px;
    top: 15px;
    border-radius: 4px;
    min-width: 120px;
    opacity: 0;
    transition: all 0.5s linear;
}
.chat-list li a:hover .tooltip-msg {right: 70px; opacity: 1;}
.tooltip-msg p {
    margin: 0;
    font-size: 14px;
    line-height: normal;
    color: #333;
    font-family: arial;
}
.tooltip-msg:before {
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.chat-sec .cross-icon:hover i, .chat-sec .comment-icon:hover i {
    transform: rotate(360deg);
    transition: all 0.5s ease;
}
.chat-sec .chat-icon:hover i {
    transform: rotate(360deg);
    transition: all 0.5s ease;
}



.chat-icon:hover .tooltip-btn {right: 70px; opacity: 1;}
.tooltip-btn p {
    margin: 0;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    font-family: arial;
}
.tooltip-btn:before {
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #000;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.tooltip-btn {
    position: absolute;
    background: #000;
    color: #999;
    right: -70px;
    padding: 6px 5px;
    top: 15px;
    border-radius: 4px;
    min-width: 100px;
    opacity: 0;
    transition: all 0.5s linear;
}

.chat-list li:hover {
    -webkit-box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
    -moz-box-shadow: 2px 2px 11px rgba(0,0,0,0.7);    
    box-shadow: 2px 2px 11px rgba(0,0,0,0.7);

}

.our-client .owl-nav button.owl-next:focus, .our-client .owl-nav .owl-prev:focus {outline: none;}

/*========green============*/
.green .codea.fixed, .green .codea .carousel-indicators .active,
.green .view-all a, .green .news-lft, .green .birtday-topper.codea, .green footer.codea  {
    background-image: -moz-linear-gradient( 176deg, rgb(64, 105, 179) 0%, rgb(42, 119, 38) 50%);
    background-image: -webkit-linear-gradient( 176deg, rgb(64, 105, 179) 0%, rgb(42, 119, 38) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(64, 105, 179) 0%, rgb(42, 119, 38) 50%);
}


.green #notice .owl-nav button[type="button"], .green .codea .carousel-control span { 
 background-image: -webkit-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
  background-image: -moz-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
   background-image: -ms-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
}

.green .codea1:before { border-color: #2a7726 transparent transparent transparent;}
.green .codea2:after { border-color: transparent transparent #2a7726 transparent;}
.green .codea3.discover-more-area:before { border-color: transparent transparent #2a7726 transparent;}

.green .notice-sec, .green .news-list .news-rht h3, .green .read-more a, .green .photo_head,.green .mobile-slider p,
.green .download-sec h3, .green .school-code h4 span {color: #2a7726}
.green .flex-control-paging li a {background: #2a7726!important;}
.green .second-nav .second li {border-bottom: 1px solid rgba(255, 255, 255, 0.56);}
.green .slide-full {    background: rgb(35, 127, 30);}
.green .third_menu {    background: #2a7726;}
.green .owl-carousel .owl-dots button.active span {    background: #2a7726;}
.green .sidenav {background: #2a7726!important;}
.green .second_menu {    background: #237f1e;}
.green.modal-open .modal-backdrop { background: rgba(33, 93, 30, 0.51);}
.green .null { background: rgba(33, 93, 30, 0.51);}
.green .marque_code {
    background-image: -moz-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -webkit-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -ms-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
}
.green .principal-desk {
    background-image: -moz-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -webkit-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -ms-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
}
.green .birtday-topper {
    background-image: -moz-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -webkit-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -ms-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
}
.green .footer-inn {
    background-image: -moz-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -webkit-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -ms-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
}
.green .view-all-msg, .green .btd-slider .carousel a.carousel-control-next, .green .btd-slider .carousel a.carousel-control-prev,
.green .topper-lft .carousel a.carousel-control-prev, .green .topper-lft .carousel a.carousel-control-next, .green .topper-rht .carousel a.carousel-control-prev,
.green .topper-rht .carousel a.carousel-control-next, .green .our-client .owl-nav .owl-prev, .green .our-client .owl-nav button.owl-next {
    background-image: -webkit-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
    background-image: -moz-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
    background-image: -ms-linear-gradient( 180deg, rgb(78, 113, 175) 0%, rgb(34, 146, 28) 50%);
}

.green .gallery-rht {
    background-image: -moz-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -webkit-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
    background-image: -ms-linear-gradient( 176deg, #134810ed 0%, #2a7726 40%);
}

.green .dropdown-menu .dropdown-item {    background: #2a7726;}
.green .dropdown-menu .dropdown-item:hover {     background: rgba(42, 119, 38, 0.81);}

/*========green============*/

/*========Yellow============*/
 .yellow .codea.fixed, .yellow .codea .carousel-indicators .active,
.yellow .view-all a, .yellow .news-lft, .yellow footer.codea, .yellow .birtday-topper.codea {
    background-image: -moz-linear-gradient( 176deg, rgb(206, 192, 122) 30%, #d0a04e 50%);
    background-image: -webkit-linear-gradient( 176deg, rgb(206, 192, 122) 30%, #d0a04e 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(206, 192, 122) 30%, #d0a04e 50%);
}

.yellow .codea .carousel-control span, .yellow #notice .owl-nav button[type="button"] {
    background-image: -webkit-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
    background-image: -moz-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
    background-image: -ms-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
}

.yellow .codea1:before { border-color: #d0a04e  transparent transparent transparent;}
.yellow .codea2:after { border-color: transparent transparent #d0a04e  transparent;}
.yellow .codea3.discover-more-area:before { border-color: transparent transparent #d0a04e transparent;}

.yellow .notice-sec, .yellow .news-list .news-rht h3, .yellow .read-more a, .yellow .photo_head, .yellow .mobile-slider p,
.yellow .download-sec h3, .yellow .school-code h4 span {color: #d0a04e;}

.yellow .flex-control-paging li a {    background: rgb(208, 160, 78)!important;}
.yellow .slide-full { background: #b58738;}
.yellow .third_menu { background: #a17323;} 
.yellow .second_menu { background: #b58127;}
.yellow .sidenav {background: #ca902c;}
.yellow .owl-carousel .owl-dots button.active span {    background: #ca902c;}
.yellow.modal-open .modal-backdrop { background: rgba(208, 160, 78, 0.5);}
.yellow .null { background: rgba(208, 160, 78, 0.5);}
.yellow .marque_code {
    background-image: -moz-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -webkit-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -ms-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
}

.yellow .principal-desk {
    background-image: -moz-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -webkit-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -ms-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
}
.yellow .birtday-topper {
    background-image: -moz-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -webkit-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -ms-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
}
.yellow .footer-inn {
    background-image: -moz-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -webkit-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -ms-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
}
.yellow .view-all-msg, .yellow .btd-slider .carousel a.carousel-control-next, .yellow .btd-slider .carousel a.carousel-control-prev,
.yellow .topper-lft .carousel a.carousel-control-prev, .yellow .topper-lft .carousel a.carousel-control-next, .yellow .topper-rht .carousel a.carousel-control-prev,
.yellow .topper-rht .carousel a.carousel-control-next, .yellow .our-client .owl-nav .owl-prev, .yellow .our-client .owl-nav button.owl-next {
    background-image: -webkit-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
    background-image: -moz-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
    background-image: -ms-linear-gradient( 90deg, rgba(206, 192, 122, 0.93) 30%, #a57b34 50%);
}

.yellow .gallery-rht {
    background-image: -moz-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -webkit-linear-gradient( 176deg, #a17323 0%, #b58127 40%);
    background-image: -ms-linear-gradient( 176deg, #a17323 0%, #b58127 40%); 
}

.yellow .dropdown-menu .dropdown-item { background: #b58127;}
.yellow .dropdown-menu .dropdown-item:hover {    background: rgba(181, 129, 39, 0.8);}

/*========green============*/


/*========brown============*/
.brown footer.codea, .brown .codea.fixed, .brown .codea.fixed, .brown .codea .carousel-control span, .brown .codea .carousel-indicators .active,
.brown .view-all a, .brown .news-lft, .brown #notice .owl-nav button[type="button"] {
    background-image: -moz-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
    background-image: -webkit-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
    background-image: -ms-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
}

.brown .codea1:before { border-color: #801832  transparent transparent transparent;}
.brown .codea2:after { border-color: transparent transparent #801832  transparent;}
.brown .codea3.discover-more-area:before { border-color: transparent transparent #801832 transparent;}

.brown .notice-sec, .brown .news-list .news-rht h3, .brown .read-more a, .brown .photo_head, .brown .mobile-slider p,
.brown .download-sec h3, .brown .school-code h4 span {color: #801832;}

.brown .slide-full {     background: #801832;}
.brown .sidenav {background: #801832;}
.brown .owl-carousel .owl-dots button.active span {    background: #801832;}
.brown .third_menu {     background: #661328;}
.brown .slide-full.second_menu { background: #73152d;} 
.brown .marque_code {
    background-image: -moz-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -webkit-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -ms-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
}


.brown .principal-desk {
    background-image: -moz-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -webkit-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -ms-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
}
.brown .birtday-topper {
    background-image: -moz-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -webkit-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -ms-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
}
.brown .footer-inn {
    background-image: -moz-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -webkit-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -ms-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
}
.brown .view-all-msg, .brown .btd-slider .carousel a.carousel-control-next, .brown .btd-slider .carousel a.carousel-control-prev,
.brown .topper-lft .carousel a.carousel-control-prev, .brown .topper-lft .carousel a.carousel-control-next, .brown .topper-rht .carousel a.carousel-control-prev,
.brown .topper-rht .carousel a.carousel-control-next, .brown .our-client .owl-nav .owl-prev, .brown .our-client .owl-nav button.owl-next {
    background-image: -moz-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
    background-image: -webkit-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
    background-image: -ms-linear-gradient( 90deg, #801832c9 30%, rgb(128, 24, 50) 50%);
}

.brown .gallery-rht {
    background-image: -moz-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -webkit-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
    background-image: -ms-linear-gradient( 176deg, #5a1d2c 0%, #73152d 40%);
}

.brown .dropdown-menu .dropdown-item {background: #73152d;}
.brown .dropdown-menu .dropdown-item:hover {    background: rgba(115, 21, 45, 0.81);}

/*========brown============*/

/*========orange============*/
.orange footer.codea, .orange .birtday-topper.codea, .orange .codea.fixed, .orange .codea.fixed, .orange .codea .carousel-indicators .active,
.orange .view-all a, .orange .news-lft, .orange #notice .owl-nav button[type="button"] {
    background-image: -moz-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -webkit-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -ms-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
}

.orange .codea1:before { border-color: #e98257  transparent transparent transparent;}
.orange .codea2:after { border-color: transparent transparent #e98257  transparent;}
.orange .codea3.discover-more-area:before { border-color: transparent transparent #e98257 transparent;}

.orange .notice-sec, .orange .news-list .news-rht h3, .orange .read-more a, .orange .photo_head, .orange .mobile-slider p,
.orange .download-sec h3, .orange .school-code h4 span {color: #e98257;}

.orange .flex-control-paging li a {    background: rgb(233, 130, 87)!important;}
.orange .slide-full {     background: #ef7745;}
.orange .sidenav {background: #e67140;}
.orange .owl-carousel .owl-dots button.active span {    background: #e67140;}
.orange .second_menu {background: #e3602a;}
.orange .third_menu {     background: #d7531c;} 
.orange .codea .carousel-control span {
    background-image: -webkit-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
    background-image: -moz-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
    background-image: -ms-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
}

.orange.modal-open .modal-backdrop { background: rgba(233, 130, 87, 0.5);}
.orange .null { background: rgba(233, 130, 87, 0.5);}
.orange .marque_code {
    background-image: -moz-linear-gradient( 176deg, #b7481a 0%, #e3602a 40%);
    background-image: -webkit-linear-gradient( 176deg, #b7481a 0%, #e3602a 40%);
    background-image: -ms-linear-gradient( 176deg, #b7481a 0%, #e3602a 40%);
}


.orange .principal-desk {
    background-image: -moz-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -webkit-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -ms-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
}
.orange .birtday-topper {
    background-image: -moz-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -webkit-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -ms-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
}
.orange .footer-inn {
    background-image: -moz-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -webkit-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -ms-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
}

.orange .view-all-msg, .orange .btd-slider .carousel a.carousel-control-next, .orange .btd-slider .carousel a.carousel-control-prev,
.orange .topper-lft .carousel a.carousel-control-prev, .orange .topper-lft .carousel a.carousel-control-next, .orange .topper-rht .carousel a.carousel-control-prev,
.orange .topper-rht .carousel a.carousel-control-next, .orange .our-client .owl-nav .owl-prev, 
.orange .our-client .owl-nav button.owl-next {
    background-image: -webkit-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
    background-image: -moz-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
    background-image: -ms-linear-gradient( 180deg, #e982579e 30%, rgba(233, 130, 87, 0.53) 50%);
} 


.orange .gallery-rht {
    background-image: -moz-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -webkit-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
    background-image: -ms-linear-gradient( 180deg, #e98257ba 30%, #e98257 50%);
}

.orange .dropdown-menu .dropdown-item {background: #e3602a;}
.orange .dropdown-menu .dropdown-item:hover {    background: #e3602ad6;}


/*========orange============*/


/*========maroon============*/
.maroon .birtday-topper.codea, .maroon footer.codea, .maroon .codea.fixed, .maroon .codea.fixed, .maroon .codea .carousel-control span, .maroon .codea .carousel-indicators .active,
.maroon .view-all a, .maroon .news-lft, .maroon #notice .owl-nav button[type="button"] {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
}

.maroon .photo_head, .maroon .rht-content-sec h3 {color: #99465a;}

.maroon .notice-sec, .maroon .news-list .news-rht h3, .maroon .read-more a, .maroon .photo_head, .maroon .mobile-slider p,
.maroon .download-sec h3, .maroon .school-code h4 span { color: #800000;}

.maroon .flex-control-paging li a, .maroon .sidenav {    background: #800000!important;}
.maroon .slide-full {     background: #800000;}
.maroon .third_menu {     background: #4d0000;} 
.maroon .owl-carousel .owl-dots button.active span {    background: #4d0000;}
.maroon .codea1:before { border-color: #800000  transparent transparent transparent;}
.maroon .codea2:after { border-color: transparent transparent #800000  transparent;}
.maroon .codea3.discover-more-area:before { border-color: transparent transparent #800000 transparent;}
.maroon .second_menu {background: #670000;}
.maroon .marque_code {
    background-image: -moz-linear-gradient( 176deg, #4d0000 0%, #670000 40%);
    background-image: -webkit-linear-gradient( 176deg, #4d0000 0%, #670000 40%);
    background-image: -ms-linear-gradient( 176deg, #4d0000 0%, #670000 40%);
}



.maroon .principal-desk {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
}
.maroon .birtday-topper {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
}
.maroon .footer-inn {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
}

.maroon .view-all-msg, .maroon .btd-slider .carousel a.carousel-control-next, .maroon .btd-slider .carousel a.carousel-control-prev,
.maroon .topper-lft .carousel a.carousel-control-prev, .maroon .topper-lft .carousel a.carousel-control-next, .maroon .topper-rht .carousel a.carousel-control-prev,
.maroon .topper-rht .carousel a.carousel-control-next, .maroon .our-client .owl-nav .owl-prev, 
.maroon .our-client .owl-nav button.owl-next {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
} 

.maroon .gallery-rht {
    background-image: -moz-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
    background-image: -webkit-linear-gradient( 180deg, rgba(128, 0, 0, 0.82) 30%, rgb(128, 0, 0) 50%);
    background-image: -ms-linear-gradient( 176deg, rgb(128, 24, 50) 0%, rgb(153, 70, 90) 40%);
}

.maroon .dropdown-menu .dropdown-item {background: #670000;}
.maroon .dropdown-menu .dropdown-item:hover { background: #670000db;}

/*========Theme color code==========*/

.banner-sec .carousel-control-next, .carousel-control-prev {top: 50%; bottom: inherit;}
.view-all-msg:hover {    background: rgba(232, 194, 127, 0.8);}

@media screen and (min-width: 992px) {
 .navbar-nav .dropdown-menu { border: 0px solid rgba(0,0,0,.15); background: transparent;
    border-radius: 0; padding: 0; margin: 0;}
 .navbar-nav .dropdown-menu .dropdown-item {color: #fff;  border-bottom: 1px solid rgba(255, 255, 255, 0.48);     transition-delay: 0ms;}
 .dropdown-menu .dropdown-item:hover {    background-color: #2a5cb2;}
 .navbar-nav .nav-item.dropdown {    transition: all .5s ease;}
 .navbar-nav .dropdown.show .nav-link {background-color: #2a5cb2; color: #fff!important;}
 .dropdown-menu .dropdown-item {
    position: relative;
    float: none;
    margin: 0;
    padding: 0 10px;
    background: #2c63c2; 
    line-height: 35px;
    opacity: 0;
    transition: opacity .5s,transform .4s;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transition: opacity .5s,-moz-transform .4s;
    -ms-transition: opacity .5s,-ms-transform .4s;
    -o-transition: opacity .5s,-o-transform .4s;
    -webkit-transition: opacity .5s,-webkit-transform .4s;
    transform: rotateY(90deg);
}
.navbar-nav .nav-item:hover .dropdown-menu .dropdown-item {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}
.navbar-nav .nav-item.dropdown .dropdown-menu {display: block; max-height: 0;}


}


.photo-gallery-head {
    background: url(../images/photo-gallery-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/*============gallery-sec==============*/
.thumb a.thumbnail { display: block; outline: 0px solid #fff;}
.rows-sec {margin-right: 0; margin-left: 0;}
.gallery-inn.full .gallery-lft { width: 100%;}
.gallery-inn.full .gallery-title h2 {font-size: 18px;}

.gallery-inn.full .gallery-lft {width: 100%;}

/*=================pray=accordian=====================*/
#accordion button.btn.btn-link {
    display: block;
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 0 40px 0 50px;
    border: none;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}
.accordian-arrow {
    position: absolute;
    right: 0;
    top: 0;
    background: #183885;
    color: #fff;
    padding: 0px 14px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    border-left: 1px solid #fff;
    cursor: pointer;
}

#accordion h5 .up-arrow {display: block;}
#accordion h5 .down-arrow {display: none;}
#accordion h5.collapsed .up-arrow {display: none;}
#accordion h5.collapsed .down-arrow {display: block;}

.arrordian-no {
    position: absolute;
    left: 0;
    top: 0;
    background: #183885;
    color: #fff;
    padding: 0px 10px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    border-right: 1px solid #fff;
}

#accordion .card-header {
    padding: 0px 0;
    height: 36px;
    line-height: 36px;
    border-radius: 0!important;
    background: transparent;
    border: none;
}
#accordion .card-header h5 {
    border-radius: 0;
}

#accordion .card {
    margin-bottom: 20px;
    border-radius: 0;
}
.pray-sec {
    width: 100%;
    float: left;
/*    margin-top: 60px;
    margin-bottom: 40px;*/
    background: url(../images/pray-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    font-family: 'Open Sans', sans-serif;
}
#accordion h5[aria-expanded="true"] button.btn.btn-link { background: #183885; color: #fff;}
.pray-sec:before {
    content: '';
    background: rgba(0, 0, 0, 0.52);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div#accordion {
    margin-top: 40px;
    margin-bottom: 60px;
}
#accordion .card-body {
    padding: 0;
}
#accordion .pray-lft {
    width: 100%;
    float: left;
    padding: 20px 100px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.78);
    text-align: center;
   font-family: 'Pacifico', cursive;
}
#accordion .pray-rht {
    width: 50%;
    float: left;
    padding: 0px 0px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.78);
    text-align: center;
    font-family: 'Pacifico', cursive;
}
#accordion .pray-rht img {width: 100%; height: auto;}

#accordion .card-body h3 {
    color: rgb(24, 56, 133);
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

/*#accordion .collapse.show {
    background: rgba(255, 255, 255, 0.81);
}*/

.pray-head {
    margin: auto;
    background: url(../images/pray-head.png) no-repeat center center;
    width: 240px;
    height: 115px;
    font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    padding: 54px 0px 0 0;
    font-weight: 700;
    margin-top: 50px;
    z-index: 99;
    position: relative;
    text-align: center;
    background-position: center center;
}

.card-body audio {
    width: calc(100% - 160px);
    float: left;
    padding: 0 40px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.card-body audio:focus {outline: none;}
.tab-top-sec {
    width: 100%;
    float: left;
}
.language-btn .btn {
    background: #183885;
    color: #fff;
    font-size: 13px;
    margin-left: 10px;
    text-transform: unset;
    transition: all 0.5s;
}
.tab-top-sec {
    width: 100%;
    float: left;
}
.language-btn {
    width: 160px;
    float: right;
    margin-top: 28px;
}
.language-btn .btn:hover {    background: rgba(24, 56, 133, 0.81);}
.hindi-pray {display: none;}
.pray-lft.lang .hindi-pray {display: block;}
.pray-lft.lang .eng-pray {display: none;}


/*============video-gallery=================*/
.thumb a.thumbnail iframe {height: 180px;}

.rows-sec a.thumbnail:before {
    content: '';
    background: rgba(255, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
iframe.popup-video {
    padding: 0;
    border: none;
    height: 350px;
}

.color-code {
    position: absolute;
    bottom: 10px;
    left: 30px;
}
.color-code label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
    margin: 0 10px 0 0;
    line-height: 30px;
    float: left;
}

.color-code input.color-btn {
    background: #795548;
    border: none;
    height: 25px;
    width: 50px;
    cursor: pointer;
}