body {font-family:'Roboto', sans-serif;}

a {color:#313131; text-decoration:none;}
a:hover {color:#be0404; text-decoration:underline;}

.fc0 {color:#000 !important;}
.fc1 {color:#FFF !important;}
.fc2 {color:#313131 !important;}
.fc3 {color:#be0404 !important;}

.bgc0 {background-color:#000000 !important;}
.bgc1 {background-color:#FFFFFF !important;}
.bgc2 {background-color:#313131 !important;}b
.bgc3 {background-color:#be0404 !important;}

.bg-gradient-1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,313131+50,eeeeee+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left, rgba(238,238,238,0) 0%, rgba(49,49,49,1) 50%, rgba(238,238,238,0) 100%); 
background: -webkit-linear-gradient(left, rgba(238,238,238,0) 0%,rgba(49,49,49,1) 50%,rgba(238,238,238,0) 100%);
background: linear-gradient(to right, rgba(238,238,238,0) 0%,rgba(49,49,49,1) 50%,rgba(238,238,238,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#00eeeeee',GradientType=1 );
}

.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs28 {font-size:28px !important;}
.fs36 {font-size:36px !important;}
.fs48 {font-size:48px !important;}

.lh12 {line-height:12px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh24 {line-height:24px !important;}
.lh28 {line-height:28px !important;}
.lh36 {line-height:36px !important;}
.lh48 {line-height:48px !important;}

.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}

.ff1 {font-family:'Barlow Condensed', sans-serif !important;}

::selection {background-color:#6FB72F;}

.cxm-err {position:absolute; top:-15px; right:1px; z-index:1; padding:3px; font-size:12px; color:#BE0404; background-color:#F8D7DA; border-color: #F5C6CB;}
.cxm-err::before {content:''; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f071"; margin-right:3px;}
.cxm-err::after {content:''; position:absolute; top:100%; right:0; border-left:0 solid transparent; border-right:8px solid transparent; border-top:8px solid #FDB6DC;}

.text-shadow-1 {text-shadow:2px 2px 3px #000;}

.cxm-btn-1 {position:relative; color:#FFF; font-weight:700; border-color:#be0404; background-color:#be0404; overflow:hidden;}
.cxm-btn-1 span {position:relative; z-index:3;}
.cxm-btn-1::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:0; z-index:1;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-btn-1:hover {color:#FFF; background-color:#be0404; border-color:#313131;}
.cxm-btn-1:hover::before {width:100%; border-color:#313131; background-color:#313131;}

.cxm-btn-1::after {font-family:"Font Awesome 5 Free"; content:"\f105"; font-weight:900; position:absolute; top:5px; left:-10px; z-index:2;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-btn-1:hover::after {left:10px;}

.cxm-btn-outline-1 {color:#be0404; border-color:#be0404; background-color:transparent;}
.cxm-btn-outline-1:hover {color:#FFF; background-color:#313131; border-color:#313131;}

.custom-control-input:checked~.custom-control-label::before {border-color:#be0404; background-color:#be0404;}

.bg-transparent-0 {background-color:rgba(255, 255, 255, 0.7);}
.bg-transparent-1 {background-color:rgba(0, 0, 0, 0.7);}

.bgi-1 {background:transparent url('../media/webp/bgi-1.webp') center no-repeat; background-size:cover;}
.bgi-2 {background:transparent url('../media/webp/bgi-2.webp') repeat;}
/*.bgi-3 {background:transparent url('../media/webp/bgi-3.webp') center no-repeat; background-size:cover;}*/
.bgi-3 {background:transparent url('../media/Home.jpg') center no-repeat; background-size:cover;}

/*.bgi-4 {background:transparent url('../media/webp/bgi-4.webp') center no-repeat; background-size:cover;}*/
.bgi-5 {background:transparent url('../media/webp/bgi-5.webp') center no-repeat; background-size:cover;}
.bgi-6 {background:transparent url('../media/webp/bgi-6.webp') center no-repeat; background-size:cover;}
.bgi-7 {background:transparent url('../media/webp/bgi-7.webp') center no-repeat; background-size:cover;}
.bgi-8 {background:transparent url('../media/Shoes.jpg') center no-repeat; background-size:cover;}
.bgi-9 {background:transparent url('../media/Hoodies.jpg') center no-repeat; background-size:cover;}
.bgi-81 {background:transparent url('../media/1111111.jpg') center no-repeat; background-size:cover;}

.bgi-10 {background:transparent url('../media/T-shirts.jpg') center no-repeat; background-size:cover;}
.bgi-11 {background:transparent url('../media/Trousers.png') center no-repeat; background-size:cover;}

.cxm-bg-fixed {background-attachment:fixed;}

.cxm-page {padding:0;}

.header {background-color:rgba(49, 49, 49, 0.5);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.header.cxm-header-fixed {box-shadow:0 5px 10px rgba(49, 49, 49, 0.5); background-color:rgba(0, 0, 0, 0.7);}

.header-top {background-color:#bbb; color:#be0404; font-size: 13px; padding:5px 0;}
.header-top a {color:#be0404; padding:0 5px;}
.header-top a:hover {color:#FFF;}


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color:rgba(190, 4, 4, .9);}
.navbar-light .navbar-nav .dropdown-item.active, .dropdown-item:active {color:#fff; text-decoration:none; background-color: #be0404;}

.cxm-offcanvas {background-color:rgba(190, 4, 4, 0.8); padding-left:30px;
clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
.cxm-list-group .list-group-item {color:#EEE; background-color:transparent; border-bottom-color:rgba(190, 4, 4, 1); padding:0.7rem 0;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-list-group .list-group-item-action:focus, .cxm-list-group .list-group-item-action:hover, .cxm-list-group .list-group-item-action.active {color:#be0404; background-color:#313131; padding-left:0.5rem; border-color:#be0404;}

.cxm-floating-services {position:fixed; top:50%; left:0; z-index:1001; transform: translateY(-50%);}
.cxm-floating-services::before {content:'SERVICES'; position:absolute; top:-15px; left:1px; color:#be0404; font-weight:400; font-size:13px;}
.cxm-floating-services a {position:relative; display:block; padding:10px 15px; color:#313131; text-align:center; border-bottom:1px #be0404 solid; background-color:rgba(190, 4, 4, 0.8);}
.cxm-floating-services a:hover {color:#FFF; background-color:rgba(49, 49, 49, 1);}
.cxm-floating-services a span {position:relative;}
.cxm-floating-services .cxm-floating-service-lbl {position:absolute; top:0; left:-1000%; z-index:-1; background-color:rgba(255, 255, 255, 0.9); padding:12px 10px 13px 3px; font-size:13px; text-transform:uppercase; white-space:nowrap; 
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;	
}
.cxm-floating-services a:hover .cxm-floating-service-lbl {left:100%; color:#be0404;}

.cxm-flip-card {height:250px; perspective:1000px;}
.cxm-flip-card-heading {position:absolute; left:-10px; top:5%; padding:5px 10px;
background: -moz-linear-gradient(left,  rgba(49,49,49,1) 0%, rgba(255,255,255,0) 70%);
background: -webkit-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 70%);
background: linear-gradient(to right,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#00ffffff',GradientType=1 );

-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-flip-card-heading::before {content:''; position:absolute; left:0; bottom:-15px; padding:8px 5px; background-color:#313131;
clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.cxm-flip-card-inner {position:relative; width:100%; height:100%; text-align:center;
transform-style:preserve-3d;

-webkit-transition:	transform 800ms ease-out 0.1s;
-moz-transition:	transform 800ms ease-out 0.1s;
-o-transition:		transform 800ms ease-out 0.1s;
transition:			transform 800ms ease-out 0.1s;
}
.cxm-flip-card:hover .cxm-flip-card-inner {transform:rotateY(180deg);}
.cxm-flip-card:hover .cxm-flip-card-heading {opacity:0; top:100%;}
.cxm-flip-card-front, .cxm-flip-card-back {position:absolute; width:100%; height:100%;
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
.cxm-flip-card-front {background-color:rgba(0, 0, 0, 0.7);}
.cxm-flip-card-back {background-color:rgba(190, 4, 4, 0.7);
transform: rotateY(180deg);
}

.cxm-owl-theme-2 .owl-nav [class*=owl-] {color:#999; background:transparent; border-radius:0; border:1px #999 solid;}
.cxm-owl-theme-2 .owl-nav [class*=owl-]:hover {background:#be0404; border-color:#be0404;}

.cxm-portfolio-bx {position:relative;}
.cxm-portfolio-bx-content {position:absolute; top:50%; right:10px; bottom:50%; left:10px; background-color:rgba(0, 0, 0, 0); padding:35px 10px; color:#FFF; text-align:center; overflow:hidden;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-portfolio-bx-content h5 {background-color:rgba(49, 49, 49, 0.8); color:#be0404; font-weight:400; padding:5px; border-radius:50rem; box-shadow:0 0 5px #FFF;}
.cxm-portfolio-bx:hover .cxm-portfolio-bx-content {top:5px; right:5px; bottom:5px; left:5px; background-color:rgba(0, 0, 0, 0.8); padding:15px 10px;}

.cxm-portfolio-bx-1 {background-color:rgba(190, 4, 4, .3);}
.cxm-portfolio-bx-img {position:relative;}
.cxm-portfolio-bx-img::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(190, 4, 4, 0.5);
clip-path:polygon(100% 0, 0% 100%, 100% 100%);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-portfolio-bx-1:hover .cxm-portfolio-bx-img::before {background-color:rgba(0, 0, 0, 0);
clip-path:polygon(0 0, 0 0, 100% 0);
}
.cxm-portfolio-bx-content-1 {padding:15px; background-color:#f5f5f5;
clip-path: polygon(0 0, 100% 0, 95% 90%, 0 100%);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-portfolio-bx-1:hover .cxm-portfolio-bx-content-1 {background-color:#be0404; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.cxm-portfolio-bx-content-1 h6 {font-weight:700;}
.cxm-portfolio-bx-1:hover .cxm-portfolio-bx-content-1 h6 {color:#fff;}

.cxm-card-1 {padding:50px 0; border-radius:0; text-align:center; background-color:rgba(49, 49, 49, 0.7); border-right:1px #666 solid; border-bottom:1px #666 solid;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
-webkit-transform:	scale(1);
-moz-transform:		scale(1);
-ms-transform:		scale(1);
-o-transform:		scale(1);
transform:			scale(1);
}
.cxm-card-1:hover {background-color:rgba(255, 255, 255, 0.8); box-shadow:0 .5rem 1rem rgba(0,0,0,.15); border-radius:10px; position:relative; z-index:1;
-webkit-transform:	scale(1.05);
-moz-transform:		scale(1.05);
-ms-transform:		scale(1.05);
-o-transform:		scale(1.05);
transform:			scale(1.05);
}

.cxm-testimonial-bx {background-color:rgba(255, 255, 255, 0.5); padding:10px;
-webkit-transition:	background-color 500ms ease-out 0.1s;
-moz-transition:	background-color 500ms ease-out 0.1s;
-o-transition:		background-color 500ms ease-out 0.1s;
transition:			background-color 500ms ease-out 0.1s;
}
.cxm-owl-theme-3.owl-carousel .owl-item img {width:80px;}
.cxm-owl-theme-3.owl-carousel .owl-item .item {padding-top:10px;}
.cxm-owl-theme-3.owl-carousel .owl-item.active.center .item {padding-top:0;}
.cxm-owl-theme-3 .owl-item.active.center .cxm-testimonial-bx {background-color:rgba(0, 0, 0, 0.5); padding:20px; border:1px rgba(190, 4, 4, 0.5) solid;}
.cxm-owl-theme-3 .owl-dots .owl-dot.active span, .cxm-owl-theme-3 .owl-dots .owl-dot:hover span {background-color:#be0404; box-shadow:0 0 0 5px rgba(190, 4, 4, 0.3);}

.cxm-client-logo {background-color:rgba(4, 4, 4, 0.7);}

.cxm-pg-banner {padding:150px 0 100px;}

.cxm-about-bx {padding:1rem; box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-about-bx:hover {box-shadow:none;}

.cxm-team {position:relative; background-color:rgba(49, 49, 49, 0.7); padding:1rem 1rem 0.5rem;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-team:hover {background-color:rgba(190, 4, 4, 0.5);}
.cxm-team::before {content:''; background-color:rgba(190, 4, 4, 0.5); position:absolute; top:0; right:0; bottom:0; left:0; z-index:0;
clip-path: polygon(0 0, 0 100%, 100% 100%);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-team:hover::before {clip-path: polygon(0 0, 100% 100%, 100% 0);}
.cxm-team-img {position:relative; text-align:center;}
.cxm-team-socail-link {display:flex; justify-content:flex-end; position:absolute; right:0; bottom:0;} 
.cxm-team-socail-link a {background-color:rgba(190, 4, 4, 0.7); width:40px; height:40px; line-height:40px; text-align:center;
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-team-socail-link a:hover {background-color:rgba(49, 49, 49, 0.5); color:#FFF;}
.cxm-team .cxm-team-content {position:relative;}

.cxm-service-bx {position:relative;}
.cxm-service-bx-content {
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-service-bx:hover .cxm-service-bx-content {
clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
}

.cxm-map {position:relative;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
-webkit-transition:	all 500ms ease-out 0.1s;
-moz-transition:	all 500ms ease-out 0.1s;
-o-transition:		all 500ms ease-out 0.1s;
transition:			all 500ms ease-out 0.1s;
}
.cxm-map:hover {
-webkit-filter: grayscale(0%);
-webkit-filter: grayscale(0);
filter: grayscale(0%);
}
.cxm-map-content {background-color:rgba(0, 0, 0, 0.8); padding:1rem;}

.footer {position:fixed; bottom:0; width:100%; z-index:1070; background-color:#bbb; padding:5px 0; color:#be0404; font-size:13px;}
.footer a {color:#be0404;}
.footer a:hover {color:#FFF;}

.back-to-top {position:fixed; bottom:50px; right:10px; color:#FFF; background-color:rgba(190, 4, 4, 0.7); display:none; z-index:9999; font-size:24px; line-height:55px; width:50px; height:55px; text-align: center; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top:hover {color:#FFF; text-decoration:none; background-color:#313131;} 

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .header {position:sticky; width:100%; top:0; z-index:1080;}
    .navbar-expand-lg .navbar-nav .nav-link {padding:1.2rem 1rem;}
    .cxm-map-content {position:absolute; top:0; right:0; width:40%; background-color:rgba(0, 0, 0, 0.8); padding:1rem;}   
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	
}