/* #005CCC */
* {
     padding: 0;
     margin: 0;
     font-family: PoppinsRegular;
}

/* importing font to project */
@font-face {
     font-family: 'MontserratBold';
     src: url("../font/Montserrat-Bold.ttf");
     font-weight: bold;
     font-size: 64px;
     letter-spacing: -2%;
}

@font-face {
     font-family: 'Montserratmedium';
     src: url("../font/Montserrat-Medium.ttf");
     font-weight: medium;
}

@font-face {
     font-family: 'MontserratRegular';
     src: url("../font/Montserrat-Regular.ttf");
     font-weight: medium;
}

@font-face {
     font-family: 'Montserratlight';
     src: url("../font/Montserrat-Light.ttf");
}

@font-face {
     font-family: 'PoppinsRegular';
     src: url("../font/Poppins-Regular.ttf");
}

@font-face {
     font-family: 'PoppinsBold';
     src: url("../font/Poppins-Bold.ttf");
}

@font-face {
     font-family: 'PoppinsMedium';
     src: url("../font/Poppins-Medium.ttf");

}

/* header */

.stick_main {
     top: 80px;
     position: relative;

}

/*font closing */
.main_header_wrap {
     display: inline-block;
     position: relative;
     top: 0;
     width: 100%;
     height: 80px;
     /* height: 200px;
                  */
     /* background-color:#005891;
                  */
     background: #FFFFFF;
     /* background: rgba(15, 48, 87, 0.98); */
     box-shadow: 0 0 5px #ddd;

     z-index: 1000;
     vertical-align: middle;
}

.main_header_wrap_stick {
     display: inline-block;
     position: fixed;
     top: 0;
     width: 100%;
     height: 80px;
     /* height: 200px;
                  */
     /* background-color:#005891;
                  */
     background: #FFFFFF;
     /* background: rgba(15, 48, 87, 0.98); */
     /* box-shadow: 0 0 5px #ddd;
                  */
     z-index: 1000;
     vertical-align: middle;
     -webkit-transition: height 0.3s;
     -moz-transition: height 0.3s;
     transition: height 0.3s;
}

/* .main_header_wrap_stick {
     padding-bottom: 102px;
} */

.list-styled {
     padding-left: 22px;
     list-style-image: url("../images/round.svg");
     background-size: 20px 30px;
}

.main__wrap {
     display: inline-block;
     position: relative;
     width: 100%;
     height: 100vh;
     margin-top: -5%;
     background: #FFFFFF;
     /* height: 200px;
                  */
     /* background-color:#005891;
                  */
     box-shadow: 0 0 5px #ddd;
     z-index: 1000;
     vertical-align: middle;
     transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.pull-left {
     float: left !important;
}

.main-header__logo {
     display: inline-block;
     /* width: 140px;
                  */
     line-height: 80px;
     vertical-align: middle;
}

.wrap_v1 {
     padding-left: 10px;
     padding-right: 10px;
}

/* .wrap {
     padding-left: 100px;
     padding-right: 100px;
} */
.wrap {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x) * 0.5);
     padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-right: auto;
     margin-left: auto;
}

@media (min-width: 576px) {

     .wrap {
          max-width: 540px;
     }
}

@media (min-width: 768px) {

     .wrap {
          max-width: 720px;
     }
}

@media (min-width: 992px) {

     .wrap {
          max-width: 960px;
     }
}

@media (min-width: 1200px) {

     .wrap {
          max-width: 1140px;
     }
}

@media (min-width: 1400px) {

     .wrap {
          /* max-width: 1320px; */
          max-width: 1548px;
     }
}

.main_logo_left {
     float: left;
}

.main-header__right {
     float: right;
}

.nav {
     display: inline-block;
     vertical-align: middle;
     height: 80px;
}

.nav__menu {
     display: inline-block;
     margin: 0;
}

.list-unstyled {
     padding-left: 0;
     list-style: none;
}

.nav__item {
     position: relative;
     display: inline-block;
     color: #696969;
     text-align: center;
     line-height: 80px;
     /* margin-left: 15px;*/
     margin-right: 10px;
     font-weight: 600;
}

.nav__button {
     position: relative;
     display: inline-block;
     line-height: 80px;
     text-align: center;
     margin-left: 10px;
}

.conten_ing {
     display: inline-block;
     /* margin: 0 9%;
                  */
     vertical-align: middle;
     margin: 0 2%;
}

.remover_underline_slider {
     text-decoration: none;
     color: #696969;
}

.remover_underline {
     text-decoration: none;
}

.mobile-nav {
     float: right;
     position: relative;
     /*   display: none; */
}


.mobile-nav__trigger {
     cursor: pointer;
     display: inline-block;
     /* margin-top: 2rem; */
     /* float: left; */
     /* float: right; */
}

.mobile-nav__trigger_old {
     cursor: pointer;
     display: inline-block;
     margin-top: 2rem;
     float: left;
     /* float: right; */
}

.mobile-nav__trigger .icon {
     display: inline-block;
     float: left;
     width: 14px;
     margin: 0 5px 0 0;
     padding-top: 6px;
}

.mobile-nav__trigger_old .icon_old {
     display: inline-block;
     float: left;
     width: 14px;
     margin: 0 5px 0 0;
     padding-top: 3px;
}

/*.mobile-nav__trigger .icon {*/
/*     display: inline-block;*/
/*     float: left;*/
/*     width: 14px;*/
/*     margin: 0 5px 0 0;*/
/*     padding-top: 3px;*/
/*}*/

.icon {
     height: 1em;
     width: 1em;
     display: inline-block;
     margin-top: -0.4rem;
     vertical-align: middle;
     color: inherit;
}

.mobile-nav__trigger .icon .line {
     display: block;
     width: 100%;
     height: 2px;
     /* background: #023545; */
     background: #696969;
     transform-origin: 0;
     transition: ease .2s;
}

.mobile-nav .mobile-nav-menu {
     background-color: rgb(255 255 255 / 83%);
     /* background-color: rgba(255, 255, 255, 0.97); */
     box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);

     /* background: #fff; */
     /* background: rgba(255, 255, 255, .99); */
     /* width: calc(100vw - 40px) !important; */
     width: calc(111vw - 40px) !important;
     /* box-shadow: 0 0px 1px #fff; */
     border-radius: 2px;

     padding: 10px 30px 25px;
     position: absolute;
     top: 5rem;
     right: 0;
     display: none;
     animation: fade-in .5s;
     -webkit-animation: fade-in .5s;
     z-index: 9999;
}

.mobile-nav__trigger .icon .line--2 {
     margin-top: 6px;
}

.mobile-nav__trigger.active .line--1 {
     transform: rotate(35deg);
}

/* line 333, ../sass/site/components/_nav.scss */
.mobile-nav__trigger.active .line--2 {
     transform: rotate(-35deg);
}

.mobile-nav__trigger .icon .line--2 {
     margin-top: 6px;
}

.mobile-nav .mobile-nav-menu__list li a {
     display: block !important;
     text-align: left;
}

.mobile-nav .mobile-nav-menu__list__item a {
     color: #2B2D2C;
     font-weight: 500;
}

.mobile-nav .mobile-nav-menu__list li {
     width: 100% !important;
     display: block !important;
     margin-top: 14px;
}

.button--default,
.button--default {
     background-color: white;
     color: #023546;
     border: 1px solid #000;
}

.button--primary,
.button--primary {
     background-color: #f7c32e;
     color: #fff;

}


.normal_menu {
     margin: 0 auto;
     max-width: 62.5em;
     margin-bottom: 2rem !important;
     padding: 1rem 0;
}

.fullscreen_hide {
     display: none;
}

/* =============font================= */

.smallfont {
     font-family: PoppinsMedium;
     font-weight: 600;
     font-size: 18px;
     line-height: 2;
     text-transform: capitalize;
}

.centering_menu {
     margin: 0 auto;
     /* margin: 20px 16px 36px 42px; */
     width: 90%;
     position: relative;
     top: 20px;
}

.blue_color {
     color: #195296;
}

.dark_color {
     color: #0E0E2C;
}

.li_ul .li_1 {
     display: block;
     position: relative;
     padding-top: 5px;
     padding-bottom: 5px;
}

.wc_content__ {
     margin-left: auto;
     margin-right: auto;
     padding-top: 44px;
     padding-bottom: 80px;
     overflow: hidden;
}

.a_ac {
     display: block;
     height: 50px;
     line-height: 3;
}

.li_ul .li_1 .a_ac:hover {
     background-color: #C5D4E5;
     display: block;
     /* color: #fff; */
}

.spacing_menu_v1 {
     display: inline-block;
     width: 31%;
     padding-left: 10px;

}

.spacing_menu_v2 {
     display: inline-block;
     /* margin-left: 25%; */
}


.elevationh1 {
     font-family: MontserratRegular;
     font-size: 20;

}

.elevationh2 {
     font-family: MontserratRegular;
     font-size: 30px;
     font-weight: 900;
}

.elevationh3 {
     font-family: MontserratRegular !important;
     font-size: 30 !important;
     font-weight: 500 !important;
}

.elevationh4 {
     font-family: MontserratRegular;
     font-size: 20;
}

.elevationh5 {
     font-family: MontserratRegular;
     font-size: 20px;
     font-weight: 900;
}

.paragrahy {
     font-family: PoppinsRegular;
     line-height: 28px;
     font-size: 16px;
     font-weight: 300;
}

.littleFont {
     font-family: PoppinsRegular;
     line-height: 24px;
     font-size: 15px;
     font-weight: 300;
}

.littleFont_v2 {
     font-family: PoppinsRegular;
     line-height: 30px;
     font-size: 17px;
     font-weight: 300;
}

.bigheader {
     font-size: 50px;
     font-family: MontserratRegular;
     font-weight: 800;
     text-transform: uppercase;
}

.bigheader_v1 {
     font-size: 60px;
     font-family: MontserratRegular !important;
     font-weight: 800;
     text-transform: uppercase;
}

.bigheader_v2 {

     font-family: MontserratRegular;
     font-size: 38px;
     font-weight: 900;
}

/* ==========body=========== */

.single-contentzone {
     box-sizing: border-box;
     max-height: 900px;
     min-height: 70vh;
}

.placement__ {
     margin-top: 15px;
     margin-bottom: 15px;
}

.tt {
     padding-top: 16px;
     padding-bottom: 30px;
     width: 62%;
     margin: 0 auto;

}

.top_20 {
     margin-top: 20px;
}

.top_20_v1 {
     margin-top: 10%;
}

.top_5_v1 {
     margin-top: 5%;
}

.bottom_20 {
     margin-bottom: 20px;
}

.bottom_10 {
     margin-bottom: 10px;
}

.line_ {
     line-height: 4;
}

.wid {
     width: 77%;
}

.topbanner {

     position: relative;
     top: 300px;

}

.balance__ {
     position: relative;
     top: 80%;
}

.balance__v1_ {
     position: relative;
     top: 40%;
}

.balance__v3_ {
     position: relative;
     top: 39px;
}

.balance_v2_ {
     position: relative;
     top: 20%;
}

.circle_border {
     border: 3px solid #A3D15C;
     border-radius: 50%;
     border-width: medium thin thick 10px;
}

.circle_border_2 {
     border: 3px solid #943419;
     border-radius: 50%;
     border-width: thick 4px;
}

.balance_v4_ {
     position: relative;
     top: 25%;
}

.relative_position {
     position: relative;
}

.text__white {
     color: #fff;
}

.uppercase {
     text-transform: uppercase;
}

.display_block {
     display: block;
}

.top_px {
     position: relative;
     top: 250px;
}

.top_px_2 {
     position: relative;
     top: 175px;
}

.ban_text_align {
     width: 95%;
     padding-bottom: 29px;
     padding-top: 17px;
}

.balancing_worship {
     position: relative;
     top: -27px;
     padding-left: 101px;
     display: block;
}

.Banner_ {
     background-image: linear-gradient(0deg, rgba(16, 16, 16, 0.486), rgba(16, 16, 16, 0.519)), url("../images/banner.png");
     background-color: #000000;
     height: 798px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.ma_re_top {
     margin-top: -30px;
}

.wc_content {
     margin-left: auto;
     margin-right: auto;
     padding-top: 40px;
     padding-bottom: 40px;
     overflow: hidden;
}

.Banner_section_ {
     background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/sectionBanner.jpg");
     background-color: #000000;
     height: 500px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.aboutus_banner {
     background-image: url("../images/aboutus_banner.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 700px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.aboutus__ {
     background-image: url("../images/leadership.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 700px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.aboutus__ban {
     background-image: url("../images/abt.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 700px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.expctimg {
     background-image: url("../images/expctimg.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 700px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.worship {
     background-image: url("../images/worship.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 800px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.makearoom {
     background-image: url("../images/makearoom.png");
     /* background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.486), rgba(255, 255, 255, 0.519)), url("../images/aboutus_banner.png"); */
     background-color: #000000;
     height: 400px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.centering_content {
     margin: 0 auto;
     width: 67%;

}

.centering_content_v1 {
     margin: 0 auto;
     width: 67%;

}

.centering_content_v2 {
     margin: 0 auto;
     width: 46%;

}

.socialgray {
     display: inline-block;
     margin-right: 8px;
}

.socialgray_ {
     display: inline-block;
     padding-left: 8px;
}

.sub_menu {
     background-color: #ffff;
     padding-top: 10px;
     padding-bottom: 10px;
     position: relative;
     top: -30px;
}

.main_header_subheader {
     display: inline-block;
     position: relative;
     top: -35px;
     width: 100%;
     height: 80px;
     /* height: 200px; */
     /* background-color: #005891; */
     background: #FFFFFF;
     /* background: rgba(15, 48, 87, 0.98); */
     /* box-shadow: 0 0 5px #ddd; */
     /* z-index: 1000; */
     vertical-align: middle;
}

/* .single-contentzone {
     align-items: center;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     overflow: hidden;
     width: 100%;
} */

.border_radius_none {
     border-radius: 0%;
}

.listing_style_location {
     padding-top: 14px;
     padding-bottom: 11px;
     font-size: 17px;
     font-weight: 900;
     border: 2px solid #dee2e6;
     border-right: 0px;
     border-left: 0px;
}

.images__deplacement {
     position: relative;
     top: 30px;
     margin-left: -28px;
}

.ima1_ {
     top: 19px;
     position: relative;
}

.ima2_ {
     position: relative;
     margin-left: -30px;
}

.ima3_ {
     position: relative;
     z-index: 2;
     top: -2px;
     margin-left: 24px;

}

.ima4_ {
     top: -32px;
     position: relative;
     margin-left: -44px
}

.make {
     display: block;
     position: relative;
     margin-left: -23%;
}

.room {
     font-size: 65px;
     position: relative;
     top: -30px;
     margin-left: -99px;
}


/* =======worship page images  ======== */

.place_1 {
     position: relative;
     top: 20px;
     z-index: -2;

}

.place_2 {
     margin-left: -23px;

}

.place_3 {
     padding-left: 90px;
     position: relative;
     top: 7px;

}

.smallgroupsimg {
     z-index: -2;
     position: relative;
     top: 40px;
     right: -31px;
}

.__headerPlaceing {
     display: inline-block;
     position: relative;
     left: 6px;
     top: 5px;
}

.placing__ {
     position: relative;
     left: 47px;
     top: -15px;
     width: 80%;

}

/* ============= button ============= */
.button__white {
     background-color: #ffff;
     /* width: 280px; */
     border-radius: 20px;
     color: #000;
     text-transform: capitalize;
     padding: 12px 24px 12px 24px;
}

.button__white:hover {
     background-color: #ffff;
}

.button__transparent {
     background-color: transparent;
     border: 1px solid #ffff;
     /* width: 280px; */
     border-radius: 20px;
     color: #fff;
     text-transform: capitalize;
     margin-left: 15px;
     padding: 12px 24px 12px 24px;
}

.button__transparent:hover {
     background-color: #ffff;
}

.button__grey {
     /* background-color: #f5f5f5; */
     border: 1px solid #000;
     /* width: 280px; */
     border-radius: 20px;
     color: #000;
     text-transform: capitalize;
     margin-left: 15px;
     padding: 12px 24px 12px 24px;
}

.button__grey:hover {
     background-color: #f5f5f5;
     border: 1px solid #000;
}

.button__transparent_lg {
     background-color: transparent;
     border: 1px solid #ffff;
     /* width: 280px; */
     border-radius: 20px;
     color: #fff;
     text-transform: capitalize;
     padding: 12px 24px 12px 24px;
}

.button__transparent_lg:hover {
     background-color: #ffff;
}

.button__black {
     background-color: #000;
     /* width: 280px; */
     border-radius: 20px;
     color: #ffff;
     padding: 12px 24px 12px 24px;
     /* padding-bottom: 7px; */
}

.button__black:hover {
     background-color: #000;
     color: #ffff;
}

.button__white__ {
     background-color: #ffff;
     border: 1px solid #000;
     /* width: 280px; */
     border-radius: 20px;
     color: #000;
     padding: 12px 24px 12px 24px;
}

.button__white__:hover {
     background-color: #ffff;
     border: 1px solid #000;
     color: #000;
}

.media_viewall {
     background: #f5f5f5;
     font-size: 13px;
     font-weight: 900;
}

/* .slick-prev {
     left: 19px;
     z-index: 3;
     border-radius: 110px;
     height: 30px;
     width: 30px;
} */

/* ========sldier========== */
/* test moni carrer */
.testim {
     width: 100%;
     /* position: absolute; */
     position: relative;
     /* margin-top: 50%; */
     /* -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
     -ms-transform: translatey(-50%);
     -o-transform: translatey(-50%);
     transform: translatey(-50%); */
}

.testim .wrap {
     position: relative;
     width: 100%;
     max-width: 1020px;
     padding: 40px 20px;
     margin: auto;
}

.testim .arrow {
     display: block;
     position: absolute;
     color: #ef4545;
     cursor: pointer;
     font-size: 2em;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     padding: 5px;
     z-index: 22222222;
}

.testim .arrow:before {
     cursor: pointer;
}

.testim .arrow:hover {
     /* color: green */
     color: #005891;
}


.testim .arrow.left {
     left: 10px;
}

.testim .arrow.right {
     right: 10px;
}

.testim .dots {
     text-align: center;
     position: absolute;
     width: 100%;
     bottom: 60px;
     left: 0;
     display: block;
     z-index: 3333;
     height: 12px;
}

.testim .dots .dot {
     list-style-type: none;
     display: inline-block;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     border: 1px solid #eee;
     margin: 0 10px;
     cursor: pointer;
     -webkit-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
     background: rgba(15, 48, 87, 0.98);
     border-color: rgba(15, 48, 87, 0.98);
}

.testim .dots .dot.active {
     -webkit-animation: testim-scale .5s ease-in-out forwards;
     -moz-animation: testim-scale .5s ease-in-out forwards;
     -ms-animation: testim-scale .5s ease-in-out forwards;
     -o-animation: testim-scale .5s ease-in-out forwards;
     animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
     position: relative;
     overflow: hidden;
}

.testim .cont>div {
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     padding: 0 0 70px 0;
     opacity: 0;
}

.testim .cont>div.inactive {
     opacity: 1;
}


.testim .cont>div.active {
     position: relative;
     opacity: 1;
}


.testim .cont div .img img {
     display: inline-block;
     float: left;
     width: 100px;
     height: 100px;
     margin: auto;
     /* border-radius: 50%; */
}


.testim .cont div h2 {
     color: green;
     font-size: 1em;
     margin: 15px 0;
}

.testim .cont div p {
     font-size: 1.15em;
     color: #333;
     width: 70%;
     margin: auto;
}

.testim .cont div.active .img img {
     -webkit-animation: testim-show .5s ease-in-out forwards;
     -moz-animation: testim-show .5s ease-in-out forwards;
     -ms-animation: testim-show .5s ease-in-out forwards;
     -o-animation: testim-show .5s ease-in-out forwards;
     animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active h2 {
     -webkit-animation: testim-content-in .4s ease-in-out forwards;
     -moz-animation: testim-content-in .4s ease-in-out forwards;
     -ms-animation: testim-content-in .4s ease-in-out forwards;
     -o-animation: testim-content-in .4s ease-in-out forwards;
     animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
     -webkit-animation: testim-content-in .5s ease-in-out forwards;
     -moz-animation: testim-content-in .5s ease-in-out forwards;
     -ms-animation: testim-content-in .5s ease-in-out forwards;
     -o-animation: testim-content-in .5s ease-in-out forwards;
     animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
     -webkit-animation: testim-hide .5s ease-in-out forwards;
     -moz-animation: testim-hide .5s ease-in-out forwards;
     -ms-animation: testim-hide .5s ease-in-out forwards;
     -o-animation: testim-hide .5s ease-in-out forwards;
     animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
     -webkit-animation: testim-content-out .4s ease-in-out forwards;
     -moz-animation: testim-content-out .4s ease-in-out forwards;
     -ms-animation: testim-content-out .4s ease-in-out forwards;
     -o-animation: testim-content-out .4s ease-in-out forwards;
     animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
     -webkit-animation: testim-content-out .5s ease-in-out forwards;
     -moz-animation: testim-content-out .5s ease-in-out forwards;
     -ms-animation: testim-content-out .5s ease-in-out forwards;
     -o-animation: testim-content-out .5s ease-in-out forwards;
     animation: testim-content-out .5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
     0% {
          -webkit-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -webkit-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-moz-keyframes testim-scale {
     0% {
          -moz-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -moz-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -moz-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -moz-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-ms-keyframes testim-scale {
     0% {
          -ms-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -ms-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -ms-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -ms-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-o-keyframes testim-scale {
     0% {
          -o-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -o-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -o-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -o-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@keyframes testim-scale {
     0% {
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-webkit-keyframes testim-content-in {
     from {
          opacity: 0;
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }
}

@-moz-keyframes testim-content-in {
     from {
          opacity: 0;
          -moz-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -moz-transform: translateY(0);
          transform: translateY(0);
     }
}

@-ms-keyframes testim-content-in {
     from {
          opacity: 0;
          -ms-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -ms-transform: translateY(0);
          transform: translateY(0);
     }
}

@-o-keyframes testim-content-in {
     from {
          opacity: 0;
          -o-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -o-transform: translateY(0);
          transform: translateY(0);
     }
}

@keyframes testim-content-in {
     from {
          opacity: 0;
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          transform: translateY(0);
     }
}

@-webkit-keyframes testim-content-out {
     from {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-moz-keyframes testim-content-out {
     from {
          opacity: 1;
          -moz-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -moz-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-ms-keyframes testim-content-out {
     from {
          opacity: 1;
          -ms-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -ms-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-o-keyframes testim-content-out {
     from {
          opacity: 1;
          -o-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@keyframes testim-content-out {
     from {
          opacity: 1;
          transform: translateY(0);
     }

     to {
          opacity: 0;
          transform: translateY(-100%);
     }
}

@-webkit-keyframes testim-show {
     from {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-moz-keyframes testim-show {
     from {
          opacity: 0;
          -moz-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -moz-transform: scale(1);
          transform: scale(1);
     }
}

@-ms-keyframes testim-show {
     from {
          opacity: 0;
          -ms-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -ms-transform: scale(1);
          transform: scale(1);
     }
}

@-o-keyframes testim-show {
     from {
          opacity: 0;
          -o-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -o-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes testim-show {
     from {
          opacity: 0;
          transform: scale(0);
     }

     to {
          opacity: 1;
          transform: scale(1);
     }
}

@-webkit-keyframes testim-hide {
     from {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
     }
}

@-moz-keyframes testim-hide {
     from {
          opacity: 1;
          -moz-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -moz-transform: scale(0);
          transform: scale(0);
     }
}

@-ms-keyframes testim-hide {
     from {
          opacity: 1;
          -ms-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -ms-transform: scale(0);
          transform: scale(0);
     }
}

@-o-keyframes testim-hide {
     from {
          opacity: 1;
          -o-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -o-transform: scale(0);
          transform: scale(0);
     }
}

@keyframes testim-hide {
     from {
          opacity: 1;
          transform: scale(1);
     }

     to {
          opacity: 0;
          transform: scale(0);
     }
}

@-webkit-keyframes zoom {
     from {
          -webkit-transform: scale(1, 1);
     }

     to {
          -webkit-transform: scale(1.5, 1.5);
     }
}

@keyframes zoom {
     from {
          transform: scale(1, 1);
     }

     to {
          transform: scale(1.5, 1.5);
     }
}

@media all and (max-width: 300px) {
     body {
          font-size: 14px;
     }
}

@media all and (max-width: 500px) {
     .testim .arrow {
          font-size: 1.5em;
     }

     .testim .cont div p {
          line-height: 25px;
     }

}

/* =========dropdown============ */
.dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
}

.dropdown-content a {
     color: black;
     padding: 6px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
     line-height: 2;
}

.dropdown-content a:hover {
     background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
     display: block;
}


/* ========footer============ */
.footer_menu {
     position: relative;
     display: inline-block;
     margin-right: 10px;
}

.footer_menu2 {
     position: relative;
     display: inline-block;
     margin-right: 10px;
     border-right: 1px solid;
     /* width: 13%; */
     padding-right: 15px;
}

.footer_text_color {
     color: #A3D15C;
}