html{
    scroll-behavior:smooth
}
:root{
    --bg-color1:#a12b1f;
    --bg-color2:#8f271c;
    --bg-color3:#d76e00;
    --bg-color4:#eb7800;
    --bg-color5:#efefef;
    --bg-color6:#54595f;
    
    --title-black:'_poppinsbold_';
    --title-extrabold:'_poppinsextrabold_';
    --title-bold:'_hindbold_';
    --font-regular:'_hindregular_';
    --font-light:'_hindregular_';
    --font-italic:'_hindlight_';
    --font-menu:'_arimobold_';
    --font-alt-regular:'_arimoregular_';
    --font-alt-bold:'_arimobold_';
}
HTML BODY h1,.font-black{
    font-family:var(--title-black)
}
HTML BODY h2,HTML BODY h3,.font-extrabold{
    font-family:var(--title-extrabold)
}
HTML BODY h4,HTML BODY h6,HTML BODY strong,.font-bold{
    font-family:var(--title-bold)
}
HTML BODY,HTML BODY h5,HTML BODY p,.font-regular{
    font-family:var(--font-regular)
}
.font-light{
    font-family:var(--font-light)
}
.font-light,em{
    font-family:var(--font-italic)
}
.font-alt-regular{
    font-family:var(--font-alt-regular)
}
.font-alt-bold{
    font-family:var(--font-alt-bold)
}
HTML BODY{
    max-width:2000px;
    margin:0 auto
}
.navbar-nav a{
    font-family:var(--font-menu)
}
.navbar-nav a{
    letter-spacing:0px
}
HTML BODY p{
    font-size: 100%!important;
}
.top-header,.top-header a,.top-header p,.top-header button{
    font-size:85%!important
}
.middle-header,.middle-header a,.middle-header p{
    font-size:90%!important
}
.bottom-header,.bottom-header a,.bottom-header li a,.bottom-header p{
    font-size:100%!important
}
a{
    text-decoration:none!important
}
.btn{
    text-transform:uppercase
}
.badge{
    white-space:pre-line!important
}
.hr-footer{border-color:rgba(255,255,255,0.3);}
.bg-color1,.bg-color1:hover{
    background:var(--bg-color1)!important
}
.t-color1,.t-color1:hover{
    color:var(--bg-color1)!important
}
.bg-color2,.bg-color2-hover:hover,.bg-color2:hover{
    background:var(--bg-color2)!important
}
.t-color2,.t-color2:hover{
    color:var(--bg-color2)!important
}
.bg-color3,.bg-color3:hover{
    background:var(--bg-color3)!important
}
.t-color3,.t-color3:hover{
    color:var(--bg-color3)!important
}
.bg-color3-hover:hover,.bg-color4,.bg-color4:hover{
    background:var(--bg-color4)!important
}
.t-color4,.t-color4:hover{
    color:var(--bg-color4)!important
}
.bg-color5,.bg-color5:hover{
    background:var(--bg-color5)!important
}
.t-color5,.t-color5:hover{
    color:var(--bg-color5)!important
}
.bg-color6,.bg-color6:hover{
    background:var(--bg-color6)!important
}
.t-color6,.t-color6:hover{
    color:var(--bg-color6)!important
}
.bg-dark-25{
    background:rgba(0,0,0,.25)
}
.bg-dark-50{
    background:rgba(0,0,0,.5)
}
.bg-dark-75{
    background:rgba(0,0,0,.75)
}
.bg-dark-90{
    background:rgba(0,0,0,.90)
}
.bg-red-hover:hover{background:rgba(186,0,0,0.5);transition: all linear 0.2s;}
.bg-red{background:rgba(186,0,0,0.5);}
.bg-light-25{
    background:rgba(255,255,255,.25)
}
.bg-light-50{
    background:rgba(255,255,255,.5)
}
.bg-light-75{
    background:rgba(255,255,255,.75)
}
.bg-light-90{
    background:rgba(255,255,255,.90)
}
.bg-dark-gradient-50{
    background:linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0))
}
.bg-img-thank-you-page{
    background:url(../images/elements/slider/1.jpg)
}
.bg-img1{
    background:url(../images/elements/bg/bg_1.jpg)
}
.bg-img2{
    background:url(../images/elements/bg/bg_2.jpg)
}
.bg-img3{
    background:url(../images/elements/bg/bg_3.jpg)
}
.bg-img4{
    background:url(../images/elements/bg/bg_4.jpg)
}
.bg-img5{
    background:url(../images/elements/bg/bg_5.jpg)
}
.bg-img6{
    background:url(../images/elements/bg/bg_6.jpg)
}
.bg-img7{
    background:url(../images/elements/bg/bg_7.jpg)
}
.bg-imgMobile{
    background:url(../images/elements/slider/bg_imgMobile.jpg)
}

.section-2 .service1{
    background:url(../images/services/desktop/1.jpg);
}
.section-2 .service2{
    background:url(../images/services/desktop/2.jpg);
}
.section-2 .service3{
    background:url(../images/services/desktop/3.jpg);
}
.section-2 .service4{
    background:url(../images/services/desktop/4.jpg);
}
.bg-img{
    background-size:cover
}
.bg-img-100{
    background-size:100%
}
.bg-img-contain{
    background-size:contain
}
.bg-repeat-x{
    background-repeat:repeat-x
}
.bg-repeat-y{
    background-repeat:repeat-y
}
.bg-no-repeat{
    background-repeat:no-repeat
}
.bg-img-fixed{
    background-attachment:fixed
}
.bg-img-top-left{
    background-position:top left
}
.bg-img-top-center{
    background-position:top center
}
.bg-img-top-right{
    background-position:top right
}
.bg-img-center-left{
    background-position:center left
}
.bg-img-center-center{
    background-position:center center
}
.bg-img-center-right{
    background-position:center right
}
.bg-img-right-left{
    background-position:right left
}
.bg-img-right-center{
    background-position:right center
}
.bg-img-right-right{
    background-position:right right
}
.bg-img-bottom-left{
    background-position:bottom left
}
.bg-img-bottom-center{
    background-position:bottom center
}
.bg-img-bottom-right{
    background-position:bottom right
}
.bg-height{
    padding:11% 0
}
.svgPosition{
    line-height:0;
    z-index:-2;
    margin-bottom:-2px;
    margin-left:-1px!important
}
.svgPositionInvert{
    transform:rotateY(-540deg);
    line-height:0;
    z-index:-2;
    margin-bottom:-2px;
    margin-left:-1px!important
}
.t-shadow-50{
    text-shadow:0 0 10px rgba(0,0,0,.5)
}
.t-shadow-100{
    text-shadow:0 0 10px #000
}
i{
    position:relative;
    vertical-align:-5px
}
.fa{
    transform:translateY(-5px)
}
.list-style-none li{
    list-style:none
}
.main-navbar .dropdown,.main-navbar .dropdown:hover,.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover,a[data-fancybox=gallery]>img:hover{
    transition:all .5s ease
}

.navbar-toggler{
    background: var(--bg-color1)!important;
}
.main-navbar .dropdown .active,.main-navbar .dropdown:hover{
    background: none!important;
    transform: translateY(1px);
}
.main-navbar .dropdown-menu{
    padding:0
}
.main-navbar .dropdown-menu a{
    color:var(--bg-color1);
    background:0 0
}
.main-navbar .dropdown-menu a:hover{
    background:var(--bg-color1)!important;
    background:0 0
}
.main-navbar .dropdown-menu{
    background:var(--bg-color3);
    border-radius:0!important;
    transform:translateY(-2px);
    border:none;
    /* position: relative!important; */
    z-index: 99;
}
.carousel-indicators{bottom:25px!important;}
.carousel-indicators li.active{background:var(--bg-color3);}
.carousel-indicators li{height:15px;width:15px;border-radius:80px;}
.carousel-indicators li:hover{cursor:pointer;}
#indicador-carousel .carousel-caption h5{
    font-size:110%;
    letter-spacing:2px;
}
#indicador-carousel .carousel-caption p{
    font-size:130%!important
}
#indicador-carousel .carousel-caption a.btn{
    font-size:100%
}

@media(min-width:300px){
    .carousel-control-prev-icon:before,.carousel-control-next-icon:before{margin-left:-15px;margin-top:-5px;border-radius:20px;width:30px;height:30px;}
    .bg-logo{background:none;}
    .image-min{
        width:100%!important
    }
    .negative-margin-top2,.services-home{
        margin-top:-6%!important
    }
    .carousel-caption{
        bottom:28%!important;
        right:0%;
    }
    #indicador-carousel .carousel-caption h3{
        font-size:123%!important
    }
    #indicador-carousel .carousel-caption p{
        font-size:93%!important
    }
    .bg-dark-gradient-50{
        background:linear-gradient(80deg,rgba(0,44,83,.97),rgba(0,44,83,.82),rgba(0,44,83,.51),rgba(0,0,0,.3))!important
    }
    .efectMissionIcon{
        margin-left:0!important
    }
    
    .navbar{background: var(--bg-color4);}
    .main-navbar .navbar-nav a{color:#fff!important;}
    .main-navbar .navbar-nav a:hover{
        color:#fff!important;
    }
    .dropdown-menu a:hover,.main-navbar .navbar-nav .active a,.navbar-dark .navbar-nav .nav-link{
        color: #fff!important;
        border-bottom: 0px solid white;
        border-top: 0px solid white;
    }
    .main-navbar .navbar-nav .active a:hover,.navbar-dark .navbar-nav .nav-link:hover{
        color: #fff!important;
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:45%;right:5%;}
    .carousel-caption{
        bottom:5%!important;
        right:10%;
    }
}
@media(min-width:540px){
    .carousel-control-prev-icon:before,.carousel-control-next-icon:before{margin-left:-15px;margin-top:-5px;border-radius:20px;width:35px;height:35px;}
    .bg-logo{background:none;}
    .carousel-caption{
        bottom:27%!important;
        right:10%;
    }
    #indicador-carousel .carousel-caption h3{
        font-size:200%!important;line-height:1;
    }
     #indicador-carousel .carousel-caption p{
        font-size:100%!important
    }
    .negative-margin-top2{
        margin-top:5%
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:70%;right:5%;}
}
@media(min-width:768px){
    .bg-logo{background:none;}
    .efectMissionIcon{
        margin-left:-41px!important
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:56%;right:5%;}

    #indicador-carousel .carousel-caption h3{
        font-size:200%!important;line-height:1;
    }
     #indicador-carousel .carousel-caption p{
        font-size:100%!important
    }
    .carousel-caption{
        bottom:18%!important;
        right:10%;
    }
}

@media(min-width:960px){
    .polygon-right{
    -webkit-clip-path: polygon(0 0,100% 0%,88% 100%,0% 100%);
    clip-path: polygon(0 0,100% 0%,88% 100%,0% 100%);
    }
    .polygon-left{
        -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
    }
    .header-social{width: 32px;}
    .bg-logo{background:var(--bg-color5);}
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .image-min{
        width:70%!important
    }
    .carousel-caption{
        bottom:18%!important;
        right:15%;
    }
    #indicador-carousel .carousel-caption h3{
        font-size:280%!important;line-height:1;
        border-left:0px solid var(--bg-color1);padding-left:0px;transform:translateX(05px);
    }
     #indicador-carousel .carousel-caption p{
        font-size:100%!important
    }
    .negative-margin-top2{
        margin-top:-2%
    }
   
    .bg-dark-gradient-50{
        background:linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0))!important
    }
    .zoom{position:absolute;top:56%;right:5%;}
    .service-home-right{transform:translateX(0px);}
    .service-home-left{transform:translateX(0px);}
}
@media(min-width:1140px){
    .polygon-right{
    -webkit-clip-path: polygon(0 0,100% 0%,88% 100%,0% 100%);
    clip-path: polygon(0 0,100% 0%,88% 100%,0% 100%);
    }
    .polygon-left{
        -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
    }
    .header-social{width: 25px;}
    .carousel-control-prev-icon:before,.carousel-control-next-icon:before{margin-left:-30px;margin-top:-20px;border-radius:60px;width:60px;height:60px;}
    .bg-logo{background:var(--bg-color5);}
    /*Section-1*/
    .section-1-img img{transform: translateX(-36px);}
    .image-min{
        width:70%!important
    }
    .carousel-caption{
        bottom: 24%!important;
        right:40%;
    }
    .negative-margin-top2{
        margin-top:-2%
    }
    #indicador-carousel .carousel-caption h3{
        font-size: 340%!important;
        line-height:1;
        border-left:5px solid var(--bg-color1);
        padding-left:15px;
        transform:translateX(-15px);
    }
     #indicador-carousel .carousel-caption p{
        font-size: 100%!important;
    }
    
    .navbar{background:none;z-index: 99;}
    .main-navbar .navbar-nav a,.navbar-dark .navbar-nav .nav-link{color:var(--bg-color4)!important;}
    .main-navbar .navbar-nav .dropdown button{transform: translateY(1px);}
    .main-navbar .navbar-nav .dropdown-item,.main-navbar .navbar-nav .dropdown-item:hover{color:#fff!important;}
    .main-navbar .navbar-nav a:hover,.navbar-dark .navbar-nav .nav-link:hover{
        color:var(--bg-color1)!important;cursor:pointer;
    }
    .dropdown-menu a:hover,.main-navbar .navbar-nav .active a{
        color: var(--bg-color1)!important;
        transform: translateY(0px);
    }
    .main-navbar .navbar-nav .active a:hover{
        color: var(--bg-color2)!important;
    }
    .zoom{position:absolute;top:55%;right:5%;}
    .service-home-right{transform:translateX(-40px);}
    .service-home-left{transform:translateX(40px);}
}
a.navbar-brand{
    font-size:130%!important
}
.navbar-toggler{
    margin-bottom:10px
}
.go-up{
    background:url(../../src/images/elements/top.png) #000 center center;
    border-radius:50px;
    opacity:.5;
    cursor:pointer;
    width:40px;
    height:40px;
    position:fixed;
    bottom:67px;
    right:25px;
    display:inline-block!important
}
.go-up:hover{
    opacity:1
}
.hide-top,.hide-top-alt{
    opacity:0!important
}
.icon-align{
    min-width:24px;
    text-align:center;
    position:absolute;
    left:20px;
    margin-top:8px
}
.icon-align-ul li{
    list-style:none
}
.icon-align-ul li{
    list-style:none
}
a[data-fancybox=gallery]>img:hover{
    box-shadow:rgba(0,0,0,.5) 0 0 2px 3px
}
.box-shadow-bottom{box-shadow:rgba(0,0,0,.5) 0 3px 4px 0px}
.shake-bottom{
    -webkit-animation:shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both;
    animation:shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both
}
@-webkit-keyframes shake-bottom{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-4deg);
        transform:rotate(-4deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(4deg);
        transform:rotate(4deg)
    }
    80%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    90%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
@keyframes shake-bottom{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-4deg);
        transform:rotate(-4deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(4deg);
        transform:rotate(4deg)
    }
    80%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    90%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
/*Section2*/
.service-block .lower-content .text{font-size:85%;letter-spacing:0.5px;color:#676767;}
.service-block .inner-box{ position:relative; box-shadow:0px 0px 15px rgba(0,0,0,0.20); }
.service-block .inner-box .image{position:relative;overflow:hidden;background-color: var(--bg-color2);}
.service-block .inner-box .image img{ position:relative; width:100%; display:block; border-radius:6px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.service-block .inner-box:hover .image img{ opacity:0.6; transform:rotate(3deg) scale(1.10,1.10); }

.btn{border-radius:10px!important;}

/* Animation delays */
.carousel-caption h3:first-child {
	animation-delay: 0.2s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 0.2s;
}
.carousel-caption p {
	animation-delay: 0s;
}

.item-icon-service p img{background:var(--bg-color4);border-radius:30px;padding:10px;}

.z-99{z-index: 99;}

a.bg-color1:hover{background: var(--bg-color2)!important;}

.carousel-control-prev-icon:before,.carousel-control-next-icon:before{content:"no";text-indent:-3000em;position:absolute;background:rgba(0,0,0,0.3);z-index:9!important;}
.carousel-control-prev-icon,.carousel-control-next-icon{z-index:99!important;}

header .border-bottom{border-bottom: 1px solid var(--bg-color5);}
header .cta-btn-menu a{transform:translateY(17px);display:inline-block;}

.middle-header li:after{content:"";width:2px;height:25px;display:inline-block;background:var(--bg-color5);text-indent:-3000em;position: absolute;transform: skewX(-20deg)translateX(8px);}
.header-social {transform:translateY(-4px);}


#indicador-carousel .carousel-caption h3{display:block;}
HTML BODY p{line-height: 2;}

.red-line{border-top:3px solid var(--bg-color1);width:20px;transform:translateY(-4px);margin-right:4px;}
.white-line{border-top:3px solid #fff;width:20px;transform:translateY(-4px);margin-right:4px;}
.section-1 .services figure,.section-1 .services img{transition:all .3s linear;}
.section-1 .services figure,.section-1 .services:hover figure{border-radius:100px;}
.section-1 .services:hover figure{background:var(--bg-color1);}
.section-1 .services img{padding:7px;}
.section-1 .services:hover img{padding:3px;filter:invert(1)}
.section-1 .phone-icon i{border:2px solid var(--bg-color6);padding:15px;font-size:300%;border-radius:50px;}

.section-2 .service .border{background:url(../images/elements/section-2/service-border.png);margin-top:-35px;border:none!important;}
.section-2 .service .border img{transform:translateX(35px);}
.section-2 .card .readmore{transform:translateY(12px);margin-bottom:-15px;}
.section-2 .card .readmore,.section-2 .card:hover .readmore,.section-2 .card:hover h3 a,.section-2 .card h3 a{transition:all .3s ease-in-out;}
.section-2 .card:hover .readmore{transform:translateY(0px);margin-bottom:15px;}
.section-2 .card .readmore a{color:#fff;}
.section-2 .card:hover .readmore a{color:var(--bg-color6);}
.section-2 .card:hover h3 a{color:var(--bg-color1)!important;}
.section-2 #serviceCarousel .carousel-indicators{bottom:-65px!important;}

.pulsate-fwd { -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both; animation: pulsate-fwd 0.5s ease-in-out infinite both; } @-webkit-keyframes pulsate-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsate-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
  
.section-4 .service .border{background:url(../images/elements/section-4/service-border.png);margin-top:-35px;border:none!important;}
.section-4 .service .border img{transform:translateX(35px);}

.section-5 .builder{margin-top:-244px;margin-bottom:-55px;}


/*NO*/
.full-size, .flip-box .object, .flip-box .front, .flip-box .back {
    width: 100%;
    height: 100%;
  }
  
  .slice, .flip-box .front, .flip-box .back, .flip-box .flank {
    display: block;
    overflow: hidden;
    position: absolute;
  }
  
  .flip-box {
    float: none!important;
    display: block;
    position: relative;
    z-index: 2;
    width: 280px;
    height: 250px;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
  }
  .flip-box .object {
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-75px);
    -moz-transform: translateZ(-75px);
    -ms-transform: translateZ(-75px);
    -o-transform: translateZ(-75px);
    transform: translateZ(-75px);
  }
  .flip-box .object:hover, .flip-box .object:focus {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateZ(-75px) rotateY(180deg);
    -moz-transform: translateZ(-75px) rotateY(180deg);
    -ms-transform: translateZ(-75px) rotateY(180deg);
    -o-transform: translateZ(-75px) rotateY(180deg);
    transform: translateZ(-75px) rotateY(180deg);
  }
  .flip-box .front {
    z-index: 1;
    background-color: #789e13;
    -webkit-transform: rotateY(0deg) translateZ(75px);
    -moz-transform: rotateY(0deg) translateZ(75px);
    -ms-transform: rotateY(0deg) translateZ(75px);
    -o-transform: rotateY(0deg) translateZ(75px);
    transform: rotateY(0deg) translateZ(75px);
  }
  .flip-box .back {
    z-index: 0;
    background-color: #9bcc18;
    -webkit-transform: rotateY(180deg) translateZ(75px);
    -moz-transform: rotateY(180deg) translateZ(75px);
    -ms-transform: rotateY(180deg) translateZ(75px);
    -o-transform: rotateY(180deg) translateZ(75px);
    transform: rotateY(180deg) translateZ(75px);
  }
  .flip-box .flank {
    width: 150px;
    height: 250px;
    left: 75px;
    background-color: #55700e;
    -webkit-transform: rotateY(-90deg) translateZ(150px);
    -moz-transform: rotateY(-90deg) translateZ(150px);
    -ms-transform: rotateY(-90deg) translateZ(150px);
    -o-transform: rotateY(-90deg) translateZ(150px);
    transform: rotateY(-90deg) translateZ(150px);
  }
  .flip-box.flip-up .object:hover, .flip-box.flip-up .object:focus {
    -webkit-transform: translateZ(-75px) rotateX(180deg);
    -moz-transform: translateZ(-75px) rotateX(180deg);
    -ms-transform: translateZ(-75px) rotateX(180deg);
    -o-transform: translateZ(-75px) rotateX(180deg);
    transform: translateZ(-75px) rotateX(180deg);
  }
  .flip-box.flip-up .back {
    -webkit-transform: rotateX(180deg) translateZ(75px);
    -moz-transform: rotateX(180deg) translateZ(75px);
    -ms-transform: rotateX(180deg) translateZ(75px);
    -o-transform: rotateX(180deg) translateZ(75px);
    transform: rotateX(180deg) translateZ(75px);
  }
  .flip-box.flip-up .flank {
    width: 300px;
    height: 150px;
    left: 0;
    top: 25px;
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    -o-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
  }
  .flip-box.alternative .front {
    background-color: var(--bg-color2);
  }
  .flip-box.alternative .back {
    background-color:var(--bg-color1);
  }
  .flip-box.alternative .flank {
    background-color:var(--bg-color2);
  }
  
  .no-csstransforms3d .flip-box .object {
    position: relative;
    overflow: hidden;
    -webkit-transform-style: none;
    -moz-transform-style: none;
    -ms-transform-style: none;
    -o-transform-style: none;
    transform-style: none;
  }
  .no-csstransforms3d .flip-box .object .back {
    top: 300px;
    z-index: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .no-csstransforms3d .flip-box .object:hover .back {
    top: 0;
    z-index: 1;
  }
  .no-csstransforms3d .flip-box .flank {
    display: none;
  }
  
  /* Internet Explorer 10 only */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .object {
      position: relative;
      overflow: hidden;
      transform: none !important;
    }
    .object .back {
      top: 300px;
      z-index: 0;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
    }
    .object:hover .back {
      top: 0;
      z-index: 1;
      transform: rotateY(0deg) translateZ(0);
    }
  }

.flip-box p{font-size: 90%!important;}
.modal-mobile{position: fixed;bottom:0; z-index: 99;}