header nav.navbar-default .container-fluid,
nav.navbar.bootsnav .container-fluid{
    border-bottom: 1px solid #e4dfdf !important;
    padding: 0
}

p.f14 {
    font-size: 14px !important
}

header .navbar-top {
    top: 0 !important;
    background-color: #f9f9f9 !important;
}

.icon_menu_4 {
    background-color: #e2e2e2 !important;
}

.section-mod {
    padding: 120px 0 !important;
}

nav.navbar.navbar-default ul.nav>li>a:hover,
nav.navbar.navbar-default ul.nav>li.icon_menu_4 a {
    color: #999 !important
}

nav.navbar.navbar-default ul.nav>li a,
nav.navbar.navbar-default ul.nav>li.icon_menu_4 a {
    color: #000000 !important;
}

body ul.kc li {
    color: black !important
}

.tab-style5 .nav-tabs li a {
    color: #000 !important;
    font-weight: 900;
}

.cta1 {
    border: 0px !important;
}

.cta2 h3 {
    color: black
}

.cta1 h3 {
    color: black
}

.cta1:before,
body .CTA .col-md-6 {
    background-color: #EFEFEF !important;
}

.CTA .col-md-6:hover svg rect,
.CTA .col-md-6:hover svg path {
    fill: #1D3566;
}

footer.footer-classic-dark {
    background: white !important
}

.cta2:before {
    background-color: #F8F8F8 !important;
}

.topline {
    border-color: black
}

.icon-play-style-2 .video-icon {
    width: 110px;
    height: 110px;
    margin-top: 0;
    font-size: 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.bg-gradient-light-red-light-orange {
    background: #1D3566
}

.icon-play-style-2 {
    z-index: 1;
    left: 98%;
}

.container-fluid {
    position: relative !important
}

.row.hover-option2 {

    flex: auto;
}

.row.hover-option2>div {
    float: left;
}

figure:hover .bg-deep-pink {
    background-color: #fff;
}

.bg-deep-pink {
    background-color: #fff;
}

.section-mod.portfolio-grid.pt-0 {
    height: auto !important
}

.relative {
    position: relative !important;
}

.LinesBox div p {
    padding-left: 20px;
    margin-bottom: 0
}

.LinesBox div h2 {
    font-size: 32px;
    padding-left: 20px;

}

.LinesBox div a:hover {
    color: white
}

.LinesBox div a:hover:before {
    width: 100%;
}

.LinesBox div a:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #222D48;
    left: 0;
    top: 0;
    z-index: -1
}

.LinesBox div a {
    padding: 23px;
    position: relative;
    border-left: 1px solid black;
    font-weight: bold;
    color: black;
    z-index: 9
}

.LinesBox div {
    border: 1px solid black;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-style5 .nav-tabs li a {
    color: white;
    font-weight: 900
}

.tab-style5 .nav-tabs .nav-link.active {
    padding-left: 15px;
}









.shadowhover:hover .tab_button {
    box-shadow: 1px 2px 6px -2px #c1c1c1
}

.beforeg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 84vh;
    background-color: #f5f5f5;
    left: 0;
    bottom: -26px;
    z-index: 2;
}

.center_ {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 146px;
}

.arrow {
    position: absolute;
    z-index: 9;
    bottom: 30px;
    right: 255px;
}

.arrow svg {
    height: 50px;
    width: 63px;
}

.mb-20 {
    margin-bottom: 20px !important
}

.bg-white {
    background-color: white !important
}

.lh1 {
    line-height: 1 !important
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.window-blue,
.CTA .col-md-6:before,
.menu_open b,
.menu_open span:after,
.menu_open span:before,
.left_child_menu li a:before,
.rightpart .social-media a,
.scroll-down-section a,
footer a,
.LinesBox div a:before,
.LinesBox div a,
.portfolio-hover-box,
.CTA .col-md-6 svg rect,
.CTA .col-md-6 svg path,
.seg {
    -webkit-transition: all !important;
    -webkit-transition-timing-function: ease-out !important;
    -webkit-transition-duration: 500ms !important;
    -moz-transition: all !important;
    -moz-transition-timing-function: ease-out !important;
    -moz-transition-duration: 500ms !important;
}

.initial {
    text-transform: initial !important
}

.icon-play-style-2 .video-icon,
nav.navbar.navbar-default ul.nav>li>a,

.h img,
.bravetabs ul li a,
.menu_open.x_ span:after,
.menu_open.x_ span:before,
ul.mainleftmenu>li a span.lm:before,
ul.mainleftmenu>li a span.lm:after {
    -webkit-transition: all !important;
    -webkit-transition-timing-function: ease-out !important;
    -webkit-transition-duration: 300ms !important;
    -moz-transition: all !important;
    -moz-transition-timing-function: ease-out !important;
    -moz-transition-duration: 300ms !important;
}

.block {
    display: block !important
}

.height-50 {
    height: 50vh
}

.height-60 {
    height: 60vh
}

.height-70 {
    height: 70vh
}

.height-80 {
    height: 80vh
}

.height-90 {
    height: 90vh
}

.height-100 {
    height: 100vh
}

.col-center {
    margin: auto;
    float: none
}
.ballrb {
    background-image: url(../images/home-studio-bubble-1.png);
    background-repeat: no-repeat;
    background-position: 100% 200px;
}
.container {
    z-index: 2;
    position: relative;
}

.bg-blue {
    background-color: #222D48
}
.bg-blue2 {
    background-color: #1EA6DC;
}

footer a:hover {
    color: #1D3566 !important;
    opacity: 1 !important
}

.text-green {
    color: #1D3566 !important
}

.bg-green {
    background-color: #1D3566
}

.topline2 {
    border-top: 2px solid black;
    display: inline-block;
    padding-top: 20px
}

.topline {
    border-top: 1px solid white;
    display: inline-block;
    padding-top: 20px
}

.toplinegreen {
    border-top: 2px solid #1D3566;
    display: inline-block;
    padding-top: 20px;
    margin-top: 10px
}
 

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

p.lead {
    font-size: 2.5vh; 
}

p.lead2 {
    font-size: 22px;
    font-weight: normal
}

.tobtn a+a {
    margin-left: 10px !important
}

.mailto {
    text-decoration: underline;
}

img {
    width: 100%
}

.bravetabs {
    display: flex;
    justify-content: center;
}

.bravetabs .right {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -100px;
    flex-wrap: wrap;
}

.bravetabs .left:before {
    content: "";
    width: 3px;
    background-color: white;
    height: 60px;
    position: absolute;
    right: 0;
    top: -50px
}

.bravetabs ul li {
    text-align: center;
    margin-bottom: 30px
}

.bravetabs ul li h4 {
    margin-bottom: 5px !important
}

.bravetabs .left {
    background: white;
    margin-top: -100px;
    min-height: 650px;
    padding: 0 !important;
    position: relative;
    -moz-box-shadow: 0 0 50px rgba(19, 19, 19, .05);
    -webkit-box-shadow: 0 0 50px rgba(19, 19, 19, .05);
    -ms-box-shadow: 0 0 50px rgba(19, 19, 19, .05);
    -o-box-shadow: 0 0 50px rgba(19, 19, 19, .05);
    box-shadow: 0 0 50px rgba(19, 19, 19, .05);
}

#culture-about #about-inner .solid .about-original.active {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.o {
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 922px;
    min-height: 500px;
    z-index: 3;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 2560px;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";
    filter: alpha(opacity=0);
    -webkit-transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    -moz-transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
}

.bravetabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bravetabs ul li a:hover,
.bravetabs ul li a.active {
    border-bottom: 1px solid white;
}

.bravetabs ul li a {
    border-bottom: 1px solid transparent;
    line-height: 1;
    color: white !important;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 900 !important
}

.bravetabs .left>div.layers.active {
    opacity: 1 !important;
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.bravetabs .left>div.layers {
    position: absolute;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)";
    filter: alpha(opacity=0);
    -webkit-transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    -moz-transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    transition: all 1.5s cubic-bezier(.18, 1, .21, 1);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
}

.layers>div {
    padding: 140px 100px 170px;
}

/*#layer1{
    background-image: url({{ asset('assets/images/MMC_About_us_Box_Pattern1.png') }});
    background-position: 3050px 2725px;
}*/
.flexevenly1,
.flex_evenly {
    display: flex;
    justify-content: space-evenly;
}

.flex_center {
    display: flex;
    justify-content: center;
}

.flex_around {
    display: flex;
    justify-content: space-around;
}

.flex_between {
    display: flex;
    justify-content: space-between;
}

.padding-40 {
    padding: 40px;
}


.CTA svg {
    width: 50px;
    margin-bottom: 7px
}

.CTA .col-md-6 h2 {
    margin-bottom: 0;
    color: white !important;
}

.CTA .col-md-6:first-child {
    padding-right: 80px
}

.CTA .col-md-6:last-child {
    background-color: #222C4B;
    padding-left: 80px
}

.CTA .col-md-6 {
    display: flex;
    justify-content: space-between;
    padding: 60px 15px;
    background-color: #1E2743;
    align-items: flex-end;
    color: white;
}

/*.CTA .col-md-6 svg {
    fill: #f2f2f2;
}*/
.CTA .col-md-6 svg,
.CTA .col-md-6 div {
    z-index: 9;
}

.CTA .col-md-6 p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.cta2:before {
    content: "";
    width: 2500px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #222C4B;
}

.cta1 {
    border-right: 1px solid #222C4B;
}

.cta1:before {
    content: "";
    width: 2500px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #1E2743;
}

.CTA .col-md-6:hover:before {
    background: #181f33;
}

.CTA .col-md-6:hover svg rect,
.CTA .col-md-6:hover svg path {
    fill: #000;
}

.CTA .col-md-6 p,
.CTA .col-md-6 h3 {
    margin-bottom: 0 !important
}

.CTA .col-md-6:hover p {
    color: white;
}

.mailchimp input::-webkit-placeholder,
.mailchimp input::placeholder {
    color: #E0E1E2;
    font-size: 60px;
    line-height: 1.1;
    text-transform: capitalize !important;
    font-weight: 800 !important
}

.mailchimp button {
    background: transparent;
    border: 0px;
    position: absolute;
    right: 0;
    bottom: 70px;
    width: 50px;
}

.mailchimp {
    position: relative;
}

.mailchimp input {
    font-size: 70px;
    color: black;
    border: 0;
    padding: 0;
    border-bottom: 1px solid black;
}

h3 b {
    font-weight: 900
}

.stepsLd h3,
.stepsLd p {
    margin-bottom: 0 !important
}

.stepsLd li small {
    font-weight: 900
}

.stepsLd li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #000000;
    padding: 25px 0px;
}

.p0:not(.cta1):not(.cta2) {
    padding: 0 !important;
}

#cog {
    width: 30vh;
    position: absolute;
    right: -100px;
    bottom: -100px;
}

.trn {
    display: block;
    color: transparent !important;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #1D3566;
}

.flecha:hover {
    color: #1D3566 !important;
    border-color: #1D3566
}

.special {
    color: #1D3566;
    font-size: 120px;
    position: absolute;
    top: 33%;
    left: -140px
}

.flecha img {
    width: 60px;
    margin-left: 20px
}

.flecha {
    border-bottom: 3px solid #1D3566;
    text-transform: capitalize;
    font-weight: 600;
    color: #1D3566;
    font-size: 40px;
    position: absolute;
    top: 40%;
    right: -100px;
    display: flex;
}

.flex_between {
    display: flex;
    justify-content: space-between;
}

b {
    font-weight: 800 !important
}

.zoom {

    -webkit-animation: zoomin 25s infinite;
    position: absolute;
    width: 90%;
    z-index: 0
}

@-webkit-keyframes zoomin {

    0%,
    100% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

}

.relative {
    position: relative;
}



.scroll-down-section a:hover {
    color: #1D3566 !important
}

.scroll-down-section a {
    display: block;
    font-weight: 900 !important
}

.scroll-down-section {
    position: absolute;
    width: 100%;
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 1;
    color: white !important
}

.scroll-down-section div {
    height: 100px;
}

.separator-line-verticle-large {
    width: 1px;
    height: 20px;
}

.scrolltop a {
    font-weight: 900 !important;
}

.scrolltop a:hover .height-line {
    background-color: #1D3566
}

.scrolltop {
    padding: 0 !important;
}

.height-line {
    width: 2px;
    background: #222C4B;
    height: 50px;
    margin: auto;
    margin-top: 5px;
}

figcaption {
    position: relative;
}

span.plus {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #1D3566;
    color: white;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 1;
    font-weight: 900;
}


.grid-item:hover figcaption {
    opacity: 1 !important;
    background: transparent !important;
}

figcaption {
    background: transparent !important;
}

.search_form select {
    appearance: none;
    -webkit-appearance: none;
    background-color: white;
    color: black !important;
    height: 42px;
    width: 33%;
    font-weight: bold;
    text-transform: capitalize !important;
}

.search_form div button {
    border: none;
    height: 43px;
    background-color: #355F87;
    color: white;
    width: 50px;
    margin-left: 5px;
}

.search_form div {
    width: 33%;
}

.search_form div,
.search_form {

    display: flex;
    justify-content: space-between;
}

/* portfolio grid */
.portfolio-grid_ {
    list-style: none;
    padding: 0;
    margin: 0;
}

.portfolio-grid_ .grid-item figure {
    margin: 0;
    position: relative;
    overflow: hidden
}

.portfolio-grid_ .grid-item figure img {
    display: block;
    width: 100%;
    cursor: pointer;
}

.portfolio-grid_ .grid-item {
    opacity: 1;
    overflow: hidden;
}

.portfolio-grid_ .grid-item figure img {
    cursor: pointer;
    display: block;
    opacity: 1;
    width: 100%;
    transition: all 0.3s ease 0s;
}

.portfolio-grid_ .grid-item figcaption {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    width: 100%;
    height: 100%;
    padding: 45px;
    z-index: 1;
    text-align: center
}

.portfolio-grid_ .grid-item figure:hover .portfolio-img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.portfolio-grid_ .grid-item figure .portfolio-img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.portfolio-grid_ .grid-item figure:hover img {
    opacity: 0.15;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.portfolio-grid_ .grid-item figure:hover figcaption {
    opacity: 1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.container .hover-option4 .grid-item figcaption {
    padding: 30px;
}

.mb-30 {
    margin-bottom: 30px
}

.loadMore,
.readmore {
    font-weight: bold !important;
    letter-spacing: 3px
}

.showed.span3 {
    display: block
}

.span3 {
    display: none
}






.categoryDots a+a {
    margin-left: 10px;
}

.categoryDots a:first-child {
    margin-left: 2px;
}

.categoryDots a:hover,
.fa-caret-down,
.categoryDots a.active {
    color: #1D3566;
}

.moreMinistries a i {
    font-size: 20px;
    margin-left: 10px;
}

.moreMinistries a {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

.content_event {
    background-color: white;
    position: relative;
    overflow: hidden;
}

.col-md-3 .active {
    color: #1D3566 !important
}

.content_event:before {
    content: "";
    width: 0%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #1D3566;
    position: absolute;
    z-index: 999;

    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.content_event:hover:before {
    width: 100%;
}

.content_event aside {
    padding: 20px 30px;
    position: absolute;
    bottom: -80px;
    background: white;
}

.content_event a p {
    color: #000 !important;
    opacity: 0;
}

.content_event a p.blue {
    color: #1D3566 !important;
    opacity: 1;
}

.content_event h3 {
    color: #36373b !important;
}

.box-space {
    height: 92px;
}

.content_event:hover aside p {
    opacity: 1;
}

.content_event:hover aside {
    bottom: -24px;
}



/*.bullet3 li:before{
    content:"";
    width: 8px;
    height: 8px;
    background:#1D3566;
    left: 0;
    top: 15px;
    position: absolute;
}*/
.bullet3 li {
    padding-left: 0px;
    width: 30%;
    position: relative;
}

.bullet3 {
    justify-content: space-between;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}


.tab-style3 ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0;
}

body .tab-style3 ul li {
    width: 33%;
    border-bottom: 2px solid white !important;
    margin: 0px !important;
}

.tab-style3 .nav-item a.active {
    color: #1D3566 !important
}

.tab-style3 .nav-item a {
    display: flex;
    flex-direction: column;
    font-weight: 900;
    letter-spacing: 1px;
}

.tab-style3 .nav-item a img {
    height: 80px;
    margin-bottom: 10px
}

.bg-darkmode ol {
    padding-left: 20px;
    color: white
}

figcaption.bg-white,
figure figcaption.bg-white {
    padding: 40px 20px;
    margin-top: 0 !important;
}

.edited .social-media a {
    display: block;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 900;
    color: #000 !important;
}

.edited .social-media {
    width: 70%;
    margin-left: 0;
    padding-left: 0;
    max-width: 500px;
    bottom: 0px;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.flex_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.roundedImg {
    border-radius: 500px !important;
    display: block;
    overflow: hidden;

}

.tabs .col-md-3 {
    border: 2px solid #1D3566;
    border-radius: 500px;
    padding: 5px;
}

.panel-title {
    color: white;
    font-weight: 600;
    font-size: 15px !important;
    text-transform: uppercase;
}

.accordion-style1 .panel-heading i {
    font-size: 22px;
    color: #fff;
}
.panel-heading a.collapsed .panel-title i:before {
    content: "\e61a";
}
.panel-heading a:not(.collapsed) .panel-title i:before {
    content: "\e622";
}
.tabs.active {
    display: block
}

.tabs {
    display: none;
}

.tab_button {
    cursor: pointer
}



#accordion-design .panel-title {
    font-size:  2.3vh !important;
    text-transform: capitalize !important;
    font-weight: 700;
    color: white;
}

span.bigplus {
    float: right;
    position: relative;
    width: 35px;
    height: 35px;
}

span.bigplus:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 3px;
    background: #1D3566;
    left: 0px;
    top: 16px;
    transition-delay: 0s !important;
    transform: scale(1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1);
}

span.bigplus:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 35px;
    background: #1D3566;
    top: 0;
    left: 16px;
    transition-delay: 0s !important;
    transform: scale(1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1);
}

.panel-heading.active-accordion span.bigplus:after {
    transform: scale(0);
}

.align-items-center {
    justify-content: center;
}

a.hyperlink {
    text-decoration: underline !important;
}

.betheimpact {
    max-width: 400px;
    position: relative;
    left: -20%
}

.betheimpactIMG {
    position: absolute;
    left: -15px;
    bottom: -306px;
    z-index: 1;
}

.world {
    position: absolute !important;
    width: 60% !important;
    right: 0 !important;
    bottom: -20% !important;
    z-index: -1
}




/* modal invite */
ul.share.m4 {
    margin: 0;
    text-align: center;
    padding: 0;
    margin: 0;
}

ul.share.m4 li {
    margin: 0;
    text-align: center;
    display: inline-block
}

ul.share.m4 li a {
    font-size: 25px !important
}

ul.share.m4 li:nth-child(2) {
    margin: 0 20%;
}

ul.list-inline {
    width: 100%
}

ul.list-inline a {
    font-size: 1.5pc
}

.modal-dialog {
    max-width: 400px !important;
    background: transparent !important;
    padding: 20px;
    display: block;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    top: 25%;
}

.close {
    opacity: 1;
    font-size: 20px !important;
    background: none;
    border: 0;
    float: right;
    padding-bottom: 62px;
    display: block;
}

.ec-share-modal input.form-control {
    text-transform: initial !important;
}

.ec-share-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999999;
    background: rgba(41, 42, 43, 0.36);
    top: -1px;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

button.close {
    -webkit-appearance: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    opacity: 1;
    position: absolute;
    right: 41px;
    top: 15px;
    outline: none;
    font-size: 33px !important;
    width: 40px;
    z-index: 999999;
}

.modal-title {
    width: 100%;
    font-style: 14px !important
}

.modal-content {
    position: relative;
    padding: 5px !important;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

body .modal-header .close {
    padding: 1rem 1rem;
    margin: 0;
}

/* END */

.darkmode .accordion-style1.panel-group .panel-heading {
    border: 0px;
    border-bottom: 1px solid #1D3566 !important;
}

.darkmode #accordion-design .panel-title,
.darkmode p {
    color: white !important
}

.darkmode {
    background-color: #222D48;
}

.darkmode2 .accordion-style1.panel-group .panel-heading {
    border: 0px;
    border-bottom: 1px solid #fff !important;
}

.darkmode2 #accordion-design .panel-title,
.darkmode2 p {
    color: white !important
}

.darkmode2 {
    background-color: #1D3566;
}

.darkmode2 span.bigplus:before,
.darkmode2 span.bigplus:after {
    background-color: white !important
}


.tab-content table tr {
    border-bottom: 1px solid #999;
    padding: 10px 0;
}

.tab-content table tr td {
    padding: 7px 0;
    width: 30%;
}

body div.mb-3{margin-bottom: 3px !important;}

.portfolio-item-thumbnail {
    overflow: hidden;
}

.portfolio-item-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    transition: all .2s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
}

.zoomBox:hover img,
.portfolio-item-thumbnail:hover img {
    -webkit-transform: scale(1.1, 1.1);
}




.list-unstyled li {
    padding: 7px 0;
}

.subchild {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.border-rl {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.subchild div {
    padding: 26px 0;
}

.mobile-on {
    display: none;
}

.sm,
footer .sm {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    list-style: none;
}

footer .sm a {
    display: block;
    padding: 0 20px;
}

.subchild a,
.subchild p,
.subchild span {
    font-size: 12px !important;
    text-transform: uppercase;

    margin: 0;
}

header .navbar-top {
    top: 0 !important;
    background-color: #161D33
}

nav.navbar.navbar-default ul.nav>li>a:hover {
    color: #1D3566 !important
}

body nav.navbar.navbar-default ul.nav>li.icon_menu>a {
    padding: 0px 28px !important;
    margin: 0 !important;
    font-size: 1.1em;
    height: 100%;
    align-items: center;
    display: flex;
}

.icon_menu_1 {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.icon_menu_4 {
    background-color: #1E2743
}

nav.navbar.navbar-default ul.nav>li.icon_menu_4 a {
    padding: 26px 0px !important;
}

/*header nav.navbar-default, nav.navbar.bootsnav{
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}*/
.icon_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer a {
    color: #222
}

header {
    position: fixed !important;
    z-index: 9999999999999999;
    top: 0;
}

header nav.navbar .navbar-nav>li>a,
nav.navbar.bootsnav ul.nav>li>a {

    font-weight: 900 !important
}

nav.navbar.navbar-default ul.nav>li>a:hover{
    color: #1FA6DC !important;
}
nav.navbar.navbar-default ul.nav>li>a:hover:before{
    opacity: 1;
}
nav.navbar.navbar-default ul.nav>li>a:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background: #1FA6DC;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
}
nav.navbar.navbar-default ul.nav>li>a {
    position: relative;
padding: 26px 0 !important;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
    color: white !important;
    letter-spacing: 0px;
}

.countdown {
    background-color: #1D3566
}

.countdown p {
    font-size: 12px;
    padding: 10px 0;
}

ul.kc {
    display: flex;
    margin-left: 117px;
    margin-bottom: 0;
    padding: 0;
    align-items: baseline;
}

ul.kc li .big__ {
    font-size: 1.7pc !important
}

ul.kc.active li {
    opacity: 1
}

ul.kc li {
    float: left;
    display: inline-block;
    font-size: 1.4pc;
    font-weight: 400;
    color: #fff !important;
    opacity: 0;
    transition: all .2s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
}

ul.kc.active li:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    /* Safari */
    transition-delay: 0.1s;
    opacity: 1;
}

ul.kc.active li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s;
    opacity: 1;
}

ul.kc.active li:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    /* Safari */
    transition-delay: 0.3s;
    opacity: 1;
}

ul.kc.active li:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    /* Safari */
    transition-delay: 0.4s;
    opacity: 1;
}

ul.kc.active li:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    /* Safari */
    transition-delay: 0.5s;
    opacity: 1;
}

ul.kc.active li:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    /* Safari */
    transition-delay: 0.6s;
    opacity: 1;
}

ul.kc.active li:nth-child(7) {
    -webkit-transition-delay: 0.7s;
    /* Safari */
    transition-delay: 0.7s;
    opacity: 1;
}

ul.kc.active li:nth-child(8) {
    -webkit-transition-delay: 0.8s;
    /* Safari */
    transition-delay: 0.8s;
    opacity: 1;
}

ul.kc.active li:nth-child(9) {
    -webkit-transition-delay: 0.9s;
    /* Safari */
    transition-delay: 0.9s;
    opacity: 1;
}

ul.kc.active li:nth-child(10) {
    -webkit-transition-delay: 1s;
    /* Safari */
    transition-delay: 1s;
    opacity: 1;
}

ul.kc.active li:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    /* Safari */
    transition-delay: 1.1s;
    opacity: 1;
}

ul.kc.active li:nth-child(12) {
    -webkit-transition-delay: 1.2s;
    /* Safari */
    transition-delay: 1.2s;
    opacity: 1;
}

ul.kc.active li:nth-child(13) {
    -webkit-transition-delay: 1.3s;
    /* Safari */
    transition-delay: 1.3s;
    opacity: 1;
}

ul.kc.active li:nth-child(14) {
    -webkit-transition-delay: 1.3s;
    /* Safari */
    transition-delay: 1.4s;
    opacity: 1;
}

ul.kc.active li:nth-child(15) {
    -webkit-transition-delay: 1.3s;
    /* Safari */
    transition-delay: 1.5s;
    opacity: 1;
}

.icono {
    background: #222D48;
    display: block;
    padding: 21px 20px 25px 21px;
    position: absolute;
    left: 0;
    top: 0;
}

.fa-heart {
    animation: heartbeat 3s infinite;
}

@keyframes heartbeat {
    0% {
        transform: scale(.75);
    }

    20% {
        transform: scale(1.3);
    }

    40% {
        transform: scale(.75);
    }

    60% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(.75);
    }
}

.archive-nav>li>a:hover {
    color: #e8c100 !important;
}



.bye.outline-cta-banner {
    -webkit-transform: translateY(500px);
    -o-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-transition: all !important;
    -webkit-transition-timing-function: ease-out !important;
    -webkit-transition-duration: 700ms !important;
    -moz-transition: all !important;
    -moz-transition-timing-function: ease-out !important;
    -moz-transition-duration: 700ms !important;
}

.outline-cta-banner {
    position: fixed;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    z-index: 6000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    max-width: 630px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 20px 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 4px;
    border-color: #191617;
    background-color: #fff;
}

.outline-cta-banner .swiper-slide .BoxImg {
    width: 150px;
    height: 90px;
    overflow: hidden;
    margin-right: 20px
}

.outline-cta-banner .swiper-slide h3 {
    margin-bottom: 0
}

.outline-cta-banner .swiper-slide p {
    margin-bottom: 0
}

.outline-cta-banner .swiper-slide a {
    font-weight: 900;
    color: black;
}

.outline-cta-banner .swiper-slide {
    display: flex;
}

.closeBox {
    cursor: pointer;
    position: absolute;
    right: -2px;
    top: 0px;
    background: black;
    color: white;
    font-weight: 900;
    width: 19px;
    height: 19px;
    line-height: 0.8;
    text-align: center;
}

.f24 {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 1 !important
}

.uppercase {
    text-transform: uppercase;
}

.flex_arrow svg {
    padding-top: 1px
}

.flex_arrow span {
    margin-right: 10px
}

.flex_arrow {
    display: flex;
    align-items: center
}

.icon-play-style-2:hover .video-icon {
    -webkit-transform: scale(1.2, 1.2);
}

.icon-play-style-2:active .video-icon {
    -webkit-transform: scale(1.0, 1.0);
}

.mb-160 {
    margin-bottom: 160px
}

.box_n .a span {
    border-left: 1px solid black;
    width: 50px;
    text-align: center;
}

.box_n .a {
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    border-top: 1px solid black;
    font-weight: bold;
    text-transform: uppercase;
    align-items: center;
}

.box_n aside {
    padding: 40px;
}

.box_n:hover a {
    color: #1D3566 !important
}

.box_n:hover a,
.box_n:hover span,
.box_n:hover {
    border-color: #1D3566 !important
}
.box_n h4{min-height: 47px;font-size: 18px !important;}
.box_n {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid black;
    height:100%;
}
.box_n p{
    font-size: 18px !important;
}
.card-display__icon {
    width: 45px;
    transform: rotate(-45deg);
    transition: transform .2s cubic-bezier(.5, .15, .5, .85) .1s;
}

.box_n:hover .card-display__icon {
    transform: rotate(0deg);
}

.box_n:before {
    border-bottom: 2px solid #1D3566;
    transform: scaleX(0);
    border-top: 2px solid #1D3566;
}

.box_n:after {
    border-left: 2px solid #1D3566;
    border-right: 2px solid #1D3566;
    transform: scaleY(0);
}

.box_n:hover:after,
.box_n:hover:before {
    transform: scaleX(1);
    transition: transform .3s cubic-bezier(.5, .15, .5, .85) .1s;
}

.box_n:after,
.box_n:before {
    box-sizing: inherit;
    content: "";
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    transform-origin: center;
    width: calc(100% + 2px);
    z-index: 98;
}

.box_n:hover img {
    -webkit-transform: scale(1.2, 1.2);
}

.box_n img {
    -webkit-transform: scale(1.1, 1.1);
}

.box_n .h {
    overflow: hidden;
}


.icon-play-style-2 .video-icon {
    border: 1px solid white;
    width: 110px;
    height: 110px;
    margin-top: 0;
    font-size: 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.bg-gradient-light-red-light-orange {
    background: #1D3566
}

.icon-play-style-2 {
    z-index: 1;
    left: 100%;
}































































.list-grace {
    list-style: none;
    padding: 0;
}

.list-grace span.number {
    display: inline-block;
    background: #1FA6DC;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}

.list-grace span:not(.number) {
    width: calc(100% - 50px);
    margin-left: 10px;
}

.list-grace p {
    display: flex;
}
.d-inline-block{display: inline-block;}
.tobtn a.hyperlink+a.hyperlink {
    margin-right: 20px
}

.back {
    position: absolute;
    left: 50px;
    top: 30px;
    z-index: -2;
    width: calc(100% - 30px) !important
}

hr.black {
    border-top: 1px solid rgba(0, 0, 0, .5) !important;
}

.text-initial {
    text-transform: initial !important
}

/* NEW LAYOUT */
.portfolio-filter-tab-1.e li a {
    color: black;
    text-decoration: none !important;
    border-bottom: 0 !important
}

.portfolio-filter-tab-1.e li a:hover {
    color: #1EA6DC !important;
}

.portfolio-filter-tab-1.e li {
    margin: 0;
    display: inline-block;
    float: none;
    width: 25%;
    margin-bottom: 20px;
    position: relative;
}

.portfolio-filter-tab-1.e li:after {
    content: "|";
    color: #1EA6DC !important;
    position: absolute;
    top: 0;
    right: 33px;
}

.portfolio-filter .active a {
    color: #1EA6DC !important;

}

.window-blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1EA6DC;
    padding: 40px;
}

.window-blue h3 {
    font-size: 1.75rem;
    color: white;
    text-transform: uppercase
}

.window-blue span {
    font-size: .875rem
}

.window-blue a {
    position: absolute;
    bottom: 40px;
    font-weight: 600;
}

.info--box--team {
    overflow: hidden;
}

.info--box--team:hover .window-blue {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.window-blue {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
}
.pt-xs-5{
    padding: 5px !important
}
.collage div.plr7,
.collage div.plr7,
.collage div.plr7 {
    padding-left: 1.5px !important;
    padding-right: 1.5px !important;
}
.collage .plr7.col-md-2
.collage .mb-3 {
    margin-bottom: 3px !important
}

.container-fluid.collage {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.overlay:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.45);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.text-blue2 {
    color: #90DFFF
}

.mh {
    min-height: auto !important
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
    white-space: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}
.bg--darkblue {
    background: #00223A
}

.bg--blue {
    background: #00A7CE
}

.border-blue {
    border-color: #00A7CE
}

.border-white {
    border-color: #ffffff
}

.bg--light-gray {
    background: #F7F7F7
}

.section-mod {
    padding: 120px 0px
}

.section-mod2 {
    padding: 80px 0px
}

.text-blue {
    color: #1FA6DC !important
}
.wow{visibility: hidden;}
.rows--x3-info {
    list-style: none;
    margin: 0;
    margin-top: 60px;
    padding: 0;

}
.sticky.header-appear a{
    color: black !important
}
 
.rows--x3-info>li ul{
    padding:0;
    margin:0
}
.rows--x3-info>li li{
    color: white;
    font-size: 2.1vh;
}
.rows--x3-info>li:last-child{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.rows--x3-info>li {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 80px 0px
}

.rows--x3-info  li >img {
    width: 15%;
    margin-right: 40px;
    height: fit-content;
    border: 1px solid #1FA6DC
}

.rows--x3-info a{color: white;}
.rows--x3-info .row--2 p{
    font-size: 14px;
    margin-bottom: 5px;
}
.rows--x3-info .row--2 h3{text-transform: capitalize;}
.rows--x3-info .row--2 {
    width: calc(35% - 40px);
    padding-left: 40px;
}

.rows--x3-info li>div:not(.row--2) p {
    color: white
}

.rows--x3-info li>div:not(.row--2) {
    width: 50%;
    padding-left: 80px
}

a.hyperlink:hover img {
    transform: rotate(45deg);
}


.bullet_ {
    position: relative;
    padding-left: 20px;
}

.bullet_:before {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100px;
    position: absolute;
    top: 13px;
    left: 0;
}

.location_campus .container-xxl {
    position: relative;
    z-index: 2;
}

.location_campus:before {
    content: "";
    position: absolute;
    right: 0;
    width: calc(50% - 4px);
    top: 0;
    height: 100%;
    background: #002138;
    z-index: 0;
}

.location_campus {
    position: relative;
    padding: 0;
    border-top: 8px solid white;
    border-left: 8px solid white;
    border-right: 8px solid white;
    border-bottom: 8px solid white;
}

.location_campus .col-md-6:first-child {
    border-right: 4px solid white;
}

.location_campus .col-md-6:last-child {
    border-left: 4px solid white;
    padding-left: 60px;
}

.location_campus .col-md-6 {
    padding: 100px 15px;

}
a.hyperlink img {
    width: 20px;
    margin-left: 10px;
    transform: rotate(0deg);
}

.a,
a.hyperlink {
    font-size: 1vw;
    text-transform: uppercase;
    font-weight: bold;
}

.free--box {
    padding: 0px;
}
.panel-body p{color: white;}
.free--box>p {
    font-size: 2vh;
    min-height: 197px;
}

.tobtn_app img {
    height: 60px;
    width: auto;
}

.tobtn_app a+a {
    margin-left: 20px;
}

.beforeblue {
    padding-bottom: 50px !important
}

.beforeblue:before {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56%;
    background: #00A7CE !important;
    z-index: 2;
}

.cta {
    padding: 0;
    border-top: 1px solid #eee;
}

.cta h2{
    margin-bottom: 0 !important;
}
.cta a {
    padding: 70px 15px
}

.cta a:hover svg {
    transform: translateY(-50%) rotate(45deg)
}

.cta svg {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.hoverefect:hover svg {
    transform: rotate(45deg);
}
.hoverefect:hover,
.cta a:hover h2 {
    color: inherit;
    background-position: 0 0;
}
.hoverefect,
.cta a h2 {
    line-height: 1.2 !important;
    /* display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; */
    -webkit-transition: calc(300ms * 2) ease-in-out;
    transition: calc(300ms * 2) ease-in-out;
    color: inherit;
    background-image: -webkit-gradient(linear, left top, right top, from(#1EA6DC), color-stop(50%, #1EA6DC), color-stop(50%, currentColor));
    background-image: -webkit-linear-gradient(left, #1EA6DC, #1EA6DC 50%, currentColor 50%);
    background-image: linear-gradient(to right, #1EA6DC, #1EA6DC 50%, currentColor 50%);
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 200%;
    -webkit-text-fill-color: transparent;
}
.hoverefect.dark{
    background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, currentColor));
    background-image: -webkit-linear-gradient(left, #000, #000 50%, currentColor 50%);
    background-image: linear-gradient(to right, #000, #000 50%, currentColor 50%);
}
/* .cta .row {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin-top: 40px;
    margin-bottom: 40px;
} */

.cta .row a+a {
    padding-left: 40px;
    border-left: 1px solid #eee
}

 #scroll {
     position: absolute;
     bottom: 3rem;
     right: 3rem;
     z-index: 50;
 }

 .ui-element__scroll {
     overflow: hidden;
     display: flex;
     align-items: center;
     text-transform: capitalize;
     font-size: 1rem;
     line-height: 1;
     letter-spacing: 0.02em;
     font-weight: 400;
 }

 .ui-element__scroll .icon {
     -webkit-animation-duration: 1.8s;
     animation-duration: 1.8s;
     -webkit-animation-name: uiScrollInfinite;
     animation-name: uiScrollInfinite;
     -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
 }

 @-webkit-keyframes uiScrollInfinite {
     0% {
         transform: translateY(-100%);
     }

     100% {
         transform: translateY(100%);
     }
 }

 @keyframes uiScrollInfinite {
     0% {
         transform: translateY(-100%);
     }

     100% {
         transform: translateY(100%);
     }
 }

 footer {
     background-color: #002138;
     position: fixed;
     left: 0px;
     right: 0px;
     bottom: 0px;
     padding-top: 120px;
     padding-bottom: 40px;
 }

 .main {
     position: relative;
     z-index: 1;
     display: block;
     width: 100%;
 }

 section {
     background-color: white
 }

 .logofooter1 {
     width: 60px
 }

 .logofooter2 {
     width: 190px
 }

 .mailchimp button {
     appearance: none;
     position: absolute;
     background: transparent;
     right: 0;
     top: -3px;
     border: 0;
     color: white;
     font-size: 26px;
 }

 .mailchimp button:hover svg {
     transform: rotate(45deg);
     fill: #1EA6DC !important;
 }

 .mailchimp input:focus,
 .mailchimp input {
     appearance: none;
     width: 100%;

     border: 0;
     border-bottom: 1px solid white !important;
     color: white !important;
     text-transform: uppercase;
 }

 .mailchimp {
     max-width: 400px;
 }

 body {
     height: auto !important
 }

 footer input[type=text],
 footer input[type=date],
 footer input[type=email],
 footer input[type=password],
 footer input[type=tel],
 footer input[type=url],
 footer input[type=search],
 footer input[type=number],
 footer input[type=file],
 footer textarea,
 footer select {
     font-size: 18px;
     display: block;
     width: 100%;
     margin: 0;
     padding: 0 0 0.625rem 0;
     color: #fff;
     border: none;
     border-radius: 0;
     outline: none;
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     font-weight: 500 !important;
     appearance: none;
 }

 body footer input::-webkit-input-placeholder {
     color: #818181 !important;
     font-size: 18px !important;
     font-weight: 500 !important;
     text-transform: uppercase !important
 }

 .flex_custom {
     display: flex;
     justify-content: space-between;
     text-align: right;
 }

 footer p,
 footer a {
     text-transform: uppercase !important;
     font-weight: 300 !important;
     font-size: 13px !important;
     color: white;
 }

 footer a:hover {
     color: #00A7CE !important;
 }

 footer h6 {
     color: #1D3F57;
     font-weight: bold;
     margin-bottom: 9px;
     text-transform: uppercase;
     font-size: 16px;
 }

 footer ul li {
     color: white;
     list-style: none;
     margin-bottom: 1px;
 }

 .justify-between {
     justify-content: space-between
 }


 .inlineUl {
     display: flex;
     float: right;
     margin-bottom: 0 !important
 }

 .inlineUl a {
     display: block;
     padding: 0 10px;
 }

 .signature {
     font-weight: 600 !important
 }

 .zoom-in-out-box {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     width: 100%;
     /* height: 100%; */
     animation: zoom-in-zoom-out 120s ease infinite;
 }

  .zoom-in-out-box2 {
    position: absolute;
    left: 0;
    top: -17%;
    width: 26%; 
    animation: zoom-in-zoom-out2 40s ease infinite;
    z-index: 2;
  }

 @keyframes zoom-in-zoom-out {

     0%,
     100% {
         transform: scale(1, 1);
     }

     50% {
         transform: scale(1.5, 1.5);
     }
 }

  @keyframes zoom-in-zoom-out2 {

      0%,
      100% {
        opacity: 1;
          transform: scale(1.5, 1.5);
      }

      50% {
        opacity: .4;
          transform: scale(1, 1);
      }
  }

 .fsection {
     position: fixed !important;
     width: 100%;
     top: 0;
     z-index: 1;
    
 }

 #next {
     margin-top: 100vh
 }

 section {
     z-index: 1;
     background: white;
     position: relative;
 }

video {
    background-color: #000;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: auto;
    z-index: -3;
}

.ptn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/ptn2.png) repeat rgba(0, 0, 0, 0.45);
}
.middleblackblue:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 65%;
    left: 0;
    top: 0;
    z-index: -1;
    background: #002138;
}
.videomembership_master {
    width: 100%;
    height: 800px;
}

.imgontext {
    float: right;
    padding-left: 80px;
    width: 100%;
}
.listblue {
    margin-top: 45px;
}

.listblue li {
    position: relative;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 20px;
}

.listblue li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #1EA6DC;
    border-radius: 100px;
    left: 0;
    top: 6px;
}
.open_text {
    float: left;
    font-weight: 100;
    position: relative;
    width: 30px;
    height: 30px;
}

.open_text:before {
    width: 24px;
    height: 3px;
    left: 0px;
    top: 11px;
}

.open_text.open:after {
    transform: scaleY(0) !important;
}

.open_text:after {
    width: 3px;
    height: 24px;
    top: 0;
    left: 11px;
}

.open_text:before,
.open_text:after {
    /* transition-delay: 1.5s !important; */
    transform: scale(1);
    transition: transform 400ms cubic-bezier(.215, .61, .355, 1);
    content: "";
    position: absolute;
    background: #fff;
}

.ptf-approach-box__content p {
    height: 100%;
    position: relative;
    overflow: hidden;
    max-height: 79px;
}

.ptf-approach-box__content p.open {
    height: 100% !important;
    max-height: 900px;
    overflow: hidden;
}
.mr-20 {
    margin-right: 20px;
}

.bg_campus li.active {
    opacity: 1;
}

.bg_campus li {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.bg_campus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    list-style: none;
}

.height-90 {
    height: 90vh;
}

.generis div {
    padding: 0
}

.generis {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid white;
}

.generis ul {
    list-style: none;
    display: flex;
    padding-top: 0;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.generis ul li:last-child {
    border: 0;
}

.generis ul li {
    width: 33.33%;
    margin-bottom: 0;
    border-right: 1px solid white;
    min-height: 0;
}

.generis ul.two_columns li {
    width: 50%;
}

.generis ul a span {
    position: relative;
    z-index: 2;
}

.generis ul a {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    position: relative;
    color: white;
    font-weight: bold;
}

.generis ul a.active:before,
.generis ul a:hover:before {
    width: 100%;
}

.generis ul a:before {
    content: "";
    width: 0%;
    height: 100%;
    background: #1EA6DC;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.box__hypperlink_learnmore img,
.hoverWrapper span,
.hyperlink:before,
.seg,
.p_A,
.p_B,
.generis ul a:before,
.video_buttons li:nth-child(3) a:before,
svg,
a.ptf-filled-link svg {
    -webkit-transition: all !important;
    -webkit-transition-timing-function: ease-out !important;
    -webkit-transition-duration: 300ms !important;
    -moz-transition: all !important;
    -moz-transition-timing-function: ease-out !important;
    -moz-transition-duration: 300ms !important;
}
.homepage .video {
    background-image: url(../images/GCMRemainFaithfulCoverV1.jpg);
    height: 788px;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    margin: auto;
}
.fourboxes a:hover {
    opacity: 1;
}

.fourboxes a {
    position: absolute;
    z-index: 2;
    background: #1EA6DC;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: end;
    padding-left: 40px;
    padding-bottom: 20px;
    transition: 300ms ease-in-out;
    opacity: 0;
}

.fourboxes a svg {
    position: absolute;
    top: 30px;
    right: 30px;
}

.form-control {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}


.popup_video_home {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999999;
}

.close_video_popup {
    position: absolute;
    right: 3%;
    top: 20px;
    color: white;
    font-size: 28px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 300;
    width: 35px;
    height: 35px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}



.css-selector {
    background: linear-gradient(170deg, #1ea6dc, #002138);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 15s ease infinite;
    -moz-animation: AnimationName 15s ease infinite;
    animation: AnimationName 15s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 13%
    }

    50% {
        background-position: 100% 88%
    }

    100% {
        background-position: 0% 13%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 13%
    }

    50% {
        background-position: 100% 88%
    }

    100% {
        background-position: 0% 13%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 13%
    }

    50% {
        background-position: 100% 88%
    }

    100% {
        background-position: 0% 13%
    }
}



.homepage .subtitle {
    align-items: center;
    display: flex;
    justify-content: center;
    letter-spacing: 3px;
    color: black;
    font-weight: 600;
    text-transform: uppercase;
}

.homepage .subtitle .barrita {
    width: 200px;
    height: 1px;
    background-color: black;
    margin: 0 30px;
}

.homepage #videosList {
    max-width: 100%;
    overflow: hidden;
}

.homepage .playButton {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%;
}

.homepage #videosList video {
    width: 100%;
    right: -1px;
    position: absolute;
    height: 100%;
    object-fit: cover;
    background: #000;
    z-index: 0;
}

.homepage .video {
    background-image: url(../images/GCMRemainFaithfulCoverV1.jpg);
    height: 788px;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.homepage .video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(3deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 73%);
}

.homepage .video-icon .video-icon-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    -webkit-animation: video-icon-sonar 2s linear infinite;
    animation: video-icon-sonar 2s linear infinite;
}

.homepage .bg-black-bottom:before {
    content: "";
    position: absolute;
    background-color: #002138;
    height: 35%;
    width: 100%;
    left: 0;
    bottom: 0;
}


.homepage .video-icon-box>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -ms-flex-direction: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
}

.homepage .video-icon-large .video-icon {
    width: 75px;
    height: 75px;
    font-size: 26px;
}

.homepage .video-icon-box .video-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

/* video icons */
.homepage .video-icon-box {
    z-index: 1;
}

.homepage .video-icon-box>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -ms-flex-direction: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.homepage .video-icon-box .video-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.homepage .video-icon-box .video-icon i {
    margin-left: 5px;
    line-height: normal;
}

/*.video-icon-large.video-icon-box .video-icon i { margin-left: 8px;}*/
.homepage .video-icon-double-large.video-icon-box .video-icon i {
    margin-left: 10px;
}

.homepage .video-icon .video-icon-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    -webkit-animation: video-icon-sonar 2s linear infinite;
    animation: video-icon-sonar 2s linear infinite;
}

.homepage .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    position: absolute;
    border-radius: 50%;
    content: '';
    top: -25px;
    left: -25px;
    z-index: -100;
}

.homepage .video-icon .video-icon-sonar .video-icon-sonar-afr {
    position: absolute;
    border-radius: 50%;
    content: '';
    top: -10px;
    left: -10px;
    z-index: -50;
}

.homepage .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr {
    top: -15px;
    left: -15px;
}

.homepage .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr {
    top: 0px;
    left: 0px;
}

.homepage .video-icon-sonar-bfr {
    width: 125px;
    height: 125px;
    position: absolute;
    border-radius: 50%;
    content: '';
    top: -25px;
    left: -25px;
    z-index: -100;
}

.homepage .opacity-7 {
    opacity: 0.7;
}

@-webkit-keyframes video-icon-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }
}

@keyframes video-icon-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }
}


.homepage .fourboxes .row {
    margin-left: -10px;
    margin-right: -10px;
}

.homepage .fourboxes .col15 {
    padding-left: 10px;
    padding-right: 10px;
}

.bg-black-bottom:before {
    content: "";
    position: absolute;
    background-color: #002138;
    height: 35%;
    width: 100%;
    left: 0;
    bottom: 0;
}

.ministriesslider .grid-item:hover .info-d {
    opacity: 1;
}

.ministriesslider .info-d svg {
    position: absolute;
    top: 30px;
    right: 30px;
}

.ministriesslider .info-d {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #1EA6DC;
    display: flex;
    align-items: end;
    padding-left: 40px;
    padding-bottom: 20px;
    opacity: 0;
}



.Tithe {
    display: flex;
    justify-content: flex-end;
}

.Tithe button {
    background: white;
    border: white;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 5px;
    width: 227px;
}

.Tithe #dar.btn-white:hover {
    background: #002138;
    border-color: #002138;
    color: white;
}

.Tithe input[type=number] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

/* Chrome, Safari, Edge, Opera */
.Tithe input[type=number]::-webkit-outer-spin-button,
.Tithe input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.Tithe input[type=number] {
    -moz-appearance: textfield;
}

.Tithe input[type=number]::-webkit-input-placeholder {
    opacity: 1;
    color: white;
}

.tobtn_app a+a {
    margin-left: 20px;
}

.tobtn_app img {
    height: 60px
}

.balls {
    background-image: url(../images/home-trending-bubbles.png);
    background-repeat: no-repeat;
    background-position: 50% 250px;
    background-size: cover;
}
.has-accent-1-background {
    background-image: url(../images/grace-serve-her-image.png);
    background-repeat: no-repeat;
    background-position: calc(50vw - 100px) calc(50% + 150px);
}

.ptf-mask-image img:not(:last-of-type) {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ptf-mask-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-mask-image: var(--ptf-mask-image);
    mask-image: var(--ptf-mask-image);
    -webkit-mask-repeat: round;
    mask-repeat: round;
}

.spin {
    -webkit-animation: ptf_spin 10s linear infinite;
    animation: ptf_spin 10s linear infinite;
}

@keyframes ptf_spin {

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.video_to_master span{
    font-weight: normal;
    display: block;
    font-size: 16px !important;
}

.app-list ul {
    padding: 0;
    margin: 0;
    padding-top: 40px;
}

.app-list ul li {
    display: block;
    margin-bottom: 50px;
    min-height: 80px;
}

.app-list ul li p {
    margin-bottom: 0 !important
}

.app-list ul li p b {
    color: white !important;
    display: block;
}

.app-list ul.tright {
    text-align: right;
}

.app-list .invert-phone {
    position: absolute;
    width: 100%;
}

.p_B {
    opacity: 0
}

.app-list .tright .iconito {
    margin-left: 15px;
    float: right;
}

.app-list .iconito {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #1EA6DC;
    text-align: center;
    border-radius: 100px;
    color: #1EA6DC;
    font-size: 19px;
    line-height: 49px !important;
    margin-right: 15px;
    margin-bottom: 55px;
}

.hoverWrapper #hoverShow1 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow1 {
    opacity: 1;
}

.hoverWrapper #hoverShow2 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow2 {
    opacity: 1;
}

.hoverWrapper #hoverShow3 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow3 {
    opacity: 1;
}

.hoverWrapper #hoverShow4 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow4 {
    opacity: 1;
}

.hoverWrapper #hoverShow5 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow5 {
    opacity: 1;
}

.hoverWrapper #hoverShow6 {
    opacity: 0;
}

.hoverWrapper:hover #hoverShow6 {
    opacity: 1;
}

.hoverWrapper span {
    color: white;
}
.app-list .invert-phone {
    position: absolute;
    left: -8px;
}
/* .fa {
    font-family: fontAwesome !important;
} */

.swiper-auto-width-campuslocation.swiper-container {
    height: calc(90% - 200px);
    top: 175px;
}
.grace-list li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #1FA6DC !important;
    position: absolute;
    left: 0;
    top: 10px
}

.grace-list li {
    position: relative;
    padding-left: 15px
}

.grace-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
hr {
    margin-top: .5rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

hr.w{
    border-color: white !important;
}

section.gradient:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #007fd8, #00223a);
    background-size: 120% 120% ;
    animation: gradient-animation 2s ease infinite !important;
}

@keyframes gradient-animation {
    0% {
        background-position: 100% 0%; 
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 100% 0%;
    }
}
 

.newtograce {
    position: absolute;
    width: calc(100% - 100px);
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
}

.mb-190 {
    margin-bottom: 190px
}