/*
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_block {
    float: right;
    margin: 22px 0;
}
header .phone_block .phone {
    text-decoration: none;
    display: block;
    color: #293a4f;
    *padding-left: 60px;
}
header .phone_block .phone .right {
    float: right;
}
header .phone_block .phone .ico {
    height: 40px;
    width: 40px;
    border: 2px solid #293a4f;
    border-radius: 50%;
    background: url(/wp-content/uploads/2020/01/phone.svg) center no-repeat;
    background-size: 22px;
    float: right;
    margin-right: 20px;
}
.clear {
    clear: both;
}
.phone_block .phone .sm {
    text-decoration: none;
    font-size: 14px;
    color: #1a1a1a;
}
header .phone_block .phone .numb {
    font-size: 24px;
    font-weight: 900;
    color: #293a4f;
    line-height: 26px;
}
.phone_block .link {
    margin-top: 20px;
}
header .phone_block .link a {
    width: 155px;
    height: 26px;
	background-color: var(--Secondary-color);
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    float: left;
    border-radius: 25px;
    margin-left: 10px;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 700;
    color: #000;
    padding-top: 4px;
}

/*************** HOVER COLOR AND PHOTO  ***************/
.color> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: -1px;
    right: -1px;
    transition: transform .3s, opacity .6s;
    pointer-events: none;
	background-position: center;
    background-size: 100%;
	background-color:transparent!important;
}
.color-blue> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/синий.jpg);
}
.color-transparent> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/прозрачный.jpeg);
}
.color-orange> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/оранжевый.jpg);
}
.color-milk> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/молочный.jpg);
}
.color-red> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/красный.jpg);
}
.color-yellow> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/желтый.jpg);
}
.color-grand> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/гриндфиш.jpg);
}
.color-bronze> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/бронза.jpg);
}
.color-biruze> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/бирюза.jpg);
}
.color-white> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/белый.jpg);
}
.color-silver> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/серебро.jpg);
}
.color-green> div > div.box.has-hover.has-hover.box-text-bottom > div.box-image > div > div{
		background-image:url(/wp-content/uploads/2020/02/зеленый.jpg);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}