/*
Theme Name: nikola
Theme URI: https://www.nikola.ba/
Author: Singularity Solution
Author URI: https://www.singularity.is
Description: nikola
Version: 1.0
*/
/*****************  FONTS  *********************/
@font-face {
    font-display: swap; 
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/kanit-v15-latin_latin-ext-300.woff2') format('woff2'); 
}
@font-face {
    font-display: swap; 
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/kanit-v15-latin_latin-ext-regular.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/kanit-v15-latin_latin-ext-500.woff2') format('woff2'); 
}
@font-face {
    font-display: swap; 
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/kanit-v15-latin_latin-ext-600.woff2') format('woff2'); 
}
@font-face {
    font-display: swap;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/kanit-v15-latin_latin-ext-700.woff2') format('woff2');
}
/************** ROOT **************************/
:root {
    --color-primary: #E3893E;
    --color-gradient: linear-gradient(180deg, rgba(227,137,62,1) 0%, rgba(220,106,54,1) 100%);
    --font-primary: 'Kanit', sans-serif;
    --btn-hover-background: #FFA100;
    --third-color: #f5f6f7;
    --navlink-color: #363232;
}
/******** BODY, HTML & CONTAINER  **************/
body {
    font-family: var(--font-primary);
    color: #101010;	 
}
.container {
    padding: 0 15px;
} 
.grecaptcha-badge { 
    visibility: hidden;
}
/************* PRE-DEFINED CLASSES *************/
.btn {
    font-weight: 500;
    color: #fff;
    border-radius: 24px;
    padding: 15px 20px 15px 20px;
    line-height: 1;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    min-width: 285px;
    position: relative;
}
.btn-primary {
    background: var(--color-gradient);
    color: #FFFFFF;
    border: none;
}
.btn-secondary {
    background: transparent;
    color: #101010;
    border: 1px solid #101010B3;
}
.btn-primary::after {
    position: absolute;
    content: "";
    background-image: url(local-images/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 13px;
    right: 30%;
    opacity: 0;
    height: 22px;
    width: 16px;
    transition: all .3s;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.btn-secondary:hover {
    padding: 15px 20px 15px 20px !important;
}
.btn-send {
    background: var(--color-gradient);
    color: #FFFFFF;
    border: none;
	padding: 0;
}
.btn-send input {
	padding: 15px 20px 15px 20px;
	background: none;
	border: 0;
	color: #FFF;
	width: 100%;
	height: 100%;
}
.btn-send::after {
    position: absolute;
    content: "";
    background-image: url(local-images/paper-plane.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 13px;
    right: 35%;
    opacity: 0;
    height: 22px;
    width: 16px;
    transition: all .3s;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.btn-send:hover,
.btn-send:active,
.btn-send:focus,
.btn-send.active {
    background-color: var(--color-primary) !important;
    color: #FFFFFF;
    border: none;
}
.btn-send:hover::after {
	right: 30% !important;
}
.wpcf7-spinner {
	display: none;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active {
    background-color: var(--color-primary) !important;
    color: #FFFFFF;
    border: none;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary.active {
    color: #FFF;
    background: #101010B3 !important;
    border-color: #101010B3 !important;
}
.btn:hover::after {
    opacity: 1;
    right: 25%;
}
.btn:hover {
    padding-right: 40px;
}
.btn-link {
    padding: 8px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 0;
    background-color: transparent;
    border: none;
    background-size: contain;
    width: auto;
    height: 22px;
    flex-shrink: 0;
}
.btn-link:hover {
    padding-right: 8px;
}
.btn-link-back {
    background-image: url(local-images/chevron-left.svg);
}
.linear-gradient {
    position: relative;
}
.linear-gradient::after {
    position: absolute;
    width: 100%;
    height: 300px;
    bottom:  0;
    left: 0;
    content: "";
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 10;
}
.linear-gradient::before {
    position: absolute;
    width: 100%;
    height: 150px;
    top:  0;
    left: 0;
    content: "";
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 10;
}
body.admin-bar .navbar,
body.admin-bar .offcanvas.offcanvas-end,
body.admin-bar #brandsModal.modal,
body.admin-bar #carsModal.modal
{
    top: 46px;
}
#wpadminbar {
    position: fixed;
}
.text-black {
    color: #101010 !important;
}
html :where(.wp-block) {
    max-width: 100%;
    margin: 0;
}
/*********** NAVIGATION ***********/
.navbar-brand {
    padding: 0;
}
.navbar-brand-black {
    display: none;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all .2s;
}
.navbar .nav-link {
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 8px 4px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--navlink-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.navbar .nav-link::after {
    position: absolute;
    content: "";
    background-image: url(local-images/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 13px;
    right: 0;
    height: 18px;
    width: 16px;
    transition: all .3s;
}
.offcanvas-body {
    padding-top: 30px;
}
.offcanvas-header {
    padding: 16px 30px 16px 16px;
}
.navbar-toggler {
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.btn-close {
    opacity: 1;
}
.navbar-toggler, .navbar-toggler:focus,
button:focus:not(:focus-visible),
.btn-close:focus {
    border: 0;
    box-shadow: none;
    outline: 0;
}
.navbar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}
.navbar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #000000;
    opacity: .1;
}
.navbar-dark::before,
.navbar-scrolled::before {
    opacity: .4;
}
.offcanvas.offcanvas-end {
	width: 100%;
}
/*********** BRANDS & CARS MODALS ***********/
#brandsModal .modal-header,
#carsModal .modal-header
{
    padding: 22px 30px 22px 15px;
}
#brandsModal .modal-body,
#carsModal .modal-body
{
    padding: 30px 15px;
}
#brandsModal .modal-dialog,
#carsModal .modal-dialog
{
    border: none !important;
    box-shadow: none;
}
#brandsModal .modal-title,
#carsModal .modal-title
{
    font-weight: 400;
    font-size: 18px;
    color: var(--navlink-color);
}
.brand-wrap a {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.brand-wrap a img {
    height: 20px;
    width: auto;
    max-width: 100%;
}
.brand-wrap a::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(54, 50, 50, 0.5);
    width: 50px;
    height: 1px;
}
.brand-wrap a:last-child:after {
    display: none;
}
#brandsModal .modal-header,
#carsModal .modal-header
{
    border-bottom: 0;
}
#brandsModal .modal-header .btn-close,
#carsModal .modal-header .btn-close
{
    margin-left: 0;
}
.cars-modal #brandsModal .modal-body,
.cars-modal #carsModal .modal-body
{
    padding: 0 45px 40px 45px;
}
.car-model-box {
    margin-bottom: 50px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
}
.car-model-text-box {
    font-size: 16px;
    font-weight: 500;
}
.car-model-btn {
    text-decoration: underline;
    font-size: 16px;
    color: #575757;
    font-weight: 300;
    margin-top: 3px;
}
.cars-wrap a {
    text-decoration: none;
    color: var(--bs-modal-color);
}
.car-model-name {    
    font-weight: 500;
}
.car-model-img {
    width: 100%;
    height: auto;
}
#brandsModal .modal-content,
#carsModal .modal-content
{
    border-radius: 0;
    border: 0;
}
/*********** HERO ***********/
.hero-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    position: relative;
}
.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-section::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 155px;
    background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);
}
.hero-block {
    padding-top: 100px;
}
.hero-wrap {
    padding-bottom: 30px;
    position: relative;
    z-index: 20;
}
.hero-block-text {
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
	margin-top: 20px;
    margin-bottom: 40px;
	font-weight: 300;
}
.hero-block-text span {
    font-weight: 500;
}
.hero-scroll-down {
    width: 42px;
    height: 42px;
    background-color: rgba(16, 16, 16, 0.4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-scroll-down img {
    width: 15px;
    position: relative;
    filter: brightness(0) saturate(100%) invert(99%) sepia(49%) saturate(0%) hue-rotate(59deg) brightness(117%) contrast(101%);
}
.mid-sect-text {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    color: var(--color-primary);
    text-align: center;
}
/*********** CHARGERS SECTION ***********/
.charger-section {
    padding: 50px 0;
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.charger-block {
    position: relative;
    z-index: 20;
}
.charger-footer-block {
    position: absolute;
    z-index: 20;
	bottom: 30px;
	right: 30px;
}
.charger-footer-block p {
	color: #fff;
	font-size: 20px;
	text-align: right;
}
.charger-footer-block p a {
	color: #fff;
	text-decoration: underline;
}
#punjacModal {
	
}


/*********** FOOTER ***********/
footer {
    background-color: #020305;
    padding: 20px 0;
}
.footer-nav {
    list-style-type: none;
}
.footer-logo img {
    height: 40px;
    width: auto;
    max-width: 180px;
	opacity: 50%;
}
.footer-nav .nav-link::after {
    display: none;
}
.footer-nav .nav-link {
    color: #ffffff80;
    font-size: 16px;
    font-weight: 500;
}
.footer-block {
    row-gap: 25px;
    column-gap: 25px;
}
.footer-nav .nav-link:hover {
    color: #FFFFFF !important;
}
.brands-section {
    padding: 50px 0 90px 0;
}
.brands-section-header {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 50px;
}
.brands-main-tabs {
    overflow-x: auto;
    padding: 5px 0;
    border: none;
    margin-bottom: 20px;
    row-gap: 30px;
}
.brands-main-tabs .nav-link {
    padding: 15px;
    border: none;
}
.brands-main-tabs .nav-link.active {
    border: none;
}
.brands-main-tabs .nav-link img {
    height: 20px;
    width: auto;
    opacity: .6;
    transition: all .3;
}
.brands-main-tabs .nav-link.active img {
    opacity: 1;
}
.brands-main-tabs .nav-item {
    padding-right: 30px;
    padding-left: 30px;
    border: none;
    position: relative;
}
.brands-main-tabs .nav-item::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #363232;
    opacity: .5;
}
.brands-main-tabs .nav-item:first-child {
    padding-left: 0;
}
.brands-main-tabs .nav-item:last-child {
    padding-right: 0;
}
.brands-main-tabs .nav-item:last-child::after {
    display: none;
}
.cars-swiper {
    width: 100%;
    height: 100%;
}
.cars-swiper-img-box {
    width: 85%;
    height: 300px;
    margin-bottom: 20px;
}
.cars-swiper-img-box img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
    color: #101010;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 28px;
}
.standard-section {
	padding-top:100px;
}
.mapa-box {
	height: 250px;
	margin-top: 35px;
}
.mapa-box iframe {
	height: 100%;
	width: 100%;
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	font-size: 18px;
	padding: 0 15px !important;
	line-height: 1 !important;
	top: -12px;
	background-color: transparent;
}
.form-floating>label {
	top: 5px;
	padding: 10px 15px !important;
	line-height: 1 !important;
	height: auto !important;
	min-height: unset !important;
	color: #969696;
	font-weight: 300;
}
.form-control {
	font-size: 18px;
	color: #101010;
	line-height: 1 !important;
	border-radius: 6px;
	padding: 10px 15px !important;
	height: auto !important;
	min-height: unset !important;
	margin-top: 10px;
	border-color: #969696;
}
.form-control:focus {
	box-shadow: none;
	border-color: #969696;
}
.form-control::placeholeder {
	font-size: 18px;
	color: #969696;
	font-weight: 300;
}
.kontakt-info-title {
	color: #969696;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.2;
}
.kontakt-info-text,
.kontakt-info-text a{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.2;
	text-decoration:none; 
	color: #101010;
}
.contact-social img {
	width: 30px;
	height: auto;
}


/*********** WOOCOMMERCE ***********/

body.single-product .product::after {
    display: block;
    content: "";
    clear: both;
}


.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
/* 	width: calc(100% - 440px); */
	width: 100%;
    overflow: hidden;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
/* 	width: 440px; */
	width: 100%;
    padding: 0 24px;
}

.woocommerce div.product div.images img {
	scale: 1.4;
}

.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
	margin-top: 130px !important;
}
.wapo-addon-title {
	width: 100%;
	text-align: center;
    margin-bottom: 24px;
}



form.variations_form table.variations tr:first-child th.label span {
    display: none !important;
}

form.variations_form table.variations tr td {
    padding-bottom: 100px;
}

ul[data-attribute_name="attribute_pa_tip"] {	
	display: block !important;
}

ul[data-attribute_name="attribute_pa_tip"] > li {	
	height: auto !important;
}

.summary.entry-summary .price,
.reset_variations,
.single-product .product_meta,
.single-product .woocommerce-notices-wrapper,
.wapo-addon-title span.required,
small.option-price .sign
{
    display: none !important;
}

.woocommerce div.product form.cart .button {
	float: none;
	font-weight: 500;
	color: #fff;
	border-radius: 24px;
	padding: 15px 20px 15px 20px;
	line-height: 1;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	min-width: 285px;
	position: relative;
	background: var(--color-gradient);
	color: #FFFFFF;
	border: none;
    width: 100%;
}
.woocommerce div.product form.cart .button:hover, 
.woocommerce div.product form.cart .button:active, 
.woocommerce div.product form.cart .button:focus, 
.woocommerce div.product form.cart .button.active {
	background: linear-gradient(90deg, rgb(227, 137, 62) 0%, rgb(220, 106, 54) 100%);
	color: #FFFFFF;
	border: none;
}


#yith-wapo-container .yith-wapo-block .yith-wapo-addon:first-child .addon-header {
    display: none;
}

#yith-wapo-container .yith-wapo-block .yith-wapo-addon:first-child .options-container {
	display: flex;
	flex-direction: column-reverse;
}
.wapo-addon-description {
	font-size: 12px;
	color: #8f8f8f;
	margin-top: 5px;
}
.wapo-addon-description a {
    color: #8f8f8f;
}

.yith-wapo-block .yith-wapo-addon .min-error {
	font-size: 19px !important;
	text-align: center;
}

/*
.options.grid {
    position: relative;
}
.options.grid .option-container,
.options.grid .description
{
    display: none;
}
.yith-wapo-option.selection-single.selected .option-container,
.yith-wapo-option.selection-single.selected .description
{
    display: block;
}
*/
.yith-wapo-addon-type-color .options.per-row-1.grid .color-container,
.yith-wapo-addon-type-color .options.per-row-1.grid .description
{
    width: 100% !important;
    text-align: center;
}



.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {	
	border: 0;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color, 
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color 
{
	outline: 2px solid var(--yith-wapo-accent-color-color);
	border: 0;
}


.disabled-option {
    position: relative;
	display: none;
}
.disabled-option::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.7);
}



/* Checkout */
#contact-fields {
	margin-bottom: 0;
}

.wc-block-components-validation-error
{
	display: none !important;
}

.wc-block-components-order-summary-item__image {
    display: none !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
	padding-left: 0;
}
/*********** SINGLE ***********/
.hero-single {
    min-height: 100svh;
}
.admin-bar .hero-single,
.admin-bar .hero-single-block {
    min-height: calc(100svh - 46px);
}
.hero-single-bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-single-overlay::after {
    position: absolute;
    content: "";
    bottom:  0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero-single-block {
    padding-top: 16svh;
    padding-bottom: 40px;
    min-height: 100svh;
    z-index: 5;
}   
.hero-single-block h1{
    font-size: 28px;
    font-weight: 500;
}
/* .hero-single-bottom {
    max-width: 330px;
} */
.btn-single {
    background-color: #3e6ae1;
    border: 1px solid #3e6ae1;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 24px;
    color: #FFFFFF;
    min-width: 235px;
}
.btn-single:hover,
.btn-single:active,
.btn-single:focus {
    background-color: #3457b1 !important;
    color: #FFFFFF;
    padding: 12px 24px;
    border: 1px solid #3457b1 !important; 
}
.btn-single-secondary {
    background-color: #222;
    border: 1px solid #222;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 24px;
    color: #eee;
    min-width: 235px;
}
.btn-single-secondary:hover,
.btn-single-secondary:active,
.btn-single-secondary:focus {
    background-color: #393c41 !important;
    color: #FFFFFF;
    padding: 12px 24px;
    border: 1px solid #393c41 !important; 
}
.hero-item {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}

.hero-item span {
    font-size: 14px;
}
.photo-video-section {
    height: 100svh;
}
.video-container {
    width: 100%;
    height: 100%;
}
.video-container video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.photo-video-section-block {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.photo-video-text-box .container {
    z-index: 5;
}
.bottom-overlay::after {
    position: absolute;
    content: "";
    bottom:  0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.bottom-overlay-small::after {
    position: absolute;
    content: "";
    bottom:  0;
    left: 0;
    width: 100%;
    height: 10%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.top-overlay::after {
    position: absolute;
    content: "";
    top:  0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.photo-video-block-title h2{
    font-size: 24px;
}
.photo-video-text-box {
    padding: 24px 0 64px 0;
}
.photo-video-text-box p{
    font-size: 14px;
    color: #FFFFFF;
}
.photo-video-text-box a{
    font-size: 14px;
    color: #FFFFFF;
}
.photo-video-text-inner {
    max-width: 700px;
}
.small-video-container {
    width: 100%;
}
.small-video-container video {
    width: 100%;
    border-radius: 4px;
    display: block;
    height: auto;
}
.small-video-title h2 {
    font-size: 20px;
    line-height: 1.3;
}
.small-video-text-box p,
.small-video-text-box a{
    font-size: 14px;
    color: #FFFFFF;
}
.small-video-section {
    padding: 80px 0;
}
.horizontal-slider-section {
    padding: 90px 0 40px 0;
}
.horizontal-slider-img{
    width: 100%;
    height: 365px;
}
.horizontal-slider-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.horizontal-swiper-pagination {
    top: auto !important;
    bottom: 20px !important;
    left: 8px !important;
}
.card-swiper-pagination .swiper-pagination-bullet,
.horizontal-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    margin: 0 !important;
    opacity: 1 !important;
    height: 12px;
    display: flex;
    background-color: #d0d1d2 ;
}
.card-swiper-pagination .swiper-pagination-bullet-active,
.horizontal-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000000;
}
.horizontal-slider-section.bg-black .horizontal-swiper-pagination .swiper-pagination-bullet-active {
	background-color: #FFFFFF;
}

.horizontal-slider-section.bg-black .horizontal-swiper-pagination .swiper-pagination-bullet {
	opacity: .5 !important;
}
.horizontal-slider-section.bg-black .horizontal-swiper-pagination .swiper-pagination-bullet-active {
	background-color: #FFFFFF !important;
	opacity: 1 !important;
}
.horizontal-slider-text-box {
    padding-top: 45px;
    padding-bottom: 75px;
}
.horizontal-slider-text-box h2{
    font-size: 17px;
    margin-bottom: 8px;
}
.horizontal-slider-text-box p,
.horizontal-slider-text-box a{
    font-size: 14px;
    color: #171A20;
}
.horizontal-slider-section.bg-black .horizontal-slider-text-box p,
.horizontal-slider-section.bg-black .horizontal-slider-text-box a{
    color: #FFFFFF;
}
.horizontal-slider-more-text{
    font-size: 12px;
    color: #5C5E62;;
}
.title-section-block  {
    max-width: 700px;
}
.title-section-block h2 {
    font-size: 24px; 
}
.title-section-block p {
    font-size: 14px;   
}
.text-color {
    color: #171A20; 
}
.cards-section {
    padding: 70px 0 90px 0;
}
.cards-swiper .swiper-slide {
    height: auto;
}
.card-swiper-img img{
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.cards-swiper-text {
    padding: 40px 24px;
}
.cards-swiper-btn {
    font-size: 14px;
    display: block;
    color: #eeeeee;
    background-color: #222222;
    padding: 10px 24px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}
.cards-swiper-btn:hover {
    background-color: #393c41;
}
.swiper-card-btn-container {
    min-height: 65px;
}
.card-swiper-pagination  {
    bottom: -30px !important;
}
.card-content-normal h2 {
    font-size: 24px;
}
.info-icon img {
    width: 24px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(40%) saturate(752%) hue-rotate(256deg) brightness(113%) contrast(110%);
}
.card-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.card-box,
.card-content-normal {
    min-height: 480px;
}
.card-box {
    border-radius: 8px;
}
.card-content-normal {
    padding: 40px;
    transition: all .3s;
}
.card-content-hover {
    background-color: #000000E6;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    padding: 40px;
}
.card-content-hover-text {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.card-content-hover-text h2 {
    font-size: 20px;
    margin: 0;
}
.card-box:hover .card-content-hover {
    opacity: 1;
    visibility: visible;
}
.card-box:hover .card-content-normal {
    opacity: 0;
    visibility: hidden;
}
.card-content-hover-icon {
    width: 100%;
}
.hover-icon-md {
    height: 80px;
}
.hover-icon-lg {
    height: 160px;
}
.hover-icon-sm {
    height: 40px;
}
.card-content-hover-icon img{
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.card-content-hover-icon-middle{
    height: 300px;
    width: 300px;
}
.specification-section {
    padding: 80px 0;
}
.specifications-title h2{
    font-size: 24px;
    font-weight: 400;
}
.specifications-title h2 b{
    font-weight: 500;
}
.specifications-block .nav-tabs {
    width: 100%;
    overflow-x: auto;
    position: relative;
    border: none;
}
.specifications-block .nav-tabs::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #5c5e62;
    bottom: 2px;
    z-index: 5;
    left: 0;
}
.specifications-block .nav-tabs .nav-link {
    font-size: 12px;
    white-space: nowrap;
    padding: 19px 24px;
    font-weight: 500;
    color: #d0d1d2;
    background-color: #000000;
    margin: 0;
    border: none !important;
    position: relative;
	overflow: hidden;
}
.specifications-block .nav-tabs .nav-link.active {
    background-color: #000000;
    color: #FFFFFF;
    z-index: 20;
}
.specifications-block .nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    bottom: 1px;
    left: -100%;
    right: 100%;
    transition: all .2s;
    z-index: 20;
}
.specifications-block .nav-tabs .nav-link:focus::after,
.specifications-block .nav-tabs .nav-link.active::after {
    right: 0;
    left: 0;
}
.specs-row {
    padding: 40px 0 32px 0;
    border-bottom: 1px solid #222;
}
.specs-row:last-child {
    border-bottom:none;
}
.specs-row-title {
    margin-bottom: 16px;
    line-height: 1.2;
    font-size: 17px;
}
.specs-row-text {
    font-size: 14px;
    color: #8e8e8e;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}
.specs-row-text span{
    color: #FFFFFF;
}
.specs-row-text a {
    color: #FFFFFF;
    margin-top: 14px;
}
.specs-row .row.gy-5{
    --bs-gutter-y: 46px;
}
.specs-row .row.gx-4{
    --bs-gutter-y: 40px;
}
.specs-image {
    width: 100%;
    padding: 32px 0 48px 0;
}
.specs-image img{
    width: 100%;
    height: auto;
}
.cta-buttons h2 {
    font-size: 24px;
}
.cta-image img {
    width: 100%;
    height: auto;
}
.cta-section{
    padding: 80px 0;
}
.dodatni-tekst-block {
    color: #D0D1D2;
    max-width: 600px;
}
.dodatni-tekst-block a,
.dodatni-tekst-block p {
    color: #D0D1D2;
    font-size: 12px;
}
.dodatni-tekst {
    padding: 40px 0
}
.contact-section-img {
    width: 100%;
    overflow: hidden;
}
.contact-section-img img{
    width: 100%;
    height: auto;
}
.cta-buttons .btn,
.cta-buttons-bottom {
    width: 100%;
}
.contact-block-text h2{
    font-size: 24px;
}
.contact-block-text p{
    font-size: 14px;
}
.single-contact-container .form-label {
    font-size: 14px;
    color: #D0D1D2;
    margin-bottom: 5px;
}
.single-contact-container .form-control {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #222222;
    border: 1px solid #222222;
    border-radius: 4px;
    padding: 9px 15px;
    margin-top: 5px;
}
.single-contact-container .form-control:focus {
    border: 1px solid #5c5e62;
}
.single-contact-container .form-check-input {
    border: 0;
    clip: rect(0 0 0 0);
    height:0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
}

.single-contact-container .wpcf7-list-item-label {
    position: relative;
    font-size: 14px;
    font-weight: 500;
}
.single-contact-container .form-check-input {
    position: relative;
    box-shadow: none;
    margin-bottom: 10px;
}
.single-contact-container .wpcf7-list-item-label::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.5em;
    vertical-align: -8px;
    padding: 0.12em;
    background-clip: content-box;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #000000;
    border: 1px solid #FFFFFF;
}

.single-contact-container .wpcf7-radio .wpcf7-list-item-label::before {
	display: none;
}
.single-contact-container .wpcf7-radio .wpcf7-list-item label {
	display: flex;
}
.single-contact-container .wpcf7-list-item {
    margin: 0;
}
.single-contact-container .wpcf7-list-item-label:after {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    content: "";
    height: 16px;
    left: 5px;
    position: absolute;
    top: 12px;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 6px;
    display: none;
    border-radius: 2px;
}
.single-contact-container .form-check-input:checked[type=checkbox] + .wpcf7-list-item-label:after,
.single-contact-container .form-check-input:checked[type=radio] + .wpcf7-list-item-label:after  {
    -webkit-animation: check2 0.8s ease 0s running;
    animation: check2 0.8s ease 0s running;
    display: block;
    width: 8px;
    height: 14px;
    border-color: #FFF;
}
.single-contact-container .form-check-input:focus {
    box-shadow: none;
}
.single-contact-container a {
   color: #FFFFFF;
}
.contact-section {
    padding: 75px 0;
}
.distance-section {
    padding: 36px 0 14px 0;
}
.distance-img-box img {
    aspect-ratio: 1.8/1;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}
.distance-text-box h3{
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    opacity: .4;
}
.distance-text-box span{
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    opacity: .4;
}
.distance-block .nav-link {
    background-color: #000000;
    border: none !important;
    position: relative;
    padding: 16px 0 0 0;
}
.distance-block .nav-link::before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #FFFFFF;
    opacity: .4;
    transition: all .2s;
}
.distance-block .nav-link.active {
    background-color: #000000;
    border: none !important;
}
.distance-block .nav-link.active::before {
    height: 4px;
    opacity: 1;
}
.distance-block .nav-link.active .distance-text-box h3,
.distance-block .nav-link.active .distance-text-box span {
    opacity: 1;
}
.distance-block .nav-tabs {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
}
.distance-text {
    font-size: 14px;
    max-width: 700px;
}
.mala-fotografija-img-box {
    width: 100%;
}
.mala-fotografija-img-box img{
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.mala-fotografija-section {
    padding: 64px 0;
}
.mala-fotografija-text-box {
    padding: 24px 0 14px 0;
}
.mala-fotografija-text-box h2{
    font-size: 24px;
}
.mala-fotografija-text-box p{
    font-size: 14px;
}

.features-section-block .nav-tabs {
    height: 50%;
    transition: all .2s;
}
.features-section-block .nav-link h3 {
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: 500;
}
.features-section-block .nav-link  {
    background-color: #000000;
    color: #FFFFFF;
    text-align: start;
    border: none !important;
    transition: all .2s;
    padding: 16px 0;
}
.features-section-block .nav-link.active  {
    background-color: #000000;
    color: #FFFFFF;
    border: none !important;
}
.features-section-block .nav-link .more-info {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4;
}
.nav-link .more-info {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}
.nav-link.active .more-info {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.features-img-box img{
    width: 100%;
    height: auto;
    aspect-ratio: 1.33/1;
    object-fit: cover;
    border-radius: 8px;
}
.features-section-block-mobile {
    height: 100svh;
}
.features-img-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
    width: 100%;
    height: calc(50svh - 35px);
    transition: background-image 0.2s ease-in-out;
}
.features-img-sticky img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    opacity: 0;
    transition: all .3s;
}
.features-text-mob {
    height: calc(50svh - 35px);
    overflow-y: auto;
    padding: 40px 0;
    margin-top: 70px;
}
.features-img-sticky img.active {
   display: block;
   opacity: 1;
}
.features-text-inner{
    height: calc(50svh - 35px);
}
.features-section {
   padding: 60px 0;
}
.single-action-btn-container {
    padding: 20px;
}
.single-action-btn {
	visibility: hidden;
	opacity: 0;
}
.single-action-btn.button-visible {
	opacity: 1;
	visibility: visible;
}
.horizontal-slider-video-box video{
	width: 100%;
	height: auto;
}
.hero-subtitle {
	font-size: 20px;
}
.foto-text-box h3,
.foto-text-box p {
	font-size: 14px;
	line-height: 1.3;
	color: #FFFFFF;
}
.foto-text-section{
	padding: 65px 0;
}
.foto-text-img img {
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}
.specs-more-text p,
.specs-more-text a{
	font-size: 12px;
	color: #D0D1D2;
}
.distance-title {
	font-size: 24px;
}
.distance-subtitle {
	font-size: 14px;
}
.features-video-box video{
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.side-text-hero-block {
	min-height: 70svh
}
.side-text-photo-block {
	padding: 24px;
}
.side-text-photo-block-text h4{
	font-size: 17px;
}
.side-text-photo-block-text h2{
	font-size: 24px;
}
.side-text-photo-block-text p,
.side-text-photo-block-text a{
	font-size: 14px;
	color: #393c41;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description::-webkit-scrollbar-thumb{
	background-color: #e3893e;
}
.label-container-display .inside {
	width: 100%;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
	background: var(--color-gradient);
	border: none;
	border-radius: 4px;
	color: #FFFFFF;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained:hover {
	background: linear-gradient(90deg, rgb(227, 137, 62) 0%, rgb(220, 106, 54) 100%);
	border: none;
	color: #FFFFFF;
}
.wc-block-checkout__shipping-method {
	margin-top: 20px !important;
}
/*********** RESPONSIVE SM ***********/
@media (min-width: 576px) { 
    #brandsModal.modal,
	#carsModal.modal
	{
        width: 100%;
    }
    #brandsModal .modal-dialog,
	#carsModal .modal-dialog
	{
        width: 100%;
        margin: 0;
        max-width: unset !important;
    }
}
/*********** RESPONSIVE MD ***********/
@media (min-width: 768px) {
    .charger-section {
        padding: 70px 0;
        min-height: 700px;
    }
    body.admin-bar .navbar,
    body.admin-bar .offcanvas.offcanvas-end,
    body.admin-bar #brandsModal.modal,
	body.admin-bar #carsModal.modal
	{
        top: 32px;
    }
    .admin-bar .hero-single,
    .admin-bar .hero-single-block {
        min-height: calc(100svh - 32px);
    }
    .photo-video-section {
        height: auto;
    }
    .video-container {
        height: auto;
    }
    .video-container video {
        height: auto;
    }
    .cta-buttons .btn,
    .cta-buttons-bottom {
        width: auto;
    }
    .contact-section-img {
        border-radius: 8px;
    }
}
/*********** RESPONSIVE LG ***********/
@media (min-width: 992px) {
    /******* NAVBAR *******/
    .navbar {
        z-index: 1111111111111;
    }
    .navbar .nav-link::after {
        display: none;
    }
    .navbar .nav-link {
        color: #fff !important;
        padding-left: 15px  !important;
        padding-right: 15px  !important;
        margin: 4px 0;
    }
    .navbar-opened {
        background-color: #FFF;
    }
    .navbar-opened .hovered {
        text-decoration: underline;
    }
	.navbar-opened::before {
        display: none;
    }
    .navbar-opened .nav-link {
        color: var(--navlink-color) !important;
    }
    .navbar-opened .navbar-brand-black {
        display: block;
    }
    .navbar-opened .navbar-brand-white {
        display: none;
    }
	.hero-block {
        padding-top: 140px;
    }
	.standard-section {
		padding-top:140px;
	}
    /******* MODALS *******/
    .brand-nav {
        justify-content: center;
        align-items: center;
        border: none;
    }
    .brand-nav .nav-item {
        position: relative;
        border: none;
    }
    .brand-nav .nav-link {
        border: none;
        padding: 10px 20px;
        position: relative;
        justify-content: center;
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
    }
    .brand-nav .nav-link img {
        height: 15px;
    }
    .tab-content {
        padding-top: 20px;
    }
    .brand-nav .nav-item::after {
        width: 1px;
        height: 50px;
        right: -0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        content: '';
        background-color: rgba(54, 50, 50, 0.5);
    }
    .brand-nav .nav-link::before {
        width: 0;
        height: 2px;
        left: 0;
        transform: translateX(-50%);
        bottom: 0;
        position: absolute;
        content: '';
        background-color: #363232;
        transition: all .3s;
    }
    .brand-nav .nav-link:hover::before,
    .brand-nav .nav-link.active::before {
        width: calc(100% - 20px);
        left: 50%;
    }
    .brand-nav .nav-item:last-child::after {
        display: none;
    }
    #brandsModal .modal-header,
	#carsModal .modal-header
	{
        display: none;
    }
    #brandsModal.modal,
	#carsModal.modal
	{
        top: 81px;
    }
    body.admin-bar #brandsModal.modal,
	body.admin-bar #carsModal.modal
	{
        top: 113px;
    }
    #brandsModal .modal-body,
	#carsModal .modal-body
	{
        padding: 30px 0 20px 0;
    }
    .hero-block-text {
        font-size: 40px;
        line-height: 1.3;
    }
    .mid-sect-text {
        font-size: 30px;
    }
    .car-model-img {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .car-model-box {
        margin-bottom: 40px;
        width: 250px;
        margin-left: unset;
        margin-right: unset;
    }
    .charger-section {
        padding: 80px 0;
        min-height: 800px;
    }
    .linear-gradient::after {
        height: 500px;
    }
    .linear-gradient::before {
        height: 200px;
    }
	.footer-nav .nav-link {
        color: #ffffff80 !important;
        font-size: 16px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0;
    }
    .brands-section {
        padding: 100px 0 100px 0;
    }
    .brands-section-header {
        font-size: 35px;
        padding-bottom: 80px;
    }
    .brands-main-tabs {
        padding: 5px 0;
        border: none;
        margin-bottom: 100px;
    }
    .brands-main-tabs .nav-item {
        padding-right: 40px;
        padding-left: 40px;
        border: none;
        position: relative;
    }
    .cars-swiper-img-box {
        height: 400px;
        width: 90%;
    }
	.car-model-img {
		height: 150px;
	}
	.car-model-img img {
		object-fit: contain;
		height: 100%;
	}
	.mapa-box {
		height: 300px;
	}
    .hero-single-block h1{
        font-size: 40px;
    } 
    .hero-item {
        font-size: 24px;
    }
    .hero-item span {
        font-size: 14px;
    }
    .photo-video-block-title h2{
        font-size: 28px;
    }
    .photo-video-text-box {
        padding: 24px 0 64px 0;
    }
    .photo-video-text-box p{
        font-size: 14px;
        color: #FFFFFF;
    }
    .photo-video-text-box a{
        font-size: 14px;
        color: #FFFFFF;
    }
    .photo-video-text-box {
        padding: 48px 0 64px 0;
    }
    .single-container {
        max-width: 1145px;
    }

    .small-video-title h2 {
        font-size: 24px;
    }
    .small-video-text-box {
        max-width: 430px;
    }
    .small-video-section {
        padding: 120px 0;
    }
    .horizontal-slider-section {
        padding: 130px 0 70px 0;
    }
    .horizontal-swiper-pagination {
        padding-top: 40px !important;
        max-width: 550px;
        bottom: 26% !important;
        left: 50% !important;
        transform: translateX(-50%);
    }
    .horizontal-slider-text-box {
        max-width: 550px;
        padding-top: 68px;
    }
    .horizontal-slider-img {
        height: 480px;
    }
    .horizontal-slider-text-box h2{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .title-section-block h2 {
        font-size: 28px; 
    }
    .cards-section {
        padding: 65px 0 120px 0;
    }
    .specification-section {
        padding: 105px 0;
    }
    .specs-row-title {
        font-size: 20px;
    }
    .specifications-title h2{
        font-size: 32px;
    }
    .specifications-block .nav-tabs {
        width: auto;
    }
    .specs-row {
        padding: 55px 0;
    }
    .cta-section{
        padding: 120px 0;
    }
    .cta-buttons h2 {
        font-size: 28px;
    }
    .cta-image {
        top: 50%;
        transform: translateY(-50%);
    }
    .cta-section-block {
        width: 50%;
    }
    .dodatni-tekst {
        padding: 95px 0
    }
    .contact-block-text h2 {
        font-size: 28px;
    }
    .contact-section {
        padding: 100px 0;
    }
    .distance-section {
        padding: 55px 0 55px 0;
    }
    .mala-fotografija-section {
        padding: 100px 0;   
    }
    .mala-fotografija-text-box h2{
        font-size: 28px;
    }
    .foto-sekcija .photo-video-text-inner {
        font-size: 14px;
    }
    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
    	width: calc(100% - 440px);
        position: sticky !important;
        top: 50%;
        left: 0;
		transform: translatey(-50%);
    }
    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary {
    	width: 440px;
        padding: 0 50px;
    }
	.features-section {
	   padding: 100px 0;
	}
	.side-text-hero-block {
		min-height: 100svh
	}
	.side-text-photo-block {
		padding: 48px 40px;
	}
}
/*********** RESPONSIVE XL ***********/
@media (min-width: 1200px) {
    .hero-block-text {
        font-size: 45px;
    }
    .charger-section {
        padding: 110px 0;
        min-height: 100dvh;
    }
    .car-model-box {
        width: 320px;
    }
    .brand-nav .nav-link img {
        height: 20px;
    }
    #brandsModal .modal-body,
	#carsModal .modal-body
	{
        padding: 40px 0 20px 0;
    }
    .tab-content {
        padding-top: 30px;
    }
    .cars-swiper-img-box {
        height: 450px;
    }
    .cta-section{
        padding: 250px 0;
    }
    .contact-section {
        padding: 140px 0;
    }
    .distance-text-box h3{
        font-size: 17px;
    }
    .distance-text-box span{
        font-size: 28px;
    }
    .mala-fotografija-section {
        padding: 160px 0 120px 0;
    }
    .small-video-section .row.gx-xl-5 {
        --bs-gutter-x: 64px;
    }
	.hero-subtitle {
		font-size: 24px;
	}
	.ps-xl-120 {
		padding-left: 120px !important;
	}
	.distance-title {
		font-size: 28px;
	}
	.features-section {
	   padding: 120px 0;
	}
	.side-text-photo-block-text h2{
		font-size: 28px;
	}
	.side-text-photo-block-text p,
	.side-text-photo-block-text a{
		font-size: 14px;
		color: #393c41;
	}
}
/*********** RESPONSIVE XXL ***********/
@media (min-width: 1400px) {
    .hero-block-text {
        font-size: 50px;
        line-height: 1.3;
    }
}
@media (min-width: 1600px) {
	.woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
        top: 25%;
		transform: none;
    }
}