/*
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.   ***************/

@font-face {
    src: url("fonts/RobotoCondensed-Regular.ttf");
    font-family: 'RobotoCondensed';
}

@font-face {
    src: url("fonts/RobotoCondensed-Bold.ttf");
    font-family: 'RobotoCondensed-Bold';
}


:root {
    --color: #d1a56c;
    --color-hover:#002D4F;
    --family :'RobotoCondensed';
    --family-bold :'RobotoCondensed-Bold';
}

body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
    color: #000;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #000;
    font-family: var(--family) !important;
}


/*************** Showw wpfomo ***************/
.header-nav-main.nav li {
    padding: 0px 15px;
}
.header-nav-main.nav li a {
    color: #000;
    font-size: 17px;
    font-family: var(--family) !important;
}
.header-nav-main.nav li:hover a {
    color: var(--color);
}

.title-home h2 {
    text-transform: uppercase;
    color: var(--color);
}

.info h3 {
    color: var(--color);
}

.sec-clip p,
.sec-product p,
.sec-about p {
    text-align: justify;
}

/*.sec-product .col-inner,
.sec-clip .col-inner,
.sec-from .col-inner {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
}*/

.sec-product .col-inner {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
}

.row-bottom {
    margin-bottom: 5%;
    border-bottom: 5px solid #eaeaea;
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(
                -3deg
        );
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(
                -3deg
        );
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(
                3deg
        );
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(
                3deg
        );
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(
                -3deg
        );
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(
                -3deg
        );
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}


.wpcf7-submit,
.button.primary {
	background: #d1a56c !important;
	color: #fff !important;
	font-size: 16px;
	border-radius: 25px !important;
	object-fit: cover;
    animation-name: tada;
    -webkit-animation-name: tada;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.menu li a ,
.info-footer p,
.info-footer h3 {
    color: #fff;
}
.menu li:hover a {
    color: var(--color);
    font-family: var(--family-bold) !important;
}

.info-footer p {
    margin: 5px 0px;
}

.absolute-footer,
.scroll-to-bullets.hide-for-medium  {
    display: none;
}




@media only screen and (max-width: 767px) {

	


	
}




@media only screen and (max-width: 500px) {

   
}