/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.phone-link{
	font-size: 18px!important;
	padding-bottom:0px!important;
}
.phone-link small{
	opacity:1!important;
}
.hd-adress{
	font-size: 13px!important;
}
ul.nav-right li.custom.html_top_right_text{
	color:#d2b48e!important;
}
ul.nav-right li.custom.html_top_right_text ul{
	list-style: none!important;
	display: flex;
}
ul.nav-right li.custom.html_top_right_text ul li{
	margin:0px 5px!important;
	position:relative;
}
ul.nav-right li.custom.html_top_right_text ul li a{
	padding:10px 0 0 0;
	display:inline-flex;
}
ul.nav-right li.custom.html_top_right_text ul li a:before{
	width: 0;
	content: " ";
    height: 3px;
    left: 17px;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: all .3s;
    background-color: #d6b48e;
}
ul.nav-right li.custom.html_top_right_text ul li:hover a:before{
	width:34px;
	opacity: 1;
}
.telegram-icon i{
	color:#26A5E4!important;
	font-size: 35px!important;
	transition: color 0.3s;
}

ul.nav-right li.custom.html_top_right_text ul li a img{
	padding:1px 0 0 0;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media only screen and (max-width:67.5em){
#logo {
	width: fit-content!important;
	margin-right:0px!important;
}
.nav-left {
    justify-content: space-evenly;
}
.hd-adress{
	font-size: 14px!important;
}
.nav-spacing-xlarge>li {
    margin: 0px 3px 0 3px!important;
}
}

@media only screen and (max-width:53.5em) /* 860px */{

#logo {
	margin:0px 5px 0px 0px!important;
	max-width: fit-content;
}
#logo img {
	margin: 0!important;
}
.medium-logo-center .flex-left {
	flex: 0 0 1!important;
}
ul.nav-right li.custom.html_top_right_text ul li{
	margin:0px 3px!important;
	position:relative;
}
ul.nav-right li.custom.html_top_right_text ul li:hover a:before{
	opacity: 0!important;
}
}

@media only screen and (max-width:849px){
	.medium-logo-center .flex-left {
	flex: 0 0 0!important;
}  
}

@media only screen and (max-width:  34.375em) /* 550px */{

.phone-link{
	font-size: 16px!important;
}
.hd-adress{
	display:none;
}
}
@media only screen and (max-width: 28.5em) /* 455px */{

.phone-link{
	font-size: 18px!important;
}
ul.mobile-nav.nav.nav-right{
	flex-wrap:wrap!important;
	justify-content:space-around!important;
}
ul.mobile-nav.nav.nav-right li:first-child{
	order: 1;
}	
ul.mobile-nav.nav.nav-right li:last-child{
	order: 2;
}
ul.mobile-nav.nav.nav-right li:nth-child(2){
	order: 3;
}
ul.social-icons-custom-html-3 li, ul.social-icons-custom-html-3 li a{
	margin:0px!important;
	padding:0px!important;
}
	
/* stuck */
	
ul.mobile-nav.nav.nav-right li {
	margin: 0 15px;
}	
.header-wrapper.stuck ul.mobile-nav.nav.nav-right{
	flex-wrap:wrap!important;
	justify-content:space-around!important;
}
.header-wrapper.stuck ul.mobile-nav.nav.nav-right li:first-child, .header-wrapper.stuck ul.mobile-nav.nav.nav-right li:last-child{
	position: relative;
	bottom:7px;
	left: 12px;
}
.header-wrapper.stuck ul.mobile-nav.nav.nav-right li:nth-child(2){
	position: relative;
	bottom:3px;
}
.header-wrapper.stuck ul.mobile-nav.nav.nav-right li:nth-child(2) a.icon{
	min-height: ;
	min-width: ;
}	
.header-wrapper.stuck ul.social-icons-custom-html-3 li:first-child {
	bottom:3px!important;
}	
	
}
@media only screen and (max-width: 23.125em) /* 370px */{

ul.mobile-nav.nav.nav-right li {
	margin: 0 5px;
}
ul.mobile-nav.nav.nav-right li:nth-child(2){
	order: 2;
}
#logo img {
    max-height: 85px!important;
}
}

@media only screen and (max-width: 20.5em) /* 345px */{

.phone-link{
	font-size: 15px!important;
}
}