@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

 :root {
    --sm: 576;
    --md: 768;
    --lg: 992;
    --xl: 1200;
    --xxl: 1400;

    --fontFamily: 'Khand', sans-serif;
    --fontSize: 17px;
    --fontMenuSize: 18px;
    --fontH1Size: 95px;
    --fontWeight: 400;
    --fontColor: #aaa;

    --colorPrimary: #007fff;
    --colorPrimary-10: rgba(0, 127, 255, .1);
    --colorPrimary-15: rgba(0, 127, 255, .15);
    --colorPrimary-20: rgba(0, 127, 255, .2);
    --colorPrimary-25: rgba(0, 127, 255, .25);
    --colorPrimary-33: rgba(0, 127, 255, .33);
    --colorPrimary-50: rgba(0, 127, 255, .5);
    --colorPrimary-66: rgba(0, 127, 255, .66);
    --colorPrimary-75: rgba(0, 127, 255, .75);
    --colorPrimary-90: rgba(0, 127, 255, .9);
    --colorPrimary-95: rgba(0, 127, 255, .95);
    --colorSecondary: #001040;
    --colorSecondary-10: rgba(0, 16, 64, .1);
    --colorSecondary-15: rgba(0, 16, 64, .15);
    --colorSecondary-20: rgba(0, 16, 64, .2);
    --colorSecondary-25: rgba(0, 16, 64, .25);
    --colorSecondary-33: rgba(0, 16, 64, .33);
    --colorSecondary-50: rgba(0, 16, 64, .5);
    --colorSecondary-66: rgba(0, 16, 64, .66);
    --colorSecondary-75: rgba(0, 16, 64, .75);
    --colorSecondary-90: rgba(0, 16, 64, .9);
    --colorSecondary-95: rgba(0, 16, 64, .95);
    --d: 700ms;
    --e: cubic-bezier(.19, 1, .22, 1);
}
::selection {
	color: #fff;
	background: var(--colorPrimary);
}
 body{
    margin:0;
    padding:0;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: var(--fontFamily);
	font-size: var(--fontSize);
	font-weight: var(--fontWeight);
	line-height: 1.75em;
	color: var(--fontColor);
	overflow-x: hidden !important;
	background: var(--colorSecondary);
}
.page-container{
    overflow: hidden;
}
 a,button{
    transition: background var(--d) ease-in-out;
    outline: none!important;
}
 a:hover{
    text-decoration: none;
    cursor:pointer;
}
.page-preloader{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index:100000;
    background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;
    animation-name: preloader-fade;
    animation-delay: 2s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.preloader-complete{
    animation-delay:0.1s;
}
@keyframes preloader-fade {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.bloc{
    width:100%;
    clear:both;
    background: 50% 50% no-repeat;
    padding:0 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
    display:flex;
}
.bloc .container{
    padding-left:0;
    padding-right:0;
    position:relative;
}
.bloc-lg{
    padding:100px 20px;
}
.bloc-md{
    padding:50px 20px;
}
.bloc-fill-screen{
    min-height:100vh;
    display: flex;
    flex-direction: column;
    padding-top:20px;
    padding-bottom:20px;
}
.bloc-fill-screen > .container{
    align-self: flex-middle;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
    flex-grow: 1;
    align-self: center;
    width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
    flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
    align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
    align-self: flex-end;
}
.full-width-bloc{
    padding-left:0;
    padding-right:0;
}
.full-width-bloc .row{
    margin-left:0;
    margin-right:0;
}
.full-width-bloc .container{
    width:100%;
    max-width:100%!important;
}
.full-width-bloc .carousel img {
    display: flexbox;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top center;
}
.bloc-bg-texture::before{
    content:"";
    background-size: 2px 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
}
.texture-darken-strong::before{
    background: rgba(0,0,0,0.8);
}
.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-1;
}
.parallax {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.d-bloc{
    color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
    color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
    border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
    border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
    color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
    color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
    background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
    color:rgba(255,255,255,1);
    border-color:rgba(255,255,255,1);
}
.d-bloc .card{
    color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
    color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
    border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
    border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
    color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
    color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
    color:rgba(0,0,0,.7);
    border-color:rgba(0,0,0,.3);
}
.d-bloc .card,.l-bloc{
    color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
    color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
    border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
    border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
    color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
    color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
    color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
    color:rgba(0,0,0,.7);
    border-color:rgba(0,0,0,.3);
}
.voffset{
    margin-top:30px;
}
.voffset-lg{
    margin-top:80px;
}

#bloc-hero {background: linear-gradient(var(--colorSecondary), var(--colorSecondary-25), transparent);}


.navbar-dark .nav .dropdown-menu .nav-link{
    color: rgb(64, 64, 64);
}

.nav-link {
    font-weight: 500;
    color: #fff !important;
    transition: all var(--d) var(--e);
}
.nav-link:hover, .nav-link.active {color: var(--colorPrimary) !important;}

.sticky-nav {
    z-index: 999;
    background: transparent;
    transition: all var(--d) var(--e);
}
.sticky-nav.sticky {
    position: fixed;
    top: 0;
    background: linear-gradient(var(--colorSecondary), var(--colorSecondary), var(--colorSecondary-90));
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    transition: all var(--d) var(--e);
}
.sticky-nav.sticky .logo {
    width: 100px;
    height: 66px;
}

.fill-bloc-top-edge.sticky {
    background-color: rgb(0, 0, 0);
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    left: 0;
    right: 0;
}

.fill-bloc-top-edge.sticky .navbar {
    max-width: 1600px;
    margin: 0 auto;
}

.nav-special {
    overflow-y: scroll;
}

.nav-special .site-navigation {
    top: 0;
    left: 0;
    width: 100%;
    position: relative !important;
    max-width: 100% !important;
    z-index: 1000;
}

.nav-special .nav>li {
    width: 100%;
    background: none !important;
    border: 0 !important;
}

.nav-special.collapsing {
    -webkit-transition: none;
    transition: none;
    height: 100% !important;
    background: none !important;
}

.nav-special .navbar-nav .dropdown-menu.show {
    position: relative !important;
    transform: none !important;
    float: none;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.nav-special .nav .dropdown-menu .nav-link {
    color: #FFF;
}

.blocsapp-special-menu {
    position: absolute;
    z-index: 1000;
}

.nav-special.fullscreen-nav .caret,
.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret {
    border-width: 8px;
}

.nav-special .navbar-nav .show>.nav-link {
    color: #FFF;
}

.navbar-toggle {
    transition: all .1s linear;
}

.selected-nav {
    opacity: 0;
    transform: scale(0.3);
    transition: all .1s linear;
}

.close-special-menu {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    top: 16px;
    right: 10px;
    z-index: 10000;
}

.nav-invert .sidebar-nav .close-special-menu {
    left: 260px;
}

.close-special-menu .close-icon {
    display: block;
    width: 100%;
    height: 1px;
    transform: rotate(45deg);
    margin-top: 12px;
}

.close-special-menu .close-icon:after {
    content: "";
    display: inherit;
    width: inherit;
    height: inherit;
    background: inherit;
    transform: rotate(90deg);
}

.lock-scroll {
    overflow: hidden;
    transition: background var(--d) linear;
}

.nav-special::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}

.nav-special .dropdown-menu .dropdown .caret {
    border-top-color: rgba(255, 255, 255, .8);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin: 0 0 0 5px;
    float: none;
}

.blocsapp-special-menu .site-navigation.pull-right {
    float: none !important;
}

.close-special-menu .close-icon {
    background: #fff;
}

.blocsapp-special-menu blocsnav {
    background: var(--colorSecondary-90);
}

.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-control:focus~label {
    top: -10px !important;
}

.nav-special.fullscreen-nav {
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1000;
    position: fixed;
    transition: all .2s linear;
}

.nav-special.fullscreen-nav.open-up {
    transform: translateY(1000px);
}

.nav-special.fullscreen-nav.open-down {
    transform: translateY(-1000px);
}

.nav-special.fullscreen-nav.open-left {
    transform: translateX(-1000px);
}

.nav-special.fullscreen-nav.open-right {
    transform: translateX(1000px);
}

.nav-special.fullscreen-nav .nav>li a,
.nav-special.fullscreen-nav .nav .dropdown-menu>li>a {
    color: rgba(255, 255, 255, .8);
    text-align: center;
    font-size: 28px;
}

.nav-special.fullscreen-nav .nav>li a:hover {
    color: #FFF;
}

.open.nav-special.fullscreen-nav {
    opacity: 1;
    transition: all .2s linear;
}

.nav-special.fullscreen-nav .site-navigation {
    text-align: center;
    margin-top: 10% !important;
}

.nav-special.fullscreen-nav .close-special-menu {
    right: 20px;
}

.open.nav-special.fullscreen-nav.open-left,
.open.nav-special.fullscreen-nav.open-right,
.open.nav-special.fullscreen-nav.open-down,
.open.nav-special.fullscreen-nav.open-up {
    transform: translateY(0);
}

.dropdown-menu .dropdown-menu{
    border:none
}
@media (min-width:576px){
    .navbar-expand-sm .dropdown-menu .dropdown-menu{
        border:1px solid rgba(0,0,0,.15);
        position:absolute;
        left:100%;
        top:-7px
    }
    .navbar-expand-sm .dropdown-menu .submenu-left{
        right:100%;
        left:auto
    }
}
@media (min-width:768px){
    .navbar-expand-md .dropdown-menu .dropdown-menu{
        border:1px solid rgba(0,0,0,.15);
        border:1px solid rgba(0,0,0,.15);
        position:absolute;
        left:100%;
        top:-7px
    }
    .navbar-expand-md .dropdown-menu .submenu-left{
        right:100%;
        left:auto
    }
}
@media (min-width:992px){
    .navbar-expand-lg .dropdown-menu .dropdown-menu{
        border:1px solid rgba(0,0,0,.15);
        position:absolute;
        left:100%;
        top:-7px
    }
    .navbar-expand-lg .dropdown-menu .submenu-left{
        right:100%;
        left:auto
    }
}
.mg-clear{
    margin:0;
}
.mg-sm{
    margin-top:10px;
    margin-bottom:5px;
}
.mg-md{
    margin-top:10px;
    margin-bottom:20px;
}
.mg-lg{
    margin-top:10px;
    margin-bottom:40px;
}
img.mg-sm,img.mg-md,img.mg-lg{
    margin-top: 0;
}
img.mg-sm{
    margin-bottom:10px;
}
img.mg-md{
    margin-bottom:30px;
}
img.mg-lg{
    margin-bottom:50px;
}
.btn .arrow-right, .btn .arrow-left {
    display: none;
    transition: all var(--d) var(--e);
}
.btn:hover .arrow-right, .btn:hover .arrow-left {
    display: initial;
    transition: all var(--d) var(--e);;
}
.btn-primary {
    color: #fff !important;
    background-color: var(--colorPrimary);
    border-color: var(colorPrimary-50) !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--colorSecondary);
    border-color: var(--colorPrimary);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.btn-d,.btn-d:hover,.btn-d:focus{
    color:#FFF;
    background:rgba(0,0,0,.3);
}
button{
    outline: none!important;
}
.icon-lg{
    font-size:60px!important;
}
.card-sq, .card-sq .card-header, .card-sq .card-footer{
    border-radius:0;
}
.card-rd{
    border-radius:30px;
}
.card-rd .card-header{
    border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
    border-radius:0 0 29px 29px;
}
.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.form-control, .form-control:hover, .form-control:active, .form-control:focus {
    font-size: var(--fontSize) !important;
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--colorPrimary);
    outline: none;
    box-shadow: none;
}
.form-control::placeholder {
    color: var(--fontColor);
}
.scrollToTop{
    width:36px;
    height:36px;
    padding:5px;
    position:fixed;
    bottom:20px;
    right:20px;
    opacity:0;
    z-index:999;
    transition: all var(--d) ease-in-out;
    pointer-events:none;
}
.showScrollTop{
    opacity: 1;
    pointer-events:all;
}
.scroll-to-top-btn-icon{
    fill: none;
    stroke: #fff;
    stroke-width: 2px;
    fill-rule: evenodd;
    stroke-linecap:round;
}
a[data-lightbox]{
    position: relative;
    display: block;
    text-align: center;
}
a[data-lightbox]:hover::before{
    content:"+";
    font-family: var(--fontFamily);
    font-size:32px;
    line-height: 52px;
    width:50px;
    height:50px;
    margin-left:-25px;
    border-radius: 50%;
    background:rgba(0,0,0,.5);
    color:#FFF;
    font-weight:100;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img{
    opacity: 0.6;
    -webkit-animation-fill-mode: none;
    animation-fill-mode:none;
}
.lightbox-caption{
    padding: 20px;
    color: #FFF;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 5px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
    background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
    position: absolute;
    padding:6px;
    background:rgba(0,0,0,.3);
    line-height:0;
    transition: background .2s ease-in-out;
    border-radius:.25rem;
    border:none;
    z-index:20;
}
.next-lightbox, .prev-lightbox{
    top:45%;
}
.close-lightbox{
    top:20px;
    right:20px;
}
.next-lightbox{
    right:25px;
}
.prev-lightbox{
    left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
    fill:none;
    stroke: #fff;
    stroke-width: 3px;
    fill-rule: evenodd;
    stroke-linecap:round;
}
.lightbox-close-svg{
    pointer-events:none;
}
.fullscreen-lb{
    background:#000;
    border-radius: 0;
}
.fullscreen-lb .modal-body{
    padding:0;
}
.fullscreen-lb .lightbox-caption{
    left:0;
    right:0;
    bottom:-10px;
    text-align:center;
}
.fullscreen-modal{
    background:#000;
}
.fullscreen-modal .modal-dialog{
    width:100%!important;
    max-width:95%!important;
}
.close-full-screen-modal{
    position: fixed;
    display: block;
    width: 25px;
    height:25px;
    top:16px;
    right:10px;
    z-index: 10000;
}
.close-full-screen-modal .close-icon{
    display: block;
    width:100%;
    height:1px;
    background: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top:12px;
}
.close-full-screen-modal .close-icon{
    height:2px;
}
.close-full-screen-modal .close-icon:after{
    content:"";
    display:inherit;
    width:inherit;
    height:inherit;
    background: inherit;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.close-full-screen-modal{
    right:20px;
}
.object-hidden{
    display:none;
}
h1,h2,h3,h4,h5,h6,p,label,.btn,a,ul,ol,li{
    font-family: var(--fontFamily);
    font-weight:400;
    font-size: var(--fontSize);
    line-height:1.75em;
    color: var(--fontColor);
}
h1 {
    font-size: 95px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}
@media (max-width: 700px) {
    h1 {font-size: 50px !important;}
}

ul, ol, li {font-size: var(--fontSize) !important;}

.container{
    max-width: 1600px;
}
.menu{
    color: var(--colorPrimary);
}
.menu:hover{
    color: #fff;
}
.menu:active{
    color: #fff;
}
.navbar-brand img{
    height:100px;
}
.navbar-nav li a{
    font-size:15px;
    font-family: var(--fontFamily);
}
.p-style{
    line-height:1.75em;
    font-size:17px;
    font-family: var(--fontFamily);
    font-weight:600;
}
.p-bloc-hero-style{
    line-height:1.75em;
    font-size:17px;
}
.p-3-style{
    line-height:1.75em;
    font-size:17px;
}
.card{
    border-style:solid;
    border-color:#FEFFFE;
    padding:15px 15px 15px 15px;
    border-width:1px 1px 1px 1px;
}
.card-menu {
    color: var(--fontColor);
    text-decoration: none;
    background-color: var(--colorSecondary);
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    border-right: 1px solid rgba(255, 255, 255, .1) !important;
    transition: all 0s var(--e);
}
.card-menu:hover {background-color: rgba(255, 255, 255, .1);}
.card-menu:hover p {
    color: #fff;
    transition: all var(--d) var(--e);
}
.card-menu .arrow-right, .card-menu .arrow-left {
    display: none;
    transition: all var(--d) var(--e);
}
.card-menu:hover .arrow-right, .card-menu:hover .arrow-left {display: initial;}
.card-menu-bg {background: rgba(255, 255, 255, .05);}
.panel{
    box-shadow:0px 0px 30px #000000;
    margin-top:10px;
}
.panel:hover{
    margin-top:0px;
}
.panel:active{
    margin-top:0px;
}
.img-style{
    height:250px;
}
.img-svg {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    opacity: .5 !important;
    transition: all var(--d) var(--e);
}
.img-svg:hover {transform: scale(.96);}
.p-bloc-2-style{
    font-size:14px;
    line-height:1.75em;
}
.p-6-style{
    font-size:14px;
    line-height:1.75em;
}
.p-7-style{
    font-size:14px;
    line-height:1.75em;
}
.link{
    color:#000000!important;
    font-weight:bold;
}
.link:hover{
    font-weight:bold;
    color:#D90010!important;
}
.link:active{
    font-weight:bold;
    color:#D90010!important;
}
.link-red{
    color:#ECCC00!important;
    font-weight:bold;
}
.link-red:hover{
    font-weight:bold;
    color:#FFFFFF!important;
}
.link-red:active{
    font-weight:bold;
    color:#FFFFFF!important;
}
.link-copyright {
    text-decoration: none;
    color: var(--fontColor) !important;
    transition: all var(--d) var(--e);
}
.link-copyright:hover {color: #fff !important;}
.link-white, .link-white p {
    font-size: inherit;
    text-decoration: none;
    color: #fff !important;
    transition: all.3s var(--e);
}
.link-white:hover, .link-white:hover p {color: var(--colorPrimary) !important;}

.link-color, .link-color p {
    text-decoration: none;
    color: var(--fontColor) !important;
    transition: all var(--d) var(--e);
}
.link-color:hover, .link-color:hover p, .link-color.active {color: var(--colorPrimary) !important;}

.margin-bottom{
    margin-bottom:30px;
}
.h1-style{
    font-size:70px;
}
.h3-bloc-hero-style{
    font-size:30px;
    font-family: var(--fontFamily);
    font-weight:300;
}
h1{
    font-size:70px;
    color:#FFFFFF!important;
    font-family: var(--fontFamily);
    font-weight:200;
}
p{
    font-size:17px;
    font-family: var(--fontFamily);
}
h2{
    font-size:50px;
    font-family: var(--fontFamily);
    font-weight:200;
}
h3{
    font-size:30px;
    font-family: var(--fontFamily);
    font-weight:300;
}
h4{
    font-size:24px;
    font-family: var(--fontFamily);
}
h5{
    font-size:20px;
    font-family: var(--fontFamily);
}
h6{
    font-size:18px;
    font-family: var(--fontFamily);
}
label{
    font-family: var(--fontFamily);
    color:#FFFFFF!important;
}
a{
    font-family: var(--fontFamily);
}
.navbar-brand{
    font-family: var(--fontFamily);
}
.h1-2-style{
    font-family: var(--fontFamily);
    font-weight:300;
}
.h3-style{
    font-family: var(--fontFamily);
    font-weight:300;
}
.img-efaro-lo-style{
    width:250px;
}
.img-bloc-foot-style{
    width:250px;
}
.p-bloc-zimowe-style{
    font-size:14px;
}
.p-8-style{
    font-size:14px;
}
.bgc-black{
    background-color:#000000;
}
.bgc-gainsboro{
    background-color:#DEDEDE;
}
.bgc-red{
    background-color:#FF0000;
}
.tc-white{
    color:#FFFFFF!important;
}
.tc-red{
    color:#FF0000!important;
}
.tc-black{
    color:#000000!important;
}
.tc-primary, .text-primary {color: var(--colorPrimary) !important;}
.tc-secondary, .text-secondary {color: var(--colorSecondary) !important;}
.icon-red{
    color:#FF0000!important;
    border-color:#FF0000!important;
}
.bg-bgr{
    background-image:url("img/bgr.jpg");
}
.bg-20220826-090550{
    background-image:url("img/20220826_090550.jpg");
}
.bg-20220826-085706{
    background-image:url("img/20220826_085706.jpg");
}
@media (min-width: 576px) {
     .bloc-xxl-sm{
        padding:200px 20px;
    }
     .bloc-xl-sm{
        padding:150px 20px;
    }
     .bloc-lg-sm{
        padding:100px 20px;
    }
     .bloc-md-sm{
        padding:50px 20px;
    }
     .bloc-sm-sm{
        padding:20px;
    }
     .bloc-no-padding-sm{
        padding:0 20px;
    }
}
@media (min-width: 768px) {
     .bloc-xxl-md{
        padding:200px 20px;
    }
     .bloc-xl-md{
        padding:150px 20px;
    }
     .bloc-lg-md{
        padding:100px 20px;
    }
     .bloc-md-md{
        padding:50px 20px;
    }
     .bloc-sm-md{
        padding:20px 20px;
    }
     .bloc-no-padding-md{
        padding:0 20px;
    }
}
@media (min-width: 992px) {
     .bloc-xxl-lg{
        padding:200px 20px;
    }
     .bloc-xl-lg{
        padding:150px 20px;
    }
     .bloc-lg-lg{
        padding:100px 20px;
    }
     .bloc-md-lg{
        padding:50px 20px;
    }
     .bloc-sm-lg{
        padding:20px;
    }
     .bloc-no-padding-lg{
        padding:0 20px;
    }
}
@media (max-width: 1024px){
     .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
         padding-left: 0;
         padding-right: 0;
    }
}
@media (max-width: 991px){
     .container{
        width:100%;
    }
     .bloc{
        padding-left: constant(safe-area-inset-left);
        padding-right: constant(safe-area-inset-right);
    }
     .bloc-group, .bloc-group .bloc{
        display:block;
        width:100%;
    }
}
@media (max-width: 767px){
     .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
         padding-left:0;
        padding-right:0;
    }
     .btn-dwn{
         display:none;
    }
     .voffset{
         margin-top:5px;
    }
     .voffset-md{
         margin-top:20px;
    }
     .voffset-lg{
         margin-top:30px;
    }
     form{
         padding:5px;
    }
     .close-lightbox{
         display:inline-block;
    }
     .blocsapp-device-iphone5{
         background-size: 216px 425px;
         padding-top:60px;
         width:216px;
         height:425px;
    }
     .blocsapp-device-iphone5 img{
         width: 180px;
         height: 320px;
    }
}
@media (max-width: 991px){
    .panel{
        margin-bottom:30px;
    }
    .navbar-brand img{
        height:100px;
    }
    .voffset-clear-md{
        margin-top:0;
    }
    .mg-sm-md{
        margin-top:10px;
        margin-bottom:5px;
    }
    .mg-md-md{
        margin-top:10px;
        margin-bottom:20px;
    }
}
@media (max-width: 767px){
    .p-style{
        font-family: var(--fontFamily);
    }
    .mg-md-sm{
        margin-top:10px;
        margin-bottom:20px;
    }
}
@media (max-width: 575px){
    .navbar-brand img{
        height:50px;
    }
    .mg-lg-xs{
        margin-top: 10px;
        margin-bottom:40px;
    }
}
 .fill-bloc-top-edge.sticky {
    background-color: rgb(0, 0, 0);
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    left: 0;
    right: 0;
}

.card-services {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    padding: 20px;
    width: 100%;
    min-height: 450px;
    text-align: center;
    color: #fff;
    background: var(--colorPrimary);
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
  }
  
  .card-services-image {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.1);
    opacity: 1;
    filter: grayscale(0);
    transition: all var(--d) var(--e);
  }
  .card-services-content {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0px;
    width: 100%;
    transition: all var(--d) var(--e);
  }
  .card-services-content:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 0%, var(--colorSecondary-75) 75%);
    transition: all var(--d) var(--e);
  }
  .card-services-title {
    position: absolute;
    left: 5%;
    bottom: 30px;
    width: 90%;
    text-align: center;
    color: #fff;
    /*font-size: 1.35rem;*/
    font-weight: 500;
    transition: all var(--d) var(--e);
  }
  .card-services-copy {
    display: block;
    position: relative;
    left: 5%;
    bottom: -300px;
    width: 90%;
    color: #fff;
    opacity: 0;
    transition: all var(--d) var(--e);
  }
  .card-services:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.2), 0 8px 8px rgba(0, 0, 0, 0.2), 0 16px 16px rgba(0, 0, 0, 0.5);
  }
  .card-services:hover .card-services-image {
    top: -20px;
    filter: grayscale(1);
    opacity: .4;
    transition: all var(--d) var(--e);
  }
  .card-services:hover .card-services-title {
    bottom: 100%;
    transform: translateY(-90%);
    transition: all var(--d) var(--e);
  }
  .card-services:hover .card-services-copy {
    display: block;
    bottom: 23px;
    opacity: 1;
    transition: all var(--d) var(--e);
  }