/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19 Apr 2021, 12:55:11
    Author     : pz
*/

#shortContact,
#shortContact.disable{
	position: fixed;
	bottom: 30px;
	right: -50px;
	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	transition-delay: .2s;
	opacity: 0;
	
	box-shadow: 0 0.375rem 1.25rem rgb(27 27 27 / 30%), 0 0.125rem 0.25rem rgb(27 27 27 / 15%);
    border-radius: 50px;
    background: #ff8000;
    border: 4px solid #fff;
	
	width: 64px;
    height: 64px;
	
	z-index: -99;
}
#shortContact.disable{
	display: none !important;					  
}

/*#shortContact{
	display: none;
}*/
body.scroll #shortContact{
	display: block;
	opacity: 1;
	right: 26px;
    bottom: 36px;
	z-index: 998;
}
#shortContact.show{
	right: 10px !important;
    bottom: 10px !important;	
}
/*
#shortContact .shortContect-box a{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
	padding: 10px;
	border-radius: 50px;
	background: #ff8000;
	border: 4px solid #fff;
	
	display: inline-block;
	text-align: right;
	color: #fff;
}
#shortContact #shortContact-tel.shortContect-box i{
	font-size: 40px;
}
#shortContact #shortContact-sms.shortContect-box i{
	font-size: 30px;
}*/

/*
#shortContact-tel i{
	font-size: 30px;
}
#shortContact-sms{
	display: none;
}
#shortContact-tel{
	display: none;
}
#shortContact-txt{
	display: none;
}

body.scroll #shortContact .shortContect-box{
	opacity: 1;
}

#shortContact a.close{
	border-radius: 10px;
	
}*/

#shortContact #shortContect-close{
	position: absolute;
    right: -70px; 
     top: -7px; 
    border-radius: 19px;
    padding: 0px;
    /* line-height: 10px; */
    width: 22px;
    height: 22px;
    /* display: flex; */
    flex-wrap: nowrap;
    flex-direction: row;
    flex: auto;
    opacity: 1;
    display: inline-block;
    text-align: center;
    border: 2px solid #fff;
	box-shadow: 0 0.375rem 1.25rem rgb(27 27 27 / 30%), 0 0.125rem 0.25rem rgb(27 27 27 / 15%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	 transition-delay: .25s;
	 background: #ff8000;
	 opacity: .9;
	 z-index: 999;
}


#shortContact.show #shortContect-close {
    right: -12px !important;
    top: -12px !important;
	
}

body.scroll #shortContact #shortContect-close{
	right: -7px; 
	text-shadow: none;
    color: #fff;
}
#shortContact #shortContect-close i{
	line-height: 18px;
    font-size: 11px !important;
    /* align-content: center; */
    /* align-items: center; */
    /* display: flex; */
    padding: 0px;
    display: block;
}

#shortContact #shortContact-button a.shortContect-show{
	font-size: 31px;
    line-height: 36px;
    color: #fff;
    padding: 10px;
	display: block;
/*	width: 60px;
    height: 60px;*/
    text-align: center;
	/*box-shadow: 0 0.375rem 1.25rem rgb(27 27 27 / 30%), 0 0.125rem 0.25rem rgb(27 27 27 / 15%);*/
}
#shortContact.show{
	width: 184px;
    height: 100px;
	
    border-radius: 5px;
    background: #fff;
	/*background: rgba(255,255,255,.9);*/
}
.scroll-top{
	border-radius: 23px;
	border: 3px solid #fff !important;
}
body.scroll .scroll-top{
	
}
.scroll-top.shortContact-scrollTop{
	bottom: -30px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
	display: block;
	z-index: 10
}

body.scroll .scroll-top.shortContact-scrollTop{
	bottom: 10px;
	right: 10px;
	opacity: 1;
}


/* ------------------------- */

/*#shortContact #shortContact-sms,
#shortContact #shortContact-tel{
	
}*/
#shortContact .shortContect-box{
	display: none;
	opacity: 0;
	
	display: inline-block;
    font-size: 46px;
    /*background: #ff8000;*/
    color: #ff8000;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 5px;
	margin: 10px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#shortContact #shortContact-tel.shortContect-box,
#shortContact.show #shortContact-txt.shortContect-box{
	margin-right: 5px;
}
#shortContact .shortContect-box a{
	/*color: #fff;*/
}

#shortContact.show .shortContect-box{
	display: inline-block; 
}
#shortContact.show.show-content .shortContect-box{
	opacity: 1;
}


#shortContact.show #shortContact-button{
	opacity: 0;
	display: none;
}
#shortContact.show.show-content #shortContact-button{
	display: none;
}

/*#shortContact.show #shortContact-sms{
	display: block; 
}*/
/*#shortContact.show.show-content #shortContact-sms{
	opacity: 1;
}*/

@media (min-width: 576px) {
	#shortContact.show #shortContact-sms.shortContect-box,
	#shortContact.show #shortContact-tel.shortContect-box{
		display: none !important;
	}
	#shortContact.show #shortContact-txt2.shortContect-box{
		/*background: #fff;*/
	}
	#shortContact.show #shortContact-txt2.shortContect-box a{
		/*color: #ff8000;*/
	}
}
@media (max-width: 576px) {
	#shortContact.show #shortContact-txt.shortContect-box,
	#shortContact.show #shortContact-txt2.shortContect-box{
		display: none !important;
	}
	
}
@media (min-width: 992px) {
	body.scroll #shortContact {
		right: 35px;
		bottom: 28px;
	}
}