@charset "utf-8";

/*
/*	Copyright (c) 2024 Anthony Callo
/*	Author: Anthony Roly Callo Benavente


01)	anthrcb anthrcb BASE
02) anthrcb MOBILE MENU
03) anthrcb LEFTPART
04) anthrcb RIGHTPART
05) anthrcb HOME
06) anthrcb ABOUT
07) anthrcb PORTFOLIO
08) anthrcb NEWS
09) anthrcb CONTACT
10) anthrcb MAGIC CURSOR
11) anthrcb MEDIA QUERIES (FOR SMALL DEVIVES)


/*---------------------------------------------------*/
/*	01) ANTHRCB BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Urbanist", sans-serif;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: .02em;
	word-wrap: break-word;
	word-spacing: 2px;
	font-weight: 600;
	background-color: #fff;
	color: #ffffff;
}
body::-webkit-scrollbar{
  width: 0px;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #6f6f6f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #6f6f6f;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #6f6f6f;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6f6f6f;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #6f6f6f;
}

::placeholder { /* Most modern browsers support this now. */
   color: #6f6f6f;
}

.container{
	max-width: 1070px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 40px;
	position:relative;
	clear:both;
}

h1, h2, h3, h4, h5, h6{
	font-weight:500;
	line-height: 1.4;
	font-family: "Urbanist", sans-serif ;
	color: #ffffff
}

h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

a{
	text-decoration: none;
}

.anthrcb_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.anthrcb_tm_all_wrap,
.anthrcb_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
	border-radius: 10px;
	padding: 1px;
}

#preloader{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#preloader:before,
#preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#preloader:after{
    left: auto;
    right: 0;
}
#preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #999999;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
.preloaded .loader_line:after{
    opacity: 0;
}
.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
.preloaded:before,
.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}

/*---------------------------------------------------*/
/*	02) anthrcb MOBILE MENU
/*---------------------------------------------------*/

.anthrcb_tm_topbar{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #fff;
	z-index: 14;
	display: none;
}
.anthrcb_tm_topbar .topbar_inner{
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px;
}
.anthrcb_tm_topbar .logo img{
	max-width: 100px;
	max-height: 40px;
}
.anthrcb_tm_topbar .logo h3{
	font-weight: 900;
	font-family: "Urbanist", sans-serif;
	font-size: 25px;
	letter-spacing: 4px;
}
.anthrcb_tm_topbar .logo[data-type="image"] img{display: inline-block;}
.anthrcb_tm_topbar .logo[data-type="image"] h3{display: none;}
.anthrcb_tm_topbar .logo[data-type="text"] img{display: none;}
.anthrcb_tm_topbar .logo[data-type="text"] h3{display: inline-block;}

.anthrcb_tm_topbar .hamburger{
	padding: 0px;
}
.anthrcb_tm_topbar .hamburger-inner, 
.anthrcb_tm_topbar .hamburger-inner:after, 
.anthrcb_tm_topbar .hamburger-inner:before{
	width: 30px;
	height: 2px;
}
.anthrcb_tm_topbar .trigger{
	position: relative;
	top: 5px;
}
.anthrcb_tm_topbar .hamburger-box{
	width: 30px;
}
.anthrcb_tm_mobile_menu{
	position: fixed;
	top: 50px;
	right: -200px;
	height: 100vh;
	width: 200px;
	z-index: 15;
	background-color: #1b2735;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_mobile_menu.opened{
	right: 0px;
}
.anthrcb_tm_mobile_menu .menu_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	text-align: right;
	padding: 100px 20px 0px 20px;
}
.anthrcb_tm_mobile_menu .menu_list ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_mobile_menu .menu_list ul li{
	margin: 0px 0px 7px 0px;
}
.anthrcb_tm_mobile_menu .menu_list ul li a{
	color: rgb(255, 255, 255);
	font-family: "Urbanist", sans-serif;
}

/*---------------------------------------------------*/
/*	03) anthrcb LEFTPART
/*---------------------------------------------------*/

.anthrcb_tm_all_wrap .leftpart {
    width: 450px;
    height: 100vh;
    position: fixed;
    display: flex;
    align-items: center;
    z-index: 12;
    padding: 0px 100px;
    /* background-color: #080e21; */
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
}

.area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 0px 150px 150px 0px;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 5px; /* Ancho de las estrellas */
    height: 5px; /* Alto de las estrellas */
    background: rgba(255, 255, 255, 0.8); /* Color de las estrellas */
    clip-path: polygon(
        50% 0%,     /* Punto superior */
        61% 35%,    /* Punto superior derecho */
        98% 35%,    /* Punto inferior derecho */
        68% 57%,    /* Punto inferior derecho interno */
        79% 91%,    /* Punto inferior */
        50% 70%,    /* Punto central inferior */
        21% 91%,    /* Punto inferior izquierdo */
        32% 57%,    /* Punto inferior izquierdo interno */
        2% 35%,     /* Punto superior izquierdo interno */
        39% 35%     /* Punto superior izquierdo */
    );
    animation: animate 25s linear infinite; /* Animación principal */
    bottom: -150px;
    box-shadow: 0 0 15px 3px #fff; /* Opcional: Brillo suave */
}

.circles li:nth-child(1) {
    left: 25%;
    width: 4px; /* Tamaño de la estrella */
    height: 4px; /* Tamaño de la estrella */
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 4px; /* Tamaño de la estrella */
    height: 4px; /* Tamaño de la estrella */
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 8px; /* Tamaño de la estrella */
    height: 6px; /* Tamaño de la estrella */
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 3px; /* Tamaño de la estrella */
    height: 3px; /* Tamaño de la estrella */
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 5px; /* Tamaño de la estrella */
    height: 5px; /* Tamaño de la estrella */
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 6px; /* Tamaño de la estrella */
    height: 6px; /* Tamaño de la estrella */
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 8px; /* Tamaño de la estrella */
    height: 6px; /* Tamaño de la estrella */
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 7px; /* Tamaño de la estrella */
    height: 6px; /* Tamaño de la estrella */
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 3px; /* Tamaño de la estrella */
    height: 3px; /* Tamaño de la estrella */
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 6px; /* Tamaño de la estrella */
    height: 4px; /* Tamaño de la estrella */
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
    }
}


.anthrcb_tm_all_wrap .leftpart_inner{
	width: 100%;
	height: auto;
}
.anthrcb_tm_all_wrap .leftpart .logo img{
	max-width: 150px;
}
.anthrcb_tm_all_wrap .leftpart .logo h3{
	font-family: "urbanist", sans-serif;
	font-weight: 900;
	font-size: 31px;
	letter-spacing: 5px;
}
.anthrcb_tm_all_wrap .leftpart .logo[data-type="image"] img{display: inline-block;}
.anthrcb_tm_all_wrap .leftpart .logo[data-type="image"] h3{display: none;}
.anthrcb_tm_all_wrap .leftpart .logo[data-type="text"] img{display: none;}
.anthrcb_tm_all_wrap .leftpart .logo[data-type="text"] h3{display: inline-block;}
.anthrcb_tm_all_wrap .leftpart .menu{
	padding: 50px 0px 50px 0px;
	width: 100%;
	float: left;
}
.anthrcb_tm_all_wrap .leftpart .menu ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_all_wrap .leftpart .menu ul li{
	margin: 0px;
	width: 100%;
	float: left;
}
.anthrcb_tm_all_wrap .leftpart .menu ul li a{
	color: #ffffff;
	display: inline-block;
	font-weight: 700;
	font-family: "Urbanist", sans-serif;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_all_wrap .leftpart .menu ul li a:hover{
	color: #ffffff;
}
.anthrcb_tm_all_wrap .leftpart .menu ul li.active a{
	color: #f6bd60;
}
.anthrcb_tm_all_wrap .leftpart .copyright{
	width: 100%;
	float: left;
}
.anthrcb_tm_all_wrap .leftpart .copyright p{
	font-size: 15px;
	color: #999;
	font-family: "Urbanist", sans-serif;
	line-height: 25px;
}
.anthrcb_tm_all_wrap .leftpart .copyright a{
	color: #787878;
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_all_wrap .leftpart .copyright a:hover{
	color: #000;
}

/*---------------------------------------------------*/
/*	04) anthrcb RIGHTPART 
/*---------------------------------------------------*/

/* Estilos específicos de la página */
.anthrcb_tm_all_wrap .rightpart {
    width: 100%;
    min-height: 100vh;
    float: left;
    position: relative;
    background: radial-gradient(ellipse at right, #080e21 35%, #1b2735 95%);
    padding-left: 450px;
    overflow: hidden; /* Asegura que los elementos fuera del contenedor no se muestren */
}

.circles-right {
    position: relative;
    width: 100%;
    height: 100%;
    bottom:-550px;
}

.circles-right li {
    position: absolute;
    display: block;
    list-style: none;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.8);
    clip-path: polygon(
        50% 0%, 
        61% 35%, 
        98% 35%, 
        68% 57%, 
        79% 91%, 
        50% 70%, 
        21% 91%, 
        32% 57%, 
        2% 35%, 
        39% 35%
    );
    animation: animate 25s linear infinite;
    bottom: -150px;
    box-shadow: 0 0 15px 3px #fff;
}

.circles-right li:nth-child(1) {
    left: 25%;
    width: 4px;
    height: 4px;
    animation-delay: 0s;
}

.circles-right li:nth-child(2) {
    left: 10%;
    width: 4px;
    height: 4px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles-right li:nth-child(3) {
    left: 70%;
    width: 8px;
    height: 6px;
    animation-delay: 4s;
}

.circles-right li:nth-child(4) {
    left: 40%;
    width: 3px;
    height: 3px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles-right li:nth-child(5) {
    left: 65%;
    width: 5px;
    height: 5px;
    animation-delay: 0s;
}

.circles-right li:nth-child(6) {
    left: 75%;
    width: 6px;
    height: 6px;
    animation-delay: 3s;
}

.circles-right li:nth-child(7) {
    left: 35%;
    width: 8px;
    height: 6px;
    animation-delay: 7s;
}

.circles-right li:nth-child(8) {
    left: 50%;
    width: 7px;
    height: 6px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles-right li:nth-child(9) {
    left: 20%;
    width: 3px;
    height: 3px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles-right li:nth-child(10) {
    left: 85%;
    width: 6px;
    height: 4px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
    }
}
.anthrcb_tm_all_wrap .rightpart_in{
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	border-left: 0px solid #ebebeb;
	min-height: 100vh;
}
.anthrcb_tm_section{
	position: absolute;
    top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	overflow-y: scroll;
	
	opacity: 0;
	visibility: hidden;
	z-index: 8;
	transition: visibility 1s linear, opacity 0s linear;
	-moz-transition: visibility 1s linear, opacity 0s linear;
	-webkit-transition: visibility1s linear, opacity 0s linear;
	-o-transition: visibility 1s linear, opacity 0s linear;
}
.anthrcb_tm_section.animated {
	opacity: 1;
	visibility: visible;
	z-index: 9;
}
.anthrcb_tm_section.active {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.anthrcb_tm_section.hidden {
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.anthrcb_tm_section::-webkit-scrollbar{
  width: 0px;
}

/*---------------------------------------------------*/
/*	05) anthrcb HOME
/*---------------------------------------------------*/

.anthrcb_tm_home{
	width: 100%;
	min-height: 100vh;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.anthrcb_tm_home .home_content{
	display: flex;
	align-items: center;
}
.anthrcb_tm_home .avatar{
	min-width: 300px;
	min-height: 300px;
	position: relative;
	border-radius: 100%;
}
.anthrcb_tm_home .avatar[data-type="square"] .image{
	animation: none;
}
.anthrcb_tm_home .avatar[data-type="circle"] .image{
	animation: none;
	border-radius: 100%;
}
.anthrcb_tm_home .avatar .image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	animation: morph 8s ease-in-out infinite 1s;
	background-blend-mode: multiply;
	-webkit-box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
    -moz-box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
    box-shadow: inset 0px 0px 0px 9px rgba(255,255,255,.3);
}

@keyframes morph {
	 0% {
		 border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	}
	 50% {
		 border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
	}
	 100% {
		 border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	}
}

.anthrcb_tm_home .details{
	margin-left: 80px;
}
.anthrcb_tm_home .details .name{
	font-size: 55px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.anthrcb_tm_home .details .job{
	font-family: "Urbanist", sans-serif;
	font-weight: 500;
	max-width: 450px;
	margin-bottom: 25px;
}
.anthrcb_tm_home .social{
	width: 100%;
	float: left;
}
.anthrcb_tm_home .social ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_home .social ul li{
	margin: 0px 8px 0px 0px;
	display: inline-block;
}
.anthrcb_tm_home .social ul li:last-child{
	margin-right: 0px;
}
.anthrcb_tm_home .social ul li a{
	color: white;
	font-size: 20px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_home .social ul li a:hover{
	color: #a7c957;
}

/*---------------------------------------------------*/
/*	06) anthrcb ABOUT
/*---------------------------------------------------*/

.anthrcb_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px 100px 0px;
}

.anthrcb_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: center;
}
.anthrcb_tm_button a{
	color: black;
	display: inline-block;
	background-color: #f6bd60;
	padding: 9px 40px 14px 40px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_about .top_author_image{
	width: 50%;
	height: auto;
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-bottom: 35px;
}
.anthrcb_tm_about .top_author_image img{
	min-width: 100%;
	border-radius: 95px;
	display: block;
}

.border_fotoperfil {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  transform: rotate(-90deg);
  background: linear-gradient(to right, #080e21 20%, #080e21 40%, #ECD08C 50%, #ECD08C 55%, #1b2735 70%, #1b2735 100%);
  background-size: 200% auto;
  animation: shine 3s linear infinite;
  z-index: -1;
  border-radius: 95px;
}

@keyframes shine {
  to {
    background-position: 105% center;
  }
}
  
.anthrcb_tm_about .about_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 20px;
	margin-bottom: 27px;
}
.anthrcb_tm_about .about_title h3{
    font-size: 22px;
    font-weight: 700;
}
.anthrcb_tm_about .about_text{
   	width: 100%;
	height: auto;
	clear: both;
	float: left;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 31px;
	margin-bottom: 30px;
}
.anthrcb_tm_about .about_text p{
   	margin-bottom: 11px;
}
.anthrcb_tm_about .about_text p:last-child{
   	margin-bottom: 0px;
}
.anthrcb_tm_short_info{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.anthrcb_tm_short_info .left{
	width: 50%;
	padding-right: 50px;
}
.anthrcb_tm_short_info .right{
	width: 50%;
	padding-left: 50px;
}
.anthrcb_tm_info{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_info ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_info ul li{
	margin: 0px;
}
.anthrcb_tm_info ul li span:first-child{
	min-width: 100px;
    float: left;
    margin-right: 10px;
    font-weight: 700;
	color: white;
	text-decoration: underline;
}
.anthrcb_tm_info ul li a{
	color: #f6bd60;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_info ul li a:hover{
	color: #000;
}
.anthrcb_tm_progressbox{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff0;
	padding: 93px 0px 100px 0px;	
}
.anthrcb_tm_progressbox .in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.anthrcb_tm_progressbox .left{
	width: 50%;
	padding-right: 50px;
}
.anthrcb_tm_progressbox .right{
	width: 50%;
	padding-left: 50px;
}
.anthrcb_progress{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.progress_inner{
	width:100%;
	margin-bottom:17px;
}
.progress_inner:last-child{
	margin-bottom: 0px;
}
.progress_inner > span{
	margin:0px 0px 5px 0px;
	width:100%;
	display:block;
	text-align:left;
	color: #f1faee;
}
.progress_inner span.number{
	float: right;
}
.progress_inner .background{
	background:rgba(0,0,0,.09);
	width:100%;
	min-width:100%;
	position:relative;
	height:3px;
}
.progress_inner .background .bar_in{
	background:#a7c957;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
.progress_inner .background .bar{
	width:100%;
	height:100%;
	position: relative;
}
.anthrcb_tm_skillbox{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 90px 0px 90px 0px;
}
.anthrcb_tm_skillbox .in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.anthrcb_tm_skillbox .left{
	width: 50%;
	padding-right: 50px;
}
.anthrcb_tm_skillbox .right{
	width: 50%;
	padding-left: 50px;
}
.anthrcb_section_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 40px;
}
.anthrcb_section_title h3{
    font-size: 20px;
    font-weight: 700;
}
.anthrcb_tm_skill_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_skill_list ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_skill_list ul li{
	margin: 0px;
	padding-left: 25px;
	position: relative;
}
.anthrcb_tm_skill_list ul li .svg{
	color: #000;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.anthrcb_tm_resumebox{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	padding: 93px 0px;
}
.anthrcb_tm_resumebox .in{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
}
.anthrcb_tm_resumebox .left{
	width: 50%;
	padding-right: 50px;
}
.anthrcb_tm_resumebox .right{
	width: 50%;
	padding-left: 50px;
}
.anthrcb_tm_resume_list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_resume_list ul{
	margin: 0px;
	list-style-type: none;
	position: relative;
	display: inline-block;
	padding-top: 10px;
}
.anthrcb_tm_resume_list ul:before{
	content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.07);
}
.anthrcb_tm_resume_list ul li{
	margin: 0px;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	padding-bottom: 45px;
}
.anthrcb_tm_resume_list ul li:last-child{padding-bottom: 0px;}
.anthrcb_tm_resume_list ul li:before{
	content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 100%;
    border: solid 1px #CCC;
    left: -9px;
    top: 8px;
}
.anthrcb_tm_resume_list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	position: relative;
}
.anthrcb_tm_resume_list ul li .time{
	width: 50%;
	padding-right: 20px;
}
.anthrcb_tm_resume_list ul li .time span{
	display: inline-block;
	padding: 5px 25px;
	background-color: rgba(0,0,0,.05);
	border-radius: 50px;
	font-size: 14px;
	white-space: nowrap;
}
.anthrcb_tm_resume_list ul li .place{
	width: 50%;
	padding-left: 20px;
}
.anthrcb_tm_resume_list ul li .place h3{
	font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
}
.anthrcb_tm_resume_list ul li .place span{
	font-size: 14px;
}
.anthrcb_tm_testimonials{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px;
}
.anthrcb_tm_testimonials .list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	overflow: hidden;
}
.anthrcb_tm_testimonials .list ul{
	margin: 0px;
	list-style-type: none;
	cursor: e-resize;
}
.anthrcb_tm_testimonials .list ul li{
	margin: 0px;
}
.anthrcb_tm_testimonials .list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.anthrcb_tm_testimonials .list ul li .text{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border: 2px solid #E5EDF4;
	padding: 40px;
	margin-bottom: 30px;
}
.anthrcb_tm_testimonials .list ul li .text:before{
	position: absolute;
	content: "";
	height: 0px;
    width: 0px;
	top: 100%;
    left: 50px;
    border: solid transparent;
    border-top-color: #E5EDF4;
    border-width: 18px 18px 0px 0px;
}
.anthrcb_tm_testimonials .list ul li .text:after{
	position: absolute;
	content: "";
	top: 100%;
    left: 50px;
	height: 0px;
    width: 0px;
    border: solid transparent;
    border-top-color: #f6fbff;
    border-width: 14px 13px 0px 0px;
    margin-left: 2px;
}
.anthrcb_tm_testimonials .list ul li .text i{
	position: absolute;
	z-index: 1;
	font-size: 30px;
	top: -29px;
	left: 50px;
}
.anthrcb_tm_testimonials .details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	padding-left: 20px;
}
.anthrcb_tm_testimonials .details .image{
	position: relative;
	width: 60px;
	height: 60px;
}
.anthrcb_tm_testimonials .details .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
}
.anthrcb_tm_testimonials .details .info{
	padding-left: 20px;
}
.anthrcb_tm_testimonials .details .info h3{
	font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
}
.anthrcb_tm_testimonials .details .info span{
	font-size: 14px;
}
.anthrcb_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: hidden;
}
.anthrcb_tm_testimonials .owl-carousel .owl-stage-outer{
	overflow: visible;
}
.anthrcb_tm_testimonials .owl-item.active{
	opacity: 1;
}
.anthrcb_tm_testimonials .owl-item{
	opacity: 0;
}

/*---------------------------------------------------*/
/*	07) anthrcb SERVICE
/*---------------------------------------------------*/

.anthrcb_tm_services{
	width: 100%;
    height: auto;
    clear: both;
    float: left;
    padding: 100px 0px 100px 0px;
}
.anthrcb_tm_services .list{
	width: 100%;
    height: auto;
    clear: both;
    float: left;
}
.anthrcb_tm_services .list ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.anthrcb_tm_services .list ul li{
	margin: 0px 0px 40px 0px;
	width: 33.3333%;
	padding-left: 40px;
}
.list_inner1 {
    width: 100%;
    height: 100%;
    position: relative; /* Asegurando que los bordes estén posicionados correctamente */
    border-top: 2px solid rgba(255, 49, 49, 0.5);
    border-right: 2px solid rgba(0, 255, 255, 0.5);
    border-bottom: 2px solid rgba(57, 255, 20, 0.5);
    border-left: 2px solid rgba(255, 255, 113, 0.5);
    background-color: #2f282873;
    padding: 45px 30px 40px 30px;
    border-radius: 15px;
}

.topborder1, 
.bottomborder1, 
.rightborder1, 
.leftborder1 {
    position: absolute; /* Mantener bordes en posición absoluta */
    display: block; /* Asegura que los bordes sean visibles */
    content: ""; /* Especifica que los bordes son elementos de tipo bloque */
}

.topborder1 {
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: linear-gradient(
        90deg,
        transparent 50%,
        rgba(255, 49, 49, 0.5),
        rgb(255, 49, 49)
    );
    animation: animateTopborder1 3s ease-in-out infinite;
}

.bottomborder1 {
    right: 0;
    bottom: 0;
    width: 0; /* Añadir width para asegurar que el borde se anima correctamente */
    height: 5px;
    background: linear-gradient(
        90deg,
        rgb(57, 255, 20),
        rgba(57, 255, 20, 0.5),
        transparent 50%
    );
    animation: animateBottomborder1 3s ease-in-out infinite;
}

.rightborder1 {
    top: 0;
    right: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        transparent 30%,
        rgba(0, 255, 255, 0.5),
        rgb(0, 255, 255)
    );
    animation: animateRightborder1 3s ease-in-out infinite;
}

.leftborder1 {
    left: 0;
    bottom: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        rgb(255, 255, 113),
        rgba(255, 255, 113, 0.5),
        transparent 70%
    );
    animation: animateLeftborder1 3s ease-in-out infinite;
}

@keyframes animateTopborder1 {
    25% {
        width: 100%;
        opacity: 1;
    }

    30%,
    100% {
        opacity: 0;
    }
}

@keyframes animateBottomborder1 {
    0%,
    50% {
        opacity: 0;
        width: 0;
    }

    75% {
        opacity: 1;
        width: 100%;
    }

    76%,
    100% {
        opacity: 0;
    }
}

@keyframes animateRightborder1 {
    0%,
    25% {
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
        height: 100%;
    }

    55%,
    100% {
        height: 100%;
        opacity: 0;
    }
}

@keyframes animateLeftborder1 {
    0%,
    75% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 100%;
    }
}

.list_inner2 {
    width: 100%;
    height: 100%;
    position: relative; /* Asegurando que los bordes estén posicionados correctamente */
    border-top: 2px solid rgba(255, 49, 49, 0.5);
    border-right: 2px solid rgba(0, 255, 255, 0.5);
    border-bottom: 2px solid rgba(57, 255, 20, 0.5);
    border-left: 2px solid rgba(255, 255, 113, 0.5);
    background-color: #2f282873;
    padding: 45px 30px 40px 30px;
    border-radius: 15px;
}

.topborder2, 
.bottomborder2, 
.rightborder2, 
.leftborder2 {
    position: absolute; /* Mantener bordes en posición absoluta */
    display: block; /* Asegura que los bordes sean visibles */
    content: ""; /* Especifica que los bordes son elementos de tipo bloque */
}

.topborder2 {
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: linear-gradient(
        90deg,
        transparent 50%,
        rgba(255, 49, 49, 0.5),
        rgb(255, 49, 49)
    );
    animation: animateTopborder2 4s ease-in-out infinite;
}

.bottomborder2 {
    right: 0;
    bottom: 0;
    width: 0; /* Añadir width para asegurar que el borde se anima correctamente */
    height: 5px;
    background: linear-gradient(
        90deg,
        rgb(57, 255, 20),
        rgba(57, 255, 20, 0.5),
        transparent 50%
    );
    animation: animateBottomborder2 4s ease-in-out infinite;
}

.rightborder2 {
    top: 0;
    right: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        transparent 30%,
        rgba(0, 255, 255, 0.5),
        rgb(0, 255, 255)
    );
    animation: animateRightborder2 4s ease-in-out infinite;
}

.leftborder2 {
    left: 0;
    bottom: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        rgb(255, 255, 113),
        rgba(255, 255, 113, 0.5),
        transparent 70%
    );
    animation: animateLeftborder2 4s ease-in-out infinite;
}

@keyframes animateTopborder2 {
    25% {
        width: 100%;
        opacity: 1;
    }

    30%,
    100% {
        opacity: 0;
    }
}

@keyframes animateBottomborder2 {
    0%,
    50% {
        opacity: 0;
        width: 0;
    }

    75% {
        opacity: 1;
        width: 100%;
    }

    76%,
    100% {
        opacity: 0;
    }
}

@keyframes animateRightborder2 {
    0%,
    25% {
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
        height: 100%;
    }

    55%,
    100% {
        height: 100%;
        opacity: 0;
    }
}

@keyframes animateLeftborder2 {
    0%,
    75% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 100%;
    }
}

.list_inner3 {
    width: 100%;
    height: 100%;
    position: relative; /* Asegurando que los bordes estén posicionados correctamente */
    border-top: 2px solid rgba(255, 49, 49, 0.5);
    border-right: 2px solid rgba(0, 255, 255, 0.5);
    border-bottom: 2px solid rgba(57, 255, 20, 0.5);
    border-left: 2px solid rgba(255, 255, 113, 0.5);
    background-color: #2f282873;
    padding: 45px 30px 40px 30px;
    border-radius: 15px;
}

.topborder3, 
.bottomborder3, 
.rightborder3, 
.leftborder3 {
    position: absolute; /* Mantener bordes en posición absoluta */
    display: block; /* Asegura que los bordes sean visibles */
    content: ""; /* Especifica que los bordes son elementos de tipo bloque */
}

.topborder3 {
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: linear-gradient(
        90deg,
        transparent 50%,
        rgba(255, 49, 49, 0.5),
        rgb(255, 49, 49)
    );
    animation: animateTopborder3 5s ease-in-out infinite;
}

.bottomborder3 {
    right: 0;
    bottom: 0;
    width: 0; /* Añadir width para asegurar que el borde se anima correctamente */
    height: 5px;
    background: linear-gradient(
        90deg,
        rgb(57, 255, 20),
        rgba(57, 255, 20, 0.5),
        transparent 50%
    );
    animation: animateBottomborder3 5s ease-in-out infinite;
}

.rightborder3 {
    top: 0;
    right: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        transparent 30%,
        rgba(0, 255, 255, 0.5),
        rgb(0, 255, 255)
    );
    animation: animateRightborder3 5s ease-in-out infinite;
}

.leftborder3 {
    left: 0;
    bottom: 0;
    width: 5px;
    height: 0; /* Altura inicial 0 para animación */
    background: linear-gradient(
        180deg,
        rgb(255, 255, 113),
        rgba(255, 255, 113, 0.5),
        transparent 70%
    );
    animation: animateLeftborder3 5s ease-in-out infinite;
}

@keyframes animateTopborder3 {
    25% {
        width: 100%;
        opacity: 1;
    }

    30%,
    100% {
        opacity: 0;
    }
}

@keyframes animateBottomborder3 {
    0%,
    50% {
        opacity: 0;
        width: 0;
    }

    75% {
        opacity: 1;
        width: 100%;
    }

    76%,
    100% {
        opacity: 0;
    }
}

@keyframes animateRightborder3 {
    0%,
    25% {
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
        height: 100%;
    }

    55%,
    100% {
        height: 100%;
        opacity: 0;
    }
}

@keyframes animateLeftborder3 {
    0%,
    75% {
        opacity: 0;
        height: 0;
    }

    100% {
        opacity: 1;
        height: 100%;
    }
}

.anthrcb_tm_services .list ul li .list_inner:hover{
	border: 1px solid rgba(0,0,0,.2);
}
.anthrcb_tm_services .list ul li .number{
	display: inline-block;
    margin-bottom: 25px;
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0,0,0,.03);
    font-weight: 700;
    color: #000;
    font-family: "Urbanist", sans-serif;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_services .list ul li .list_inner:hover .number{
	background-color: rgba(0,0,0,.08);
}
.anthrcb_tm_services .list ul li .title{
	font-weight: 700;
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}
.anthrcb_tm_services .list ul li .anthrcb_tm_read_more{
	margin-top: 7px;
}
.anthrcb_tm_services .list ul li .list_inner:hover .anthrcb_tm_read_more a:before{
	animation: read-more-anim-2;
	animation-fill-mode: forwards;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(.6,.01,0,1);
}
.anthrcb_tm_services .list ul li .list_inner:hover .anthrcb_tm_read_more a span{
	transform: translateX(0%);
}
.anthrcb_tm_services .popup_service_image{
	opacity: 0;
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: -111;
}
.anthrcb_tm_services .service_hidden_details{
	opacity: 0;
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: -111;
}
.anthrcb_tm_modalbox .service_popup_informations{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_modalbox .service_popup_informations .image{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 37px;
}
.anthrcb_tm_modalbox .service_popup_informations .image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.anthrcb_tm_modalbox .service_popup_informations .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.anthrcb_tm_modalbox .service_popup_informations .main_title{
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
.anthrcb_tm_modalbox .service_popup_informations .main_title h3{
	font-size: 23px;
	font-weight: 600;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .service_popup_informations .descriptions{
	width: 100%;
	float: left;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .service_popup_informations .descriptions p{
	margin-bottom: 15px;
}
.anthrcb_tm_modalbox .service_popup_informations .descriptions p:last-child{
	margin-bottom: 0px;
}
.anthrcb_tm_partners{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	padding: 100px 0px;
}
.anthrcb_tm_partners .partners_inner{
	width: 100%;
    float: left;
    clear: both;
    overflow: hidden;
    border: 2px solid #eee;
}
.anthrcb_tm_partners ul{
	margin: -2px -10px -2px -2px;
    list-style-type: none;
    padding-top: 2px;
    float: left;
    padding-left: 2px;
    min-width: calc(100% + 12px);
} 
.anthrcb_tm_partners ul li{
	margin: 0px;
    float: left;
    width: 25%;
    border: 2px solid #eee;
    text-align: center;
    height: 145px;
    line-height: 145px;
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    overflow: hidden;
} 
.anthrcb_tm_partners ul li img{
	max-width: 50%;
    max-height: 100px;
} 
.anthrcb_tm_partners ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	opacity: .5;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_partners ul li .list_inner:hover{
	opacity: 1;
}
.anthrcb_tm_pricing{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px 60px 0px;
	background-color: #fff;
}
.anthrcb_tm_pricing .anthrcb_tm_button a{
	padding: 6px 40px 11px 40px;
}
.anthrcb_tm_pricing .list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_pricing .list > ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.anthrcb_tm_pricing .list > ul > li{
	margin: 0px 0px 40px 0px;
	padding-left: 40px;
	width: 33.3333%;
	float: left;
}
.anthrcb_tm_pricing .list > ul > li .list_inner{
	width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
	padding: 27px 40px 45px;
}
.anthrcb_tm_pricing .price{
	width: 100%;
	float: left;
}
.anthrcb_tm_pricing .price h3{
	font-size: 40px;
    font-weight: 600;
}
.anthrcb_tm_pricing .price span{
	position: relative;
    display: inline-block;
}
.anthrcb_tm_pricing .price .currency{
	position: absolute!important;
    bottom: 10px;
    right: -10px;
    font-size: 15px;
}
.anthrcb_tm_pricing .plan{
	width: 100%;
	float: left;
}
.anthrcb_tm_pricing .plan h3{
	font-weight: 600;
	font-size: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.anthrcb_tm_pricing .item{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_pricing .item li{
	margin: 0px;
	opacity: .5;
}
.anthrcb_tm_pricing .item li.active{
	opacity: 1;
}
.anthrcb_tm_pricing .anthrcb_tm_button{
	margin-top: 30px;
}
.anthrcb_tm_pricing .popular{
	position: absolute;
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    padding: 0 20px 3px;
    top: -17px;
    right: 10px;
}
.anthrcb_tm_facts{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px 60px 0px;
}
.anthrcb_tm_facts .list{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_facts .list ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.anthrcb_tm_facts .list ul li{
	margin: 0px 0px 40px 0px;
	padding-left: 40px;
	width: 33.333%;
	float: left;
}
.anthrcb_tm_facts .list ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	text-align: center;
    padding: 40px 20px;
}
.anthrcb_tm_facts .list h3{
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 3px;
}

/*---------------------------------------------------*/
/*	07) anthrcb PORTFOLIO
/*---------------------------------------------------*/

.anthrcb_tm_title{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 62px;
}
.anthrcb_tm_title h3{
	font-weight: 800;
	font-family: "Urbanist", sans-serif;
} 
.anthrcb_tm_title span{
	display: inline-block;
	background-color: rgba(0,0,0,0.2);
	text-transform: uppercase;
	padding: 4px 10px;
	font-weight: 600;
	font-size: 12px;
	color: #a7c957;
	font-family: "Urbanist", sans-serif;
	letter-spacing: 0px;
	margin-bottom: 11px;
}
.anthrcb_tm_title .title_flex{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.anthrcb_tm_portfolio .portfolio_filter ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_portfolio .portfolio_filter ul li{
	margin: 0px 25px 0px 0px;
	display: inline-block;
}
.anthrcb_tm_portfolio .portfolio_filter ul li:last-child{
	margin-right: 0px;
}
.anthrcb_tm_portfolio .portfolio_filter ul li a{
	color: #767676;
	display: inline-block;
	font-weight: 500;
	font-family: "Urbanist", sans-serif;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_portfolio .portfolio_filter ul li a.current{
	color: #000;
}
.anthrcb_tm_portfolio .portfolio_filter ul li a:hover{
	color: #000;
}
.anthrcb_tm_portfolio .list_wrapper{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_portfolio{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px 40px 0px;
}
.anthrcb_tm_portfolio .portfolio_list{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.anthrcb_tm_portfolio .portfolio_list li{
	margin: 0px 0px 40px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 40px;
}
.anthrcb_tm_portfolio .portfolio_list li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 15px 0px;
}
.anthrcb_tm_portfolio .portfolio_list li .inner img{
	opacity: 0;
	min-width: 100%;
}
.anthrcb_tm_portfolio .portfolio_list li .inner .abs_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_portfolio .portfolio_list li .inner:hover .abs_image{
	transform: scale(1.1) translateZ(0);
}
.anthrcb_tm_portfolio_titles {
	white-space: nowrap;
	background: #ffffff;
	font-size: 18px;
	padding: 5px 15px;
	font-family: "Urbanist", sans-serif;
	font-weight: 600;
	color: #000;
	position: fixed;
	z-index: 15;
	opacity: 0;
	visibility: hidden;
}
.anthrcb_tm_portfolio_titles.visible {
	opacity: 1;
	visibility: visible;
}
.anthrcb_tm_portfolio_titles .work__cat {
	position: absolute;
	background: #ffffff;
	top: 100%;
	left: 0;
	margin-top: -10px;
	font-family: "Urbanist", sans-serif;
	font-weight: 500;
	padding: 5px 15px;
	color: #767676;
	font-size: 15px;
}
.entry{position: relative;}
.anthrcb_tm_portfolio .popup_details{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
	display: none;
	
}
.anthrcb_tm_modalbox .details_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_modalbox .popup_details{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_modalbox .popup_details .top_image{
	position: relative;
	overflow: hidden;
	margin-bottom: 37px;
}
.anthrcb_tm_modalbox .popup_details .top_image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.anthrcb_tm_modalbox .popup_details .top_image .main{
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 10px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.anthrcb_tm_modalbox .portfolio_main_title{
	width: 100%;
	float: left;
	margin-bottom: 28px;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .portfolio_main_title h3{
	font-weight: 700;
    font-size: 23px;
    margin-bottom: 5px;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .main_details{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	margin-bottom: 90px;
}
.anthrcb_tm_modalbox .main_details .textbox{
	width: 70%;
	padding-right: 40px;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .main_details .textbox p{
	margin-bottom: 18px;
}
.anthrcb_tm_modalbox .main_details .textbox p:last-child{
	margin-bottom: 0px;
}
.anthrcb_tm_modalbox .main_details .detailbox{
	width: 30%;
	padding-left: 40px;
	color: #1c1c1c;
}
.anthrcb_tm_modalbox .main_details .detailbox > ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_modalbox .main_details .detailbox > ul > li{
	margin: 0px 0px 8px 0px;
	width: 100%;
	float: left;
}
.anthrcb_tm_modalbox .main_details .detailbox > ul > li:last-child{
	margin-bottom: 0px;
}
.anthrcb_tm_modalbox .main_details .detailbox .first{
    font-weight: 700;
	display: block;
	color: #000;
	margin-bottom: 3px;
}
.anthrcb_tm_modalbox .main_details .detailbox span a{
	color: #767676;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_modalbox .main_details .detailbox span a:hover{
	color: #000;
}
.anthrcb_tm_modalbox .main_details .detailbox .share{
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: 7px;
}
.anthrcb_tm_modalbox .main_details .detailbox .share li{
	margin: 0px 5px 0px 0px;
	display: inline-block;
}
.anthrcb_tm_modalbox .main_details .detailbox .share li:last-child{
	margin-right: 0px;
}
.anthrcb_tm_modalbox .main_details .detailbox .share li a{
	color: #000;
	font-size: 18px;
}
.anthrcb_tm_modalbox .additional_images{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_modalbox .additional_images ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.anthrcb_tm_modalbox .additional_images ul li{
	margin: 0px 0px 30px 0px;
	float: left;
	width: 50%;
	padding-left: 30px;
}
.anthrcb_tm_modalbox .additional_images ul li:nth-child(3n-2){
	width: 100%;
}
.anthrcb_tm_modalbox .additional_images ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.anthrcb_tm_modalbox .additional_images ul li .my_image{
	position: relative;
}
.anthrcb_tm_modalbox .additional_images ul li .my_image img{
	opacity: 0;
	min-width: 100%;
}
.anthrcb_tm_modalbox .additional_images ul li .my_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/*---------------------------------------------------*/
/*	08) anthrcb NEWS 
/*---------------------------------------------------*/

.anthrcb_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 100px 0px 45px 0px;
}
.anthrcb_tm_news ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.anthrcb_tm_news ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 50%;
	padding-left: 50px;
}
.anthrcb_tm_news ul li .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.07);
}
.anthrcb_tm_news ul li .image{
	position: relative;
	overflow: hidden;
}
.anthrcb_tm_news ul li .image img{
	min-width: 100%;
	opacity: 0;
}
.anthrcb_tm_news ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center; 
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_news ul li .list_inner .image:hover .main{
	transform: scale(1.1) translateZ(0);
}
.anthrcb_tm_news ul li .details{
	width: 100%;
	float: left;
	padding: 30px 40px 25px 40px;
	background-color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_news ul li .list_inner:hover .details{
	box-shadow: 0px 0px 20px rgba(0,0,0,.12);
}
.anthrcb_tm_news ul li .details .title{
	margin-bottom: 10px;
	line-height: 1.4;
}
.anthrcb_tm_news ul li .details .title a{
	color: #000;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_news ul li .details .title a:hover{
	color: #000;
}
.anthrcb_tm_news ul li .details .date{
	font-family: "Montserrat";
	font-size: 13px;
	color: #767676;
}
.anthrcb_tm_news ul li .details .date a{
	color: #767676;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_news ul li .details .date a:hover{
	color: #000;
}
.anthrcb_tm_news ul li .details .date span{
	position: relative;	
}
.anthrcb_tm_news ul li .details .date span:before{
	position: relative;
	content: "/";
	font-size: 10px;
	padding: 0px 7px 0px 2px;
}
.anthrcb_tm_news ul li .extra{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	position: relative;
}
.anthrcb_tm_news ul li .extra:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.1);
	bottom: -7px;
}
.anthrcb_tm_read_more{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	overflow: hidden;
}
.anthrcb_tm_read_more a{
	display: inline-block;
	overflow: hidden;
    color: #000;
	padding-right: 32px;
    position: relative;
	text-transform: uppercase;
    font-weight: 500;
	font-size: 12px;
	font-family: "Montserrat";
}
.anthrcb_tm_read_more a:before{
	position: absolute;
	content: '';
    background-color: #000;
    margin: auto;
	width: 100%;
	height: 1px;
	top: 0px;
    left: 0px;
	bottom: 0px;
    transform: scaleX(.2);
    transform-origin: left center;
	animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
}
.anthrcb_tm_read_more a span{
	display: inline-block;
    position: relative;
	background-color: #fff;
	z-index: 1; 
    transition: .6s cubic-bezier(.6, .01, 0, 1);
	transform: translateX(-110%);
}
.anthrcb_tm_news ul li .list_inner:hover .anthrcb_tm_read_more a:before{
	animation: read-more-anim-2;
	animation-fill-mode: forwards;
	animation-duration: .4s;
	animation-timing-function: cubic-bezier(.6,.01,0,1);
}
.anthrcb_tm_news ul li .list_inner:hover .anthrcb_tm_read_more a span{
	transform: translateX(0%);
}

@keyframes read-more-anim{
    0% {
        transform-origin: right center;
        transform: scaleX(.2);
    }
    70% {
        transform-origin: right center;
    }
    71% {
        transform-origin: left center;
        transform: scaleX(1);
    }

    100% {
        transform-origin: left center;
        transform: scaleX(.2);
    }
}

@keyframes read-more-anim-2{
    0% {
        transform-origin: left center;
        transform: scaleX(.2);
    }
    70% {
        transform-origin: left center;
        transform: scaleX(1);
    }
    71% {
        transform-origin: right center;
    }
    100% {
        transform-origin: right center;
        transform: scaleX(.2);
    }
}

.anthrcb_tm_modalbox .details .extra{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 30px;
}
.anthrcb_tm_modalbox .details .extra:before{
	position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    bottom: -10px;
}
.anthrcb_tm_modalbox .anthrcb_tm_read_more{
	display: none;
}
.anthrcb_tm_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
}
.anthrcb_tm_modalbox{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100vh;
	z-index: 15;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_modalbox.opened{
	opacity: 1;
	visibility: visible;
}
.anthrcb_tm_modalbox .container{
	height: 100vh;
}
.anthrcb_tm_modalbox .box_inner{
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 968px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin-top: -20px;
	transition-delay: .3s;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_modalbox.opened .box_inner{
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}
.anthrcb_tm_modalbox .close{
	position: fixed;
	left: 100%;
	top: 0px;
	margin-left: 30px;
	z-index: 10;
}
.anthrcb_tm_modalbox .close a{
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	border:2px solid #fff;
	border-radius: 10px;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_modalbox .close a:hover{
	border-radius: 100%;
}
.anthrcb_tm_modalbox .close a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.anthrcb_tm_modalbox .description_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 50px;
	overflow-y: scroll;
}
.anthrcb_tm_modalbox .description_wrap:after{
	position: fixed;
	content: "";
	right: 0px;
	left: 0px;
	bottom: 0px;
	height: 50px;
	background-color: #fff;
	z-index: 3;
	border-radius: 15px;
}
.anthrcb_tm_modalbox .description_wrap:before{
	position: fixed;
	content: "";
	right: 0px;
	left: 0px;
	top: 0px;
	height: 50px;
	background-color: #fff;
	z-index: 3;
	border-radius: 15px;
}
.anthrcb_tm_modalbox .details{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.anthrcb_tm_modalbox .description_wrap .image{
	position: relative;
	z-index: -1;
	margin-bottom: 40px;
}
.anthrcb_tm_modalbox .description_wrap .image img{
	min-width: 100%;
}
.anthrcb_tm_modalbox .description_wrap .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.anthrcb_tm_modalbox .details .title{
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 9px;
}
.anthrcb_tm_modalbox .date{
	text-transform: uppercase;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    color: #767676;
}
.anthrcb_tm_modalbox .date a{
    color: #767676;
	
    -webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.anthrcb_tm_modalbox .date a:hover{
	color: #000;
}
.anthrcb_tm_modalbox .date span{
	position: relative;
    margin-left: 11px;
}
.anthrcb_tm_modalbox .date span:before{
	position: absolute;
    content: "";
    margin-top: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    right: 100%;
    background-color: #939393;
    width: 1px;
    height: 9px;
    margin-right: 7px;
}
.anthrcb_tm_news .main_content{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
	display: none;
}
body.modal{
	overflow-y: hidden;
}
.anthrcb_tm_modalbox .main_content{
	width: 100%;
	float: left;
}
.anthrcb_tm_modalbox .main_content .descriptions{
	width: 100%;
	float: left;
}
.anthrcb_tm_modalbox .main_content .descriptions .bigger{
	color: #888;
	font-size: 20px;		
	margin-bottom: 31px;
}
.anthrcb_tm_modalbox .main_content .descriptions p{
	margin-bottom: 22px;
}
.anthrcb_tm_modalbox .main_content .descriptions p:last-child{
	margin-bottom: 0px;
}
.anthrcb_tm_modalbox .main_content .quotebox{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding-left: 70px;
	margin-bottom: 24px;
}
.anthrcb_tm_modalbox .main_content .quotebox p{
	font-size: 20px;
	margin-bottom: 23px;
}
.anthrcb_tm_modalbox .main_content .icon{
	position: absolute;
	left: 0px;
	top: 5px;
}
.anthrcb_tm_modalbox .main_content .icon i{
	font-size: 40px;
	color: #000;
}
.anthrcb_tm_modalbox .description_wrap::-webkit-scrollbar{
  width: 11px;
}
.anthrcb_tm_modalbox .description_wrap{
  scrollbar-width: thin;
  scrollbar-color: #1b1b1b #fff;
}
.anthrcb_tm_modalbox .description_wrap:-webkit-scrollbar-track{
  background: #fff;
}
.anthrcb_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{
  background-color: #999;
  border-radius: 6px;
  border: 3px solid #fff;
}

/*---------------------------------------------------*/
/*	09) anthrcb CONTACT
/*---------------------------------------------------*/

.anthrcb_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 350px 0px 300px 0px;
	
}
.anthrcb_tm_contact .map_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 50px;
}
.anthrcb_tm_contact .fields{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.anthrcb_tm_contact .fields .first{
	width: 100%;
	float: left;
}
.anthrcb_tm_contact .fields ul{
	margin: 0px;
	list-style-type: none;
}
.anthrcb_tm_contact .fields ul li{
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
}
.anthrcb_tm_contact .fields ul li input{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	background-color: transparent;
}
.anthrcb_tm_contact .fields ul li input:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
}
.anthrcb_tm_contact .fields .last textarea{
	width: 100%;
	border: 1px solid rgba(0,0,0,.2);
	height: 120px;
	resize: none;
	margin-bottom: 20px;
	background-color: transparent;
}
.anthrcb_tm_contact .fields .last textarea:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.5);
} 
.anthrcb_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.anthrcb_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.anthrcb_tm_contact .returnmessage{
	color:#3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}

.anthrcb_tm_button button {
    background-color: #000000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.anthrcb_tm_button button:hover {
    background-color: #1b2735;
}


/*---------------------------------------------------*/
/*	10) ANTHRCB MAGIC CURSOR
/*---------------------------------------------------*/

.anthrcb_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
	display: none;
}
.mouse-cursor{
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 50;
  background-color: #000;
  -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: #000;
  opacity: .3;
}
.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 50;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{opacity: 0;}

/* Estilos del contenedor de partículas */
#particle-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100;
    overflow: hidden;
}

.particle {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(0, 100, 255, 0.7); /* Azul con transparencia */
    border-radius: 50%;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    animation: particleAnimation 1s linear forwards;
    box-shadow: 0 0 10px rgba(0, 100, 255, 0.7), 0 0 20px rgba(0, 100, 255, 0.5);
}

@keyframes particleAnimation {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

/*---------------------------------------------------*/
/*	11) ANTHRCB MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1600px) {
	.container{max-width: 968px;}
	.anthrcb_tm_all_wrap .leftpart{width: 400px;}
	.anthrcb_tm_all_wrap .rightpart{padding-left: 350px;}
	.anthrcb_tm_all_wrap .leftpart{width: 350px;padding: 0px 70px;}
	.anthrcb_tm_home .avatar{min-width: 250px;min-height: 250px;}
	.anthrcb_tm_home .details .name{font-size: 48px;margin-bottom: 10px;}
	.anthrcb_tm_home .details .job{margin-bottom: 22px;}
	.anthrcb_tm_modalbox .box_inner{width: 850px;}
}
@media (max-width: 1200px) {
	.anthrcb_tm_topbar{display: block;}
	.anthrcb_tm_section{padding-left: 0px;}
	.anthrcb_tm_all_wrap .leftpart{display: none;}
	.anthrcb_tm_all_wrap .rightpart{padding-left: 0px;}
	.anthrcb_tm_all_wrap .rightpart_in{border-left: none;}
	.anthrcb_tm_about{padding-top: 130px;}
	.anthrcb_tm_portfolio{padding-top: 130px;}
	.anthrcb_tm_contact{padding-top: 130px;}
	.anthrcb_tm_news{padding-top: 130px;}
	.anthrcb_tm_services{padding-top: 130px;}
	.anthrcb_tm_modalbox .description_wrap{padding: 40px;}
	.anthrcb_tm_modalbox .box_inner{width: 500px;}
	.anthrcb_tm_modalbox .main_details{flex-direction: column;}
	.anthrcb_tm_modalbox .main_details .textbox{padding-right: 0px;width: 100%;margin-bottom: 30px;}
	.anthrcb_tm_modalbox .main_details .detailbox{padding-left: 0px;width: 100%;}
	.anthrcb_tm_modalbox .additional_images ul{margin: 0px;}
	.anthrcb_tm_modalbox .additional_images ul li{padding-left: 0px;width: 100%;}
	.anthrcb_tm_modalbox .description_wrap:after{height: 40px;}
	.anthrcb_tm_modalbox .description_wrap:before{height: 40px;}
}
@media (max-width: 1040px) {
	.mouse-cursor{display: none;}
	.anthrcb_tm_home .home_content{flex-direction: column;text-align: center;}
	.anthrcb_tm_home .avatar{margin-bottom: 30px;}
	.anthrcb_tm_home .details{margin-left: 0px;}
	.anthrcb_tm_title .title_flex{flex-direction: column;align-items: flex-start;}
	.anthrcb_tm_title .portfolio_filter{padding-top: 48px;}
	.container{padding: 0px 20px;}
	.anthrcb_tm_services .list ul li{width: 50%;}
	.anthrcb_tm_partners ul li{width: 33.3333%;}
	.anthrcb_tm_modalbox .details .title{font-size: 20px;}
	.anthrcb_tm_modalbox .portfolio_main_title h3{font-size: 20px;}
	.anthrcb_tm_modalbox .service_popup_informations .main_title h3{font-size: 20px;}
}
@media (max-width: 768px) {
	.anthrcb_tm_home .details .name{font-size: 30px;}
	.anthrcb_tm_home .avatar{min-width: 200px;min-height: 200px;}
	.anthrcb_tm_portfolio .portfolio_list{margin: 0px;}
	.anthrcb_tm_portfolio .portfolio_list li{width: 100%;padding-left: 0px;}
	.anthrcb_tm_news ul{margin: 0px;}
	.anthrcb_tm_news ul li{width: 100%;padding-left: 0px;}
	.anthrcb_tm_news ul li .details{padding-left: 30px;padding-right: 30px;}
	.anthrcb_tm_modalbox .main_content .icon{position: relative;margin-bottom: 25px;}
	.anthrcb_tm_modalbox .main_content .quotebox{padding-left: 0px;}
	.anthrcb_tm_modalbox .close a{width: 30px;height: 30px;font-size: 14px;}
	.anthrcb_tm_modalbox .close{left: auto;right: 0px;top: -40px;}
	.anthrcb_tm_modalbox .box_inner{width: 300px;}
	.anthrcb_tm_modalbox .description_wrap{padding: 20px;}
	.anthrcb_tm_short_info{flex-direction: column;}
	.anthrcb_tm_short_info .left{width: 100%;padding-right: 0px;}
	.anthrcb_tm_short_info .right{width: 100%;padding-left: 0px;}
	.anthrcb_tm_progressbox .in{flex-direction: column;}
	.anthrcb_tm_progressbox .in .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.anthrcb_tm_progressbox .in .right{width: 100%;padding-left: 0px;}
	.anthrcb_tm_skillbox .in{flex-direction: column;}
	.anthrcb_tm_skillbox .in .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.anthrcb_tm_skillbox .in .right{width: 100%;padding-left: 0px;}
	.anthrcb_tm_resumebox .in{flex-direction: column;}
	.anthrcb_tm_resumebox .in .left{width: 100%;padding-right: 0px;margin-bottom: 60px;}
	.anthrcb_tm_resumebox .in .right{width: 100%;padding-left: 0px;}
	.anthrcb_tm_services .list ul{margin: 0px;}
	.anthrcb_tm_services .list ul li{width: 100%;padding-left: 0px;}
	.anthrcb_tm_partners ul li{width: 50%;}
	.anthrcb_tm_facts .list ul{margin: 0px;}
	.anthrcb_tm_facts .list ul li{width: 100%;padding-left: 0px;}
	.anthrcb_tm_pricing .list > ul{margin: 0px;}
	.anthrcb_tm_pricing .list > ul > li{width: 100%;padding-left: 0px;}
	.anthrcb_tm_modalbox .description_wrap:after{height: 20px;}
	.anthrcb_tm_modalbox .description_wrap:before{height: 20px;}
	.anthrcb_tm_modalbox .portfolio_main_title{margin-bottom: 20px;}
}