/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/*Logo VOX néon*/
.svg-container{
	height: 100vh;
    display: flex;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
#lum {
    left: 0;
    right: 0;
    position: absolute;
    top: -100px;
    display: block;
    background: radial-gradient(ellipse at center,#0b4d5d 0%,transparent 70%);
    border-radius: 50%;
    bottom: -100px;
    z-index: 1;
    opacity: 0.4;
}
#vox-logo {
    margin: 0 auto;
    width: 100%;
    max-height: 94vh;
    position: relative;
    z-index: 2;
}

/*Vox A propos*/
.big-title {
    height: 2.7em;
}
.title-animation-ctnr h2{
	font-size: 112px;
	font-family: 'Rokkitt', serif;
	color: #fff;
	font-weight: 400;
	line-height: 0.9em;
}
.title-animation-ctnr h2:after{
	content: "";
}
.ti-placeholder {
    display: none !important
}
.ti-cursor {
    -webkit-animation: ticursor 750ms ease-out infinite;
    animation: ticursor 750ms ease-out infinite;
}
@-webkit-keyframes ticursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes ticursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media(max-width:768px){
    .title-animation-ctnr h2{
        font-size: 55px;
    }
}

/*Scroll btn*/
#menu-horizontal {
    position: absolute;
    left: 50%;
    width: 35px;
    height: 80px;
    bottom: 50px;
    margin-left: -17px;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}
#menu-horizontal ul{
	list-style-type: none;
	padding: 0;
}
.rev-scroll-btn {
    z-index: 9;
    display: block;
    min-width: 35px;
    max-width: 35px;
    min-height: 55px;
    max-height: 55px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-weight: 100;
    border: 1px solid rgb(85, 220, 253);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none;
    text-align: left;
    line-height: 22px;
    letter-spacing: 0;
    font-size: 15px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0;
    border-radius: 23px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-box-shadow: 0 0 10px rgba(85, 220, 253, 0.5), 0 0 50px rgba(85, 220, 253, 0.2), 0 0 20px rgba(85, 220, 253, 0.4) inset;
    -webkit-box-shadow: 0 0 10px rgba(85, 220, 253, 0.5), 0 0 50px rgba(85, 220, 253, 0.2), 0 0 20px rgba(85, 220, 253, 0.4) inset;
    box-shadow: 0 0 10px rgba(85, 220, 253, 0.5), 0 0 50px rgba(85, 220, 253, 0.2), 0 0 20px rgba(85, 220, 253, 0.4) inset;
}
.rev-scroll-btn > * {
    display: inline-block;
    position: absolute;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: rgb(161, 234, 252); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(161, 234, 252, 1) 8%, rgba(30, 211, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(161, 234, 252, 1) 8%, rgba(30, 211, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(161, 234, 252, 1) 8%, rgba(30, 211, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1eafc', endColorstr='#1ed3ff', GradientType=1); /* IE6-9 fallback on horizontal gradient */;
    border-radius: 50%;
    animation: rev-ani-mouse 3.5s cubic-bezier(1, 1.8, .65, .69) 1s infinite;
}
@keyframes rev-ani-mouse {
    0% {
    }
    60% {
        transform: translateY(0)
    }
    80% {
        transform: translateY(15px)
    }
    100% {
        transform: translateY(0)
    }
}
/*Carte*/
#block-over-map {
    position: absolute;
    top: 50px;
    left: 0;
    width: 360px;
    font-size: 20px;
    line-height: 25px;
}

.custom-marker {
    width: 100px;
    height: 100px;
    overflow: visible !important;
}

.custom-marker:before {
    content: '';
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 45px;
    left: 45px;
    border-radius: 50%;
    border: 1px solid #FFF;
    z-index: 207;

    background: #FB6658;
}

.custom-marker:after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50%;
    opacity: 0;
    z-index: 206;
    -webkit-animation: pulsate 2400ms ease-out infinite;
    animation: pulsate 2400ms ease-out infinite;

    background: rgba(251, 102, 88, 0.1);
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

.ti-placeholder {
    display: none !important
}

.ti-cursor {
    -webkit-animation: ticursor 750ms ease-out infinite;
    animation: ticursor 750ms ease-out infinite;
}
.gm-style .gm-style-cc a,.gm-style .gm-style-cc button,.gm-style .gm-style-cc span,.gm-style .gm-style-mtc div{font-size:10px;box-sizing:border-box}
.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}.gm-style-pbt{font-size:22px;color:white;font-family:Roboto,Arial,sans-serif;position:relative;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}@media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}
.gm-style img{max-width: none;}.gm-style {font: 400 11px Roboto, Arial, sans-serif; text-decoration: none;}

@-webkit-keyframes ticursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes ticursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}