html {
font-size: 16px;
overflow-x:hidden;
}
body { font-family:'Avenir Book', sans-serif; line-height: 1.5; background: #00002e; color:#fff; }
.bg-white
{background: #00002e !important; color:#fff ; }
.lightMode .bg-white
{background: #fff !important; color:#000 ; }
.bg-white.desktop-navbar.menu-white
{background: transparent !important; color:#fff !important; }
.bg-white.desktop-navbar
{background: #00002e !important; color:#fff !important; }
.desktop-navbar .main-navigation .nav-menu > li > a:not(.btn):not(.btn-c2) {
color:#fff !important;
}
#custom-navbar:not(.fixed-top) {
position: absolute;
width:100%;
}
.card
{ color:#00002e ; }
.bg-light
{background: rgba(0,0,0,0.2) !important; }
.desktop-navbar .main-navigation .nav-menu > li > a:not(.btn):not(.btn-c2) {color:#fff;}
.offcanvas-menu #main {
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
overflow: hidden;
}
.scroll-down-container {
position: absolute;
bottom: 16rem;
left: 0;
z-index: 999;
pointer-events: none;
}
.scroll-down {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 8rem;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
font-size: 1rem;
color: inherit;
z-index: 999;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.scroll-down .bg-white {
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.scroll-down .bg-white:hover {
background-color: #ed1846 !important;
}
.scroll-down .bg-white:hover [class*="fa-"] {
color: #fff !important
}
.btn:focus,
select:focus,
.custom-control-label:focus,
.custom-control-label:hover,
.custom-control-label:hover:before,
.custom-control-label:hover:after,
.custom-control-label:focus:before,
.custom-control-label:focus:after,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::before,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
box-shadow: none !important;
outline:none !important;
}
.image-box { overflow: hidden; }
.image-box[data-lazy-class="loaded"] { opacity: 0; }
.image-box.loaded[data-lazy-class="loaded"] {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* Breadcrumb */
.breadcrumb-container {
position: absolute;
left: auto;
top: 0;
z-index: 999;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0rem;
margin-bottom: 0;
background-color: transparent;
font-size: .85rem;
letter-spacing: .04em;
text-transform: normal;
}
.text-white .breadcrumb-item > a:not(.btn) { color: #fff !important; }
.breadcrumb-item:hover > a, .breadcrumb-item:last-child > a { color: #e30613 !important; }
.breadcrumb-item { transition: none; }
.text-white .breadcrumb-item:hover > a, .text-white .breadcrumb-item:last-child > a { color: #fff !important; }
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #e30613;
font-weight: 400 !important;
font-family: 'Font Awesome 5 Pro';
content: "\f105";
-webkit-text-stroke-width: none !important;
-webkit-text-stroke-color: rgba(255,255,255,0);
}
.breadcrumb-item+.breadcrumb-item { padding-left: .5rem; }
.text-white .breadcrumb-item+.breadcrumb-item::before { color: #e30613 !important; }
/* Delays */
.delay-1 { animation-delay: .1s; }
.delay-2 { animation-delay: .2s; }
.delay-3 { animation-delay: .3s; }
.delay-4 { animation-delay: .4s; }
.delay-4 { animation-delay: .5s; }
.delay-5 { animation-delay: .6s; }
.delay-6 { animation-delay: .7s; }
.delay-7 { animation-delay: .8s; }
.delay-8 { animation-delay: .9s; }
.delay-9 { animation-delay: 1s; }
.delay-10 { animation-delay: 1.1s; }
.delay-11 { animation-delay: 1.2s; }
.delay-12 { animation-delay: 1.3s; }
.delay-13 { animation-delay: 1.4s; }
.delay-14 { animation-delay: 1.5s; }
.delay-15 { animation-delay: 1.6s; }
.delay-16 { animation-delay: 1.7s; }
.delay-17 { animation-delay: 1.8s; }
.delay-18 { animation-delay: 1.9s; }
.delay-19 { animation-delay: 2.0s; }
.delay-20 { animation-delay: 2.1s; }
/* Delays end*/
/* Custom paddings */
.default-p, .py-default { padding-top: 8rem; padding-bottom: 8rem; }
.pt-default { padding-top: 8rem; }
.pb-default { padding-bottom: 8rem; }
/* Images */
.image-box > img { opacity: 0; }
.image-box > img.loaded {
animation: fadeIn 1s;
animation-fill-mode: forwards;
}
.image-box > img, .video-box > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.image-box.ratio-auto > img, .video-box.ratio-auto > img {
position: relative;
top: auto;
left: auto;
max-width: 100%;
max-height: none;
height: auto;
width: auto;
-o-object-fit: unset;
object-fit: unset;
-o-object-position: unset;
object-position: unset;
}
/* Custom styles */
.col-fifth, .col-seventh, .col-eight, .col-ninth, .col-tenth, .col-eleventh, .col-sm-fifth, .col-sm-seventh, .col-sm-eight, .col-sm-ninth, .col-sm-tenth, .col-sm-eleventh, .col-md-fifth, .col-md-seventh, .col-md-eight, .col-md-ninth, .col-md-tenth, .col-md-eleventh, .col-lg-fifth, .col-lg-seventh, .col-lg-eight, .col-lg-ninth, .col-lg-tenth, .col-lg-eleventh, .col-xl-fifth, .col-xl-seventh, .col-xl-eight, .col-xl-ninth, .col-xl-tenth, .col-xl-eleventh {
position: relative;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
.stretched-link {
/*position: relative;*/
display: inline-block;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
position: relative;
}
.tinyTitle { display: block; }
/* List */
ul:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) {
position: relative;
display: block;
list-style-type: none;
padding-left:0;
margin-top: 1rem;
}
ul:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li {
position: relative;
display: block;
padding:0 0 1rem 1.5rem;
break-inside: avoid;
}
ul:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) li:last-child { padding-bottom: 0; }
ul:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before {
content:'\f105';
position: absolute;
top: auto;
left: 0;
width: 2rem;
height: auto;
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
font-size: 1rem;
color:#e30613;
}
.text-white ul:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before { color: #fff; }
ul.list-md:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) li {
padding: 0 0 1rem calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)) + .5rem);
}
@media (min-width: 1599.98px) {
ul.list-md:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) li {
padding: 0 0 1rem 2rem;
}
}
ul.list-lg:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) li {
padding: 0 0 1rem calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)) + .5rem);
}
@media (min-width: 1599.98px) {
ul.list-lg:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination) li {
padding: 0 0 1rem 3rem;
}
}
.text-field ul.list-md:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before {
content: '\f00c';
font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
width: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
}
@media (min-width: 1599.98px) {
.text-field ul.list-md:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before {
font-size: 24px;
width: 1.25rem;
}
}
.text-field ul.list-lg:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before {
content: '\f00c';
font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
width: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
}
@media (min-width: 1599.98px) {
.text-field ul.list-lg:not(.nav-menu):not(.nav-wrap):not(.nav-image-menu):not(.dropdown):not(.collapse):not(.collapsing):not(.nav-tabs):not(.cc-cp-body-tabs):not(.nav-ul):not(.nav-menu):not(.side-menu):not(.pagination):not(.list-icon) li::before {
font-size: 2rem;
width: 2rem;
}
}
[id*="article-detail-"] .text-field img {
max-width: 100%;
height: auto;
margin-bottom: 1rem;
}
a {
}
a:hover {
text-decoration: none;
}
/*[class*="col-"], .col {
padding-top: 1rem;
padding-bottom: 1rem;
}*/
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #28a745;
}
input:focus + .slider {
box-shadow: 0 0 1px #28a745;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/*.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
height: calc(1.5em + 1rem + 2px);
}*/
/* Backgrounds */
.text-white ::placeholder {
color: #fff !important;
}
.text-white ::placeholder {
color: #fff !important;
}
.bg-positive {
background-color: #ffffff !important;
}
.bg-negative {
background-color: #ff6209 !important;
color: #fff !important;
}
.bg-normal {
background-color: #f0f5ff !important;
}
/*.bg-negative h1, .bg-negative .h1, .bg-negative h2, .bg-negative .h2, .bg-negative h3, .bg-negative .h3, .bg-negative h4, .bg-negative .h4, .bg-negative h5, .bg-negative .h5, .text-white h1, .text-white .h1, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white h5, .text-white .h5 {
color: inherit !important;
}*/
.bg-complementary {
background-color: #87efef !important;
}
.bg-image-cover {
position: absolute;
display: flex;
width: auto;
/*max-width: 50vw;*/
height: auto;
max-height: 100%;
z-index: 0;
pointer-events: none;
}
/* Backgrounds */
/* BTN */
.mixitup-control-active {
position: relative;
}
.mixitup-control-active span {
z-index: 2;
position: relative;
}
[id*="filters-"] fieldset .control {
transition: color .2s ease-in;
-webkit-transition: color .2s ease-in;
}
[id*="filters-"] fieldset .control.btn.btn-outline-primary:hover, .control.btn.btn-outline-primary.mixitup-control-active {
background:#e30613;
color: #fff;
}
[id*="filters-"] fieldset .control.btn.btn-outline-secondary:hover, .control.btn.btn-outline-secondary.mixitup-control-active {
background:#e30613;
color: #fff;
}
/*.btn-sm, .btn-group-sm > .btn {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem;
}
.btn {
padding: 0.75rem 1.5rem;
font-size: 1rem;
border-radius: 5px;
}
.input-group .btn {
padding: .375rem .75rem;
font-size: 1rem;
border-radius: 5px;
}
.form-control {
border-radius: 5px;
}*/
/* BTN */
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/* Form */
::-webkit-input-placeholder {
direction: rtl;
}
fieldset.form-group {
position: relative;
margin: 0;
}
/* fieldset.form-group.contact-form label {
position: absolute;
top: 0.5rem;
left: .5rem;
transition: all .2s ease-in-out;
cursor: text;
font-size: 1rem;
padding: 0 1rem;
margin: 0;
background: #fff;
width: auto;
height: auto;
pointer-events: none;
color: #999;
}
fieldset.form-group.contact-form label [class*="fa-"] {
font-size: 80%;
}
fieldset.form-group.contact-form.focused label {
color: #999;
top: -0.75rem;
background: white;
font-size: .8rem;
} */
/* Form end */
/* Loader */
.overlay-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1029;
background: #fff;
}
.loader, .loader:after {
border-radius: 50%;
width: 2.4rem;
height: 2.4rem;
}
.loader {
margin: auto;
font-size: 0.2rem;
position: absolute;
top: calc(50% - 1.2rem);
left: calc(50% - 1.2rem);
text-indent: -9999em;
border-top: 1.1em solid rgba(0,3,33, 0.2);
border-right: 1.1em solid rgba(0,3,33, 0.2);
border-bottom: 1.1em solid rgba(0,3,33, 0.2);
border-left: 1.1em solid #000321;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Loader end */
/* Scroll top */
.scroll-top {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
}
.scroll-top [class*="fa-"] {
font-size: 1rem;
position: relative;
}
.scroll-top:hover {
opacity: .85;
}
.scroll-top:hover [class*="fa-"] {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
top: 0.5rem;
}
/* Scroll top end */
/* Icons */
[class*="icon-"] {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
}
.icon-16, .icon-16 > svg {
width: 32px;
height: 32px;
}
.icon-24, .icon-24 > svg {
width: 24px;
height: 24px;
}
.icon-32, .icon-32 > svg {
width: 32px;
height: 32px;
}
.icon-48, .icon-48 > svg {
width: 48px;
height: 48px;
}
.icon-56, .icon-56 > svg {
width: 56px;
height: 56px;
}
.icon-64, .icon-64 > svg {
width: 64px;
height: 64px;
}
.icon-72, .icon-72 > svg {
width: 72px;
height: 72px;
}
.icon-80, .icon-80 > svg {
width: 80px;
height: 80px;
}
.icon-96, .icon-96 > svg {
width: 96px;
height: 96px;
}
.icon-128, .icon-128 > svg {
width: 128px;
height: 128px;
}
.icon-16:not(.scroll-button) [class*="fa-"] { font-size: 16px; }
.icon-24:not(.scroll-button) [class*="fa-"] { font-size: 20px; }
.icon-32:not(.scroll-button) [class*="fa-"] { font-size: 24px; }
.icon-48:not(.scroll-button) [class*="fa-"] { font-size: 32px; }
.icon-64:not(.scroll-button) [class*="fa-"] { font-size: 48px; }
.icon-96:not(.scroll-button) [class*="fa-"] { font-size: 64px; }
.icon-128:not(.scroll-button) [class*="fa-"] { font-size: 72px; }
.icon-auto:not(.scroll-button) [class*="fa-"] { font-size: calc(10vw + 10vh + 5vmin); }
/* Icons end */
/* Settings */
/* #main {
padding-top: 108px;
}*/
section {
position: relative;
padding: 0rem 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
section:first-of-type.pt-0 {
padding: 0 0 0rem 0;
}
.container-fluid, .container {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.navbar-brand svg {
position: relative;
display: block;
width: 217px;
height: 42px;
}
textarea:focus, input:focus {
box-shadow: none;
outline: none;
}
.line-height-small {
line-height: .75;
}
.footer-logo svg {
position: relative;
display: block;
width: 125px;
height: 35px;
top: 3px;
}
.text-white a:not(.btn) {
color: inherit !important;
}
.font-0 {
font-size: 0 !important;
}
[class*="col-"] {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
[class*="col-"].fixed-bg {
background-attachment: fixed;
}
.center-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.bg-none {
background: none !important;
}
.card-text {
clear: both;
margin-top: .5em;
}
.meta {
font-size: 1em;
color: rgba(0,0,0,.4);
}
/* Settings end */
/* Font sizes */
/*.topTitle h2, .topTitle .h2 {
font-size: 3rem;
font-weight: 300;
}*/
/* Font sizes end */
/* Image settings */
.bg-fixed {
background-attachment: fixed;
}
.bg-fixed > .image-box {
background-attachment: fixed;
}
.image-box {
position: relative;
display: inline-block;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.product-image-box {
position: relative;
display: inline-block;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
}
.image-box.ratio-4-3 {
padding-bottom: 75%
}
.image-box.ratio-16-9 {
padding-bottom: 56.25%
}
.image-box.ratio-1-1 {
padding-bottom: 100%
}
.image-box.ratio-9-16 {
padding-bottom: 156.25%
}
.image-box.ratio-3-4 {
padding-bottom: 133.333%
}
.image-box.ratio-auto {
height: auto;
padding-bottom: 0;
}
.image-box.vh25 {
height: 25vh;
padding: 0;
}
.image-box.vh33 {
height: 33vh;
padding: 0;
}
.image-box.vh50 {
height: 50vh;
padding: 0;
}
.image-box.vh66 {
height: 66vh;
padding: 0;
}
.image-box.vh75 {
height: 75vh;
padding: 0;
}
.image-box.vh100 {
height: 25vh;
padding: 0;
}
:not(.image-box)[class*="ratio-"]::after {
content: '';
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
:not(.image-box).ratio-4-3::after {
padding-bottom: 75%;
}
:not(.image-box).ratio-16-9::after {
padding-bottom: 56.25%;
}
:not(.image-box).ratio-1-1::after {
padding-bottom: 100%;
}
:not(.image-box).ratio-9-16::after {
padding-bottom: 156.25%;
}
:not(.image-box).ratio-3-4::after {
padding-bottom: 133.333%;
}
.imageBluriness
{
position: absolute;
left: 0;
top: 5%;
-webkit-filter: blur(30px);
filter: blur(30px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='30');
transform: scale(85%);
opacity: 0.7;
z-index: 0;
}
.blurImage > img:not(.imageBluriness) {
position: relative;
z-index: 1;
}
/* Image settings end */
/* Video settings */
.video-holder {
position: absolute;
width: 100%;
min-height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
z-index: 0;
overflow: hidden;
will-change: transform, opacity, filter;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-repeat: no-repeat;
}
.video-holder video {
position: absolute;
display: block;
z-index: 0;
top: 50%;
left: 50%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
min-width: 100%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.video-holder.p-overlay::after, .video-holder.n-overlay::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,.25);
z-index: 0;
}
.video-holder.n-overlay::after {
background: rgba(18,64,102,0.75);
}
/* Video settings end */
/* Parallax */
.parallax-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.parallax-scene {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.parallax-scene div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.parallax-scene div div {
position: absolute;
width: 120%;
height: 120%;
top: -10%;
left: -10%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.parallax-holder.p-overlay::after, .parallax-holder.n-overlay::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.7);
z-index: 0;
}
.parallax-holder.n-overlay::after {
background: rgba(0,0,0,0.7);
}
/* Parallax end */
/* Cart styles */
[class*="step-"] {
height: 8rem;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #f0f5ff;
}
[class*="step-"].bg-negative {
border-color: #ff6209;
color: #fff !important;
}
[class*="step-"]::before {
content: '';
position: absolute;
top: 0;
right: -23px;
width: 0;
height: 0;
border-style: solid;
border-width: 4rem 0 4rem 1.5rem;
border-color: transparent transparent transparent #ffffff;
z-index: 999;
}
[class*="step-"]::after {
content: '';
position: absolute;
top: 0;
right: -24px;
width: 0;
height: 0;
border-style: solid;
border-width: 4rem 0 4rem 1.5rem;
border-color: transparent transparent transparent #f0f5ff;
z-index: 998;
}
[class*="step-"].bg-negative::before {
border-color: transparent transparent transparent #ff6209;
}
[class*="step-"].bg-negative::after {
border-color: transparent transparent transparent #ff6209;
}
[class*="col-"]:last-child [class*="step-"]::before, [class*="col-"]:last-child [class*="step-"]::after {
display: none;
}
[class*="col-"]:first-child [class*="step-"] {
border-left: 1px solid;
border-color: #f0f5ff;
}
[class*="col-"]:first-child [class*="step-"].bg-negative {
border-color: #ff6209;
}
[class*="col-"]:last-child [class*="step-"] {
border-right: 1px solid;
border-color: #f0f5ff;
}
@media (max-width: 991.98px) {
.step-1 .display-4, .step-2 .display-4, .step-3 .display-4 {
font-size: 1rem;
font-weight: 700;
}
.step-1 strong.h2, .step-2 strong.h2, .step-3 strong.h2 {
font-size: .8rem;
}
[class*="step-"] {
height: 4rem;
}
[class*="step-"]::before, [class*="step-"]::after {
border-width: 2rem 0 2rem 0.75rem;
}
[class*="step-"]::before {
right: -12px;
}
[class*="step-"]::after {
right: -13px;
}
}
.border-cart {
border-color: #f0f5ff;
}
.cart ::placeholder {
color: rgba(0,0,0,0.25) !important;
}
.cart ::-webkit-input-placeholder {
color: rgba(0,0,0,0.25) !important;
}
.cart ::-moz-input-placeholder {
color: rgba(0,0,0,0.25) !important;
}
.cart input:focus::placeholder {
color: #fff !important;
}
.cart input:focus::-webkit-input-placeholder {
color: #fff !important;
}
.cart input:focus::-moz-input-placeholder {
color: #fff !important;
}
.cursor-pointer {
cursor: pointer;
}
.openCart {
color: #29235c;
cursor: pointer;
position: relative;
}
.navbar-dark .openCart {
color: rgba(255,255,255,1);
}
.navbar-dark .navbar-brand svg * {
fill: #fff !important;
}
.cartCount {
position: absolute;
bottom: 0.25rem;
right: 0.25rem;
font-size: 0.75rem;
background: #ff6209;
width: 1.25rem;
height: 1.25rem;
text-align: center;
border-radius: 0.625rem;
color: #fff;
}
.cartplace, .menuplace {
transition: left .5s ease-in;
-o-transition: left .5s ease-in;
-ms-transition: left .5s ease-in;
-moz-transition: left .5s ease-in;
-webkit-transition: left .5s ease-in;
left: 100%;
}
.cartplace.hidden {
left: 100%;
}
.menuplace.hidden {
right: 100%;
}
.cartplace.inView, .menuplace.inView {
left: 0%;
}
.z-index-1000 {
z-index: 1000;
}
/*https://apina.biz/55045*/
/* Cart styles end */
/* Font sizes */
.font-1rem {
font-size: 1rem !important;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.font-12 {
font-size: 0.75rem;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.font-20 {
font-size: 1.25rem;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.font-30 {
font-size: 1.875rem;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.font-40 {
font-size: 2.5rem;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.font-1rem:hover, .font-20:hover {
transform: scale(1.2, 1.2)
}
/* Font sizes */
/* Time-line */
.time-line {
position: relative;
}
/*.time-line::before {
content: "";
width: 1px;
height: 100%;
margin: 0 auto;
background: #000;
position: absolute;
top: 0;
left: 30px;
right: auto;
}*/
.time-line-item-date {
position: absolute;
top: 0;
left: -2rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.time-line-item-left .time-line-item-date {
left: auto;
right: -2rem;
}
.time-line-item-descr {
padding: 3rem 4rem;
}
/*.time-line-item.ml-md-auto h2::before, .time-line-item.mr-md-auto h2::before {
content: '';
position: absolute;
top: 50%;
width: 3rem;
height: 1px;
background: #000;
left: calc(-4rem - 1px);
right: auto;
}*/
/*.row:nth-child(odd) > .time-line-item > .row > [class*="col"]:nth-child(1), .row:nth-child(even) > .time-line-item > .row > [class*="col"]:nth-child(1) {
padding-left: 5rem !important;
padding-right: 1rem !important;
}
.row:nth-child(odd) > .time-line-item > .row > [class*="col"]:nth-child(2), .row:nth-child(even) > .time-line-item > .row > [class*="col"]:nth-child(2) {
padding-left: 5rem !important;
padding-right: 1rem !important;
}*/
.time-line [class*="container"] [class*="container"]>.row {
margin-top: 0% !important;
}
.info-time-line+.info-time-line .container.time-line {
margin-top: -3rem !important;
}
.time-line>.row:last-child [class*="fa-"].col-auto.display-3.text-primary {
display: none;
}
/* Time-line end */
/* Counting numbers */
/* Counting */
.percent {
position: relative;
width: 196px;
height: 196px;
width: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
border-radius: 50%;
z-index: 1000;
max-width: 200px;
max-height: 200px;
}
.percent>svg {
position: relative;
width: 196px;
height: 196px;
width: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
z-index: 1000;
max-width: 200px;
max-height: 200px;
}
.percent>svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: #e2e2e2;
stroke-dasharray: 3px;
stroke-width: 16px;
stroke-dashoffset: 80px;
stroke-linecap: unset;
transform: translate(8px, 8px);
}
.time-line .percent {
position: relative;
width: 140px;
height: 140px;
width: calc(96px + (140 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (140 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
border-radius: 50%;
z-index: 1000;
}
.time-line .percent>svg {
position: relative;
width: 140px;
height: 140px;
width: calc(96px + (140 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (140 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
z-index: 1000;
}
.percent>svg circle.grey {
stroke: #00002e;
stroke-dasharray: 0px;
stroke-width: 16px;
stroke-dashoffset: 80px;
stroke-linecap: unset;
}
.time-line .percent>svg circle.grey {
stroke: #00002e;
stroke-dasharray: 0px;
stroke-width: 16px;
stroke-dashoffset: 80px;
stroke-linecap: unset;
}
.percent>svg circle.white {
stroke: #00002e;
stroke-dasharray: 3px;
stroke-width: 16px;
stroke-dashoffset: 80px;
stroke-linecap: unset;
}
.percent>svg circle:nth-child(2) {
stroke-dasharray: 554;
stroke-dashoffset: 554;
}
.percent>svg circle:nth-child(2) {
stroke: #ed1846;
}
.percent .num {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border-radius: 50%;
}
.percent .num h2, .percent .num>span {
font-weight: 900;
font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
font-family: 'Avenir Black', sans-serif;
transition: 0.5s;
line-height: 1em;
margin-bottom: 0;
width: 100%;
}
.only-number .percent .num h2 {
position: absolute;
margin-bottom: 6px;
}
.number-blue .percent .num h2 {
color: #124066;
}
.number-arrows .percent {
position: relative;
width: 196px;
height: 196px;
width: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
border-radius: 50%;
z-index: 1000;
max-width: 140px;
max-height: 140px;
}
.number-arrows .percent::before {
content: "";
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
top: -5px;
left: 0;
/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
background: #fff;*/
padding: 5px;
}
.number-arrows>.row>.container>.row>div:not(:first-of-type)::after {
content: "\f061";
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
font-size: 1rem;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: -100%;
transform: translate(50%, 23%);
color: #ed1846 !important;
}
.number-arrows .percent>svg {
position: relative;
width: 196px;
height: 196px;
width: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300))) !important;
z-index: 1000;
max-width: 130px;
max-height: 130px;
}
.number-arrows .percent>svg circle {
transform: translate(10px, 10px);
}
.number-blue .percent>svg circle:nth-child(2) {
stroke: #124066;
}
/* Counting numbers end */
/* Accordion */
.accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] > .row > [class*="fa-angle-down"]::before { content: '\f106'}
.accordion-item > .accordion-header > .accordion-button[aria-expanded="true"] > .row > [class*="fa-circle-"]::before { color:#ed1846 }
/* Positions */
.left-0 {
left: 0;
}
.right-0 {
right: 0;
}
.top-0 {
top: 0;
}
.bottom-0 {
bottom: 0;
}
.top-170 {
top: 170px;
}
/* Positions */
/* Lightbox */
[data-toggle="lightbox"] {
cursor: pointer;
}
/* Lightbox end */
/* To Admin*/
a.toAdminBox {
position: fixed;
bottom: 15px;
left: 15px;
width: 32px;
height: 32px;
text-align: left;
z-index: 100000;
display: inline-block;
background-color: rgba(255,102,0,1);
border: 1px solid rgba(255,102,0,1);
padding: 5px;
cursor: pointer;
color: rgba(255,255,255,1) !important;
border-radius: 5px;
line-height: 1.3;
transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
a.toAdminBox:hover {
padding: 6px;
bottom: 14px;
left: 14px;
width: 34px;
height: 34px;
}
a.toAdminBox + #main::before {
transition: background .2s ease-in;
-o-transition: background .2s ease-in;
-ms-transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
-webkit-transition: background .2s ease-in;
}
a.toAdminBox + #main::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0%;
background: rgba(0,3,33,0);
z-index: 1;
pointer-events: none;/*border: 1px solid #f60;*/
}
a.toAdminBox:hover + #main::before {
height: 100%;
background: rgba(0,3,33,0.2);
}
.toAdminItem-wrapper {
position: sticky;
top: calc( 100vh - 32px );
left: 50%;
width: 0;
height: 0;
z-index: 100000;
display: block;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
-ms-transition: opacity .2s ease-in;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
}
.goToAdminRightNow:hover .toAdminItem-wrapper {
display: block;
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
a.toAdminItem {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 32px;
text-align: left;
z-index: 100000;
display: inline-block;
background-color: rgba(23,23,23,1);
border: 1px solid rgba(43,43,43,1);
padding: 5px;
cursor: pointer;
color: rgba(255,255,255,1) !important;
transform: translate(-50%, -50%);
line-height: 1.3;
border-radius: 4px;
}
.toAdminItem-wrapper ~ .row > div::before {
transition: background .2s ease-in;
-o-transition: background .2s ease-in;
-ms-transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
-webkit-transition: background .2s ease-in;
}
.toAdminItem-wrapper ~ .row > div {
position: relative;
}
.goToAdminRightNow > .row::before {
content: "";
position: absolute;
bottom: 1px;
left: 1px;
width: calc( 100% - 2px );
height: 0%;
background: rgba(255,102,0,0);
z-index: 1;
pointer-events: none;
border: 0px solid rgba(43,43,43,0);
border-bottom: 1px solid rgba(43,43,43,0);
transition: background .2s ease-in, border .2s ease-in;
-o-transition: background .2s ease-in, border .2s ease-in;
-ms-transition: background .2s ease-in, border .2s ease-in;
-moz-transition: background .2s ease-in, border .2s ease-in;
-webkit-transition: background .2s ease-in, border .2s ease-in;
z-index: 999;
}
.toAdminItem-wrapper:hover + .row::before {
height: calc( 100% - 2px );
background: rgba(255,102,0,0.5);
border: 0px solid rgba(43,43,43,1);
}
.bg-negative .toAdminItem-wrapper:hover + .row::before {
background: rgba(255,255,255,0.5);
}
.goToAdminRightNow:hover .toAdminItem-wrapper + .row::before {
border-bottom: 1px solid rgba(43,43,43,1);
}
.toAdminBox svg {
position: relative;
width: 95px;
height: 20px;
}
.toAdminBox svg path {
fill: #ffffff;
}
/* To Admin end*/
/* Clear */
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
/* Clear end*/
/* Custom cols */
.col-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc 20%;
flex: 0 0 20%;
max-width: 20%
}
.col-seventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.286%;
flex: 0 0 14.286%;
max-width: 14.286%
}
.col-eighth {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-ninth {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.111%;
flex: 0 0 11.111%;
max-width: 11.111%;
}
.col-tenth {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
.col-eleventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.0909%;
flex: 0 0 9.0909%;
max-width: 9.0909%;
}
/* Custom cols end */
/* Heights */
.min-vh-100 {
min-height: 100vh!important;
}
.min-vh-75 {
min-height: 75vh!important;
}
.min-vh-50 {
min-height: 50vh!important;
}
.min-vh-33 {
min-height: 33.333vh!important;
}
.min-vh-25 {
min-height: 25vh!important;
}
/* Heights end */
/* Widths */
.w-auto {
width: auto !important;
}
.max-width-220 { max-width: 220px; }
/* Widths end */
/* Carousel */
.carousel-fade .carousel-item, .carousel-indicators li {
transition: opacity .8s ease-in !important;
-o-transition: opacity .8s ease-in !important;
-ms-transition: opacity .8s ease-in !important;
-moz-transition: opacity .8s ease-in !important;
-webkit-transition: opacity .8s ease-in !important;
}
.carousel-item.p-overlay::after, .carousel-item.n-overlay::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.7);
z-index: -1;
}
.carousel-item.n-overlay::before {
background: rgba(18,64,102,0.75);
}
.carousel-item.n-overlay.n-circle-gradient::before {
background: -moz-linear-gradient(left, rgba(18,64,102,0.6) 0%, rgba(18,64,102,0.2) 50%, rgba(18,64,102,0.6) 100%);
background: -webkit-linear-gradient(left, rgba(18,64,102,0.6) 0%,rgba(18,64,102,0.2) 50%,rgba(18,64,102,0.6) 100%);
background: linear-gradient(to right, rgba(18,64,102,0.6) 0%,rgba(18,64,102,0.2) 50%,rgba(18,64,102,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99124066', endColorstr='#99124066',GradientType=1 );
}
.carousel-control-next, .carousel-control-prev { opacity: 1; }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity: 1; }
.carousel-control-next::after, .carousel-control-prev::after {
content: '\f0da';
position: absolute;
top: calc(50% - 32px);
left: calc(50% - 32px);
width: 64px;
height: 64px;
font-family: 'Font Awesome 6 Pro';
font-size: 64px;
font-weight: 100;
line-height: 1em;
display: inline-block;
color: #e30613;
opacity: 1 !important;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.carousel-control-prev::after {
content: '\f0d9';
}
.carousel-control-next:hover:after, .carousel-control-prev:hover:after {font-weight: 700; }
#recipeCarousel .carousel-control-prev::after {
left: 0;
}
#recipeCarousel .carousel-control-next::after {
left: auto;
right: 0;
}
.carousel-item {
background-size: cover;
}
.bg-position-top {
background-position: top center;
}
.bg-position-center {
background-position: center center;
}
.bg-position-bottom {
background-position: bottom center;
}
/* Carousel end */
/* Tiny slider */
.tns-nav {
text-align: center;
margin: 10px 0;
}
.tns-nav > [aria-controls]:focus {
box-shadow: none;
}
.tns-nav > [aria-controls] {
width: 10px;
height: 10px;
padding: 1px;
margin: 0 5px;
border-radius: 50%;
background: transparent;
outline: 1px solid #e30613 !important;
border: 1px solid #fff;
box-shadow: none;
}
.tns-nav > .tns-nav-active {
background: #e30613;
}
.row.slider-cover {
position: relative;
margin: 0 -1rem;
width: calc(100% + 2rem);
}
.row > .tns-outer {
width: 100%;
margin: 0 auto;
}
.customize-tools {
position: static;
width: 100%;
margin: 0 auto;
}
[id*="customize-controls-"] {
position: static;
width: 100%;
height: 100%;
bottom: 0;
}
[id*="customize-controls-"] .prev, [id*="customize-controls-"] .next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 4rem;
color: #fff;
text-align: center;
cursor: pointer;
}
[id*="customize-controls-"] .prev [class*="fa-"], [id*="customize-controls-"] .next [class*="fa-"] {
position: relative;
display: inline-block;
top: auto;
right: auto;
left: auto;
font-size: 4rem;
padding: 0.645rem;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
[id*="customize-controls-"] .prev:hover [class*="fa-"], [id*="customize-controls-"] .next:hover [class*="fa-"] {
font-weight: 700;
}
[id*="customize-controls-"] .prev {
left: -3rem;
}
[id*="customize-controls-"] .next {
right: -3rem;
}
[id*="customize-controls-"] [aria-disabled="true"].prev, [id*="customize-controls-"] [aria-disabled="true"].next { color: #bdc5c9 !important; }
[id*="customize-controls-"] .prev:focus, [id*="customize-controls-"] .next:focus { outline: none !important; }
/* Tiny slider end */
.px-15px {
padding-left: 15px;
padding-right: 15px;
}
/* Custom content breaking points */
@media (min-width: 575.98px) {
/*.container {
max-width: 100%;
}*/
/* Custom cols */
.col-sm-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc 20%;
flex: 0 0 20%;
max-width: 20%
}
.col-sm-seventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.286%;
flex: 0 0 14.286%;
max-width: 14.286%
}
.col-sm-eight {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-sm-ninth {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.111%;
flex: 0 0 11.111%;
max-width: 11.111%;
}
.col-sm-tenth {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
.col-sm-eleventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.0909%;
flex: 0 0 9.0909%;
max-width: 9.0909%;
}
/* Custom cols end */
/* Heights */
.min-vh-sm-100 {
min-height: 100vh!important;
}
.min-vh-sm-75 {
min-height: 75vh!important;
}
.min-vh-sm-50 {
min-height: 50vh!important;
}
.min-vh-sm-33 {
min-height: 33.333vh!important;
}
.min-vh-sm-25 {
min-height: 25vh!important;
}
/* Heights end */
/* Widths */
.w-sm-auto {
width: auto !important;
}
/* Widths end */
/* Positions */
.position-sm-absolute {
position: absolute !important;
}
/* Positions */
.navbar-expand-sm .nav-item {
display: inline-block !important;
margin-left: 1rem;
}
.navbar-expand-sm .navbar-collapse {
max-width: none;
position: relative;
right: auto;
top: auto;
padding: 0;
background: none;
}
.navbar-expand-sm .navbar-nav ul, .navbar-expand-sm .navbar-nav ul ul, .navbar-expand-sm .navbar-nav ul ul ul {
position: absolute;
top: auto;
width: 220px;
}
.navbar-expand-sm #top-nav.navbar-nav ul, .navbar-expand-sm #top-nav.navbar-nav ul ul, .navbar-expand-sm #top-nav.navbar-nav ul ul ul {
position: absolute;
top: auto;
width: auto;
}
.navbar-expand-sm .has-submenu:hover > .submenu {
max-height: 100vh;
transition: max-height 0.25s ease-in;
-webkit-transition: max-height 0.25s ease-in;
overflow: visible;
}
.navbar-expand-sm .has-submenu:hover > .submenu > li {
opacity: 1;
transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
}
.navbar-expand-sm .submenu-toggler::after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
}
@media (min-width: 767.98px) {
/*.container {
max-width: 100%;
}*/
/* Custom cols */
.col-md-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc 20%;
flex: 0 0 20%;
max-width: 20%
}
.col-md-seventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.286%;
flex: 0 0 14.286%;
max-width: 14.286%
}
.col-md-eight {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-md-ninth {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.111%;
flex: 0 0 11.111%;
max-width: 11.111%;
}
.col-md-tenth {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
.col-md-eleventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.0909%;
flex: 0 0 9.0909%;
max-width: 9.0909%;
}
/* Custom cols end */
/* Heights */
.min-vh-md-100 {
min-height: 100vh!important;
}
.min-vh-md-75 {
min-height: 75vh!important;
}
.min-vh-md-50 {
min-height: 50vh!important;
}
.min-vh-md-33 {
min-height: 33.333vh!important;
}
.min-vh-md-25 {
min-height: 25vh!important;
}
/* Heights end */
/* Widths */
.w-md-auto {
width: auto !important;
}
/* Widths end */
.navbar-expand-md .nav-item {
display: inline-block !important;
margin-left: 1rem;
}
.navbar-expand-md .navbar-collapse {
max-width: none;
position: relative;
right: auto;
top: auto;
padding: 0;
background: none;
}
.navbar-expand-md .navbar-nav ul, .navbar-expand-md .navbar-nav ul ul, .navbar-expand-md .navbar-nav ul ul ul {
position: absolute;
top: auto;
width: 220px;
}
.navbar-expand-md #top-nav.navbar-nav ul, .navbar-expand-md #top-nav.navbar-nav ul ul, .navbar-expand-md #top-nav.navbar-nav ul ul ul {
position: absolute;
top: auto;
width: auto;
}
.navbar-expand-md .has-submenu:hover > .submenu {
max-height: 100vh;
transition: max-height 0.25s ease-in;
-webkit-transition: max-height 0.25s ease-in;
overflow: visible;
}
.navbar-expand-md .has-submenu:hover > .submenu > li {
opacity: 1;
transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
}
.navbar-expand-md .submenu-toggler::after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
/* Timeline */
.time-line [class*="container"] [class*="container"] > .row {
margin-top: -20% !important;
}
/* Time-line end */
}
@media (min-width: 991.98px) {
/*.container {
max-width: 100%;
}*/
/* Custom cols */
.position-lg-absolute { position: absolute !important; }
.default-lg-p { padding: 8rem 0 !important; }
.pt-lg-default { padding-top: 8rem !important; }
.pb-lg-default { padding-bottom: 8rem !important; }
.left-lg-0 { left:0; }
.col-lg-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc 20%;
flex: 0 0 20%;
max-width: 20%
}
.col-lg-seventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.286%;
flex: 0 0 14.286%;
max-width: 14.286%
}
.col-lg-eight {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-lg-ninth {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.111%;
flex: 0 0 11.111%;
max-width: 11.111%;
}
.col-lg-tenth {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
.col-lg-eleventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.0909%;
flex: 0 0 9.0909%;
max-width: 9.0909%;
}
/* Custom cols end */
/* Heights */
.min-vh-lg-100 {
min-height: 100vh!important;
}
.min-vh-lg-75 {
min-height: 75vh!important;
}
.min-vh-lg-50 {
min-height: 50vh!important;
}
.min-vh-lg-33 {
min-height: 33.333vh!important;
}
.min-vh-lg-25 {
min-height: 25vh!important;
}
/* Heights end */
/* Widths */
.w-lg-auto {
width: auto !important;
}
/* Widths end */
.navbar-expand-lg .nav-item {
display: inline-block !important;
margin-left: 1rem;
}
.navbar-expand-lg .navbar-collapse {
max-width: none;
position: relative;
right: auto;
top: auto;
padding: 0;
background: none;
}
.navbar-expand-lg .navbar-nav ul, .navbar-expand-lg .navbar-nav ul ul, .navbar-expand-lg .navbar-nav ul ul ul {
position: absolute;
top: auto;
width: 220px;
}
.navbar-expand-lg #top-nav.navbar-nav ul, .navbar-expand-lg #top-nav.navbar-nav ul ul, .navbar-expand-lg #top-nav.navbar-nav ul ul ul {
position: absolute;
top: auto;
width: auto;
}
.navbar-expand-lg .has-submenu:hover > .submenu {
max-height: 100vh;
transition: max-height 0.25s ease-in;
-webkit-transition: max-height 0.25s ease-in;
overflow: visible;
}
.navbar-expand-lg .has-submenu:hover > .submenu > li {
opacity: 1;
transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
}
.navbar-expand-lg .submenu-toggler::after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
}
@media (min-width: 1140px) {
/*.container {
max-width: 100%;
}*/
/* Custom cols */
.col-xl-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc 20%;
flex: 0 0 20%;
max-width: 20%
}
.col-xl-seventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.286%;
flex: 0 0 14.286%;
max-width: 14.286%
}
.col-xl-eight {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-xl-ninth {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.111%;
flex: 0 0 11.111%;
max-width: 11.111%;
}
.col-xl-tenth {
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
.col-xl-eleventh {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.0909%;
flex: 0 0 9.0909%;
max-width: 9.0909%;
}
/* Custom cols end */
/* Heights */
.min-vh-xl-100 {
min-height: 100vh!important;
}
.min-vh-xl-75 {
min-height: 75vh!important;
}
.min-vh-xl-50 {
min-height: 50vh!important;
}
.min-vh-xl-33 {
min-height: 33.333vh!important;
}
.min-vh-xl-25 {
min-height: 25vh!important;
}
/* Heights end */
/* Widths */
.w-xl-auto {
width: auto !important;
}
/* Widths end */
.navbar-expand-xl .nav-item {
display: inline-block !important;
margin-left: 1rem;
}
.navbar-expand-xl .navbar-collapse {
max-width: none;
position: relative;
right: auto;
top: auto;
padding: 0;
background: none;
}
.navbar-expand-xl .navbar-nav ul, .navbar-expand-xl .navbar-nav ul ul, .navbar-expand-xl .navbar-nav ul ul ul {
position: absolute;
top: auto;
width: 220px;
}
.navbar-expand-xl #top-nav.navbar-nav ul, .navbar-expand-xl #top-nav.navbar-nav ul ul, .navbar-expand-xl #top-nav.navbar-nav ul ul ul {
position: absolute;
top: auto;
width: auto;
}
.navbar-expand-xl .has-submenu:hover > .submenu {
max-height: 100vh;
transition: max-height 0.25s ease-in;
-webkit-transition: max-height 0.25s ease-in;
overflow: visible;
}
.navbar-expand-xl .has-submenu:hover > .submenu > li {
opacity: 1;
transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
}
.navbar-expand-xl .submenu-toggler::after {
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
}
@media (min-width: 1199.98px) {
/*.container {
max-width: 1280px;
}*/
}
@media (min-width: 1407.98px) {
}
/* Custom content breaking points end*/
/* Cookies */
.termsfeed-com---palette-light .cc-pc-container {
background: #fff;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
.termsfeed-com---pc-dialog .cc-cp-body-tabs-item-link, .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text {
font-size: .7143rem !important;
font-family: inherit;
letter-spacing: normal;
}
.termsfeed-com---palette-light.termsfeed-com---nb {
background-color: #fff !important;
color: #1d1d1b !important;
box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 30%) !important;
}
.termsfeed-com---nb .cc-nb-main-container {
padding: 2rem !important;
font-family: 'Montserrat', sans-serif;
}
.termsfeed-com---nb-simple {
max-width: 480px !important;
}
.termsfeed-com---nb .cc-nb-title {
font-size: 1rem !important;
font-weight: 600 !important;
}
.termsfeed-com---nb .cc-nb-text {
font-size: .7143rem !important;
}
.termsfeed-com---palette-light .cc-nb-reject, .termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-cp-foot-save, .termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked+label:before {
background-color: #e20947 !important;
}
.termsfeed-com---palette-light .cc-pc-head-lang select {
color: #1d1d1b !important;
border-color: transparent !important;
outline: none !important;
box-shadow: none !important;
}
.termsfeed-com---palette-light .cc-nb-changep { background: none !important; color: #666 !important; }
/* Custom styles end */