/*
Theme Name: Creative Box
Author: Creative Box Team
Description: Theme created by Creative Box team
Version: 1.0
Requires at least: 5.0
Tested up to: 6.2.2
Requires PHP: 7.0
Text Domain: creativebox
This theme is property of Creative Box company
*/
@font-face {
	font-family: 'Grota Rounded';
	src: url('fonts/GrotaRounded.eot');
	src: url('fonts/GrotaRounded.eot?#iefix') format('embedded-opentype'),
		 url('fonts/GrotaRounded.woff2') format('woff2'),
		 url('fonts/GrotaRounded.woff') format('woff'),
		 url('fonts/GrotaRounded.ttf') format('truetype'),
		 url('fonts/GrotaRounded.svg#NumeFont') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, html {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	scroll-behavior: smooth;
	color: #535353;
}
.home .top-row-container {
	backdrop-filter: blur(6px);
	background-color: rgba(252,252,252,0.9)!important;
	position: fixed;
	top: 0;
	left: 0;
	height: 96px;
	box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.25);
}
.home .mw-fhd {
	padding-top: 0;
}
.mw-fhd {
	max-width: 1920px;
	margin: 0 auto;
	padding-top: 94px;
}
a {
	color: #E60028;
	text-decoration: none;
	transition: all .3s ease;
}
a:hover {
	color: #E60028;
	transition: all .3s ease;
}
video {
	max-width: 100%
}
/* Styles for the loading animation */
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff; /* Set the background color */
	z-index: 9999;
	display: none;
}
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 300px;
}
.site-logo-sprite {
	width: 189px;
	height: 37px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/logo.png');
}
.top-row {
	height: 94px;
}
.menu-primary {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}
.menu-primary li {
	margin-left: 32px;
	display: inline-block;
}
.menu-primary li a {
	color: #535353;
	font-weight: 500;
	font-size: 16.22px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.menu-primary a:hover {
	color: #E60028;
}
h2 {
	font-family: 'Grota Rounded';
	font-size: 84.81px;
	line-height: 124%;
	color: #535353;
}
h2 span {
	display: inline-block;
	color: #E60028;
	position: relative;
	top: 9px;
	white-space: nowrap;
}
h2 span:not(.ti-minus)::before,
h2 span:not(.ti-minus)::after {
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 110%;
	background-image: url(img/ttl-bfaf.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}
h2 span:before {
	left: -7px;
	top: -6px;
}
h2 span:after {
	right: -5px;
	top: -6px;
}
h2 span {
	display: inline-block;
	color: #E60028;
	border: 1px #E60028 solid;
	padding: 0px 20px 21px 21px;
	line-height: 1;
	vertical-align: top;
}
.ar-lft-ttl {
	text-align: right;
	position: relative;
	right: 75px;
	padding-top: 214px;
}
.ar-lft-ttl span {
	right: -43px;
}
.ar-lft-dsc {
	width: 326px;
	margin: 28px 112px 0 auto;
	position: relative;
}
.ar-lft-dsc p {
	font-size: 14px;
	font-weight: 600;
	line-height: 125%;
	margin: 14px 0 26px 0;
}
/* Base styles for the button */
.btn-sh {
/*    color: #fff;*/
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	position: relative;
	text-decoration: none;
/*    border: 1px #fff solid;*/
	border-radius: 10px;
	padding: 7px 23px;
	text-align: center;
	min-width: 185px;
	transition: background-color 0.3s ease, transform 0.2s ease;
	background-color: transparent;
}
.btn-dark {
	color: #535353;
	border: 1px #535353 solid;
}
.btn-light {
	color: #fff;
	border: 1px #fff solid;
}
/* Styles for the button on hover */
.btn-sh:hover {
	color: #fff;
	border-color: #E60028;
	background-color: #E60028;
	transform: scale(1.05);
}
.btn-plus {
	font-size: 0!important;
	padding: 19px;
	position: relative;
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.btn-plus:before {
	content: "";
	width: 25px;
	height: 2px;
	background-color: #535353;
	position: absolute;
	display: block;
	top: 18px;
	left: 7px;
}
.btn-plus:after {
	content: "";
	width: 2px;
	height: 25px;
	background-color: #535353;
	position: absolute;
	display: block;
	top: 6px;
	left: 18px;
}
.btn-plus:hover {
	font-size: 16px!important;
	padding: 9px 0;
	width: 185px;
	height: auto;
	margin-top: -2px;
	margin-bottom: -2px;
}
.btn-plus:hover::before,
.btn-plus:hover::after {
	transition: opacity 0.3s ease;
	opacity: 0;
}
/*.btn-sh::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #E60028;
	bottom: -8px;
	left: 0;
}*/
#section-home {
	background-image: url(img/rctg51.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.hm-back {
	position: absolute;
	width: 100%;
	height: 111%;
	z-index: -1;
	background-image: url(img/itb-back.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	filter: drop-shadow(0px 0px 49px #000000);
}
.section {
	min-height: 100vh;
	width: 100%;
	transition: transform 0.8s ease, top 0.8s ease;
	transform: translateY(0);
/*	overflow: hidden;*/
	position: relative;
	padding-bottom: 55px;
	position: relative;
}
.section.hello-section {
	min-height: 111vh;
}
.site-content {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 44px -17px;
	position: relative;
}
/*.section-inner-wrap {
	overflow: hidden;
}*/
/*.section.active {
	transform: translateY(0);
	top: 0;
}*/
.h100 {
	height: 100%;
}
/*.cct-fr {
	background-image: url(img/drp-rd.png);
	background-repeat: no-repeat;
	background-position-y: top;
	background-position-x: 467px;
	height: 100%;
	width: 100%;
	position: relative;
}*/
.columns-background {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.cb-item {
	width: 25%; /* Lățimea fiecărei coloane */
	height: 100%;
	background-color: #fff; /* Culorile coloanelor */
	top: 0;
	z-index: -1;
	position: absolute;
	transition: transform 1.6s ease, top 1.6s ease;
	transform: translateY(0);
}
.cb-item-1 {
	transform: translateY(0);
	left: 0;
	top: 450px;
}
.cb-item-2 {
	transform: translateY(0);
	left: 25%;
	top: 850px;
}
.cb-item-3 {
	transform: translateY(0);
	left: 50%;
	top: 650px;
}
.cb-item-4 {
	transform: translateY(0);
	left: 75%;
	top: 950px;
}
.section.active .cb-item {
	top: 0;
}
.itb-ttl {
	margin-bottom: 14px;
}
.sa-inner {
	padding-top: 191px;
	height: 100%;
	position: relative;
}
.sa-inner:after {
	content: "";
	display: none;
	position: absolute;
	width: 1100px;
	height: 850px;
	background-image: url(img/skbdcircle.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 123px;
	right: -305px;
	z-index: -1;
}
.text-right-ssm {
	text-align: right;
}
h3 {
	font-size: 25px;
	font-weight: 900;
	text-transform: uppercase;
	width: 87%;
	margin-top: 18px;
	margin-bottom: 16px;
	color: #E60028;
	transition: all .3s ease;

}
p {
	font-weight: normal;
/*	margin-bottom: 44px;*/
	line-height: 1.3;
}
.services-3 h3 {
	font-size: 25px;
	font-weight: 900;
	text-transform: uppercase;
	width: 87%;
	margin-top: 18px;
	margin-bottom: 16px;
	color: #E60028;
	min-height: 60px;
	word-spacing: 50px;
}
.services-3 p {
	font-weight: normal;
	margin-bottom: 44px;
	line-height: 1.3;
}
.ssprite {
	height: 57px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	background-size: contain;
}
.services-3 {
	padding-top: 44px;
}
.xbg {
	position: absolute;
	width: 387px;
	height: 387px;
	background-image: url(img/xbig.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	left: 228px;
	top: 30px;
	transition: transform 1.3s ease, top 1.3s ease;
}
.section.active .xbg {
	top: 21px;
	transition: transform 1.3s ease, top 1.3s ease;
}
/*.home .top-row-container {
	background-color: rgba(255, 255, 255, 0.5);
}*/
/*.top-row-container {
	background-color: #fff;
	position: relative;
	width: 100%;
	z-index: 5;
	overflow: hidden;
	transition: height 0.2s;
}*/

.top-row-container {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	overflow: hidden;
	transition: height 0.2s;
}
.blur-back {
	position: relative;
}
/*.blur-back::before {
	content: "";
	background-color: rgba(252,252,252,0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	left: -50%;
	top: 0;
	backdrop-filter: blur(6px);
}*/
.hello-section {
	background-image: url(img/hll-back.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: -155px;
	z-index: 2;
	background-size: cover;
	filter: drop-shadow(0px 0px 49px #000000);
}
.section-portfolio {
	background-color: #535353;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.section-portfolio:before {
	content: "";
	width: 834px;
	height: 834px;
	position: absolute;
	display: block;
	border-radius: 50%;
	box-shadow: inset 0 0 0 145px #393939;
	left: -270px;
	top: 86px;
}
.section-portfolio:after {
	content: "";
	width: 387px;
	height: 387px;
	display: block;
	position: absolute;
	background-image: url(img/xbig.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	right: 59px;
	bottom: 170px;
	z-index: -1;
}
.prtl-ttl {
	padding-bottom: 30px;
}
.prtl-ttl h2 {
	color: #fff;
}
.prtl-ttl span {
	position: relative;
	margin-left: -30px;
	margin-right: -12px;
}
.prtl-description {
	width: 326px;
	margin: 0 auto;
	line-height: 1.2;
	font-size: 14px;
	max-width: 100%;
	margin-bottom: 98px;
}
.prtl-description .btn-sh {
	margin-top: 29px;
}
.portfolio-block-item {
	text-align: center;
	margin-bottom: 33px;
}
.portfolio-block-item img {
	-webkit-box-shadow: -10px 11px 21px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: -10px 11px 21px 5px rgba(0,0,0,0.25);
	box-shadow: -10px 11px 21px 5px rgba(0,0,0,0.25);
	max-width: 95%;
	border-radius: 10px;
}
.prtl-col-center {
	padding-top: 53px;
}
.prtl-col {
	opacity: 1;
	transition: opacity 0.5s ease, top 0.5s ease;
	position: relative;
	transform: translateY(200px);
}
.prtl-col.in-viewport {
	opacity: 1; /* Show columns when in viewport */
	top: 0; /* Move columns up when in viewport */
}
.section-unique {
	background-color: #535353;
	padding-top: 136px;
	min-height: 111vh;
}
.section-unique:before {
	content: "";
	width: 387px;
	height: 387px;
	display: block;
	position: absolute;
	background-image: url(img/xbigr.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	left: -37px;
	bottom: 20px;
	z-index: -1;
}
.section-unique h2 {
	margin-top: 23px;
	margin-bottom: 40px;
	margin-left: 25px;
	text-indent: 49px;
	color: #fff;
	max-width: 420px;
}
.section-unique h2 span {
	text-indent: 0;
	margin-left: 37px;
}
.section-unique p {
	color: #fff;
}
.section-unique .unique-left p {
	width: 326px;
	margin-left: 114px;
}
.section-unique .unique-right p {
	margin-bottom: 69px;
}
.item-unique {
	padding-left: 52px;
}
.unique-right h3 {
	margin-bottom: 12px;
}
.section-unique .unique-right {
	position: relative;
	padding-top: 22px;
}
.section-unique .unique-right:before {
	content: "";
	width: 1px;
	height: 105%;
	display: block;
	position: absolute;
	top: 24px;
	left: 0px;
	background-color: #E60028;
}
.section-unique .p-ttl {
	padding-top: 18px;
}
.section-unique .btn-sh {
	margin-left: 114px;
}
.section-brands {
	margin-top: -96px;
	background-image: url(img/brnds-back-w.png);
	z-index: 2;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 110vh;
	margin-bottom: -114px;
	overflow: hidden;
	position: relative;
}
.section-brands h2 {
	margin-bottom: 30px;
	padding-top: 237px;
}
.section-brands .wp-block-gallery {
	max-width: 564px;
	padding-top: 28px;
}
.section-brands .wp-block-gallery img {
	width: 190px!important;
}
.section-brands h2 span {
	margin-left: -52px;
}
.section-brands::after {
	content: "";
	height: 485px;
	width: 1625px;
	display: block;
	position: absolute;
	background-color: #E60028;
	transform: rotate(-55deg);
	right: -42%;
	top: 309px;
	z-index: -1;
}
.section-brands::before {
	content: "";
	width: 626px;
	height: 751px;
	display: block;
	position: absolute;
	right: 99px;
	top: 208px;
	margin: 0 auto 43px auto;
	background-image: url(img/bb-s.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	mix-blend-mode: darken;
}
.circle-brnds {
	content: "";
	display: block;
	position: absolute;
	width: 1092px;
	height: 1092px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 189px #D9D9D9;
	top: 41%;
	left: -29%;
	z-index: -1;
}
.section-feedbacks h2 span {
	margin-left: 22px;
}
.section-feedbacks h2 {
	margin-bottom: 52px;
	padding-top: 25px;
}
.section-feedbacks {
	min-height: initial;
	z-index: 3;
	padding-top: 70px;
	padding-bottom: 0;
	background-color: #D9D9D9;
}
.feedbacks-carousel {
	width: 667px;
	margin: 0 auto;
	position: relative;
}
.feedbacks-carousel:before {
	content: "’’";
	position: absolute;
	color: #fff;
	font-family: 'Grota Rounded';
	font-size: 360px;
	transform: rotate(180deg);
	left: -205px;
	line-height: 0.5;
	top: -74px;
	letter-spacing: -8px;
	display: block;
}
.feedbacks-carousel:after {
	content: "’’";
	position: absolute;
	color: #fff;
	font-family: 'Grota Rounded';
	font-size: 360px;
	line-height: .5;
	letter-spacing: -8px;
	right: -216px;
	top: 182px;
	vertical-align: top;
	display: block;
}
.feedbacks-carousel p {
	font-size: 20px;
}
.feedback-rating {
	font-size: 60px;
	color: #E60028;
	font-weight: 600;
	margin-bottom: 23px;
}
.feedback-item h4 {
	font-weight: 600;
	font-size: 26px;
	text-transform: uppercase;
}
.feedback-content {
	width: 89%;
}
/*.section-about {
	background-image: url(img/itb-back.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -96px;
}*/
.section-services {
	z-index: 2;
	margin-top: -96px;
} 
.itb-back img {
	position: absolute;
	width: 100%;
	height: 111%;
	z-index: -1;
	background-image: url(img/itb-back.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	filter: drop-shadow(0px 0px 49px #000000);
}
.brnds-back img {
	position: absolute;
	width: 100%;
	height: 111%;
	z-index: -1;
	background-image: url(img/itb-back.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	filter: drop-shadow(0px 0px 49px #000000);
}
.fdbcks-back img {
	position: absolute;
	width: 100%;
	height: 50%;
	z-index: -1;
	background-image: url(img/fdbcks-back.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
}
.feedbacks-back-color {
	background-color: #D9D9D9;
	padding-bottom: 55px;
}
.feedbacks-carousel {
	position: relative;
}
.feedbacks-carousel .feedback-rating img {
	width: 276px;
	height: 44px;
	display: inline-block;
	background-image: url(img/5stars.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: top left;
	background-size: contain;
	margin-left: 20px;
	margin-top: -5px;
}
.feedbacks-carousel button.owl-dot {
	width: 11px;
	height: 11px;
	background-color: #fff;
	border-radius: 3px;
	margin: 0 5px;
}
.feedbacks-carousel .owl-dot.active {
	background-color: #535353;
	width: 15px;
	height: 15px;
}
.feedbacks-carousel .owl-dots {
	margin-top: 63px;
	text-align: center;
}
.site-footer {
	background-color: #535353;
	padding-top: 67px;
/*	padding-bottom: 169px;*/
	overflow: hidden;
	position: relative;
}
.site-footer:after {
	content: "";
	width: 441px;
	height: 441px;
	display: block;
	position: absolute;
	background-image: url(img/xbig.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	right: 323px;
	bottom: -94px;
}
.footer-logo img {
	width: 170px;
	height: 142px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.footer-logo:after {
	content: "";
	display: block;
	width: 117px;
	height: 2px;
	background-color: #fff;
	margin-top: 31px;
}
.footer-address {
	margin-top: 24px;
	margin-bottom: 27px;
}
.footer-address span {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: .9;
}
.footer-email a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 1.4px;
}
.footer-booking {
	margin-top: 34px;
}
.footer-booking .btn-sh {
	padding: 17px 33px;
	border-radius: 15px;
}
.menu-footer a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 22px;
}
.menu-footer a:hover {
	color: #E60028;
}
.menu-footer li {
	margin-bottom: 21px;
}
.menu-footer .sub-menu a {
	font-size: 16px;
	letter-spacing: -0.5px;
}
.menu-footer .sub-menu li {
	margin-bottom: 11px;
}
.menu-footer .sub-menu {
	padding: 0;
	margin-top: 12px;
}
.menu-footer-menu-container {
	padding-bottom: 2px;
	border-left: 2px #E60028 solid;
}
.menu-footer-menu-container {
	margin-left: 15px;
}
.follow-us {
	color: #E60028;
	font-size: 20px;
	font-weight: 600;
	display: block;
	margin-bottom: 26px;
}
.fb-light {
	width: 30px;
	height: 30px;
	background-image: url(img/fb-light.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.ig-light {
	width: 30px;
	height: 30px;
	background-image: url(img/ig-light.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 22px;
}
.lin-light {
	width: 30px;
	height: 30px;
	background-image: url(img/lin-light.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 22px;
}
.fb-dark,
.ig-dark,
.lin-dark {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 10px;
}
.fb-dark {
	background-image: url(img/fb-dark.png);
}
.ig-dark {
	background-image: url(img/ig-dark.png);
}
.lin-dark {
	background-image: url(img/lin-dark.png);
}
.page-template-page_half_column .tcb_title {
	margin-left: -175px;
	margin-bottom: 20px;
}
.page-template-page_half_column .tcb_title span {
	margin-left: 62px;
}
.page-template-page_half_column .wpcf7 {
	margin-top: 18px;
}
.wpcf7-form-control-wrap {
	display: block;
}
input[type=text],
input[type=email],
textarea {
	width: 100%;
	border: 1px #D9D9D9 solid;
	border-radius: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-indent: 8px;
	padding: 9px 0;
}
textarea {
	height: 110px;
}
.wpcf7-acceptance input[type=checkbox],
input[type=checkbox] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	cursor: pointer;
}
.wpcf7-acceptance label span,
.mc4wp-checkbox label span {
	position: relative;
	display: block;
	padding-left: 20px;
}
.wpcf7-acceptance label span:before,
.mc4wp-checkbox label span:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px #D9D9D9 solid;
	border-radius: 5px;
	position: absolute;
	top: -4px;
	left: -10px;
}
.wpcf7-acceptance input:checked ~ span:before,
.mc4wp-checkbox input:checked ~ span:before {
	background-image: url(img/checked.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.wpcf7-acceptance,
.mc4wp-checkbox {
	font-weight: 600;
	font-size: 10px;
	display: block;
}
.mc4wp-checkbox {
	margin: 0 0 0 1em;
}
.portfolio-description {
	max-width: 410px;
	padding-top: 28px;
}
.portfolio-list {
	padding-top: 35px;
}
.portfolio-categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.portfolio-categories li {
	display: inline-block;
}
.portfolio-categories .active a {
	color: #E60028;
	border: 1px #E60028 solid;
}
.portfolio-categories a:hover {
	color: #E60028;
	border: 1px #E60028 solid;
}
.portfolio-categories a {
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	padding: 8px 13px;
	display: block;
	border: 1px transparent solid;
	border-radius: 10px;
	color: #D9D9D9;
	min-width: 84px;
}
.portfolio-categories {
	padding-top: 10px;
}
.portfolio-archive-thumbnail img {
	position: relative;
	z-index: 2;
	margin: -10px auto -80px auto;
	display: block;
}
.portfolio-list-container {
	padding-top: 34px;
	position: relative;
}
.portfolio-list-container:before {
	content: "";
	display: block;
	position: absolute;
	width: 712px;
	height: 712px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 131px #D9D9D9;
	top: 22px;
	left: 70%;
	z-index: -1;
}
.archive-portfolio-overflow {
	overflow: hidden;
}
.ti-minus {
	text-indent: -60px;
	color: inherit;
	border: none;
}
.archive-item-post img {
	border-radius: 10px;
	max-width: 100%;
}
.archive-item-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.archive-item-categories li {
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	color: #E60028;
}
.archive-item-categories ul li:first-child span {
	display: none;
}
.archive-item-categories li::before {
	content: "|";
	display: inline-block;
	margin-right: 3px;
}
.archive-item-categories li:first-child::before {
	display: none;
}
.archive-item-title h3 {
	font-size: 45px;
	color: #535353;
	min-height: 108px;
	text-transform: none;
}
.archive-item-categories {
	margin-top: 28px;
}
.archive-info-block {
	position: relative;
	z-index: 3;
}
img {
	max-width: 100%;
	height: auto;
}
.single-portfolio-title h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 44px;
	text-align: center;
}
.single-portfolio-title {
	margin: 45px 0px 13px 0px;
}
.single-portfolio-categories ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.single-portfolio-categories li {
	display: inline-block;
	position: relative;
}
.single-portfolio-categories li:before {
	content: "|";
	display: inline-block;
	color: #E60028;
	font-weight: 600;
	margin-right: 4px;
}
.single-portfolio-categories li:first-child::before {
	display: none;
}
.single-portfolio-categories a {
	font-weight: 600;
	text-transform: uppercase;
}
.services-list-circle {
	width: 956px;
	height: 956px;
	border: 2px #D9D9D9 solid;
	position: relative;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.services-list-circle-overflow {
	height: 728px;
	overflow: hidden;
}
.services-list-circle-wrap {
	position: relative;
	width: 18%;
	margin-right: 17%;
}
.service-content {
	width: 57%;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}
.services-container {
	display: flex;
}
.services-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.services-list a,
.services-categories a {
	text-transform: uppercase;
	color: #D9D9D9;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
}
.services-categories a {
	min-width: 155px;
	display: block;
}
.services-list a:hover,
.services-categories a:hover {
	color: #E60028;
}
.services-list .active a {
	color: #535353;
	font-size: 16px;
}
.services-list a {
	position: absolute;
	left: 0;
	top: 38%;
	transform: translateY(-50%);
	width: 190px;
	display: inline;
	white-space: break-spaces;
}
.services-categories .active a {
	font-size: 14px;
	color: #E60028;
}
.services-list li {
	padding: 20px 0 36px 0;
	box-sizing: border-box;
	height: 80px;
	position: absolute;
	cursor: pointer;
	transform-origin: center;
	transition: transform 0.5s ease;
}
#services-list {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 293px;
	left: -225px;
}
.services-list.inactive {
	opacity: 0;
	transition: none;
}
.services-list li:before {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #D9D9D9;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 24px;
	left: -27px;
}
.services-list li.active:before {
	background-color: #535353;
}
.services-categories {
	position: relative;
	right: 57px;
}
.services-categories li {
	margin-bottom: 10px;
}
.services-list-circle-wrap-inner {
	position: relative;
	top: -155px;
}
.tcb-cc-item {
	width: 200px;
	height: 286px;
	border: 1px #D9D9D9 solid;
	border-radius: 10px;
	padding: 18px 15px;
}
.tcb-cc-counter {
	color: #E60028;
	font-size: 54px;
	font-weight: 600;
	line-height: 1;
}
.tcb-cc-title h3 {
	font-size: 14px!important;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: none;
}
.tcb-cc-description p {
	line-height: 1.2;
}
.tcb-cards-carousel {
	max-width: 646px;
	position: relative;
}
.tcb-cards-carousel .owl-nav {
	position: absolute;
	top: 137px;
	width: 100%;
	z-index: -1;
}
.tcb-cards-carousel .owl-prev {
	position: absolute;
	left: -35px;
}
.tcb-cards-carousel .owl-next {
	position: absolute;
	right: -37px;
}
.tcb-cards-carousel .owl-nav .disabled span {
	border-right: 3px #D9D9D9 solid;
	border-bottom: 3px #D9D9D9 solid;
	cursor: default;
}
.tcb-cards-carousel .owl-prev span,
.tcb-cards-carousel .owl-next span {
	width: 13px;
	height: 13px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0!important;
	color: transparent;
	display: block;
	border-right: 3px #535353 solid;
	border-bottom: 3px #535353 solid;
}
.tcb-cards-carousel .owl-prev span {
/*	background-image: url(img/tcb-carousel-nav.png);*/
	transform: rotate(135deg);
}
.tcb-cards-carousel .owl-next span {
/*	background-image: url(img/tcb-carousel-nav.png);*/
	transform: rotate(-45deg);
}
.tcb-cards-carousel .owl-dot {
	height: 1px;
	background-color: #D9D9D9!important;
	width: 50%;
}
.tcb-cards-carousel .owl-dot.active {
	background-color: #535353 !important;
	height: 3px;
}
.tcb-cards-carousel .owl-dots {
	position: relative;
	width: 100%;
/*	left: -45px;*/
	top: 26px;
	display: flex;
	align-items: center;
}
.tcb-cards-carousel h3:after {
	display: none!important;
}
.tcb-title2 {
	display: flex;
	align-items: flex-end;
}
.tcb-title2 p {
	max-width: 316px;
	margin-bottom: 35px;
}
.tcb-title2 h2 {
	margin-left: -70px;
	margin-right: 37px;
}
.tcb-title2 h2 span {
	display: block;
	margin-left: 70px;
}
.service-content-inner h3.wp-block-heading {
	text-transform: none;
	font-size: 25px;
	max-width: 295px;
	margin-top: 130px;
}
.service-content-inner p {
	max-width: 365px;
}
.service-content-inner h3:after {
	content: "";
	display: block;
	width: 81px;
	height: 2px;
	background-color: #535353;
	margin-top: 16px;
}
.hidden-post-content {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: bottom right;
	transition: opacity 0.3s ease-in-out;
}
.hidden-post-content.active {
	opacity: 1;
	z-index: 2;
}
.hidden-post-content::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: top right;
	z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
}
.single-portfolio-content .wp-block-columns.boxed {
	max-width: 1320px;
	margin: 0 auto;
}
.red-info {
	background-color: #E60028;
	padding: 50px 46px 43px 46px;
	color: #fff;
	border-radius: 10px;
	border-radius: 10px;
	font-size: 20px;
	overflow: hidden;
	line-height: 1.3;
}
.red-info a {
	color: #fff;
}
.red-info a:hover {
	color: #fff;
}
.single-portfolio-content h3 {
	color: #535353;
	font-size: 40px;
	text-transform: none;
}
.single-portfolio-content h3:after {
	content: "";
	display: block;
	width: 81px;
	height: 2px;
	background-color: #535353;
	margin: 14px 0;
}
.single-portfolio-content .left-bigger .wp-block-column:first-child {
	flex-basis: 51.66%!important;
	margin-right: 6%;
}
.single-portfolio-content .left-bigger .wp-block-column:nth-child(2) {
	flex-basis: 37.33%!important;
}
.single-portfolio-content .left-image .wp-block-column:first-child {
	flex-basis: 43%!important;
}
.single-portfolio-content .left-image .wp-block-column:nth-child(2) {
	flex-basis: 67%!important;
	padding-left: 8px;
}
.single-portfolio-content .left-image .wp-block-column:nth-child(2) p {
	max-width: 673px;
}
.single-portfolio-content .two-images {
/*	max-width: 1320px;*/
	text-align: center;
}
.single-portfolio-content .two-images img:first-child {
	margin-right: 39px;
}
.single-portfolio-content .two-images .wp-block-column:first-child {
	flex-basis: 40%!important;
}
.single-portfolio-content .two-images .wp-block-column:nth-child(2) {
	flex-basis: 60%!important;
}
.single-portfolio-content .right-image {
	justify-content: end;
	display: flex;
}
.single-portfolio-content .right-image .wp-block-column:first-child {
	flex-basis: 59%;
	max-width: 670px;
	margin-right: 97px;
}
.single-portfolio-content .right-image .wp-block-column:nth-child(2) {
	flex-basis: 41%!important;
	max-width: 804px;
}
.page_half_column_inside_col .is-layout-flex {
	display: initial;
}
.footer-sign-up {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 26px;
}
.footer-sign-up a {
	color: #fff;
}
.unique-right .btn-sh {
	display: none;
}
.footer_logo_mb {
	display: none;
}
.accent-uppercase {
	font-size: 16px;
	color: #E60028;
	text-transform: uppercase;
	font-weight: bold;
}
/*web-design term 13*/
.term-13 .service-image-inner div {
	position: absolute;
	width: 142%;
	height: 131%;
	background-size: contain;
	background-repeat: no-repeat;
	top: -88px;
	left: 60px;
}
.term-13 .service-image-inner div::after {
	content: "";
	width: 486px;
	height: 141%;
	background-color: #E60028;
	mix-blend-mode: darken;
	display: block;
	position: absolute;
	top: -70px;
	right: 160px;
	transform: rotate(34deg);
}
/*digital marketing term-8*/
.term-8 .service-image-inner div {
	position: absolute;
	width: 113%;
	height: 113%;
	background-size: contain;
	background-repeat: no-repeat;
	top: -36px;
	left: 211px;
}
.term-8 .service-image-inner div::after {
	content: "";
	width: 819px;
	height: 819px;
	background-image: url(img/x-digital-marketing.png);
	mix-blend-mode: darken;
	display: block;
	position: absolute;
	top: 101px;
	right: -38%;
	background-size: contain;
	background-repeat: no-repeat;
}
/*brand identity term 12*/
.term-12 .service-image-inner div {
	position: absolute;
	width: 113%;
	height: 113%;
	background-size: contain;
	background-repeat: no-repeat;
	top: -36px;
	left: 247px;
}
.term-12 .service-image-inner div::after {
	content: "";
	width: 834px;
	height: 834px;
	box-shadow: inset 0 0 0 145px #E60028;
	border-radius: 50%;
	mix-blend-mode: darken;
	display: block;
	position: absolute;
	top: 138px;
	right: -25%;
	background-size: contain;
	background-repeat: no-repeat;
}
.work-flow-active .service-image-inner div {
	display: none;
}
.services-container-overflow {
	overflow: hidden;
}
.portfolio_bg_img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	max-width: 100%;
	width: 100%;
}
.img1 {
	height: 599px;
}
.img2 {
	height: 847px;
}
.img3 {
	width: 804px;
	height: 656px;
}
.img5 {
	width: 484px;
	height: 462px;
}
.img6 {
	width: 757px;
	height: 462px;
}
.single-portfolio-content {
	padding-top: 75px;
}
.mb-39 {
	margin-bottom: 39px;
}
.left-image {
	display: flex;
}
.lf-text {
	max-width: 690px;
	margin-left: 52px;
	margin-top: 67px;
}
.rg-text {
	max-width: 690px;
	margin: 66px 90px 0 0;
}
.mdl-pts {
	background-image: url(img/ttl-cbfaf.png);
	background-position: center;
	background-size: contain;
	display: block;
	position: absolute!important;
	left: 49%;
	top: -3px;
	width: 6px;
	padding: 0;
	height: 106%;
	border: none;
	background-repeat: no-repeat;
	margin: 0!important;
}
.mdl-pts:before,
.mdl-pts:after {
	content: ""!important;
	display: none!important;
}
.ti-minus .mdl-pts {
	display: none;
}
.section-services::before {
	content: "";
	display: block;
	position: absolute;
	width: 512px;
	height: 676px;
	left: 58%;
	top: 157px;
	background-image: url(img/itb-p-m.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section-services::after {
	content: "";
	display: block;
	position: absolute;
	width: 745px;
	height: 745px;
	left: 60%;
	top: 246px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 130px #E60028;
	mix-blend-mode: darken;
}
.mobile-scroll {
	display: none;
}
.container-404-wrap {
	position: relative;
	padding-bottom: 50px;
}
.err-404 {
	font-size: 103px;
	font-weight: 900;
	color: #E60028;
	text-align: center;
}
.t404 {
	width: 892px;
	height: 317px;
	margin: 0 auto;
	background-image: url(img/404.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	right: 0;
}
.gif-404 {
	width: 450px;
	height: 450px;
	background-image: url(https://the-creative-box.co.uk/wp-content/uploads/2023/11/CB-walking.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin:0 auto;
}
.ops-404 {
	color: #535353;
	font-size: 44px;
	font-weight: 900;
	position: relative;
}
.ops-404::before {
	content: "";
	width: 81px;
	height: 2px;
	background-color: #535353;
	position: absolute;
	left: -100px;
	top: 47px;
}
.paragraph-404 {
	font-weight: 600;
	font-size: 16px;
}
.btn-404 .btn {
	border: 1px #535353 solid;
	color: #535353;
	text-transform: uppercase;
	margin-top: 27px;
}
.btn-404 .btn:hover {
	color: #fff;
}
.text-404-wrap {
	margin-left: 138px;
}
.ss-hm {
	 color: #535353;
}
.ss-hm p {
	color: #535353!important;
}
.services-3 .ss-hm h3 {
	color: #535353;
}
.services-3 .ss-hm:hover h3 {
	color: #E60028;
}
.services-3 .ss-hm:hover p {
	color: #535353;
}
.ss-hm .ssprite {
	filter: grayscale(100%) brightness(160%);
	-webkit-filter: grayscale(100%) brightness(160%);
	-moz-filter: grayscale(100%) brightness(160%);
}
.ss-hm:hover .ssprite {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
}
.footer-booking {
	display: none;
}
.copyright {
	margin-top: 85px;
}
.copyright p {
	font-size: 12px;
}
.aip-img {
	position: relative;
}
.aip-img::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 16px;
	transition: all .3s ease;
	opacity: .2;
}
.archive-item-post:hover .aip-img::before {
	background-color: #E60028;
	opacity: .1;
	transition: all .3s ease;
}
.archive-item-post:hover img {
/*	filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	transition: all .3s ease;*/
}
.archive-item-post:hover h3 {
	transition: all .3s ease;
	color: #E60028;
}
.spcta-wrap {
	background-color: #D9D9D9;
}
.cta-logo img {
	margin: -45px 0 -45px -75px;
}
.single-portfolio-cta {
	margin: 150px 0 0 0;
}
.cta-text h2 span {
	margin-left: -62px;
	display: inline-block;
}
.related-portfolio {
	margin: 150px 0;
}
.related-portfolio h3 {
	width: 100%;
	text-transform: none;
	font-size: 44px;
	position: relative;
}
.related-portfolio h3::after {
	content: "";
	width: 1px;
	height: 270%;
	background-color: #E60028;
	position: absolute;
	display: block;
	right: 17px;
	top: -85%;
}
.related-portfolio-item a {
	display: block;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.related-portfolio-item a::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 16px;
	transition: all .3s ease;
	opacity: .2;
}
.related-portfolio-item:hover a::before {
	background-color: #E60028;
	opacity: .2;
	transition: all .3s ease;
}
.related-portfolio-item:hover img {
	filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	transition: all .3s ease;
}
#custom-controls {
	position: relative;
	font-size: 0!important;
}
#muteBtn {
	position: absolute;
	top: 114px;
	left: 25px;
	font-size: 0;
	width: 20px;
	height: 20px;
	background-image: url(img/mute.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
	border: none;
	background-color: transparent;
}
#muteBtn.mute {
	background-image: url(img/volume-up.png);
}

.popup-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 400px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 8px;
	z-index: 999;
}
.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
	
}