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

.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,
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}
.container{min-width: 80%;    z-index: 2;
    position: relative;}
.bg-blue{background-color: #222D48}
footer a:hover{
    color: #118486 !important;
    opacity: 1 !important
}
.text-green{color: #118486 !important}
.bg-green{background-color: #118486}
.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 #118486;display: inline-block;padding-top: 20px;margin-top: 10px}
.text-blue{color: #118486 !important}
.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: 22px;font-weight: bold}
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;}
.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{
    color:#118486 !important
}
.bravetabs ul li a{
    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: 120px 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: white;
}
.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: #fff;
}
.flecha:hover{
    color: #118486 !important;
    border-color: #118486
}
.special{
    color: white;
    font-size: 120px;
    position: absolute;
    top: 33%;
    left: -140px
}
.flecha img{
    width: 60px;
    margin-left: 20px
}
.flecha{
    border-bottom: 3px solid white;
    text-transform: capitalize;
    font-weight: 600;
    color: white;
    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: #118486 !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: #118486
}
.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: #118486;
    color: white;
    width: 21px;
    height: 21px;
    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: #1cbae0;
}
.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;
}
.content_event:before {
    content: "";
    width: 0%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #1cbae0;
    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: #6f6f6f !important;
    opacity: 0;
}
.content_event a p.blue {
    color: #1cbae0 !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:#118486;
    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: #118486 !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: 20px 20px;
    margin-top: 0 !important;
}
.edited .social-media a {
    display: block;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 900;
    color: white !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 #159698;
        border-radius: 500px;
        padding: 5px;
}
.panel-title{
    color: white;
    font-weight: 900;
    font-size: 17px !important;
    text-transform: uppercase;
}
.accordion-style1 .panel-heading i {
    font-size: 22px;
    color: #118486;
}
.tabs.active{display: block}
.tabs{
    display: none;
}
.tab_button{cursor: pointer}



#accordion-design .panel-title{
    font-size: 30px !important;
    text-transform: capitalize !important;
    font-weight: 900;
    color: black;
}
span.bigplus {
    float: right;
    position: relative;
    width: 35px;
    height: 35px;
}
span.bigplus:before{
    content: "";
    position: absolute;
    width: 35px;
    height: 3px;
    background: #159698;
    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: #159698;
    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 #118486 !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: #118486;
}
.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%;
}



.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;
}
.portfolio-item-thumbnail:hover img{
-webkit-transform: scale(1.1,1.1);
}



footer a{color: white}
.list-unstyled li{
 padding:7px 0;
}
.subchild {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.border-rl {
    border-right: 1px solid rgba(255,255,255,0.1);
    border-left: 1px solid rgba(255,255,255,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 {
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    margin: 0;
}
header .navbar-top{top:0 !important;background-color: #161D33}

nav.navbar.navbar-default ul.nav > li > a:hover{
    color:#118486 !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
}
/*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);
}

 header{position: fixed !important;}

 header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{
     color: white !important;
     font-weight: 900 !important
 }
 nav.navbar.navbar-default ul.nav > li > a{
     padding:26px 0 !important;
 }
 .countdown{
     background-color: #118486
 }
 .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: #118486;
    display: block;
    padding: 18px 20px 22px 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);
}