#wroteAboutUs .container,#posts .container,#howToVideos .container,#events .container{
    width:89.2%;
    margin:0px auto
}
.swiper-container ul.swiper-wrapper{
    list-style:none;
    padding:0;
    width:100%;
    padding-bottom:2em;
    height:29em
}
.swiper-container ul.swiper-wrapper li.swiper-slide{
    width:23.9em;
    height:10em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    align-items:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.swiper-container ul.swiper-wrapper li.swiper-slide a{
    display:block;
    height:100%;
    position:relative;
    width:100%
}
.swiper-container ul.swiper-wrapper li.swiper-slide .bg{
    width:43%;
    height:100%;
    float:right
}
.swiper-container ul.swiper-wrapper li.swiper-slide h2{
    text-align:center;
    color:#dbc87d
}
.swiper-container ul.swiper-wrapper li.swiper-slide .info{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:54%;
    float:right;
    margin-right:1%;
    height:100%;
    padding-right:1em;
    padding-left:1em;
    border-right:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid white;

}
.swiper-container ul.swiper-wrapper li.swiper-slide .info:before{
    content:"";
    position:absolute;
    width:0.5em;
    height:0.5em;
    background-color:white;
    right:-0.25em;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    border-radius:1em
}
.swiper-container ul.swiper-wrapper li.swiper-slide .info h3{
    color:#dbc87d;
    margin-bottom:0px;
    font-size:1em;
    font-weight:700;
    line-height:1
}
.swiper-container ul.swiper-wrapper li.swiper-slide .info h4{
    color:white;
    margin-top:0.5em;
    margin-bottom:0px;
    font-size:1.3em;
    line-height:1
}
.bottom_page{
    position:absolute;
    left:50%;
    bottom:13%;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    -ms-transform:translate(-50%, 0%);
    -o-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    width:100%
}
.swiper-pagination{
    width:auto;
    margin:0 auto;
    display:block;
    position:relative
}
#swiper_lightbox{
    visibility:hidden;
    top:0px;
    left:0px;
    position:absolute;
    width:100%;
    height:100%
}
#swiper_lightbox .swiper-container{
    position:absolute;
    left:50%;
    top:53%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:876px;
    height:522px;
    z-index:1000000000
}
#swiper_lightbox .swiper-outer{
    position:absolute;
    left:50%;
    top:53%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:876px;
    height:522px;
    z-index:1000000000
}
#swiper_lightbox .swiper-outer .close{
    right:-2%;
    top:-2%;
    z-index:1000000001
}
#swiper_lightbox .swiper-outer .bottom-pagination{
    bottom:0
}
#swiper_lightbox .shadow{
    background-color:rgba(0,0,0,0.79);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1000000000
}
#swiper_lightbox h2{
    z-index:1000000000;
    color:#dbc87d;
    text-align:center;
    font-size:3em;
    position:absolute;
    top:4em;
    width:100%
}
#swiper_lightbox .swiper-container h3{
    z-index:1000000000;
    text-align:center;
    position:absolute;
    width:100%;
    font-size:2em;
    margin:0;
    color:#dbc87d
}
#swiper_lightbox .swiper-container .image{
    -moz-background-size:contain !important;
    -o-background-size:contain !important;
    background-size:contain !important;
    max-height:40rem;
    background-repeat:no-repeat
}
#swiper_lightbox .swiper-container .image img{
    width:100%
}
#swiper_lightbox .bottom-pagination{
    bottom:12%;
    position:absolute;
    width:100%;
    z-index:1000000000
}
#swiper_lightbox .bottom-pagination .swiper-pagination{
    text-align:center
}
#swiper_lightbox .swiper-button{
    height:6em;
    width:4em;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    top:45%
}
#swiper_lightbox .swiper-button-next{
    background-image:url(../../images/arrow-left.png);
    left:-5em;
    right:auto
}
#swiper_lightbox .swiper-button-prev{
    background-image:url(../../images/arrow-right.png);
    right:-5em
}
.image img{
    opacity:0
}
.lity-close{
    position:absolute;
    top:0em;
    right:0em
}
@media only screen and (max-width: 767px){
    #wroteAboutUs,#posts,#howToVideos,#events{
        padding:6em 0
    }
    .swiper-container ul.swiper-wrapper{
        display:block;
        height:auto
    }
    .swiper-container ul.swiper-wrapper li.swiper-slide{
        width:100%;
        margin-bottom:2em
    }
    .swiper-container ul.swiper-wrapper li.swiper-slide:last-child{
        margin-bottom:9em
    }
    .swiper-container ul.swiper-wrapper li.swiper-slide .bg{
        -moz-background-size:contain !important;
        -o-background-size:contain !important;
        background-size:contain !important
    }
    #swiper_lightbox{
        width:100%;
        position:absolute;
        top:0;
        height:100%
    }
    #swiper_lightbox .shadow{
        background:none
    }
    #swiper_lightbox h2{
        color:white;
        top:5em;
        font-size:2em
    }
    #swiper_lightbox .swiper-outer{
        height:50%
    }
    #swiper_lightbox .swiper-wrapper{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        display:-webkit-flex
    }
    #swiper_lightbox .swiper-container{
        width:80%;
        height:100%;
        top:0;
        left:auto;
        margin:0 auto;
        position:relative;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none
    }
    #swiper_lightbox .swiper-container .image{
        height:100%
    }
    #swiper_lightbox .swiper-container .image img{
        max-width:100%
    }
    #swiper_lightbox .swiper-outer{
        width:100%
    }
    #swiper_lightbox .swiper-outer .close{
        right:2em;
        width:3em;
        height:3em;
        top:-1em
    }
    #swiper_lightbox .swiper-outer .bottom-pagination{
        bottom:-3em
    }
    #swiper_lightbox .swiper-button{
        display:none
    }
    body.popup #mobile_warning{
        background:none
    }
    body.popup main .container{
        display:none
    }
}
@media only screen and (max-width: 767px) and (max-height: 568px){
    #swiper_lightbox .swiper-outer{
        height:40%
    }
}
@media only screen and (max-width: 1400px){
    #wroteAboutUs .container,#posts .container,#howToVideos .container,#events .container{
        width:90%;
        margin:0px auto
    }
}
html[lang="en-US"] .swiper-container ul.swiper-wrapper li.swiper-slide .info h3{
    font-size:1.3em
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    html[lang="en-US"] main.center{
        -webkit-transform:translate(50%, -50%);
        -moz-transform:translate(50%, -50%);
        -ms-transform:translate(50%, -50%);
        -o-transform:translate(50%, -50%);
        transform:translate(50%, -50%)
    }
}
@supports (-ms-ime-align: auto){
    html[lang="en-US"] main.center{
        -webkit-transform:translate(50%, -50%);
        -moz-transform:translate(50%, -50%);
        -ms-transform:translate(50%, -50%);
        -o-transform:translate(50%, -50%);
        transform:translate(50%, -50%)
    }
}
@media (max-width: 900px){
    .swiper-container ul.swiper-wrapper li.swiper-slide .info{
        font-size: 2em;
    }
    .rtl.page-template.page-template-page-events.page-template-page-events-php.page.page-id-2727 .swiper-container ul.swiper-wrapper li.swiper-slide .info{
        font-size: 2.3em;

    } 
    html[lang="en-US"] .swiper-container ul.swiper-wrapper li.swiper-slide {
        width: 100%;
        margin-bottom: 2em;
        height: 17em;
    }
    html[lang="en-US"] .page-id-392 .swiper-container ul.swiper-wrapper li.swiper-slide .info h3 {
        font-size: 0.95em;
    }
    html[lang="en-US"] #swiper_lightbox h2{
        color:white;
        top: 14em;
        font-size:2em
    }

}