/*
Flipbox Style
*/

.sa_el_elements_flip_box_container {
    position: relative;
    height: 300px;
    width: 100%;
}

.sa_el_elements_flip_box_container .sa_el_flipbox_button {
    display: inline-block;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.sa_el_elements_flip_box_container a {
    display: block;
}

.sa_el_elements_flip_box_vertical_align {
    width: 100%;
}

.sa_el_elements_flip_box_padding {
    padding: 0px 30px 5px 30px;
}

.sa_el_elements_flip_box_icon_image {
    display: inline-block;
    margin: 0 auto 0px auto;
    line-height: 1;
}

.sa_el_elements_flip_box_icon_image.sa_el_eleements_flip_front_icon_style_background {
    background: #cccccc;
}

.sa_el_eleements_flip_front_icon_style_bordered {
    border: 2px solid #ffffff;
}

.sa_el_flip_box_icon_border_round {
    border-radius: 100px;
}

.sa_el_eleements_flip_front_icon_style_background,
.sa_el_eleements_flip_front_icon_style_bordered {
    padding: 15px;
}

.sa_el_elements_flip_box_icon_image i {
    font-size: 40px;
    line-height: 40px;
    width: 40px;
}

.sa_el_elements_slider_display_table {
    width: 100%;
}

.sa_el_elements_flip_box_front_container {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #0e9dd2;
    color: #ffffff;
    border-color: #000000;
    -webkit-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sa_el_elements_flip_box_content,
.sa_el_elements_flip_box_heading {
    color: #ffffff;
}

.sa_el_elements_flip_box_heading.flipbox-linked-title {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}

.sa_el_elements_flip_box_rear_container {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #444444;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #000000;
}


/*--- Floating Button Styles ---*/

.sa_el_elements_button_floating_container {
    position: fixed;
    z-index: 100;
}

.sa_el_elements_button_floating_container .sa_el_elements_button {
    margin-top: 0px;
    font-size: 14px;
    position: relative;
    padding: 14px 20px;
}

.sa_el_elements_button {
    cursor: pointer;
    display: inline-block;
    background: #077bbe;
    color: #ffffff;
    line-height: 1;
    padding: 16px 25px;
    margin-top: 15px;
}

.sa_el_elements_button:hover {
    background: #077bbe;
    color: #ffffff;
}


/*--- CSS3 Transitions ---*/

.sa_el_elements_flip_box_container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.sa_el_elements_flip_box_front_container,
.sa_el_elements_flip_box_rear_container {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.sa_el_elements_flip_box_flip_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sa_el_elements_flip_box_rear_container,
.sa_el_elements_flip_box_front_container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}


/*--- Flip ---*/

.sa_el_animate_flip.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card,
.sa_el_animate_flip.sa_el_animate_up .sa_el_elements_flip_box_rear_container {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.sa_el_animate_flip.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card,
.sa_el_animate_flip.sa_el_animate_down .sa_el_elements_flip_box_rear_container {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.sa_el_animate_flip.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card,
.sa_el_animate_flip.sa_el_animate_left .sa_el_elements_flip_box_rear_container {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.sa_el_animate_flip.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_flip_card,
.sa_el_animate_flip.sa_el_animate_right .sa_el_elements_flip_box_rear_container {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/*--- Slide ---*/

.sa_el_animate_push.sa_el_elements_flip_box_container,
.sa_el_animate_slide.sa_el_elements_flip_box_container {
    overflow: hidden;
}

.sa_el_animate_push .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide .sa_el_elements_flip_box_rear_container {
    z-index: 3;
}

.sa_el_animate_push.sa_el_animate_up .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_up .sa_el_elements_flip_box_rear_container {
    top: 100%;
}

.sa_el_animate_push.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container {
    top: 0;
}

.sa_el_animate_push.sa_el_animate_down .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_down .sa_el_elements_flip_box_rear_container {
    top: auto;
    bottom: 100%;
}

.sa_el_animate_push.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container {
    top: auto;
    bottom: 0;
}

.sa_el_animate_push.sa_el_animate_left .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_left .sa_el_elements_flip_box_rear_container {
    left: 100%;
}

.sa_el_animate_push.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container {
    left: 0;
}

.sa_el_animate_push.sa_el_animate_right .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_right .sa_el_elements_flip_box_rear_container {
    left: auto;
    right: 100%;
}

.sa_el_animate_push.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container,
.sa_el_animate_slide.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container {
    left: auto;
    right: 0;
}


/*--- Push + Slide Above ---*/

.sa_el_animate_push.sa_el_animate_up.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    top: -100%;
}

.sa_el_animate_push.sa_el_animate_down.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    top: 100%;
}

.sa_el_animate_push.sa_el_animate_left.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    left: -100%;
}

.sa_el_animate_push.sa_el_animate_right.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    left: 100%;
}


/*--- Zoom In ---*/

.sa_el_animate_zoom_in .sa_el_elements_flip_box_rear_container {
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    z-index: 3;
}

.sa_el_animate_zoom_in.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_rear_container {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/*--- Zoom Out ---*/

.sa_el_animate_zoom_out.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}

.sa_el_animate_fade.sa_el_elements_flip_box_container:hover .sa_el_elements_flip_box_front_container {
    opacity: 0;
}


/*--- Builder Related Style ---*/

.sa_el_flipbox_content_align_right .sa_el_elements_flip_box_padding {
    text-align: right;
}

.sa_el_flipbox_content_align_left .sa_el_elements_flip_box_padding {
    text-align: left;
}

.sa_el_flipbox_content_align_center .sa_el_elements_flip_box_padding {
    text-align: center;
}

.sa_el_flipbox_img_circle .sa_el_elements_flip_box_icon_image img,
.sa_el_flipbox_img_circle .flipbox-back-image-icon img {
    border-radius: 50%;
    overflow: hidden;
}