/*————————————————————————————————————————— Template Name: Sass Landing Page, Template URI: site.com Description: Sass Landing Page, Author: Uideck Author URI: https://uideck.com/ Support: https://uideck.com/support/ Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01.COMMON 02.HEADER 03.BRAND 04.SERVICES 05.ABOUT 06.VIDEO COUNTER 07.TEAM 08.TESTIMONIAL 09.BLOG 10.SUBSCRIBE 11.FOOTER -----------------------------------------------------------------------------------*/ /*=========================== 00.ICON css ===========================*/ #mkt-page > div.col-lg-12.mb-30.complgamm > div > ul > li > a { color: #fff !important; } .social .lni { font-size: 5rem; opacity: 0.2; } .social .lni :hover{ font-size: 5rem; opacity: 1 !important; } #ecYnrob2vOH1 { margin-top: -20px; width: 414%; margin-left: -21px; } .fonc-picto.white { background-color: #ffffff; } .fonc-picto.ggm { background-color: #012f60; } .fonc-picto2.rxl-light { background-color: rgba(0, 207, 250, 1.000); } .picto-smart{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85 183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5 0-22.83 7.12-28.08 16.22l-77.38 134c-5.25 9.09-5.25 23.33 0 32.42l77.38 134c5.25 9.09 17.58 16.22 28.08 16.22H277.39c10.5 0 22.83-7.13 28.08-16.22l77.38-134C388.1 207.12 388.1 192.88 382.85 183.79ZM375 211.65l-77.38 134c-3.58 6.2-13 11.65-20.18 11.65H122.61c-7.17 0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.2-3.59-17.09 0-23.3l77.38-134c3.58-6.2 13-11.65 20.18-11.65H277.39c7.17 0 16.6 5.45 20.18 11.65L375 188.35C378.54 194.56 378.54 205.45 375 211.65Z'/%3E%3Cpath class='cls-1' d='M199.48 212h-8.95v12.08q0 13.94 0 27.87a24.46 24.46 0 0 1-.53 5.35c-2.11 9.35-6.68 15.8-14 19.71-4.91 2.65-10.58 3.73-17.83 3.44-.4 0-.79 0-1.21 0h-1.53l-.57 8.8 1 .07c15.28 1 26.38-3.09 34.66-12.7v5.29q0 10.71 0 21.41c0 .56 0 1.16.08 1.76a7.06 7.06 0 0 1-.28 3.56 8.22 8.22 0 0 1-3.08 2.41c-.48.27-1 .54-1.39.83-4.4 2.82-9.72 5.73-15.83 5.93-11.16.34-20.55-4-27.9-12.94-4.91-6-6.55-13.39-7.82-20.47-.65-3.64-.28-7.59.08-11.42l.1-1.07a43.2 43.2 0 0 1 1.25-6.48c.24-1 .49-2.05.71-3.1l.19-.86-8.16-2.78-.32 1a58.6 58.6 0 0 0-2.79 27.1c-10.83-.52-19.37-4.83-25.4-12.83-9.62-12.73-9.94-26.5-.95-40.94l.49-.78-.74-.55c-15-11.21-20.77-25.38-17.15-42.11s14.71-27.24 33-31.51l1.44-.34-1.3-1.85c-.28-.41-.53-.76-.79-1.1-5.87-7.59-8.44-15.51-7.86-24.21A33.45 33.45 0 0 1 132.33 100c10.13-2.13 17.26-.61 23.13 4.92 4.73 4.46 9.1 9.63 9.07 17.16a2.18 2.18 0 0 0 1.61 2c1.52.21 3 .34 4.62.48l2.62.23 0-1c.33-8.06-1.43-17.83-16.88-29.33A17.49 17.49 0 0 1 174.8 82.18c9 1 15.73 8.34 15.73 17q0 32.77 0 65.56v26.52h8.91V151.09l0-51.65c0-10.71-6.76-20.74-16.42-24.39-10.94-4.13-22.62-1.32-29.75 7.14a45.72 45.72 0 0 0-4.14 6.22c-.47.79-.94 1.6-1.43 2.39-17.43-2.74-32 3-42.14 16.59s-11.44 28.77-3.82 45.11a49.18 49.18 0 0 0-13.85 81.89 43.31 43.31 0 0 0-4 23.74c2.3 20.43 20.2 36.93 40.74 37.57a11.49 11.49 0 0 0 1.31-.06 3.69 3.69 0 0 1 1.55 0 3.74 3.74 0 0 1 .65 1.63c.11.42.23.83.37 1.21A42.06 42.06 0 0 0 147.29 321c6.87 3.94 13.63 5.89 20.47 5.89a37.81 37.81 0 0 0 9.58-1.26c7.54-2 13.88-6.28 20.25-10.93a4.32 4.32 0 0 0 1.92-3.86q0-31.33 0-62.69Z'/%3E%3Cpath class='cls-1' d='M233.67 173h0a4.38 4.38 0 0 0 3.34-1.39q6.83-6.85 13.66-13.69 7.8-7.8 15.58-15.62c.69-.7 1-.77 1.83-.45a16.62 16.62 0 0 0 22.48-18.47 15.72 15.72 0 0 0-12-13.21c-6.9-1.88-12.93.08-17.42 5.65-4.19 5.2-4.92 11.29-2.09 17.59a22.47 22.47 0 0 0 1.05 2 2.43 2.43 0 0 0 .15.26.46.46 0 0 0-.07.07l-4 4c-7.79 7.79-15.85 15.85-23.8 23.75a2.16 2.16 0 0 1-1.27.39c-5.42 0-10.85 0-16.27 0H204v9h9.47C220.17 173 226.92 173 233.67 173Zm32.75-46.75a7.75 7.75 0 0 1 2.34-5.55 7.6 7.6 0 0 1 5.34-2.22h.07a7.79 7.79 0 0 1-.07 15.58h0a7.53 7.53 0 0 1-5.4-2.26A7.74 7.74 0 0 1 266.42 126.27Z'/%3E%3Cpath class='cls-1' d='M284 261.5a16.73 16.73 0 0 0-16-2c-.73.29-.91.25-1.49-.34-5.22-5.3-10.43-10.48-16.21-16.23-1.4-1.39-2.81-2.77-4.23-4.16-2.8-2.74-5.7-5.58-8.45-8.46A5.72 5.72 0 0 0 233 228.4c-4.84 0-9.74 0-14.55 0h-7.95c-1.68 0-3.39-.07-5 .06l-1.43.09v8.75h8.05c6.19 0 12.59 0 18.88.06a2.73 2.73 0 0 1 1.65.67c4.17 4.11 8.38 8.32 12.45 12.39l4.92 4.92 7.35 7.31 3 2.95c-.17.27-.32.51-.46.75a16.78 16.78 0 0 0 14.34 25.45 16.51 16.51 0 0 0 5.07-.8 16.94 16.94 0 0 0 11.67-15.1A16.61 16.61 0 0 0 284 261.5Zm-9.89 21.32a7.57 7.57 0 0 1-5.38-2.25 7.8 7.8 0 0 1 0-11.07 7.64 7.64 0 0 1 5.4-2.23h.06a7.81 7.81 0 0 1 7.7 7.84 7.7 7.7 0 0 1-7.8 7.71Z'/%3E%3Cpath class='cls-1' d='M309.11 182a19.09 19.09 0 0 0-18.79 19.18A18.9 18.9 0 0 0 296 214.56a18.5 18.5 0 0 0 13 5.41h.2a19 19 0 1 0-.15-38Zm7.23 11.86a9.89 9.89 0 0 1 3.06 7A10.08 10.08 0 0 1 309.54 211a9.76 9.76 0 0 1-7.14-2.83A10 10 0 0 1 309.23 191 9.89 9.89 0 0 1 316.34 193.82Z'/%3E%3Cpath class='cls-1' d='M103.94 243.75c.39.19.75.37 1.12.53a36 36 0 0 0 25.9 1.13 37.68 37.68 0 0 0 13.62-8.07 1.39 1.39 0 0 1 .46-.22c5.53 2.52 8.49 6 9.33 10.79a26.81 26.81 0 0 1 .27 4c0 .68 0 1.37.06 2.08l0 .8 8.41 1.41.14-1c1.57-11.1-2.69-19.64-12.65-25.39a35.48 35.48 0 0 0 5.12-16.64l.05-1-8.79-.49-.1 1c-1.08 10.09-5.69 17.52-13.72 22.1s-16.81 4.86-25.91.75l-.88-.4-3.94 8Z'/%3E%3Cpath class='cls-1' d='M213.68 125.52c.16-.2.29-.36.41-.54l3.62-5.67c3.75-5.84 7.62-11.88 11.36-17.86.86-1.38 1.5-1.73 3-1.66a11.16 11.16 0 0 0 11.41-8.55A11.6 11.6 0 0 0 223.75 80.3a11.53 11.53 0 0 0-1.39 14.1c.31.49.29.52 0 .88-2.45 3.76-4.9 7.6-7.27 11.31l-1.56 2.47c-1.7 2.66-3.39 5.33-5.1 8l-2.95 4.64 7.39 4.76Z'/%3E%3Cpath class='cls-1' d='M230.8 303.46c-.63.07-.66 0-.87-.3q-4.87-7.74-9.81-15.43L217.71 284q-1.52-2.38-3.06-4.78l-1.59-2.48-7.5 4.8.76 1.26c.13.23.24.41.35.59l3.6 5.65c3.86 6.08 7.86 12.37 11.85 18.52.45.7.45 1 0 1.77a11.49 11.49 0 0 0 2.61 14.63 11.83 11.83 0 0 0 7.53 2.59 11.57 11.57 0 1 0-1.45-23.05Z'/%3E%3Crect class='cls-1' x='224.12' y='196.61' width='61.01' height='8.77'/%3E%3Cpath class='cls-1' d='M157.8 164.51c-.6-1.27-1.15-2.44-1.66-3.63a2 2 0 0 0-2.89-1.19 42.35 42.35 0 0 1-4.76 1.52 27.16 27.16 0 0 1-12.56.58 16.1 16.1 0 0 1-8.3-4.84l-.65-.68-7 5.94.87.76 1.39 1.25c1 .88 1.89 1.7 2.87 2.48a24.63 24.63 0 0 0 7.93 3.68c1 .31 1.94.63 2.88 1 7 2.65 11 7.29 12.07 14.18.06.4.15.79.24 1.2l.3 1.41 8.7-.67-.08-1a26.5 26.5 0 0 0-7-16.34l8.92-2.85Z'/%3E%3Cpath class='cls-1' d='M181.12 145l-2.71-8.34-.94.29c-6.14 1.88-14.23 3.65-22.33.54-7-2.7-12.09-7.83-15.44-15.69l-.36-.86L131 123.81l.41 1c6.33 15.09 18.64 23.39 33.33 23.39a45.34 45.34 0 0 0 15.52-2.89Z'/%3E%3Cpath class='cls-1' d='M116.6 189.35a11.54 11.54 0 0 0-8.2 3.38 11.76 11.76 0 0 0-3.47 8.46 11.58 11.58 0 0 0 11.65 11.43h0a11.64 11.64 0 0 0 .11-23.27Z'/%3E%3Cpolygon class='cls-1' points='281.88 145.88 295.42 177.4 303.65 173.79 290.12 142.26 281.88 145.88'/%3E%3Cpolygon class='cls-1' points='287.33 253.88 295.79 256.92 306.1 228.43 297.67 225.36 287.33 253.88'/%3E%3Cpolygon class='cls-1' points='242.37 301.72 248.27 307.79 261.66 295.43 255.9 289.2 242.37 301.72'/%3E%3Cpolygon class='cls-1' points='255.92 112.98 261.94 106.3 249.34 94.86 243.3 101.5 255.92 112.98'/%3E%3Crect class='cls-1' x='149.99' y='196.61' width='11.09' height='8.79'/%3E%3Crect class='cls-1' x='205.53' y='196.62' width='11.11' height='8.77'/%3E%3Crect class='cls-1' x='168.55' y='196.6' width='11.04' height='8.78'/%3E%3Crect class='cls-1' x='186.96' y='196.62' width='11.11' height='8.77'/%3E%3Cpath class='cls-1' d='M131.53 197.43a3.06 3.06 0 0 1-.05.32 4.08 4.08 0 0 0-.1.81c0 1.42 0 2.83 0 4.27v2.53h11.12v-8.79H131.66Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85 183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5 0-22.83 7.12-28.08 16.22l-77.38 134c-5.25 9.09-5.25 23.33 0 32.42l77.38 134c5.25 9.09 17.58 16.22 28.08 16.22H277.39c10.5 0 22.83-7.13 28.08-16.22l77.38-134C388.1 207.12 388.1 192.88 382.85 183.79ZM375 211.65l-77.38 134c-3.58 6.2-13 11.65-20.18 11.65H122.61c-7.17 0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.2-3.59-17.09 0-23.3l77.38-134c3.58-6.2 13-11.65 20.18-11.65H277.39c7.17 0 16.6 5.45 20.18 11.65L375 188.35C378.54 194.56 378.54 205.45 375 211.65Z'/%3E%3Cpath class='cls-1' d='M199.48 212h-8.95v12.08q0 13.94 0 27.87a24.46 24.46 0 0 1-.53 5.35c-2.11 9.35-6.68 15.8-14 19.71-4.91 2.65-10.58 3.73-17.83 3.44-.4 0-.79 0-1.21 0h-1.53l-.57 8.8 1 .07c15.28 1 26.38-3.09 34.66-12.7v5.29q0 10.71 0 21.41c0 .56 0 1.16.08 1.76a7.06 7.06 0 0 1-.28 3.56 8.22 8.22 0 0 1-3.08 2.41c-.48.27-1 .54-1.39.83-4.4 2.82-9.72 5.73-15.83 5.93-11.16.34-20.55-4-27.9-12.94-4.91-6-6.55-13.39-7.82-20.47-.65-3.64-.28-7.59.08-11.42l.1-1.07a43.2 43.2 0 0 1 1.25-6.48c.24-1 .49-2.05.71-3.1l.19-.86-8.16-2.78-.32 1a58.6 58.6 0 0 0-2.79 27.1c-10.83-.52-19.37-4.83-25.4-12.83-9.62-12.73-9.94-26.5-.95-40.94l.49-.78-.74-.55c-15-11.21-20.77-25.38-17.15-42.11s14.71-27.24 33-31.51l1.44-.34-1.3-1.85c-.28-.41-.53-.76-.79-1.1-5.87-7.59-8.44-15.51-7.86-24.21A33.45 33.45 0 0 1 132.33 100c10.13-2.13 17.26-.61 23.13 4.92 4.73 4.46 9.1 9.63 9.07 17.16a2.18 2.18 0 0 0 1.61 2c1.52.21 3 .34 4.62.48l2.62.23 0-1c.33-8.06-1.43-17.83-16.88-29.33A17.49 17.49 0 0 1 174.8 82.18c9 1 15.73 8.34 15.73 17q0 32.77 0 65.56v26.52h8.91V151.09l0-51.65c0-10.71-6.76-20.74-16.42-24.39-10.94-4.13-22.62-1.32-29.75 7.14a45.72 45.72 0 0 0-4.14 6.22c-.47.79-.94 1.6-1.43 2.39-17.43-2.74-32 3-42.14 16.59s-11.44 28.77-3.82 45.11a49.18 49.18 0 0 0-13.85 81.89 43.31 43.31 0 0 0-4 23.74c2.3 20.43 20.2 36.93 40.74 37.57a11.49 11.49 0 0 0 1.31-.06 3.69 3.69 0 0 1 1.55 0 3.74 3.74 0 0 1 .65 1.63c.11.42.23.83.37 1.21A42.06 42.06 0 0 0 147.29 321c6.87 3.94 13.63 5.89 20.47 5.89a37.81 37.81 0 0 0 9.58-1.26c7.54-2 13.88-6.28 20.25-10.93a4.32 4.32 0 0 0 1.92-3.86q0-31.33 0-62.69Z'/%3E%3Cpath class='cls-1' d='M233.67 173h0a4.38 4.38 0 0 0 3.34-1.39q6.83-6.85 13.66-13.69 7.8-7.8 15.58-15.62c.69-.7 1-.77 1.83-.45a16.62 16.62 0 0 0 22.48-18.47 15.72 15.72 0 0 0-12-13.21c-6.9-1.88-12.93.08-17.42 5.65-4.19 5.2-4.92 11.29-2.09 17.59a22.47 22.47 0 0 0 1.05 2 2.43 2.43 0 0 0 .15.26.46.46 0 0 0-.07.07l-4 4c-7.79 7.79-15.85 15.85-23.8 23.75a2.16 2.16 0 0 1-1.27.39c-5.42 0-10.85 0-16.27 0H204v9h9.47C220.17 173 226.92 173 233.67 173Zm32.75-46.75a7.75 7.75 0 0 1 2.34-5.55 7.6 7.6 0 0 1 5.34-2.22h.07a7.79 7.79 0 0 1-.07 15.58h0a7.53 7.53 0 0 1-5.4-2.26A7.74 7.74 0 0 1 266.42 126.27Z'/%3E%3Cpath class='cls-1' d='M284 261.5a16.73 16.73 0 0 0-16-2c-.73.29-.91.25-1.49-.34-5.22-5.3-10.43-10.48-16.21-16.23-1.4-1.39-2.81-2.77-4.23-4.16-2.8-2.74-5.7-5.58-8.45-8.46A5.72 5.72 0 0 0 233 228.4c-4.84 0-9.74 0-14.55 0h-7.95c-1.68 0-3.39-.07-5 .06l-1.43.09v8.75h8.05c6.19 0 12.59 0 18.88.06a2.73 2.73 0 0 1 1.65.67c4.17 4.11 8.38 8.32 12.45 12.39l4.92 4.92 7.35 7.31 3 2.95c-.17.27-.32.51-.46.75a16.78 16.78 0 0 0 14.34 25.45 16.51 16.51 0 0 0 5.07-.8 16.94 16.94 0 0 0 11.67-15.1A16.61 16.61 0 0 0 284 261.5Zm-9.89 21.32a7.57 7.57 0 0 1-5.38-2.25 7.8 7.8 0 0 1 0-11.07 7.64 7.64 0 0 1 5.4-2.23h.06a7.81 7.81 0 0 1 7.7 7.84 7.7 7.7 0 0 1-7.8 7.71Z'/%3E%3Cpath class='cls-1' d='M309.11 182a19.09 19.09 0 0 0-18.79 19.18A18.9 18.9 0 0 0 296 214.56a18.5 18.5 0 0 0 13 5.41h.2a19 19 0 1 0-.15-38Zm7.23 11.86a9.89 9.89 0 0 1 3.06 7A10.08 10.08 0 0 1 309.54 211a9.76 9.76 0 0 1-7.14-2.83A10 10 0 0 1 309.23 191 9.89 9.89 0 0 1 316.34 193.82Z'/%3E%3Cpath class='cls-1' d='M103.94 243.75c.39.19.75.37 1.12.53a36 36 0 0 0 25.9 1.13 37.68 37.68 0 0 0 13.62-8.07 1.39 1.39 0 0 1 .46-.22c5.53 2.52 8.49 6 9.33 10.79a26.81 26.81 0 0 1 .27 4c0 .68 0 1.37.06 2.08l0 .8 8.41 1.41.14-1c1.57-11.1-2.69-19.64-12.65-25.39a35.48 35.48 0 0 0 5.12-16.64l.05-1-8.79-.49-.1 1c-1.08 10.09-5.69 17.52-13.72 22.1s-16.81 4.86-25.91.75l-.88-.4-3.94 8Z'/%3E%3Cpath class='cls-1' d='M213.68 125.52c.16-.2.29-.36.41-.54l3.62-5.67c3.75-5.84 7.62-11.88 11.36-17.86.86-1.38 1.5-1.73 3-1.66a11.16 11.16 0 0 0 11.41-8.55A11.6 11.6 0 0 0 223.75 80.3a11.53 11.53 0 0 0-1.39 14.1c.31.49.29.52 0 .88-2.45 3.76-4.9 7.6-7.27 11.31l-1.56 2.47c-1.7 2.66-3.39 5.33-5.1 8l-2.95 4.64 7.39 4.76Z'/%3E%3Cpath class='cls-1' d='M230.8 303.46c-.63.07-.66 0-.87-.3q-4.87-7.74-9.81-15.43L217.71 284q-1.52-2.38-3.06-4.78l-1.59-2.48-7.5 4.8.76 1.26c.13.23.24.41.35.59l3.6 5.65c3.86 6.08 7.86 12.37 11.85 18.52.45.7.45 1 0 1.77a11.49 11.49 0 0 0 2.61 14.63 11.83 11.83 0 0 0 7.53 2.59 11.57 11.57 0 1 0-1.45-23.05Z'/%3E%3Crect class='cls-1' x='224.12' y='196.61' width='61.01' height='8.77'/%3E%3Cpath class='cls-1' d='M157.8 164.51c-.6-1.27-1.15-2.44-1.66-3.63a2 2 0 0 0-2.89-1.19 42.35 42.35 0 0 1-4.76 1.52 27.16 27.16 0 0 1-12.56.58 16.1 16.1 0 0 1-8.3-4.84l-.65-.68-7 5.94.87.76 1.39 1.25c1 .88 1.89 1.7 2.87 2.48a24.63 24.63 0 0 0 7.93 3.68c1 .31 1.94.63 2.88 1 7 2.65 11 7.29 12.07 14.18.06.4.15.79.24 1.2l.3 1.41 8.7-.67-.08-1a26.5 26.5 0 0 0-7-16.34l8.92-2.85Z'/%3E%3Cpath class='cls-1' d='M181.12 145l-2.71-8.34-.94.29c-6.14 1.88-14.23 3.65-22.33.54-7-2.7-12.09-7.83-15.44-15.69l-.36-.86L131 123.81l.41 1c6.33 15.09 18.64 23.39 33.33 23.39a45.34 45.34 0 0 0 15.52-2.89Z'/%3E%3Cpath class='cls-1' d='M116.6 189.35a11.54 11.54 0 0 0-8.2 3.38 11.76 11.76 0 0 0-3.47 8.46 11.58 11.58 0 0 0 11.65 11.43h0a11.64 11.64 0 0 0 .11-23.27Z'/%3E%3Cpolygon class='cls-1' points='281.88 145.88 295.42 177.4 303.65 173.79 290.12 142.26 281.88 145.88'/%3E%3Cpolygon class='cls-1' points='287.33 253.88 295.79 256.92 306.1 228.43 297.67 225.36 287.33 253.88'/%3E%3Cpolygon class='cls-1' points='242.37 301.72 248.27 307.79 261.66 295.43 255.9 289.2 242.37 301.72'/%3E%3Cpolygon class='cls-1' points='255.92 112.98 261.94 106.3 249.34 94.86 243.3 101.5 255.92 112.98'/%3E%3Crect class='cls-1' x='149.99' y='196.61' width='11.09' height='8.79'/%3E%3Crect class='cls-1' x='205.53' y='196.62' width='11.11' height='8.77'/%3E%3Crect class='cls-1' x='168.55' y='196.6' width='11.04' height='8.78'/%3E%3Crect class='cls-1' x='186.96' y='196.62' width='11.11' height='8.77'/%3E%3Cpath class='cls-1' d='M131.53 197.43a3.06 3.06 0 0 1-.05.32 4.08 4.08 0 0 0-.1.81c0 1.42 0 2.83 0 4.27v2.53h11.12v-8.79H131.66Z'/%3E%3C/svg%3E"); } .picto-tutos{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M379.85,178.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H119.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l46.72,80.93.17.27a5,5,0,0,0,3.56,2.07,4.42,4.42,0,0,0,3.52-1.36,4.61,4.61,0,0,0,.34-6.06L22.05,206.65c-3.59-6.21-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H274.39c7.17,0,16.6,5.45,20.18,11.65L372,183.35c3.59,6.21,3.59,17.1,0,23.3l-77.38,134c-3.58,6.2-13,11.65-20.18,11.65H119.61c-7.17,0-16.6-5.45-20.18-11.65l-3.29-4.88-.25-.32a5.72,5.72,0,0,0-1.4-1.16l96-96,.43-.33a23.67,23.67,0,0,1,2.83-2.12l.5-.19c.33-.12.63-.23.88-.34a14.69,14.69,0,0,1,8.38.43A37,37,0,0,0,218,239.5c9.77.33,18-4,23.87-12.46,10.51-15.25,14.22-24,12.4-29.39a7.38,7.38,0,0,0-4.88-4.67,3.53,3.53,0,0,0-3.06.41s-3.3,2.15-9.32,6c-1.53,1-2.88,2-4.07,2.82-3.77,2.72-5.55,3.91-8.09,3.33-6.38-1.46-11.64-6.85-15.62-16-.78-2.34-1.29-6.29-.21-7.75,1.27-1.72,9.93-7.29,19.35-12.46,2-1.17,6.51-4.36,5.55-8.56a3.54,3.54,0,0,0-1.33-2c-.61-.46-15.37-11.22-43.75-.68a17.17,17.17,0,0,0-9.06,6c-4.75,5.75-7,14.39-6.61,25.68.05,1.66-.06,2.78-1.34,6.54v0c-.54,1.07-4.36,5.12-5.65,6.48l-1.61,1.72L47.63,321.4a21.14,21.14,0,0,0,14.94,36.1h0a21.06,21.06,0,0,0,15-6.2l10.78-10.78a4.62,4.62,0,0,0,.44.68l2.84,4.16c5.28,9,17.56,16.11,28,16.11H274.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C385.1,202.12,385.1,187.88,379.85,178.79ZM180.26,189.5c-.38-11.76,2.46-17.83,4.9-20.84s5.14-3.67,5.21-3.68a4.69,4.69,0,0,0,.69-.18,60.54,60.54,0,0,1,21.1-4.22,34.92,34.92,0,0,1,13.07,2.28l-.42.27c-4.29,2.35-18.53,10.34-21.54,14.4-3.73,5-1.27,13-.73,14.49l.05.14c5,11.49,11.91,18.33,20.65,20.32C229,213.8,233,211,237.1,208c1.16-.84,2.36-1.71,3.71-2.57l6.76-4.34c-.2,2.2-2,8-11.6,21.95-4.65,6.75-10.86,9.92-18.5,9.44a28.3,28.3,0,0,1-10.87-3.05,3.59,3.59,0,0,0-.69-.3c-4.94-1.53-9.39-1.68-13.25-.41a3.38,3.38,0,0,0-.52.22l-1.18.45-.14.06a24.87,24.87,0,0,0-4.41,3.09l-.31.24a3.32,3.32,0,0,0-.48.41L72.5,346.27a14,14,0,1,1-19.84-19.84l117-117,1.67-1.78c4.5-4.76,6.71-7.26,7.27-9.27C180,194.34,180.34,192.34,180.26,189.5ZM62.58,355.5Z'/%3E%3Cpath class='cls-1' d='M105.86,177.08l-.15.82a99.7,99.7,0,0,0,0,35.47l.15.82h20.81a77.45,77.45,0,0,0,5.88,15.63l.61,1.26,14.65-14.65-.22-.6a59,59,0,1,1,35.74,35.27l-.6-.21L168,265.61l1.28.61a77.45,77.45,0,0,0,14.92,5.52v20.81l.82.15a99.82,99.82,0,0,0,35.49,0l.82-.15V271.74a77.3,77.3,0,0,0,22.13-9.17l14.7,14.71.69-.48a98.22,98.22,0,0,0,25.08-25.09l.47-.69-14.7-14.7a77.5,77.5,0,0,0,9.17-22.13h20.81l.14-.82a99.09,99.09,0,0,0,0-35.47l-.14-.82H278.87A76.64,76.64,0,0,0,269.7,155l14.71-14.72-.47-.68a98,98,0,0,0-25.08-25.08l-.69-.48-14.7,14.7a77.92,77.92,0,0,0-22.13-9.16V98.73l-.82-.15a99.35,99.35,0,0,0-35.49,0l-.82.15v20.81a77.92,77.92,0,0,0-22.13,9.16L147.38,114l-.69.48a98,98,0,0,0-25.08,25.08l-.48.68L135.85,155a76.53,76.53,0,0,0-9.17,22.12Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M379.85,178.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H119.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l46.72,80.93.17.27a5,5,0,0,0,3.56,2.07,4.42,4.42,0,0,0,3.52-1.36,4.61,4.61,0,0,0,.34-6.06L22.05,206.65c-3.59-6.21-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H274.39c7.17,0,16.6,5.45,20.18,11.65L372,183.35c3.59,6.21,3.59,17.1,0,23.3l-77.38,134c-3.58,6.2-13,11.65-20.18,11.65H119.61c-7.17,0-16.6-5.45-20.18-11.65l-3.29-4.88-.25-.32a5.72,5.72,0,0,0-1.4-1.16l96-96,.43-.33a23.67,23.67,0,0,1,2.83-2.12l.5-.19c.33-.12.63-.23.88-.34a14.69,14.69,0,0,1,8.38.43A37,37,0,0,0,218,239.5c9.77.33,18-4,23.87-12.46,10.51-15.25,14.22-24,12.4-29.39a7.38,7.38,0,0,0-4.88-4.67,3.53,3.53,0,0,0-3.06.41s-3.3,2.15-9.32,6c-1.53,1-2.88,2-4.07,2.82-3.77,2.72-5.55,3.91-8.09,3.33-6.38-1.46-11.64-6.85-15.62-16-.78-2.34-1.29-6.29-.21-7.75,1.27-1.72,9.93-7.29,19.35-12.46,2-1.17,6.51-4.36,5.55-8.56a3.54,3.54,0,0,0-1.33-2c-.61-.46-15.37-11.22-43.75-.68a17.17,17.17,0,0,0-9.06,6c-4.75,5.75-7,14.39-6.61,25.68.05,1.66-.06,2.78-1.34,6.54v0c-.54,1.07-4.36,5.12-5.65,6.48l-1.61,1.72L47.63,321.4a21.14,21.14,0,0,0,14.94,36.1h0a21.06,21.06,0,0,0,15-6.2l10.78-10.78a4.62,4.62,0,0,0,.44.68l2.84,4.16c5.28,9,17.56,16.11,28,16.11H274.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C385.1,202.12,385.1,187.88,379.85,178.79ZM180.26,189.5c-.38-11.76,2.46-17.83,4.9-20.84s5.14-3.67,5.21-3.68a4.69,4.69,0,0,0,.69-.18,60.54,60.54,0,0,1,21.1-4.22,34.92,34.92,0,0,1,13.07,2.28l-.42.27c-4.29,2.35-18.53,10.34-21.54,14.4-3.73,5-1.27,13-.73,14.49l.05.14c5,11.49,11.91,18.33,20.65,20.32C229,213.8,233,211,237.1,208c1.16-.84,2.36-1.71,3.71-2.57l6.76-4.34c-.2,2.2-2,8-11.6,21.95-4.65,6.75-10.86,9.92-18.5,9.44a28.3,28.3,0,0,1-10.87-3.05,3.59,3.59,0,0,0-.69-.3c-4.94-1.53-9.39-1.68-13.25-.41a3.38,3.38,0,0,0-.52.22l-1.18.45-.14.06a24.87,24.87,0,0,0-4.41,3.09l-.31.24a3.32,3.32,0,0,0-.48.41L72.5,346.27a14,14,0,1,1-19.84-19.84l117-117,1.67-1.78c4.5-4.76,6.71-7.26,7.27-9.27C180,194.34,180.34,192.34,180.26,189.5ZM62.58,355.5Z'/%3E%3Cpath class='cls-1' d='M105.86,177.08l-.15.82a99.7,99.7,0,0,0,0,35.47l.15.82h20.81a77.45,77.45,0,0,0,5.88,15.63l.61,1.26,14.65-14.65-.22-.6a59,59,0,1,1,35.74,35.27l-.6-.21L168,265.61l1.28.61a77.45,77.45,0,0,0,14.92,5.52v20.81l.82.15a99.82,99.82,0,0,0,35.49,0l.82-.15V271.74a77.3,77.3,0,0,0,22.13-9.17l14.7,14.71.69-.48a98.22,98.22,0,0,0,25.08-25.09l.47-.69-14.7-14.7a77.5,77.5,0,0,0,9.17-22.13h20.81l.14-.82a99.09,99.09,0,0,0,0-35.47l-.14-.82H278.87A76.64,76.64,0,0,0,269.7,155l14.71-14.72-.47-.68a98,98,0,0,0-25.08-25.08l-.69-.48-14.7,14.7a77.92,77.92,0,0,0-22.13-9.16V98.73l-.82-.15a99.35,99.35,0,0,0-35.49,0l-.82.15v20.81a77.92,77.92,0,0,0-22.13,9.16L147.38,114l-.69.48a98,98,0,0,0-25.08,25.08l-.48.68L135.85,155a76.53,76.53,0,0,0-9.17,22.12Z'/%3E%3C/svg%3E"); } .picto-live{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,181.08,305.47,47c-5.25-9.09-17.58-16.21-28.08-16.21H122.61C112.11,30.83,99.78,38,94.53,47l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42L94.53,347.55c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,204.41,388.1,190.17,382.85,181.08ZM277.39,354.64H122.61c-7.17,0-16.6-5.44-20.18-11.65L25.05,209c-3.58-6.21-3.58-17.1,0-23.31l77.38-134C106,45.39,115.44,40,122.61,40H277.39c7.17,0,16.6,5.44,20.18,11.65l77.38,134c3.59,6.21,3.59,17.1,0,23.31L297.57,343C294,349.2,284.56,354.64,277.39,354.64Z'/%3E%3Cpath class='cls-1' d='M310.62,261.92a9.27,9.27,0,0,0,6.46-.45l.79-.4,0,0,.28-.16,0,0a9.24,9.24,0,0,0,4.24-7.77V171a9.21,9.21,0,0,0-13.57-8.12L263.18,184v-22.1a9.26,9.26,0,0,0-9.22-9.23H142.3a12.29,12.29,0,0,1,8.3-3.24h65.88a13.88,13.88,0,1,0,0-27.75H150.59a40,40,0,0,0-39,31H86.75a9.36,9.36,0,0,0-6.53,2.71,9.17,9.17,0,0,0-2.69,6.51V263.72a9.3,9.3,0,0,0,6.62,8.84,9.73,9.73,0,0,0,2.6.38H254a9.35,9.35,0,0,0,6.44-2.62l.24-.22.07-.1a9.11,9.11,0,0,0,2.46-6.28V240.1l45.6,21A9.24,9.24,0,0,0,310.62,261.92ZM263.18,194,313,171l.24-.13h.1a.12.12,0,0,1,.06.09v82.09s0,.07-.11.1l-.22-.11-49.84-23ZM86.83,263.82h-.1a.12.12,0,0,1-.08-.09V161.87l.1-.09H115.4a4.57,4.57,0,0,0,4.52-4,31.11,31.11,0,0,1,30.67-27h65.8a5,5,0,0,1,3.43,1.36,4.78,4.78,0,0,1,1.41,3.4,4.75,4.75,0,0,1-4.76,4.75H150.59a21.65,21.65,0,0,0-20.67,15.65,4.56,4.56,0,0,0,4.38,5.83H253.93a.15.15,0,0,1,.14.1l0,101.91a.18.18,0,0,1-.09,0Z'/%3E%3Cpolygon class='cls-1' points='111.67 187.55 101.62 187.55 101.62 239.05 135.03 239.05 135.03 230.08 111.67 230.08 111.67 187.55'/%3E%3Crect class='cls-1' x='143.21' y='187.55' width='10.05' height='51.49'/%3E%3Cpolygon class='cls-1' points='180.39 221.04 169.97 187.55 159.56 187.55 176.55 239.05 184.15 239.05 201.14 187.55 190.65 187.55 180.39 221.04'/%3E%3Cpolygon class='cls-1' points='207.37 239.05 241.28 239.05 241.28 230.08 217.42 230.08 217.42 217.57 237.81 217.57 237.81 208.6 217.42 208.6 217.42 196.52 241.28 196.52 241.28 187.55 207.37 187.55 207.37 239.05'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,181.08,305.47,47c-5.25-9.09-17.58-16.21-28.08-16.21H122.61C112.11,30.83,99.78,38,94.53,47l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42L94.53,347.55c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,204.41,388.1,190.17,382.85,181.08ZM277.39,354.64H122.61c-7.17,0-16.6-5.44-20.18-11.65L25.05,209c-3.58-6.21-3.58-17.1,0-23.31l77.38-134C106,45.39,115.44,40,122.61,40H277.39c7.17,0,16.6,5.44,20.18,11.65l77.38,134c3.59,6.21,3.59,17.1,0,23.31L297.57,343C294,349.2,284.56,354.64,277.39,354.64Z'/%3E%3Cpath class='cls-1' d='M310.62,261.92a9.27,9.27,0,0,0,6.46-.45l.79-.4,0,0,.28-.16,0,0a9.24,9.24,0,0,0,4.24-7.77V171a9.21,9.21,0,0,0-13.57-8.12L263.18,184v-22.1a9.26,9.26,0,0,0-9.22-9.23H142.3a12.29,12.29,0,0,1,8.3-3.24h65.88a13.88,13.88,0,1,0,0-27.75H150.59a40,40,0,0,0-39,31H86.75a9.36,9.36,0,0,0-6.53,2.71,9.17,9.17,0,0,0-2.69,6.51V263.72a9.3,9.3,0,0,0,6.62,8.84,9.73,9.73,0,0,0,2.6.38H254a9.35,9.35,0,0,0,6.44-2.62l.24-.22.07-.1a9.11,9.11,0,0,0,2.46-6.28V240.1l45.6,21A9.24,9.24,0,0,0,310.62,261.92ZM263.18,194,313,171l.24-.13h.1a.12.12,0,0,1,.06.09v82.09s0,.07-.11.1l-.22-.11-49.84-23ZM86.83,263.82h-.1a.12.12,0,0,1-.08-.09V161.87l.1-.09H115.4a4.57,4.57,0,0,0,4.52-4,31.11,31.11,0,0,1,30.67-27h65.8a5,5,0,0,1,3.43,1.36,4.78,4.78,0,0,1,1.41,3.4,4.75,4.75,0,0,1-4.76,4.75H150.59a21.65,21.65,0,0,0-20.67,15.65,4.56,4.56,0,0,0,4.38,5.83H253.93a.15.15,0,0,1,.14.1l0,101.91a.18.18,0,0,1-.09,0Z'/%3E%3Cpolygon class='cls-1' points='111.67 187.55 101.62 187.55 101.62 239.05 135.03 239.05 135.03 230.08 111.67 230.08 111.67 187.55'/%3E%3Crect class='cls-1' x='143.21' y='187.55' width='10.05' height='51.49'/%3E%3Cpolygon class='cls-1' points='180.39 221.04 169.97 187.55 159.56 187.55 176.55 239.05 184.15 239.05 201.14 187.55 190.65 187.55 180.39 221.04'/%3E%3Cpolygon class='cls-1' points='207.37 239.05 241.28 239.05 241.28 230.08 217.42 230.08 217.42 217.57 237.81 217.57 237.81 208.6 217.42 208.6 217.42 196.52 241.28 196.52 241.28 187.55 207.37 187.55 207.37 239.05'/%3E%3C/svg%3E"); } .picto-avantages { -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.21l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79ZM277.39,357.35H122.61c-7.17,0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.21-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c7.17,0,16.6,5.45,20.18,11.65L375,188.35c3.59,6.21,3.59,17.09,0,23.3l-77.38,134C294,351.9,284.56,357.35,277.39,357.35Z'/%3E%3Cpath class='cls-1' d='M311.46,110.29h0A12.37,12.37,0,0,0,294,112L198.81,227.32,162,168.8a12.38,12.38,0,1,0-21,13.17L187,255a12.38,12.38,0,0,0,9.68,5.75c.27,0,.53,0,.8,0a12.37,12.37,0,0,0,9.55-4.5L313.13,127.71A12.39,12.39,0,0,0,311.46,110.29Z'/%3E%3Cpath class='cls-1' d='M277,180.74l-.05,0a4.56,4.56,0,0,0-3.4,5.48,80.21,80.21,0,1,1-21.73-38.72,4.56,4.56,0,0,0,6.4-6.5,89.4,89.4,0,1,0,26.67,63.67,90.06,90.06,0,0,0-2.46-20.54A4.55,4.55,0,0,0,277,180.74Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.21l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79ZM277.39,357.35H122.61c-7.17,0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.21-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c7.17,0,16.6,5.45,20.18,11.65L375,188.35c3.59,6.21,3.59,17.09,0,23.3l-77.38,134C294,351.9,284.56,357.35,277.39,357.35Z'/%3E%3Cpath class='cls-1' d='M311.46,110.29h0A12.37,12.37,0,0,0,294,112L198.81,227.32,162,168.8a12.38,12.38,0,1,0-21,13.17L187,255a12.38,12.38,0,0,0,9.68,5.75c.27,0,.53,0,.8,0a12.37,12.37,0,0,0,9.55-4.5L313.13,127.71A12.39,12.39,0,0,0,311.46,110.29Z'/%3E%3Cpath class='cls-1' d='M277,180.74l-.05,0a4.56,4.56,0,0,0-3.4,5.48,80.21,80.21,0,1,1-21.73-38.72,4.56,4.56,0,0,0,6.4-6.5,89.4,89.4,0,1,0,26.67,63.67,90.06,90.06,0,0,0-2.46-20.54A4.55,4.55,0,0,0,277,180.74Z'/%3E%3C/svg%3E"); } .picto-complements { -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79ZM375,211.65l-77.38,134c-3.58,6.2-13,11.65-20.18,11.65H122.61c-7.17,0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.2-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c7.17,0,16.6,5.45,20.18,11.65L375,188.35C378.54,194.56,378.54,205.45,375,211.65Z'/%3E%3Cpolygon class='cls-1' points='189.21 137.22 210.94 137.22 210.94 109.4 238.77 109.4 238.77 87.66 210.94 87.66 210.94 60 189.21 60 189.21 87.66 161.38 87.66 161.38 109.4 189.21 109.4 189.21 137.22'/%3E%3Cpath class='cls-1' d='M327.15,181.39a4.51,4.51,0,0,0-2.47-4.06l-78.8-40.76a4.58,4.58,0,0,0-4.26,0l-41.54,22.19L158.67,136.6a4.51,4.51,0,0,0-4.24,0L76.51,176.41a4.56,4.56,0,0,0,0,8.1L112,203.12,76.48,221.73a4.55,4.55,0,0,0,.09,8.12l34.31,17V291.3a4.56,4.56,0,0,0,2.45,4.05L198,339.27a3.8,3.8,0,0,0,.54.22l.38.13a4.68,4.68,0,0,0,1.16.15h.36l.18,0a3.76,3.76,0,0,0,.61-.11,4.5,4.5,0,0,0,.48-.16,3.93,3.93,0,0,0,.5-.22l83.26-43.91a4.56,4.56,0,0,0,2.42-4V247.87l36.82-19.27a4.57,4.57,0,0,0-.11-8.14l-35-17.12,35.06-17.9A4.53,4.53,0,0,0,327.15,181.39ZM204.64,234.78V171.32l64.44,32.06Zm74.14,17.86v35.91l-74.14,39.1V249.5l38.58,19.59a4.57,4.57,0,0,0,4.18,0Zm.2-10.4L245.25,259.9l-34.93-17.74L279.4,208.5l33.1,16.2-27.79,14.54a4.57,4.57,0,0,0-5.73,3Zm.4-43.92L210,163.81l33.79-18.05,68.8,35.59ZM121.82,198,88.51,180.52l67.94-34.76,33.71,18.06ZM120,251.39l35.74,17.72a4.55,4.55,0,0,0,4.2-.08l35.59-19.3v78L120,288.53Zm1.84-43.15,68.36,34-32.53,17.64L119,240.7a4.48,4.48,0,0,0-3.37-1.67l-27-13.38ZM132,203.11l63.53-31.77v63.37Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79ZM375,211.65l-77.38,134c-3.58,6.2-13,11.65-20.18,11.65H122.61c-7.17,0-16.6-5.45-20.18-11.65l-77.38-134c-3.59-6.2-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c7.17,0,16.6,5.45,20.18,11.65L375,188.35C378.54,194.56,378.54,205.45,375,211.65Z'/%3E%3Cpolygon class='cls-1' points='189.21 137.22 210.94 137.22 210.94 109.4 238.77 109.4 238.77 87.66 210.94 87.66 210.94 60 189.21 60 189.21 87.66 161.38 87.66 161.38 109.4 189.21 109.4 189.21 137.22'/%3E%3Cpath class='cls-1' d='M327.15,181.39a4.51,4.51,0,0,0-2.47-4.06l-78.8-40.76a4.58,4.58,0,0,0-4.26,0l-41.54,22.19L158.67,136.6a4.51,4.51,0,0,0-4.24,0L76.51,176.41a4.56,4.56,0,0,0,0,8.1L112,203.12,76.48,221.73a4.55,4.55,0,0,0,.09,8.12l34.31,17V291.3a4.56,4.56,0,0,0,2.45,4.05L198,339.27a3.8,3.8,0,0,0,.54.22l.38.13a4.68,4.68,0,0,0,1.16.15h.36l.18,0a3.76,3.76,0,0,0,.61-.11,4.5,4.5,0,0,0,.48-.16,3.93,3.93,0,0,0,.5-.22l83.26-43.91a4.56,4.56,0,0,0,2.42-4V247.87l36.82-19.27a4.57,4.57,0,0,0-.11-8.14l-35-17.12,35.06-17.9A4.53,4.53,0,0,0,327.15,181.39ZM204.64,234.78V171.32l64.44,32.06Zm74.14,17.86v35.91l-74.14,39.1V249.5l38.58,19.59a4.57,4.57,0,0,0,4.18,0Zm.2-10.4L245.25,259.9l-34.93-17.74L279.4,208.5l33.1,16.2-27.79,14.54a4.57,4.57,0,0,0-5.73,3Zm.4-43.92L210,163.81l33.79-18.05,68.8,35.59ZM121.82,198,88.51,180.52l67.94-34.76,33.71,18.06ZM120,251.39l35.74,17.72a4.55,4.55,0,0,0,4.2-.08l35.59-19.3v78L120,288.53Zm1.84-43.15,68.36,34-32.53,17.64L119,240.7a4.48,4.48,0,0,0-3.37-1.67l-27-13.38ZM132,203.11l63.53-31.77v63.37Z'/%3E%3C/svg%3E"); } .picto-app { -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79Zm-65.31-27.26-79.48-48.35,20.65-21.9,86.56,52.66,28.82,49.91a16,16,0,0,1,1.27,2.86L333.06,166l2-9.44ZM296.7,54.8l21.18,36.68L277.15,66.7l15.59-16.54A18.85,18.85,0,0,1,296.7,54.8ZM122.61,356.35c-6.86,0-15.88-5.21-19.31-11.15l-24.23-42,87.31,53.12Zm94.35,0L81.69,274.05l20.64-21.91,171.3,104.21Zm62,.91L102.68,250l-.69-.42L78.54,274.48l136.22,82.87H171.87L75.21,298.54,25.05,211.65c-3.59-6.2-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c4.61,0,10.15,2.26,14.48,5.52L274,67.13l47.74,29L345,136.41l-86.6-52.68L234.91,108.6l78.78,47.93H305l-7.52,16.26-20.43-12.42-.14-3.84h-6.17L220,125.62l-.69-.42-23.44,24.87,10.61,6.46h-27c-10.67,0-17,5.15-19.5,16.8l-8.68,41-9.5-5.78-.69-.42-4.18,4.43,3.68-17.39H115.7l-7.24,33.47H91.05l12.14-57.51H142.8l3.06-14.59H96.32c-10.66,0-17,5.15-19.49,16.8L65.42,227.16a20.69,20.69,0,0,0-.49,4.05c0,7.35,4.91,11.77,11.77,11.89,0,0,17.29.37,20.48.37s18.76-.37,18.76-.37a19.21,19.21,0,0,0,11.5-4.14l171.5,104.33h0l-1.39,2.4C294.24,351.46,285.88,356.55,279,357.26ZM133.48,228.76l2.63-12.45,5.32-5.64,9.41,5.72-2.28,10.77a20,20,0,0,0-.49,4.05c0,7.35,4.9,11.77,11.77,11.89,0,0,17.29.37,20.48.37,2.12,0,9.73-.16,14.58-.27l118.92,72.34L299.1,341.05,129,237.54A18,18,0,0,0,133.48,228.76Zm93-60.06,15.61,9.49-4.91,23.12-49.63-30.19h38.42Zm-16.15-12.17L199,149.65l20.64-21.9,47.3,28.78H246.66l-4.17,19.59-15.61-9.5L229,156.53Zm92.13,56.05-6.07-3.69,10.51-23h1.23Zm-.44,2.07-4.9,23.13-10.89-6.62,9.33-20.44Zm0,28.45,39.72,24.16L327,292.75,245.37,243.1H249l6-28.56,8.57,5.22.7,23.34h16.44L285.36,233l11.28,6.86L296,243.1ZM186,172.56l37.15,22.6H198.84l-3.76,17.35-15.5-9.43Zm37.64,22.9,13,7.93-6.48,30.5-13-7.92Zm56.6,14.66h-1.48l-.33-9.78,4.94,3Zm-16.72,7.26-8.06-4.91,4.9-23.13,2.37,1.44Zm-2.72-30.11.31-1.43h1.47l.07,2.56Zm-81.68,17.88,15.5,9.43-3,14H174.81l-.55-.33Zm19.47,38h.47c6.13-.12,15.21-3.55,17.54-14.34l.15-.72,13,7.92-1.52,7.14h13.26L326.82,295h0l-11.16,19.33Zm107.22,0h10.84l3.68-17.28,34.34,20.89,0,0-11.16,19.32Zm49,1.37-34.06-20.72,6.48-30.51L369.57,219Zm-70.62-43-5.86-3.57-1.21-35.18,19.5,11.86ZM375,211.65l-3.52,6.11-43.72-26.59,4.91-23.12,44.63,27.15C378.19,200.86,377.42,207.37,375,211.65Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M382.85,183.79l-77.38-134c-5.25-9.1-17.58-16.22-28.08-16.22H122.61c-10.5,0-22.83,7.12-28.08,16.22l-77.38,134c-5.25,9.09-5.25,23.33,0,32.42l77.38,134c5.25,9.09,17.58,16.21,28.08,16.21H277.39c10.5,0,22.83-7.12,28.08-16.21l77.38-134C388.1,207.12,388.1,192.88,382.85,183.79Zm-65.31-27.26-79.48-48.35,20.65-21.9,86.56,52.66,28.82,49.91a16,16,0,0,1,1.27,2.86L333.06,166l2-9.44ZM296.7,54.8l21.18,36.68L277.15,66.7l15.59-16.54A18.85,18.85,0,0,1,296.7,54.8ZM122.61,356.35c-6.86,0-15.88-5.21-19.31-11.15l-24.23-42,87.31,53.12Zm94.35,0L81.69,274.05l20.64-21.91,171.3,104.21Zm62,.91L102.68,250l-.69-.42L78.54,274.48l136.22,82.87H171.87L75.21,298.54,25.05,211.65c-3.59-6.2-3.59-17.09,0-23.3l77.38-134c3.58-6.2,13-11.65,20.18-11.65H277.39c4.61,0,10.15,2.26,14.48,5.52L274,67.13l47.74,29L345,136.41l-86.6-52.68L234.91,108.6l78.78,47.93H305l-7.52,16.26-20.43-12.42-.14-3.84h-6.17L220,125.62l-.69-.42-23.44,24.87,10.61,6.46h-27c-10.67,0-17,5.15-19.5,16.8l-8.68,41-9.5-5.78-.69-.42-4.18,4.43,3.68-17.39H115.7l-7.24,33.47H91.05l12.14-57.51H142.8l3.06-14.59H96.32c-10.66,0-17,5.15-19.49,16.8L65.42,227.16a20.69,20.69,0,0,0-.49,4.05c0,7.35,4.91,11.77,11.77,11.89,0,0,17.29.37,20.48.37s18.76-.37,18.76-.37a19.21,19.21,0,0,0,11.5-4.14l171.5,104.33h0l-1.39,2.4C294.24,351.46,285.88,356.55,279,357.26ZM133.48,228.76l2.63-12.45,5.32-5.64,9.41,5.72-2.28,10.77a20,20,0,0,0-.49,4.05c0,7.35,4.9,11.77,11.77,11.89,0,0,17.29.37,20.48.37,2.12,0,9.73-.16,14.58-.27l118.92,72.34L299.1,341.05,129,237.54A18,18,0,0,0,133.48,228.76Zm93-60.06,15.61,9.49-4.91,23.12-49.63-30.19h38.42Zm-16.15-12.17L199,149.65l20.64-21.9,47.3,28.78H246.66l-4.17,19.59-15.61-9.5L229,156.53Zm92.13,56.05-6.07-3.69,10.51-23h1.23Zm-.44,2.07-4.9,23.13-10.89-6.62,9.33-20.44Zm0,28.45,39.72,24.16L327,292.75,245.37,243.1H249l6-28.56,8.57,5.22.7,23.34h16.44L285.36,233l11.28,6.86L296,243.1ZM186,172.56l37.15,22.6H198.84l-3.76,17.35-15.5-9.43Zm37.64,22.9,13,7.93-6.48,30.5-13-7.92Zm56.6,14.66h-1.48l-.33-9.78,4.94,3Zm-16.72,7.26-8.06-4.91,4.9-23.13,2.37,1.44Zm-2.72-30.11.31-1.43h1.47l.07,2.56Zm-81.68,17.88,15.5,9.43-3,14H174.81l-.55-.33Zm19.47,38h.47c6.13-.12,15.21-3.55,17.54-14.34l.15-.72,13,7.92-1.52,7.14h13.26L326.82,295h0l-11.16,19.33Zm107.22,0h10.84l3.68-17.28,34.34,20.89,0,0-11.16,19.32Zm49,1.37-34.06-20.72,6.48-30.51L369.57,219Zm-70.62-43-5.86-3.57-1.21-35.18,19.5,11.86ZM375,211.65l-3.52,6.11-43.72-26.59,4.91-23.12,44.63,27.15C378.19,200.86,377.42,207.37,375,211.65Z'/%3E%3C/svg%3E"); } .picto-FG { -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M382.85,183.79L305.47,49.75c-5.25-9.09-17.58-16.21-28.08-16.21H122.61c-10.5,0-22.83,7.12-28.08,16.21L17.15,183.79c-5.25,9.09-5.25,23.33,0,32.42l77.38,134.05c5.25,9.09,17.58,16.21,28.08,16.21h154.78c10.5,0,22.83-7.12,28.08-16.21l77.38-134.05c5.25-9.09,5.25-23.33,0-32.42Zm-163.67,113.68l-25.01-23.64,53.1-58.24-8.91,1.71H92.76v-34.26H238.37l8.91,1.37-53.1-58.24,25.01-23.64,88.05,97.64-88.05,97.3Z'/%3E%3C/svg%3E") ; mask-image: url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M382.85,183.79L305.47,49.75c-5.25-9.09-17.58-16.21-28.08-16.21H122.61c-10.5,0-22.83,7.12-28.08,16.21L17.15,183.79c-5.25,9.09-5.25,23.33,0,32.42l77.38,134.05c5.25,9.09,17.58,16.21,28.08,16.21h154.78c10.5,0,22.83-7.12,28.08-16.21l77.38-134.05c5.25-9.09,5.25-23.33,0-32.42Zm-163.67,113.68l-25.01-23.64,53.1-58.24-8.91,1.71H92.76v-34.26H238.37l8.91,1.37-53.1-58.24,25.01-23.64,88.05,97.64-88.05,97.3Z'/%3E%3C/svg%3E"); } /*=========================== 00.KIT css ===========================*/ @media screen and (max-width: 464px) { .single-testimonial .testimonial-author .author-content .holder-name { font-size: 17px !important; font-weight: 700; color: #2E2E2E; } .single-testimonial .testimonial-author .author-content .text { font-size: 15px; } .social .lni { font-size: 2rem; opacity: 0.2; } .social .lni :hover{ font-size: 2rem; opacity: 1 !important; } .single-team .team-image .social { position: absolute; left: 0; right: 0; bottom: 11px !important; } .support-img { position: relative; top:0px } section.rexel-area { min-height: 92vh !important; } .single-smart { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; margin-bottom: 15px; } .counter-wrapper { margin-top: 15px !important; } .videokit-img { width: 100% !important; margin: 0 !important; } .videokit-img-2 { width: 70%; margin: 0 auto; } .Nom-kit { font-size: 24px; color: #002f5f; font-weight: 300; text-align: left; } .Ref-kit { font-size: 11px; color: #002f5f; font-weight: 400; text-align: left; } .Ref-kit-v2 { font-size: 16px; color: #002f5f; font-weight: 200; text-align: left; margin-bottom: 4px; } .prix-kit { color: #fff; font-weight: 700; font-size: 18px; background-color: #e30517; display: block; padding: 4px; border-radius: 10px; position: absolute; right: 0; } .prix-kit-v2 { color: #fff; font-weight: 700; font-size: 32px; background-color: #e30517; display: block; padding: 4px 10px 4px 18px; border-radius: 10px; position: absolute; right: 0; } .prix-kit-v2 span { font-size: 18px; vertical-align: baseline; } .prix-kit-v2 small { font-size: 8px; left: -7px; position: relative; top: -5px; } h3 .product-name { font-weight: light; font-size: 12px; color: black; } .fonc-picto { width: 45px; height: 45px; float: left; margin: 0 10px 0 0; } .fonc-picto2 { width: 50px; height: 50px; float: left; margin: 10px 15px 0 0; } .titrage { margin-bottom: 15px; padding-top: 30px; width: 100%; } .img-marg { margin: 0 auto; padding: 2px; } .single-services { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 0 !important; /* border: 2px solid transparent; */ border-radius: 8px; } .text-accroche { font-size: 1.7rem; font-weight: 100; margin-bottom: 30px; } .text-accroche2 { font-size: 1.2rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; } .masking.blue-ggm { color: #012f60; } h1.masking { margin-bottom: 0; font-size: 1.7rem; padding-top: 2px; font-weight: 100; text-transform: uppercase; color: #fff; line-height: 20px; } h1.masking span { margin-bottom: 0; font-size: 1rem; display: block; z-index: 20; padding-top: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; } .avantages { padding: 15px 15px 0 0; text-align: left; line-height: 20px; color: rgba(0, 0, 0, 0.500); } .avantages span{ font-size: 16px; font-weight: 700; } .video-image { height: 246px; } .text-legende1 { font-size: 0.9rem; line-height: 1.2rem; font-weight: 300; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } .text-legende { font-size: 1.2rem; line-height: 1.2rem; font-weight: 100; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.700); } .bloc-kit { background-color: rgba(255, 255, 255, 0.800); -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; padding: 5px; border-radius: 10px; margin: 15px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .prix-kit span { font-size: 12px; } .prix-kit small { font-size: 8px; left: -7px; position: relative; top: -2px; } .bloc-video { margin-top: 0 !important; } .text-youtube { margin-top: 15px; font-size: 0.7rem; font-weight: 500; margin-bottom: 15px; text-transform: uppercase; text-align: left; line-height: 15px; } .text-youtube span{ font-size: 1.3rem; font-weight: 200; display: block; color: #fff; line-height: 20px; } .text-accroche3 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-align: right; } .text-accroche3 span{ font-size: 1.4rem; font-weight: 300; display: block; color: #fff; } .text-accroche3 a{ text-decoration: none; color: #fff; } .title-gamme { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1rem; } .stick1 { padding: 15px; margin: 15px 15px; background-color: rgba(255, 255, 255, 0.200); } h4.title { font-size: 0.95rem; text-transform: uppercase; } p.text-cred { font-size: 0.9rem; line-height: 0.8rem; color: #6A6972; } p { line-height: 0.95rem; font-size: 0.8rem; } ul.cred li a{ color: #fff; font-size: 1.4rem; } .text-legende2 { font-size: 1rem; line-height: 1.2rem; font-weight: 700; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } #kits > div.navbar-area.sticky > div > div > div > nav > a > img { max-width: 184px; } .container-fluid.mlegal { background-color: red; padding: 20px; margin-top: 30px; } li.list-gamme { display: list-item; text-align: -webkit-match-parent; float: left; padding: 8px 15px; color: #ffffff; background-color: rgba(1, 47, 96, 0.500); margin: 0 10px 5px 0; border-radius: 9px; } li.list-gamme > a{ color: #fff; } .complgamm { display: block; min-height: 200px; } /* cam */ .cart_cam{ text-align: center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.150); height: 38px; margin: auto; /* width: 120px;*/ cursor: pointer; padding: 10px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.150); color: #ffffff; } .cart_cam:hover{ text-align: center; box-shadow:0px 0px 5px #5a5a5a; height: 38px; margin: auto; /* width: 120px;*/ cursor: pointer; background-color: rgba(8, 28, 50, 1.000); } .cart_cam_select{ box-shadow: inset 0px 0px 5px rgba(8, 28, 50, 0.800); background-color: rgba(28, 168, 205, 1.000); } .monitorscreen canvas { width: 100%; min-height: 214px; height: 214px; border-radius: 8px; } .camera-name { color: #fff; line-height: 30px; } /* .services-icon { max-width: 50%; float: left; margin-right: 15px; }*/ .svg-test { max-width: 84%; } h4.services-title { max-width: 44%; float: left; font-size: 16px !important; text-align: left; } .mt-30b { margin-top: 0 !important; } #Avantages > div.container.d-block.d-sm-none > div:nth-child(3) > div.col-md-6.bloc-video > div { margin-top: 0 !important; } .descri-kit-v2 { color: #002f5f; font-size: 0.9rem !important; text-align: left; margin-bottom: 20px; } } @media only screen and (min-width: 465px) and (max-width: 900px){ .monitorscreen canvas { width: 100%; min-height: 311px; height: 311px; border-radius: 8px; } .single-smart { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; } .titrage { margin-bottom: 30px; padding-top: 60px; } h1.masking { margin-bottom: 0; /*font-size: 25px;*/ font-size: 2rem; /* margin-top: 15px;*/ font-weight: 100; text-transform: uppercase; color: #fff; line-height: 25px; float: left; } .masking.blue-ggm { color: #012f60; } h1.masking span { margin-bottom: 0; font-size: 1.2rem; display: block; z-index: 20; margin-top: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; } .avantages { padding: 30px 15px 0 0; text-align: left; color: rgba(0, 0, 0, 0.500); } .avantages span{ font-size: 18px; font-weight: 700; } .bloc-kit { background-color: rgba(255, 255, 255, 0.800); -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; padding: 10px; border-radius: 10px; margin: 30px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .Nom-kit { font-size: 20px; color: #002f5f; font-weight: 300; text-align: left; } .Ref-kit { font-size: 16px; color: #002f5f; font-weight: 700; text-align: left; } .prix-kit { color: #fff; font-weight: 700; font-size: 29px; background-color: #e30517; display: block; padding: 8px; border-radius: 10px; position: absolute; right: 0; } .prix-kit span { font-size: 17px; } .prix-kit small { font-size: 10px; left: -10px; position: relative; top: -5px; } .descri-kit { color: #002f5f; font-size: 1.2rem; } .hero { width: 308px !important; margin: 0 auto; display: block; right: 0 !important; } .fonc-picto2 { width: 70px; height: 70px; margin: 0; } .single-smart { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; } .stick { background-color: rgba(255, 255, 255, 0.400); padding: 20px; border-radius: 50px; max-height: 100px; overflow: visible; } .img-marg { margin: 25px 0 0 0; padding: 6px; } .text-accroche { font-size: 1.3rem; font-weight: 100; margin-bottom: 30px; margin-top: 30px; } .text-accroche2 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; line-height: 1.4em; } .text-accroche3 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-align: right; } .text-accroche3 span{ font-size: 1.8rem; font-weight: 300; display: block; color: #fff; } .text-legende { font-size: 1.1rem; line-height: 1.2rem; font-weight: 100; margin-bottom: 30px; margin-top: 0; color: rgba(0, 0, 0, 0.300); } .masking.blue-ggm { color: #012f60; } .fonc-picto { width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } .text-legende1 { font-size: 1.2rem; line-height: 1.2rem; font-weight: 300; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } li.list-gamme { display: list-item; text-align: -webkit-match-parent; float: left; padding: 8px 15px; color: #ffffff; background-color: rgba(1, 47, 96, 0.500); margin: 0 10px 5px 0; border-radius: 9px; } li.list-gamme > a{ color: #fff; } .title-gamme { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1rem; } .stick1 { padding: 15px; margin: 15px 15px; background-color: rgba(255, 255, 255, 0.200); } ul.cred li a { color: #fff; font-size: 1.4rem; } .link--eirene { font-weight: 700; color: #00cffa; margin-top: 15px; margin-bottom: 30px !important; } .mb-120 { margin-bottom: 30px; } /* cam */ .cart_cam{ text-align: center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.150); height: 38px; margin: auto; /* width: 120px;*/ cursor: pointer; padding: 10px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.150); color: #ffffff; } .cart_cam:hover{ text-align: center; box-shadow:0px 0px 5px #5a5a5a; height: 38px; margin: auto; /* width: 120px;*/ cursor: pointer; background-color: rgba(8, 28, 50, 1.000); } .cart_cam_select{ box-shadow: inset 0px 0px 5px rgba(8, 28, 50, 0.800); background-color: rgba(28, 168, 205, 1.000); } .monitorscreen canvas { width: 100%; min-height: 375px; height: 375px; border-radius: 8px; } .camera-name { color: #fff; line-height: 18px; } .title-gamme { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1rem; } } @media only screen and (min-width: 900px) and (max-width: 1600px) { .fonc-picto2 { width: 70px; height: 70px; margin: 0; } .single-smart { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; } .stick { background-color: rgba(255, 255, 255, 0.400); padding: 20px; border-radius: 50px; max-height: 100px; overflow: visible; } .bloc-video { margin-top: 0; } .img-marg { margin: 0 auto; padding: 8px; } .text-accroche { font-size: 1.3rem; font-weight: 100; margin-bottom: 30px; margin-top: 30px; } .text-accroche2 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; } .text-accroche3 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-align: right; } .text-accroche3 span{ font-size: 1.8rem; font-weight: 300; display: block; color: #fff; } .text-legende { font-size: 1.1rem; line-height: 1.2rem; font-weight: 100; margin-bottom: 30px; margin-top: 0; color: rgba(0, 0, 0, 0.300); } .masking.blue-ggm { color: #012f60; } .fonc-picto { width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } h1.masking { margin-bottom: 0; font-size: 2rem; font-weight: 100; text-transform: uppercase; color: #fff; line-height: 25px; } h1.masking span { margin-bottom: 0; font-size: 1.4rem; display: block; z-index: 20; left: 82px; margin-top: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } .titrage { padding-top: 45px; margin-bottom: 45px !important; } .avantages { padding: 19px 15px 0 0; text-align: left; line-height: 21px; color: rgba(0, 0, 0, 0.500); } .avantages span{ font-size: 18px; font-weight: 700; display: inline; } .bloc-kit { background-color: rgba(255, 255, 255, 0.800); -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; padding: 25px; border-radius: 10px; margin: 30px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .Nom-kit { font-size: 24px; color: #002f5f; font-weight: 300; text-align: left; } .Ref-kit { font-size: 18px; color: #002f5f; font-weight: 700; text-align: left; } .prix-kit { color: #fff; font-weight: 700; font-size: 55px; background-color: #e30517; display: block; padding: 20px; border-radius: 10px; position: absolute; right: 0; } .prix-kit span { font-size: 28px; } .prix-kit small { font-size: 19px; left: -19px; position: relative; top: -10px; } li.list-gamme { display: list-item; text-align: -webkit-match-parent; padding-bottom: 0; float: left; padding: 10px 20px; color: #ffffff; background-color: rgba(1, 47, 96, 0.500); margin: 0 10px 0 0 ; border-radius: 14px; } li.list-gamme > a{ color: #fff; } .title-gamme { margin: 20px 0; } .text-legende1 { font-size: 1.2rem; line-height: 1.2rem; font-weight: 300; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } .text-legende2 { font-size: 1.2rem; line-height: 1.2rem; font-weight: 700; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } .container-fluid.mlegal { background-color: red; padding: 20px; margin-top: 200px; } .text-accroche3 a { text-decoration: none; color: #fff; } .stick1 { background-color: rgba(255, 255, 255, 0.400); padding: 20px; border-radius: 50px; max-height: 200px; margin-bottom: 80px; } ul.cred li a { color: #fff; font-size: 1.4rem; } .list-tutos { color: #fff; font-size: 1.1em; line-height: 1.5em; } /* cam */ .cart_cam{ text-align: center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.150); height: 50px; margin: auto; /* width: 120px;*/ cursor: pointer; padding: 10px; border-radius: 5px; background-color: rgba(1, 47, 96, 0.300); color: #ffffff; } .cart_cam:hover{ text-align: center; box-shadow:0px 0px 5px #5a5a5a; height: 50px; margin: auto; /* width: 120px;*/ cursor: pointer; background-color: rgba(1, 47, 96, 1.000); } .cart_cam_select{ box-shadow: inset 0px 0px 5px #545454; background-color: rgba(1, 47, 96, 0.600); } .monitorscreen canvas { width: 100%; min-height: 397px; height: 397px; } .camera-name { color: #fff; line-height: 30px; } .link--eirene { font-weight: 700; color: #00cffa; margin-top: 15px; margin-bottom: 30px !important; } .title-gamme { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1rem; } } @media only screen and (min-width: 1600px) { /* cam */ .cart_cam{ text-align: center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.150); height: 50px; margin: auto; /* width: 120px;*/ cursor: pointer; padding: 10px; border-radius: 5px; background-color: rgba(1, 47, 96, 0.300); color: #ffffff; } .cart_cam:hover{ text-align: center; box-shadow:0px 0px 5px #5a5a5a; height: 50px; margin: auto; /* width: 120px;*/ cursor: pointer; background-color: rgba(1, 47, 96, 1.000); } .cart_cam_select{ box-shadow: inset 0px 0px 5px #545454; background-color: rgba(1, 47, 96, 0.600); } .monitorscreen canvas{ width: 100%; min-height: 611px; height: 611px; } .camera-name { color: #fff; line-height: 30px; } .text-legende1 { font-size: 1.2rem; line-height: 1.2rem; font-weight: 300; margin-bottom: 30px; margin-top: 0; color: rgba(255, 255, 255, 0.900); } .fonc-picto2 { width: 100px; height: 100px; float: left; margin: 10px 15px 0 0; } .single-smart { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; } .stick { background-color: rgba(255, 255, 255, 0.400); padding: 20px; border-radius: 50px; max-height: 100px; } .stick1 { background-color: rgba(255, 255, 255, 0.400); padding: 20px; border-radius: 50px; max-height: 200px; } .support-img { position: relative; top:-63px } .list-tutos { color: #fff; font-size: 1.1em; line-height: 1.5em; } p.list-tutos { color: #fff; font-size: 1em; line-height: 1.3em; font-weight: 700; margin-top: 15px; } .bloc-video { margin-top: 120px; } .img-marg { margin: 0 auto; padding: 0; } .text-accroche span{ font-size: 1.3rem; font-weight: 700; margin-bottom: 30px; margin-top: 30px; } .text-accroche { font-size: 1.3rem; font-weight: 100; margin-bottom: 30px; margin-top: 30px; } .text-accroche2 { font-size: 1.2rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; } .masking.blue-ggm { color: #012f60; } .fonc-picto { width: 100px; height: 100px; float: left; margin: 15px 10px 0 0; } h1.masking { margin-bottom: 0; font-size: 4rem; padding-top: 9px; font-weight: 100; text-transform: uppercase; color: #fff; line-height: 45px; } h1.masking span { margin-bottom: 0; font-size: 2rem; display: block; z-index: 20; left: 82px; margin-top: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; } .titrage { padding-top: 60px; padding-bottom: 60px !important; } .avantages { padding: 30px 15px 0 0; text-align: left; color: rgba(0, 0, 0, 0.500); } .avantages span{ font-size: 18px; font-weight: 700; } .text-accroche3 { font-size: 0.9rem; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-align: right; margin-top: 8px; } .text-accroche3 a{ text-decoration: none; color: #fff; } .text-accroche3 span{ font-size: 1.8rem; font-weight: 300; display: block; color: #fff; } .text-legende { font-size: 1.1rem; line-height: 1.2rem; font-weight: 100; margin-bottom: 30px; margin-top: 0; color: rgba(0, 0, 0, 0.300); } .bloc-kit { background-color: rgba(255, 255, 255, 0.800); -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; padding: 25px; border-radius: 10px; margin: 30px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .Nom-kit { font-size: 19px; color: #002f5f; font-weight: 300; text-align: left; } .Ref-kit { font-size: 18px; color: #002f5f; font-weight: 700; text-align: left; } .prix-kit { color: #fff; font-weight: 700; font-size: 55px; background-color: #e30517; display: block; padding: 20px; border-radius: 10px; position: absolute; right: 0; } .prix-kit span { font-size: 28px; } .prix-kit small { font-size: 19px; left: -19px; position: relative; top: -10px; } .container-fluid.mlegal { background-color: red; padding: 20px; margin-top: 10px; } li.list-gamme { display: list-item; text-align: -webkit-match-parent; float: left; padding: 8px 15px; color: #ffffff; background-color: rgba(1, 47, 96, 0.500); margin: 0 10px 5px 0; border-radius: 9px; } li.list-gamme > a{ color: #fff; } ul.cred li a { color: #fff; font-size: 1.4rem; } .title-gamme { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 1.1rem; } } .single-tutos { background-color: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; padding: 0 !important; border-radius: 10px; border: 2px solid transparent; margin: 30px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-tutos:hover { border-color: #01458c; box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.45); } .ft-link { font-weight: 300; } .ft-link span{ font-weight: 700; display: block; } a:hover .ft-link { text-decoration: underline !important; } section.video-counter { min-height: 100vh; background-color: #002f5f; background-image: url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23b0cbe2;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M3618.74,3591.85L2065.77,1220.11c-87.11-137.06-292.66-241-455.76-231.84l-2830.26,159.17c-160.71,9.04-353.31,135.36-427.04,279.08l-1277.3,2530.9c-73.72,143.7-60.78,373.97,28.59,508.5l1552.94,2371.74c89.37,134.53,294.92,238.46,455.65,229.43l2830.26-159.17c160.71-9.03,353.31-135.36,427.04-279.08l1277.31-2530.88c73.86-141.31,60.92-371.57-28.46-506.09Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom; } section.compl-area { min-height: 70vh; background-color: rgba(51, 122, 183, 0.400); } @media only screen and (min-width: 1600px) { section.compl-area { min-height: 80vh !important; background-color: rgba(51, 122, 183, 0.400); } } section.rexel-area { min-height: 100vh; background-image: url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%2398acb9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M3618.74,3591.85L2065.77,1220.11c-87.11-137.06-292.66-241-455.76-231.84l-2830.26,159.17c-160.71,9.04-353.31,135.36-427.04,279.08l-1277.3,2530.9c-73.72,143.7-60.78,373.97,28.59,508.5l1552.94,2371.74c89.37,134.53,294.92,238.46,455.65,229.43l2830.26-159.17c160.71-9.03,353.31-135.36,427.04-279.08l1277.31-2530.88c73.86-141.31,60.92-371.57-28.46-506.09Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom; } section.avant-area { min-height: 100vh; background-color: #98acb9; background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 1080' style='enable-background:new 0 0 1920 1080;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ccd625;%7D%3C/style%3E%3Cpath class='st0' d='M-1730.6,4099l1277.3,2530.9c73.7,143.7,266.3,270.1,427,279.1L2804,7068.2c160.7,9.1,366.2-94.9,455.6-229.4 l1552.9-2371.7c89.4-134.5,102.3-364.8,28.6-508.5L3563.8,1427.7c-73.7-143.7-266.3-270.1-427-279.1L306.5,989.4 c-163.1-9.2-368.7,94.7-455.8,231.8l-1553,2371.7C-1791.7,3727.4-1804.7,3957.6-1730.6,4099z'/%3E%3C/svg%3E") ; background-repeat: no-repeat; background-position: bottom; } section.tuto-tech { min-height: 100vh; background-color: #ccd625; background-image: url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23f4f4f4;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M3618.74,3591.85L2065.77,1220.11c-87.11-137.06-292.66-241-455.76-231.84l-2830.26,159.17c-160.71,9.04-353.31,135.36-427.04,279.08l-1277.3,2530.9c-73.72,143.7-60.78,373.97,28.59,508.5l1552.94,2371.74c89.37,134.53,294.92,238.46,455.65,229.43l2830.26-159.17c160.71-9.03,353.31-135.36,427.04-279.08l1277.31-2530.88c73.86-141.31,60.92-371.57-28.46-506.09Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom; } section.smart-area { min-height: 100vh; background-color: #f4f4f4; background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 1080' style='enable-background:new 0 0 1920 1080;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23002f5f;%7D%3C/style%3E%3Cpath class='st0' d='M-1730.6,4099l1277.3,2530.9c73.7,143.7,266.3,270.1,427,279.1L2804,7068.2c160.7,9.1,366.2-94.9,455.6-229.4 l1552.9-2371.7c89.4-134.5,102.3-364.8,28.6-508.5L3563.8,1427.7c-73.7-143.7-266.3-270.1-427-279.1L306.5,989.4 c-163.1-9.2-368.7,94.7-455.8,231.8l-1553,2371.7C-1791.7,3727.4-1804.7,3957.6-1730.6,4099z'/%3E%3C/svg%3E") ; background-repeat: no-repeat; background-position: bottom; } section .smart-area :before { background-color: #000; background-repeat: no-repeat; } @media (max-width: 515px) { /*section { margin-bottom: 30px; }*/ .footer-widget { padding-top: 0 !important; } .col-12.col-lg-4.mb-30 { margin-bottom: 0 !important; } .boutgauche { position: absolute; left: 30px; } .header-hero { position: relative; z-index: 5; background-color: #012f60 !important; } .rxl-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 12px; font-size: 12px; line-height: 24px; border-radius: 4px; border: 0; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; background: -webkit-linear-gradient(left, #e30417 0%, #f66f7a 50%, #e30417 100%); background: -o-linear-gradient(left, #e30417 0%, #f66f7a 50%, #e30417 100%); background: linear-gradient(to right, #e30417 0%, #f66f7a 50%, #e30417 100%); background-size: 200%; } .main-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 12px; font-size: 12px; line-height: 24px; border-radius: 4px; border: 0; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; background: -webkit-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background: -o-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background: linear-gradient(to right, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background-size: 200%; } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: auto !important; } .pb-120 { padding-bottom: 15px !important; } .mb-120 { margin-bottom: 0 !important; } .holder-name { margin-bottom: 15px; font-weight: 300; color: #fff; } .holder-name span{ display: block; font-weight: 700; } .pt-60 { padding: 0 !important; } .rexel-area { background-color: #002f5f !important; padding: 15px !important; } } /*=========================== 01.COMMON css ===========================*/ /*body { font-family: "Lato", sans-serif; font-weight: normal; font-style: normal; }*/ @media screen and (min-width: 991px) { body { font-family: 'Roboto', sans-serif; font-family: 'Titillium Web', sans-serif; font-display: swap; font-size: 16px; color: #1C1818; background: #fff; width: 100%; margin: auto; } } .videokit { background-image: url("/assets/images/fond-hexa.png"); background-position: center; width: 100%; height: 100%; background-size: 93%; } .hero { width: 400px; margin: 0 auto; display: block; } .hero-big { width: 70%; margin: 0 auto; display: block; top: -80px; position: relative; } .videokit-img { width: 74%; margin: 0 auto; } .rexel-area { background-color: #CCC; } .holder-name { margin-bottom: 15px; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; } a:focus, a:hover { text-decoration: none; } i, span, a { display: inline-block; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } h1, h2, h3, h4, h5, h6 { font-family: "Titillium Web", sans-serif; font-weight: 700; color: #2E2E2E; margin: 0px; font-display: swap; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } li { display: list-item; text-align: -webkit-match-parent; padding-bottom: 0; } p { font-size: 16px; font-weight: 400; line-height: 26px; color: #6A6972; margin: 0px; } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } /*===== All Slick Slide Outline Style =====*/ .slick-slide { outline: 0; } /*===== All SECTION TITLE Style =====*/ .section-title .line { background: linear-gradient(90deg, rgba(1,69,140,1) 0%, rgba(1,69,140,1) 35%, rgba(0,212,255,1) 100%); width: 150px; height: 5px; margin-bottom: 10px !important; } /*.section-title h3.title.avanta span { display: block; } .section-title h3.title.avanta::before { background-image: url('/assets/images/avantages.svg'); background-size: 60px 62px; background-position: top; display: inline-block; width: 62px; height: 60px; content:""; }*/ .section-title .title { font-size: 38px; font-weight: 700; line-height: 42px; } @media (max-width: 767px) { .section-title .title { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .section-title .title { font-size: 30px; } } .section-title .title span { font-weight: 400; display: contents; } .title-white { color: #fff; font-size: 38px; font-weight: 700; line-height: 42px; } @media (max-width: 767px) { .title-white { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .title-white { font-size: 30px; } } .title-white span { font-weight: 400; display: flex; } /*===== All Section Title Style =====*/ .section-title .sub-title { font-size: 18px; font-weight: 400; color: #361CC1; text-transform: uppercase; } @media (max-width: 767px) { .section-title .sub-title { font-size: 16px; } } .section-title .title { font-size: 32px; padding-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title .title { font-size: 30px; } } .section-title .title { font-size: 24px; } } .section-title .title span { font-weight: 400; display: contents; } /*===== All Slick Slide Outline Style =====*/ .slick-slide { outline: 0; } /*===== All Preloader Style =====*/ .preloader { /* Body Overlay */ position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; /* Change Background Color */ background: #fff; z-index: 99999; } .preloader .loader { display: table-cell; vertical-align: middle; text-align: center; } .preloader .loader .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; z-index: 18; pointer-events: none; } .preloader .loader .ytp-spinner .ytp-spinner-container { pointer-events: none; position: absolute; width: 100%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite; animation: ytp-spinner-linspin 1568.23529647ms linear infinite; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; right: 50%; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; left: 50%; } .preloader .loader .ytp-spinner-circle { box-sizing: border-box; position: absolute; width: 200%; height: 100%; border-style: solid; /* Spinner Color */ border-color: #361CC1 #361CC1 #E1E1E1; border-radius: 50%; border-width: 6px; } .preloader .loader .ytp-spinner-left .ytp-spinner-circle { left: 0; right: -100%; border-right-color: #E1E1E1; -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .preloader .loader .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0; border-left-color: #E1E1E1; -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } /* Preloader Animations */ @-webkit-keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ytp-spinner-linspin { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin { 12.5% { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); -moz-transform: rotate(675deg); -ms-transform: rotate(675deg); -o-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); -moz-transform: rotate(810deg); -ms-transform: rotate(810deg); -o-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); -moz-transform: rotate(945deg); -ms-transform: rotate(945deg); -o-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin { 0% { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes ytp-right-spin { 0% { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } /*=========================== 02.HEADER css ===========================*/ /*===== NAVBAR =====*/ .navbar-area { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sticky { position: fixed; z-index: 99; background-color: #fff; -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .sticky .navbar { padding: 10px 0; } .navbar { padding: 25px 0; border-radius: 5px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .navbar-brand { padding: 0; } .navbar-toggler { padding: 0; } .navbar-toggler .toggler-icon { width: 30px; height: 2px; background-color: #fff; display: block; margin: 5px 0; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .navbar-toggler.active .toggler-icon:nth-of-type(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px; } .navbar-toggler.active .toggler-icon:nth-of-type(2) { opacity: 0; } .navbar-toggler.active .toggler-icon:nth-of-type(3) { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -7px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 9; -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); padding: 5px 12px; } } @media (max-width: 767px) { .navbar-collapse { position: relative; top: 100%; left: 0; width: 100%; background-color: rgba(255, 255, 255, 1.000); z-index: 9; padding: 10px; } } .navbar-nav .nav-item { margin-right: 16px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item { margin-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item { margin: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item { margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .navbar-nav .nav-item a { font-size: 16px; font-weight: 400; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px 0; position: relative; font-family: "Titillium Web", sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a { display: block; padding: 4px 0; color: #2E2E2E; } } @media (max-width: 767px) { .navbar-nav .nav-item a { display: block; color: #2E2E2E; } } .navbar-nav .nav-item:hover .sub-menu { top: 100%; opacity: 1; visibility: visible; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } .navbar-nav .nav-item .sub-menu { width: 200px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 110%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } @media (max-width: 767px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } .navbar-nav .nav-item .sub-menu li { display: block; } /*.navbar-nav .nav-item .sub-menu li a { display: block; padding: 8px 20px; color: #2E2E2E; }*/ .navbar-nav .nav-item .sub-menu li a.active, .navbar-nav .nav-item .sub-menu li a:hover { padding-left: 25px; color: #361CC1; } .navbar-nav .sub-nav-toggler { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #2E2E2E; font-size: 18px; border: 0; width: 30px; height: 30px; } } @media (max-width: 767px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #2E2E2E; font-size: 18px; border: 0; width: 30px; height: 30px; } } .navbar-nav .sub-nav-toggler span { width: 8px; height: 8px; border-left: 1px solid #2E2E2E; border-bottom: 1px solid #2E2E2E; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -5px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-btn { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } E .navbar-btn { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .navbar-btn .main-btn { height: 45px; line-height: 45px; background: -webkit-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: -o-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background-size: 200%; } .navbar-btn .main-btn:hover { color: #fff; background-position: right center; } .sticky .navbar-toggler .toggler-icon { background-color: #2E2E2E; } .sticky .navbar-nav .nav-item a { color: #2E2E2E; } .sticky .navbar-nav .nav-item.active > a, .sticky .navbar-nav .nav-item:hover > a { color: #361CC1; } /*===== HEADER HERO =====*/ @media (min-width: 515px) { .header-hero { position: relative; z-index: 5; background-position: top center; background-image: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/2022/04/OPC_gigamedia_surveillance_22_655/fond_promo.webp'); width: 100%; height: 100%; } /*===== All Button Style =====*/ .rxl-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 25px; font-size: 16px; line-height: 40px; border-radius: 8px; border: 0; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; background: -webkit-linear-gradient(left, #e30417 0%, #f66f7a 50%, #e30417 100%); background: -o-linear-gradient(left, #e30417 0%, #f66f7a 50%, #e30417 100%); background: linear-gradient(to right, #e30417 0%, #f66f7a 50%, #e30417 100%); background-size: 200%; } .main-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 25px; font-size: 16px; line-height: 40px; border-radius: 8px; border: 0; color: #fff; cursor: pointer; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; background: -webkit-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background: -o-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background: linear-gradient(to right, #33c8c1 0%, #119bd2 50%, #33c8c1 100%); background-size: 200%; } .main-btn:hover { color: #fff; background-position: right center; } .rxl-btn:hover { color: #fff; background-position: right center; } } #particles-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .header-hero-content { padding-top: 180px; } @media (max-width: 767px) { .header-hero-content { padding-top: 100px; } } .header-hero-content .header-sub-title { font-size: 38px; font-weight: 300; color: #fff; } @media (max-width: 767px) { .header-hero-content .header-sub-title { font-size: 24px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .header-hero-content .header-sub-title { font-size: 30px; } } .header-hero-content .header-title { font-size: 38px; font-weight: 700; color: #fff; } @media (max-width: 767px) { .header-hero-content .header-title { font-size: 24px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .header-hero-content .header-title { font-size: 30px; } } .header-hero-content .text { color: #fff; margin-top: 30px; } .header-hero-content .main-btn { margin-top: 40px; } .header-hero-image { padding-top: 45px; } .header-hero-image img { max-width: 100%; } @media (max-width: 767px) { .header-hero-image img { max-width: 100%; } } @media (max-width: 767px) { .header-hero-image { padding-top: 30px; } } /*=========================== 03.BRAND css ===========================*/ @media (max-width: 767px) { .brand-logo { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .single-logo { padding: 0 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-logo { padding: 0 15px; } } @media (max-width: 767px) { .single-logo { padding: 0 15px; } } @media (max-width: 767px) { .single-logo { width: 50%; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single-logo { width: 33.33%; } } .single-logo img { width: 100%; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-logo:hover img { opacity: 1; } .text2 { margin-top: 15px; margin-bottom: 35px; padding-left: 30px; font-size: 0.95em; line-height: inherit ; } /*=========================== 04.SERVICES css ===========================*/ .single-ft { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 15px; border: 2px solid transparent; border-radius: 8px; } .single-services { background-color: #fff; -webkit-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.16); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 10px; border: 2px solid transparent; border-radius: 8px; } @media (max-width: 767px) { .single-services { padding: 20px 20px 30px; } } .single-services .services-icon { display: inline-block; position: relative; } .single-services .services-icon img { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-services .services-icon .shape-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-services .services-icon i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 34px; color: #fff; } .single-services .services-content .services-title a { font-size: 26px; font-weight: 700; color: #2E2E2E; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .services-title span { display: block; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-services .services-content .services-title a { font-size: 24px; } } @media (max-width: 767px) { .single-services .services-content .services-title a { font-size: 20px; } } .single-services .services-content .services-title a:hover { color: #361CC1; } .single-services .services-content .text { margin-top: 30px; } @media (max-width: 767px) { .single-services .services-content .text { margin-top: 20px; } } .single-services .services-content .more { margin-top: 30px; font-size: 16px; font-weight: 400; color: #2E2E2E; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-services .services-content .more i { margin-left: 10px; } .single-services .services-content .more:hover { color: #361CC1; } .single-services:hover { box-shadow: 0px 5px 30px 0px rgba(167, 167, 167, 0.32); transition: all 0.3s ease-out 0s; } .single-services:hover .services-icon .shape { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } .svg-test { width: 91.5%; position: absolute; } /*=========================== 05.ABOUT css ===========================*/ .about-area { position: relative; z-index: 5; } .about-shape-1 { position: absolute; top: 0; right: 0; width: 35%; height: 100%; z-index: -1; } .about-shape-1 img { width: 100%; } @media (max-width: 767px) { .about-shape-1 { display: none; } } .about-shape-2 { position: absolute; top: 0; left: 0; width: 35%; height: 100%; z-index: -1; } .about-shape-2 img { width: 100%; } @media (max-width: 767px) { .about-shape-2 { display: none; } } .about-content { max-width: 480px; } .about-content .text { margin-top: 15px; } .about-content .text2 { margin-top: 15px; font-size: 0.7em; line-height: inherit ; } .about-content .main-btn { background: -webkit-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: -o-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background-size: 200%; height: 50px; line-height: 50px; padding: 0 35px; margin-top: 40px; } .about-content .main-btn:hover { background-position: right center; } /*=========================== 06.VIDEO COUNTER css ===========================*/ .video-content { position: relative; padding-bottom: 30px; } .video-content .dots { position: absolute; left: -30px; bottom: 0; } .video-wrapper { margin-right: 15px; position: relative; -webkit-box-shadow: 0px 13px 46px 0px rgba(113, 113, 113, 0.33); -moz-box-shadow: 0px 13px 46px 0px rgba(113, 113, 113, 0.33); box-shadow: 0px 13px 46px 0px rgba(113, 113, 113, 0.33); border-radius: 10px; overflow: hidden; } @media (max-width: 767px) { .video-wrapper { margin-right: 0; } } .video-wrapper .video-image img { width: 100%; } .video-wrapper .video-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(left, rgba(54, 28, 193, 0.2) 0%, rgba(46, 130, 239, 0.2) 100%); background: -o-linear-gradient(left, rgba(54, 28, 193, 0.2) 0%, rgba(46, 130, 239, 0.2) 100%); background: linear-gradient(to right, rgba(54, 28, 193, 0.2) 0%, rgba(46, 130, 239, 0.2) 100%); } .video-wrapper .video-icon a { width: 160px; height: 160px; line-height: 56px; text-align: center; border-radius: 50%; background-color: rgba(227, 5, 23, 0.900); color: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .counter-wrapper { padding-left: 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .counter-wrapper { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .counter-wrapper { padding-left: 0; } } @media (max-width: 767px) { .counter-wrapper { padding-left: 0; } } .counter-wrapper .counter-content .text { margin-top: 35px; } .counter-wrapper .single-counter { max-width: 155px; height: 120px; border-radius: 60px; position: relative; z-index: 5; margin-top: 60px; } @media (max-width: 767px) { .counter-wrapper .single-counter { max-width: 100px; height: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .counter-wrapper .single-counter { max-width: 155px; height: 120px; } } .counter-wrapper .single-counter::before { position: absolute; content: ''; width: 155px; height: 120px; border-radius: 60px; top: 0; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; } @media (max-width: 767px) { .counter-wrapper .single-counter::before { max-width: 100px; height: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .counter-wrapper .single-counter::before { max-width: 155px; height: 120px; } } .counter-wrapper .single-counter.counter-color-1::before { background: -webkit-linear-gradient(#33c8c1 0%, #119bd2 100%); background: -o-linear-gradient(#33c8c1 0%, #119bd2 100%); background: linear-gradient(#33c8c1 0%, #119bd2 100%); } .counter-wrapper .single-counter.counter-color-2::before { background: -webkit-linear-gradient(#fe8464 0%, #fe6e9a 100%); background: -o-linear-gradient(#fe8464 0%, #fe6e9a 100%); background: linear-gradient(#fe8464 0%, #fe6e9a 100%); } .counter-wrapper .single-counter.counter-color-3::before { background: -webkit-linear-gradient(#361cc1 0%, #2e82ef 100%); background: -o-linear-gradient(#361cc1 0%, #2e82ef 100%); background: linear-gradient(#361cc1 0%, #2e82ef 100%); } .counter-wrapper .single-counter .count { font-size: 22px; font-weight: 700; color: #fff; } @media (max-width: 767px) { .counter-wrapper .single-counter .count { font-size: 18px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .counter-wrapper .single-counter .count { font-size: 22px; } } .counter-wrapper .single-counter .text { font-size: 16px; color: #fff; } @media (max-width: 767px) { .counter-wrapper .single-counter .text { font-size: 14px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .counter-wrapper .single-counter .text { font-size: 16px; } } /*=========================== 07.TEAM css ===========================*/ .single-team { -webkit-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); -moz-box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); box-shadow: 0px 0px 30px 0px rgba(167, 167, 167, 0.16); overflow: hidden; border-radius: 10px; } .single-team .team-image { position: relative; } .single-team .team-image img { width: 100%; } .single-team .team-image .social { position: absolute; left: 0; right: 0; bottom: 25px; } .single-team .team-image .social ul { background-color: rgba(255, 255, 255, 0.23); display: inline-block; border-radius: 50px; padding: 0 13px; position: relative; z-index: 5; overflow: hidden; } .single-team .team-image .social ul::before { position: absolute; content: ''; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; background: -webkit-linear-gradient(#fe8464 0%, #fe6e9a 100%); background: -o-linear-gradient(#fe8464 0%, #fe6e9a 100%); background: linear-gradient(#fe8464 0%, #fe6e9a 100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-team .team-image .social ul li { display: inline-block; } .single-team .team-image .social ul li a { padding: 15px 13px; color: #fff; } .single-team .team-content { padding: 30px; } .single-team .team-content .holder-name a { font-size: 20px; font-weight: 700; color: #2E2E2E; } .single-team .team-content .text { margin-top: 5px; } .single-team:hover .team-image .social ul::before { opacity: 1; visibility: visible; } /*=========================== 08.TESTIMONIAL css ===========================*/ .single-testimonial { background-color: #fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(167, 167, 167, 0.45); -moz-box-shadow: 0px 5px 15px 0px rgba(167, 167, 167, 0.45); box-shadow: 0px 5px 15px 0px rgba(167, 167, 167, 0.45); overflow: hidden; border-radius: 10px; padding: 13px; border-radius: 10px; border: 2px solid transparent; margin: 15px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-align: center; } @media (max-width: 767px) { .single-testimonial { padding: 20px 20px 5px; } } .single-testimonial .testimonial-review .quota i { font-size: 36px; color: #119BD2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .single-testimonial .testimonial-review .star ul li { display: inline-block; font-size: 16px; color: #FE806D; } .single-testimonial .testimonial-text { margin-top: 25px;margin-bottom: 15px; } .single-testimonial .testimonial-author { margin-top: 0px; text-align: left; } .single-testimonial .testimonial-author .author-image { position: relative; width: 136px; left: -12px; } .single-testimonial .testimonial-author .author-image .author { position: absolute; top: 17px; left: 17px; width: 80px; height: 80px; } .single-testimonial .testimonial-author .author-content .holder-name { font-size: 14px; font-weight: 700; color: #2E2E2E; } .single-testimonial .testimonial-author .author-content .text { font-size: 15px; } .single-testimonial:hover { transform: scale(1.05); } .single-testimonial:hover .testimonial-review .quota i { color: #FE7A7B; } /*.slick-center .single-testimonial { border-color: #FE7A7B; }*/ .slick-center .single-testimonial .testimonial-review .quota i { color: #FE7A7B; } .testimonial-active .slick-dots { margin: 0 auto; } .testimonial-active .slick-dots li { display: inline-block; margin: 0 4px; } .testimonial-active .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border: 0; font-size: 0; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .testimonial-active .slick-dots li.slick-active button { opacity: 1; width: 24px; height: 12px; border-radius: 6px; } /*=========================== 09.BLOG css ===========================*/ .single-blog .blog-image img { border-radius: 10px; width: 100%; } .single-blog .blog-content { padding-top: 25px; } .single-blog .blog-content .meta li { font-size: 16px; color: #6A6972; display: inline-block; margin-left: 50px; } .single-blog .blog-content .meta li:first-child { margin-left: 0; } .single-blog .blog-content .meta li a { color: #6A6972; } .single-blog .blog-content .text { font-size: 18px; font-weight: 400; line-height: 30px; color: #2E2E2E; margin-top: 15px; margin-bottom: 15px; } @media (max-width: 767px) { .single-blog .blog-content .text { font-size: 20px; line-height: 30px; } } .single-blog .blog-content .more { font-size: 16px; color: #FE7E71; margin-top: 30px; } .single-blog .blog-content .more i { margin-left: 5px; } /*=========================== 10.SUBSCRIBE css ===========================*/ .subscribe-area { padding: 40px 50px 90px; -webkit-box-shadow: 0px 0px 18px 0px rgba(50, 77, 215, 0.14); -moz-box-shadow: 0px 0px 18px 0px rgba(50, 77, 215, 0.14); box-shadow: 0px 0px 18px 0px rgba(50, 77, 215, 0.14); border-radius: 10px; background-color: #fff; } @media (max-width: 767px) { .subscribe-area { padding: 10px 30px 60px; } } .subscribe-content .subscribe-title { font-size: 35px; font-weight: 700; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .subscribe-content .subscribe-title { font-size: 30px; } } @media (max-width: 767px) { .subscribe-content .subscribe-title { font-size: 24px; } } .subscribe-content .subscribe-title span { font-weight: 400; } .subscribe-form { position: relative; } .subscribe-form input { border: 2px solid #E1E1E1; height: 65px; padding: 0 30px; border-radius: 5px; width: 100%; color: #2E2E2E; } .subscribe-form input::placeholder { opacity: 1; color: #B9B9B9; } .subscribe-form input::-moz-placeholder { opacity: 1; color: #B9B9B9; } .subscribe-form input::-moz-placeholder { opacity: 1; color: #B9B9B9; } .subscribe-form input::-webkit-input-placeholder { opacity: 1; color: #B9B9B9; } .subscribe-form input:focus { border-color: #361CC1; } .subscribe-form button { position: absolute; top: 0; right: 0; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 65px; line-height: 65px; background: -webkit-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: -o-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%); background-size: 200%; } @media (max-width: 767px) { .subscribe-form button { position: relative; width: 100%; margin-top: 10px; border-radius: 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .subscribe-form button { position: absolute; width: auto; margin-top: 0; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } } .subscribe-form button:hover { color: #fff; background-position: right center; } /*=========================== 11.FOOTER css ===========================*/ .footer-area { background-color: #002f5f; /* z-index: -5;*/ } /*.footer-area::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; background-image: url(../images/footer-bg.svg); background-position: top center; z-index: -1; background-size: cover; }*/ @media only screen and (min-width: 1921px) { .footer-area::before { height: 1120px; } } #particles-2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .footer-widget { padding-top: 50px; } .footer-about .logo img { width: 160px; } .footer-about .text { color: #fff; line-height: 30px; margin-top: 30px; } .footer-about .social { margin-top: 20px; } .footer-about .social li { display: inline-block; margin-right: 30px; } .footer-about .social li a { font-size: 22px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .footer-about .social li a:hover { color: #FE8464; } .footer-title .title { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.02em; padding-bottom: 0.8em; } .footer-title .title a:hover { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; } .footer-title .phone-number { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; } .footer-title .fa-2x { float: left; } .footer-title .fa { color: white; } .link-wrapper { padding: 0 35px; } @media (max-width: 767px) { .link-wrapper { padding: 0; padding-right: 50px; } } .link-wrapper .link { padding-top: 0; } .link-wrapper .link li { margin-top: 10px; } .link-wrapper .link li a { font-size: 16px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .link-wrapper .link li a:hover { text-decoration: underline; } .footer-contact .contact { padding-top: 20px; } .footer-contact .contact li { margin-top: 20px; font-size: 16px; color: #fff; } .footer-copyright { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px; padding-bottom: 30px; } .copyright-content { padding-top: 15px; text-align: center; } .copyright-content p { color: #fff; } .copyright-content a { font-size: 16px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .copyright-content a:hover { color: #FE8464; } .text-blanc { font-size: 0.6em; color: white; line-height: 1.2em; } /*===== BACK TO TOP =====*/ .back-to-top { font-size: 20px; color: #fff; position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; background: -webkit-linear-gradient(left, #361cc1 0%, #2e82ef 100%); background: -o-linear-gradient(left, #361cc1 0%, #2e82ef 100%); background: linear-gradient(to right, #361cc1 0%, #2e82ef 100%); text-align: center; z-index: 99; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; display: none; } .back-to-top:hover { color: #fff; }