/* @font-face kit by Fonts2u (https://fonts2u.com) */ 
@font-face {
	font-family:"Exo Medium";
	src: url("/publico/css/fonts/exo/Exo-Medium.eot") format("eot"),
		 url("/publico/css/fonts/exo/Exo-Medium.woff") format("woff"),
		 url("/publico/css/fonts/exo/Exo-Medium.ttf") format("truetype"),
		 url("/publico/css/fonts/exo/Exo-Medium.svg#Exo-Medium") format("svg");
	font-weight:normal;
	font-style:normal;
    font-display: block;
}

/* @font-face kit by Fonts2u (https://fonts2u.com) */ 
@font-face {
	font-family:"Exo Extra Light";
	src: url("/publico/css/fonts/exo/Exo-ExtraLight.eot") format("eot"),
		 url("/publico/css/fonts/exo/Exo-ExtraLight.woff") format("woff"),
		 url("/publico/css/fonts/exo/Exo-ExtraLight.ttf") format("truetype"),
		 url("/publico/css/fonts/exo/Exo-ExtraLight.svg#Exo-ExtraLight") format("svg");
	font-weight:normal;
	font-style:normal;
    font-display: block;
}

.db-container {
	width: 360px;
	height: 807px;
	/*border: 1px solid #000000;*/
	margin: 0px auto;
	overflow: hidden;
	background-image: url(/publico/img/business_card_new/bg_yellow.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.db-back {
    /*color: #ffffff;*/
    color: #3b1f10;
    font-family: "Exo Extra Light", sans-serif;
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: 1px;
    position: absolute;
    top: 21px;
    left: 15px;
    font-weight: bold;
    cursor: pointer;    
}

.aboutcompany .db-back,
.services .db-back,
.free_estimate .db-back {
    color: #4d2a17;
}

.db-subcontainer {
	height: 100%;
}

#contact-form ._placeholder {
    color: #4d2217 !important;    
}

/*.db-container .db-subcontainer .db-user-logo {			
	text-align: right;
}*/

body {
	background-color: #000000;
}

.db-menu {
    width: 110px;    
    /*text-align: center;	*/
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute; 
    height: 27px;
    transition: all 0.2s ease-in-out;   
    /*z-index: 99999;*/
}

.db-menu.active {
    /* SERVICES */
    /*height: 320px;*/
    height: 100%;
    transition: all 0.2s ease-in-out;   
    /*border-bottom-right-radius: 50px;*/
    background: #6c4e01;
    z-index: 99999;
}

.db-menu.active .db-text-menu{
    color: #ffffff;
}

.db-menu.active > span:before, 
.db-menu.active > span:after,
.db-menu.active > span > span {
    background: #ffffff;    
}


.db-menu:after {
    /*content: " ";
    background-color: #3c6124;
    height: 40px;
    position: absolute;
    width: 104px;
    bottom: -3px;
    border-bottom-right-radius: 40px;
    transform: rotate(-12deg);
    left: -10px;
    opacity: 0;
    z-index: -1;
    transition: all 0.2s ease-in-out;*/
}

.db-menu.active:after {
	opacity: 1;
	z-index: 999;
	transition: all 0.2s ease-in-out;   
}

.db-menu.active ul {
	opacity: 1;
	z-index: 999;	
}

.db-menu > span {
	width: 50px;
	height: 20px;
	display: block;
	position: relative;
	margin: 0px auto;
	/*z-index: 99999;*/
	cursor: pointer;
}

.db-menu > span:before,
.db-menu > span:after {
	content: " ";
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: #3b1f10;
}

.db-menu > span > span {
	width: 100%;
    height: 2px;
    background-color: #3b1f10;
    display: block;	
	position: absolute;
    top: 46%;
}

.db-menu > span::after {
    bottom: 0px;
}

.db-menu ul {
	padding: 0px;
	opacity: 0;
	transition: all 0.4s ease;
	position: relative;
    z-index: -1;	
}

.db-menu ul a {
	color: #ffffff;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: 'Exo Extra Light';
   	padding-bottom: 20px;
    padding-top: 20px;
}

.db-user {
    display: block;
    width: 340px;
    margin: 0px auto;    
}

.db-user > div {
    display: inline-block;
}

.db-user .db-user-data-information {
	width: 50%;
	padding-top: 30px;
	margin-right: -5px;
}

.btn-callus {
    width: 300px;    
    margin: 5px auto 15px auto;
    height: 95px;
}

.btn-callus a {
	display: inline-block;
	width: 70px;
	height: 70px;
	/*background-color: #1e9bc2; */

    background: rgb(84, 72, 0);
    background: linear-gradient(180deg, rgb(214, 162, 2) 0%, rgb(84, 72, 0) 100%);

	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	margin-top: 12px;
	/*margin-left: 35px;*/
	margin-bottom: 25px;
	position: relative;
}

.btn-callus a span {
	font-size: 12px;
    position: absolute;
    line-height: initial;
    left: 0px;
    width: 100%;
    top: 77px;
    font-family: "Exo Medium", sans-serif;
    color: #3b1f10;
}

.btn-callus a i {
	line-height: 70px;
	font-size: 50px;
}

.db-user .db-user-logo {
	width: 50%;
	text-align: right;
	margin-right: -5px;
}

.db-container .db-subcontainer .db-user-logo img {
	/*margin-right: 25px;*/
	width: 110px;
	margin-top: 10px;
}

.db-container .db-subcontainer .db-user-qr-infromation {
	text-align: center;
	margin-top: 20px;
}

.db-container .db-subcontainer .db-user-qr-infromation div, .slider-qr .item div {
    /*display: inline-block;*/
    padding: 10px;		     
    border-radius: 15px;
    position: relative;
    margin-right: 20px;
    margin-left: 25px;
    margin-top: 10px;    
}

.db-container .db-subcontainer .db-user-qr-infromation span, .slider-qr .item span {
	position: absolute;
	width: 25px;
	height: 25px;						
	background-image: url(/publico/img/business_card_new/border-qr.png);
	background-repeat: no-repeat;
}

.slider-qr .item img {
    width: 180px;
}

.slider-qr .slider-text {
    text-align: center;
    color: #ffffff;
    font-family: 'Exo Medium';
    font-size: 17px;
}

.top-left {
    top: -3px;
    left: -3px;	
    background-position: top left;
}

.bottom-left {
    bottom: -3px;
    left: -3px;	
    background-position: bottom left;		
}

.top-right {
    top: -3px;
    right: -3px;	
    background-position: top right;
}

.bottom-right {
    bottom: -3px;
    right: -3px;			
    background-position: bottom right;
}

.db-user-information,
.db-user-access-information, 
.db-user-reviews-information,
.db-user-subfooter,
.db-share {
	width: 320px;
	margin: 0px auto;
	/*border: 1px solid yellow;*/
}

.db-user-access-information a:not(.nostyle) {
	display: inline-block;
	width: 67px;
	height: 67px;
	/*background-color: #1e9bc2;*/

    background: rgb(84, 72, 0);
    background: linear-gradient(180deg, rgb(214, 162, 2) 0%, rgb(84, 72, 0) 100%);

	border-radius: 50%;
	text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px; 
    margin-top: 15px;
    position: relative;  
}

.db-user-access-information a:not(.nostyle) i {
	color: #ffffff;
	line-height: 67px;
	font-size: 45px;
}

.db-user-access-information a:not(.nostyle) span {

	font-size: 12px;
    position: absolute;
    line-height: initial;
    left: 0px;
    width: 100%;
    top: 75px;
    font-family: "Exo Medium", sans-serif;
    color: #3b1f10;

}

.db-user-access-information div {
	text-align: center;
	margin-bottom: 15px;
}

.db-user-code-qr {
    /*margin-top: 150px;*/
    transform: translateY(-50%);
    top: 50%;
    position: relative;

}

/*.db-user-access-information .btn-center {
	margin-left: 20px;
	margin-right: 20px;
}*/

.btn-wsp {
	background-color: #51dd97 !important;
}

.db-user-information > div {
	margin-bottom: 3px;
	display: flex;
}

.db-user-information .label {			
	font-family: "Exo Medium", sans-serif;
    width: 75px;			
}

.db-user-information .label + div {
	/*width: 175px;*/
    font-weight: bold;
}

.db-user-information .label + div > div + div {
	margin-top: 4px;
}

.db-user-information{
	font-family: "Exo Extra Light", sans-serif;
	color: #3b1f10;
	font-size: 14px;
    min-height: 99px;
    margin-top: 20px;
}

.db-user-data-information {
	color: #3b1f10;
	/*width: 150px;
    margin-left: 30px;*/
    text-align: center;
    /*border: 1px solid white;*/
}
.db-user-data-information .db-user-name {
	font-family: "Exo Medium", sans-serif;
    position: relative;
    margin-right: 25px;	
}

.db-user-data-information .db-user-charge {
	font-family: "Exo Extra Light", sans-serif;
	margin-top: 3px;
    position: relative;
    margin-right: 25px;
    font-weight: 600;
}

.db-user-aboutus {
	margin-top: 7px;
	margin-bottom: 15px;
}

.db-user-aboutus a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	color: #1e9bc2;
	border-radius: 50%;
}

.db-user-aboutus a i {
	line-height: 30px;
	font-weight: bold;
}

.db-user-aboutus a:first-child {
	margin-right: 7px;
}

.db-user-aboutus a:last-child {
	margin-left: 7px;
}

.db-user-access-information {
	margin-top: 10px;
    text-align: left;	
}

.db-user-title, .ab-user-title, .abb-user-title, .fre-user-title {
	color: #1e9bc2;
	font-family: "Exo Medium", sans-serif;
	text-align: center;
	font-weight: 600;
    margin-bottom: 7px;
    margin-top: 7px;			
}

.db-user-reviews-information a {
	color: #ffffff;
	/*width: 33.3%;*/
	height: 50px;
	display: block;
	text-align: center;
	font-size: 35px;
	text-shadow: 2px 1px 7px #1e9bc2;
}

.db-user-reviews-information a i {
	line-height: 36px;
}

.db-user-reviews-information {
	/*display: flex;*/
}

.db-user-footer {
	/*background: linear-gradient(360deg, rgba(41,79,137,1) 0%, rgba(41,79,137,0) 75%);*/
	/*background: linear-gradient(360deg, rgba(41,79,137,1) 3%, rgba(41,79,137,1) 13%, rgba(41,79,137,0.2049194677871149) 68%, rgba(41,79,137,0) 100%);*/

	background: rgb(252,224,86);
	background: linear-gradient(180deg, rgba(252,224,86,0) 0%, rgba(123,83,0,0.3144608185070903) 52%, rgba(189,145,2,0.5049370089832808) 100%);

	/*padding-bottom: 17px;*/
    border-bottom: 1px solid #000000;    
    /*margin-left: -1px;
    margin-right: -1px;*/
	position: absolute;
    width: 100%;
    bottom: 0px;    
}

.db-user-footer .db-user-subfooter {
	display: flex;	
	margin-top: 35px;
    padding-bottom: 9px;	
}

.db-user-footer .db-user-subfooter div {
	/*width: 33.3%;*/
	text-align: center;
	margin: 0px auto;
}

.db-user-footer div i {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-color: #294f89;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
}

.db-user-footer div a {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 20px;
}

.db-user-footer div a i {
	line-height: 45px;
    display: none;
}

.fa-sysallbiz, .fa-share-alt-o, .fa-address-card-new, .fa-qr {
    
    background-repeat: no-repeat;
    background-position: center;	
}

.fa-sysallbiz {
	/*background-image: url(/publico/img/business_card_new/icons-sysallbiz.png);*/
	background-color: transparent !important;
}
.fa-share-alt-o {
	background-image: url(/publico/img/business_card_new/icons-share.png);				
}

.fa-address-card-new {
	background-image: url(/publico/img/business_card_new/icons-cards.png);
}

.fa-qr {
    background-image: url(/publico/img/business_card_new/icons-qr.png);
}

.db-user-footer div a span {
	display: block;
	font-family: "Exo Extra Light", sans-serif;
	font-size: 14px;
	color: #3b1f10;
}

/* ABOUT ME AND ABOUT COMPANY */

/* SE AÑADIO NUEVA CLASE */

.aboutme, .aboutcompany, .services {
	transition: transform 0.4s ease-in-out;
	z-index: 999;
    position: absolute;	    
    width: 100%;

    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

}

.aboutme {
	/*background-color: #ffffff;*/
	transform: translateY(0px);
    background-image: url(/publico/img/business_card_new/bg_aboutme_yellow.jpg);

}

.aboutcompany {
	/*background-color: #000000;*/
	top: -858px;
	background-image: url(/publico/img/business_card_new/bg_aboutcompany_yellow.jpg);
}

div.aboutme.active {
    transform: translateY(-100%);
}

div.aboutcompany.active {
    transform: translateY(105%);
}

.ab-imagen {
    text-align: center;
    margin-top: 40px;	
}

.ab-imagen img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 5px solid #7a7e7a;	
}

.ab-abouts-buttons {
    text-align: center;	
    margin-top: 30px; 
    margin-bottom: 50px;       
}

.ab-abouts-buttons a {
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	/*background-color: #1e9bc2;*/
    background: rgb(84, 72, 0);
    background: linear-gradient(180deg, rgb(214, 162, 2) 0%, rgb(84, 72, 0) 100%);
	color: #ffffff;
	border-radius: 50%;
	font-size: 40px;
    margin-left: 5px;
    margin-right: 5px;
	position: relative;        	
}

.ab-abouts-buttons a span {
    font-size: 12px;
    position: absolute;
    line-height: initial;
    left: 0px;
    width: 100%;
    top: 75px;
    font-family: "Exo Medium", sans-serif;
    color: #3b1f10;
}

.ab-color-blue {
	color: #3b1f10;
}

.ab-user-title {
    margin-top: 30px;
}

.ab-description {
    margin-right: 30px;
    margin-left: 30px;	
}

.ab-description p {
	white-space: break-spaces;	
    font-family: 'Exo Extra Light';
    font-size: 14px;
    color: #3b1f10;
    font-weight: 600;
}

.ab-socials {
    text-align: center;
    margin-top: 35px;
}

.ab-socials a {
    text-align: center;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 100%;     
    font-size: 26px;
    line-height: 48px;
    color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
}

.ab-instagram{
    background-color: #613e8c;
}
.ab-twitter{
    background-color: #29a9e1;
}
.ab-facebook{
    background-color: #3e5c9a;
}
.ab-linkeding{
    background-color: #117bb8;
}

.ab-youtube{
    background-color: #ff0000
}

.ab-tiktok{
    background-color: #000000
}

.ab-socials.ab-socials-min a {
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 23px;
}

.ab-socials-home {
    margin-top: 25px;
}

.aboutme .db-user-footer {
    bottom: 0px;
    position: absolute;
    width: 100%;	
}

/* ABOUT COMPANY */

/* SERVICES */

.services {
    /* background-color: #000000; */
    top: -858px;
    background-image: url(/publico/img/business_card_new/bg_aboutcompany_yellow.jpg);
}

div.services.active {
    transform: translateY(105%);
}

/* SERVICES */

.abb-imagen {
    text-align: center;
    margin-top: 5px;	
}

.abb-imagen img {
    width: 110px;
    height: 110px;
    border-radius: 10%;    
}

.abb-abouts-buttons {
    text-align: center;	
    margin-top: 86px;    
    margin-bottom: 50px;    
}

.abb-abouts-buttons a {
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	/*background-color: #1e9bc2;*/
    background: rgb(84, 72, 0);
    background: linear-gradient(180deg, rgb(214, 162, 2) 0%, rgb(84, 72, 0) 100%);
	color: #ffffff;
	border-radius: 50%;
	font-size: 40px;
    margin-left: 5px;
    margin-right: 5px;	
    position: relative;    
}

.abb-abouts-buttons a span {
    font-size: 12px;
    position: absolute;
    line-height: initial;
    left: 0px;
    width: 100%;
    top: 75px;
    font-family: "Exo Medium", sans-serif;
    color: #3b1f10;
}

.abb-user-title {
    margin-top: 30px;
}

.abb-user-title > div, .ab-user-title > div {
    white-space: break-spaces;
    font-family: 'Exo Extra Light';
    font-size: 14px;
    color: #4d2a17;
    font-weight: 600;
    margin-top: 10px;
}

.abb-description {
    margin-right: 30px;
    margin-left: 30px;

}

.abb-description p {
	white-space: break-spaces;	
    font-family: 'Exo Extra Light';
    font-size: 14px;	
    color: #3b1f10;
    font-weight: 600;
}

.panel-aboutcompany .db-menu > span > span,  
.panel-aboutcompany .db-menu > span:before,
.panel-aboutcompany .db-menu > span:after {
	background-color: #2a508a;
}

.panel-aboutcompany .db-menu.active > span > span,  
.panel-aboutcompany .db-menu.active > span:before,
.panel-aboutcompany .db-menu.active > span:after {
	background-color: #ffffff;
}

/* SERVICES */

.panel-services .db-menu > span > span,  
.panel-services .db-menu > span:before,
.panel-services .db-menu > span:after {
    background-color: #2a508a;
}

.panel-services .db-menu.active > span > span,  
.panel-services .db-menu.active > span:before,
.panel-services .db-menu.active > span:after {
    background-color: #ffffff;
}

/* SERVICES */

.page:not(.panel-home) .ft-share-buttons {
    display: none;
}

.db-share {
    margin-top: 80px;    
}

.db-share div {
    width: 32%;
    text-align: center;
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
}

.db-share div a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
}

.db-share div a i {
    line-height: 45px;
}

.db-share div i {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #294f89;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
}

.db-share div a span {
    display: block;
    font-size: 12px;
    font-family: 'Exo Extra Light';
}

/* SHARE FLOAT */

.ft-share-buttons {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 999;
}

.ft-share-buttons div {
    text-align: center;
}

.ft-share-buttons div a {
	text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;	
}

.ft-share-buttons div a i {
    line-height: 45px;
}

.ft-share-buttons div i {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #294f89;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
}

.ft-share-buttons div a span {
    display: block;
    font-family: "Exo Medium", sans-serif;
    font-size: 14px;
    color: #1e9bc2;
    width: 90px;
    font-weight: bold;
}

.db-user-footer .db-user-subfooter div + div,
.db-user-footer .db-user-subfooter div + div + div {
	display: none;
}

.abb-services > ul {
    padding: 0px;
    margin-left: 17px;
    font-family: 'Exo Extra Light';
    font-size: 14px;
    color: #3b1f10;
    font-weight: 600;
}

.abb-services > ul li {
    padding-bottom: 2px;

}

/*.abb-services > div:before {
	content: "- "
}

.abb-services > div {
    font-family: sans-serif;
    font-size: 14px;
    display: inline-block;
    margin-right: -5px;
    width: 50%;
    padding: 5px 0px;
}*/

/* SHARE FLOAT */

/* FREE ESTIMATE */

::placeholder {
    color: #3ca8ca;
    /*opacity: 0.75;*/
}

.free_estimate {
	position: absolute;    
    top: 0;
    width: 100%;	
    background-image: url(/publico/img/business_card_new/bg_freeestimates_yellow.jpg);
    /*left: -372px;*/
    transform: translateX(-420px);
    transition: transform 0.4s ease-in-out;
    background-size: cover;
}

.free_estimate.active {
	/*left: 0px;*/
	transform: translateX(0px);
	z-index: 9999;
}

.fre-user-title {
    margin-top: 75px;	
}

.fre-color-white {
	color: #3b1f10;
}

.form_free_estimates {
	padding: 10px 0px 10px 0px;
    width: 80%;
    margin: 0px auto;
    text-align: center;
}

.form_free_estimates input,
.form_free_estimates textarea {
	width: 100%;
	color: #3ca8ca;
	font-family: 'Exo Extra Light';
    border-radius: 10px;
    border: 0px;
    box-shadow: 0px 0px 12px #bdbdbd;
    font-size: 	15px;
    padding-left: 10px;
    box-sizing: border-box;
    outline: none;    
}

.form_free_estimates input {
    line-height: 45px;
    margin-bottom: 15px;
}

.form_free_estimates textarea {
	height: 170px;
	padding-top: 10px;
}

.form_free_estimates .txtcancel,
.form_free_estimates .txtsubmit {
	display: inline-block;
    width: 40%;
    text-align: center;
    margin-top: 15px;	
    font-weight: 600;
    cursor: pointer;
    outline: none; 
	margin-right: 3px;
    margin-left: 3px;
    position: relative;
    z-index: 99999;    
}

.form_free_estimates .txtcancel:hover,
.form_free_estimates .txtsubmit:hover {
	opacity: 0.85;
}

.form_free_estimates .txtcancel {
	background-color: #ffffff;
}

.form_free_estimates .txtsubmit {
	background-color: #3b1f10;
	color: #ffffff;
}

.panel-freeestimates .db-menu > span:before, 
.panel-freeestimates .db-menu > span:after, 
.panel-freeestimates .db-menu > span > span {
    background-color: #2a508a;
}

.panel-freeestimates .db-menu.active > span:before, 
.panel-freeestimates .db-menu.active > span:after, 
.panel-freeestimates .db-menu.active > span > span {
    background-color: #ffffff;
}

/* FREE ESTIMATE */

/* CODE QR */

.code_qr {
    transform: translateX(600px);
    /*background-color: yellow;*/
    background-image: url(/publico/img/business_card_new/bg_code_qr.jpg);
    width: 100%;
    top: 0px;
    position: absolute;
    transition: transform 0.4s ease-in-out;
    background-size: cover;
}

.code_qr.active {
    transform: translateX(0px);    
}

.slick-slide > div, .slick-cloned > div {
    transition: all 0.3s ease-in-out !important;
}

.slick-slide:not(.slick-current) > div {
    transform: scale(0.7);
    transition: all 0.3s ease-in-out;
    filter: contrast(0.5);
}

/* CODE QR */

/* ABOUT ME AND ABOUT COMPANY */

/* GOOGLE RECAPTCHA */

.google-recaptcha {
    /*margin-top: 15px;*/
    transform: scale(0.8);
}

/* GOOGLE RECAPTCHA */

/* PRELOAD */

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    transition: .3s all ease;
    pointer-events: none;
    backface-visibility: hidden;
}

.preloader::before, .preloader::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    transition: .2s linear;
    transform: translateY(0);
    pointer-events: none;
}

.preloader::before {
    top: 0;
    bottom: 50%;
    background: #fff;
}

.preloader::after {
    top: 50%;
    bottom: 0;
    background: #f6f6f6;
}

.preloader.loaded::before, .preloader.loaded::after {
    transition: .4s linear;
}

.preloader.loaded::before {
    transform: translateY(-100%);
}

.preloader.loaded::after {
    transform: translateY(100%);
}

.preloader.loaded .preloader-logo,
.preloader.loaded .preloader-body {
    opacity: 0;
    visibility: hidden;
    transition: 0s;
}

.preloader-logo,
.preloader-body {
    transition: 0s .2s;
}

.preloader-logo {
    position: relative;
    z-index: 10;
    transform: translate3d(0, -50%, 0);
    padding: 40px 0px 10px 0px;
    font-family: 'Exo Extra Light';
    font-weight: bold;
    font-size: 10px;
    color: #33b6af;    
}

.preloader-body {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}

#loadingProgressG {
    width: 100vw;
    height: 5px;
    overflow: hidden;
    background: #e8e9ee;
    border-radius: 6px;
    margin: auto;
}

.loadingProgressG {
    background: #33b6af;
    margin-top: 0;
    margin-left: -100vw;
    animation-name: bounce_loadingProgressG;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 100vw;
    height: 5px;
    transition: .5s;
}

@keyframes bounce_loadingProgressG {
    0% {
        margin-left: -100vw;
    }
    100% {
        margin-left: 100vw;
    }
}

.fa-bbb:before {
    content: "B";
    font-family: 'FontAwesome';
}

.fa-avvo:before {
    content: "A";
    font-family: 'Exo Medium';
}

/* FIN DE PRELOAD */
.db-text-menu {
	text-align: center;
    color: #3b1f10;
    font-family: "Exo Extra Light", sans-serif;
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: 1px;
}

.panel-aboutcompany .db-menu:not(.active) .db-text-menu,
.panel-services .db-menu:not(.active) .db-text-menu,
.panel-freeestimates .db-menu:not(.active) .db-text-menu {
	color: #4d2a17;		
	position: relative;		
	/*z-index: 99999;*/
}

.panel-aboutme .db-menu:not(.active) .db-text-menu {
	color: #ffffff;		
	position: relative;		
	/*z-index: 99999;*/
}

.db-footer-buttons {
    text-align: center;
    margin-top: 27px;
}

.db-footer-buttons a {
    background: rgb(243,125,7);
    background: linear-gradient(180deg, rgba(243,125,7,1) 0%, rgba(174,62,1,1) 100%);
    display: inline-block;
    border-radius: 30px;
    font-size: 60px;
    color: #ffffff;
    width: 95px;
    height: 95px;
    line-height: 95px;
    margin-left: 5px;
    margin-right: 5px;  
    position: relative;
}

.db-footer-buttons a span {

    font-size: 12px;
    position: absolute;
    line-height: initial;
    left: 0px;
    width: 100%;
    top: 105px;
    font-family: "Exo Medium", sans-serif;
    color: #4d2a17;	

}

.callus-four {
	display: none !important;	
}

/* BTN FLOTANTE */

.btn-contact-gray {
    background: rgb(253,253,251) !important;
    background: linear-gradient(180deg, rgba(253,253,251,1) 0%, rgba(195,194,194,1) 100%) !important;
    box-shadow: inset -5px -4px 5px #9d999b, 0px 0px 10px #000000 !important;    
    color: #000000 !important;
}

.btn-contact-gray i {
    color: #000000 !important;    
}

.btn-fat-contact {
    text-align: center;
    display: inline-block;    
    width: 140px;
    background: rgb(253,253,251);
    background: linear-gradient(180deg, rgba(253,253,251,1) 0%, rgba(195,194,194,1) 100%);
    color: #000000;
    text-decoration: none;
    font-family: "Exo Medium", sans-serif;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 17px;
    box-shadow: inset -5px -4px 5px #9d999b, 0px 0px 10px #000000;
    position: relative;
}

.btn-fat-contact i {
    font-size: 20px;
    margin-right: 5px;
}

.btn-fat-contact span {
    position: relative;
    top: -2px;  
}

/* BTN FLOTANTE */

/* ANIMATED */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.bounceInUp {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* ANIMATED */

/* BC VERSION */

.db-user-footer div a span span.bc-version {   
    font-size: 10px;
    margin-top: 3px;
    opacity: 0.5;
}
/* BC VERSION */

@media only screen and ( min-width: 768px ) {

	.abb-abouts-buttons {	    
	    margin-top: 57px;
	}

}

@media only screen and (min-width: 1200px) {

    .btn-fat-contact.bfc-style {
        right: 50%;
        margin-right: -70px;
    }    

    .btn-fat-contact:not(.bfc-style) {
        bottom: 32px !important;
        position: absolute;
        right: 53px !important;
    }

}

@media only screen and ( orientation: portrait ) and (max-width: 1024px) {

    .db-user-access-information {
        min-height: 306px;
        position: relative;
    }

    .btn-fat-contact:not(.bfc-style) {
        left: 20px;
    }

    .bfc-style {
        bottom: 27px;
        position: absolute;
        left: 50%;
        margin-left: -72px;
    }

}


@media only screen and ( max-width: 414px ) and ( orientation: portrait ) {

	body {
		margin: 0px;
		padding: 0px;
	}

	.db-container {
		width: 100%;
		background-size: cover;
	}

    .preloader-logo {
        font-size: 10px;    
    }

}



.last-row-buttons {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    clear: both;
}

.last-row-buttons a i {
    font-size: 40px !important;
}