/*
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.   ***************/
body{ font-family: 'Roboto', sans-serif;}
.nav > li > a {font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: 'Roboto', sans-serif;}

#popmake-450 {
	padding-bottom: 30px;
	padding-top: 40px;
}
.pum-content {
	padding-top: 10px;
}
.lien-he {
	display: block;
	overflow: hidden;
	text-align: right;
	margin-bottom: 30px;
	border: 3px solid #FF7F29;
	border-radius: 5px;
}

.lien-he .hehe {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 3px;
}

.lien-he .hehe img {
	float: left;
	height: auto;
	width: 80px;
	padding-top: 25px;
}

.lien-he .hehe h3 {
	color: #FF7F29;
	font-size: 19px;
}

.lien-he .hehe p {
	color: #FF7F29;
	font-weight: bold;
	font-size: 20px;
}

.tieude {
	display: block;
	width: 100%;
}
.tieude h3 {
	color: #f2c60c;
	text-transform: uppercase;
}

.tieude hr {
	opacity: 1;
	border-top: 3px solid #f2c60c;
}

.tieudelh hr {
	opacity: 1;
	border-top: 3px solid #FF7F29;
}

.tieudelh h3 {
	color: #FF7F29;
}


.lien-hee {
	text-align: center;
	margin-left: 100px;
}

.lien-hee h3 {
	font-size: 28px;
	font-weight: bold;
	color: #3553A0;
}

.slogan{
	font-size: 25px;
	color: #74A663;
	font-weight: bold;
}

#logo {
	margin-left: 70px;
}

/*FOOTER */
.call-mobile {background: red;position: fixed;bottom: 5px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;z-index: 99999;
                }
            .call-mobile1 {position: fixed;bottom: 46px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;z-index: 99999; background: red;
                }
   .call-mobile2 {position: fixed;bottom: 44px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;z-index: 99999;
                }
            .call-mobile1 a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
                    margin-right: 10px; padding-left: 10px;}
.call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
                    margin-right: 10px; padding-left: 10px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
#section_234706626 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(9, 122, 247);
}
#section_164009423 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.custom-html-widget iframe{height: 220px;}
#section_164009423{    background-image: url(images/bg.png) !important;}
.icon-angle-down:before{background: url(images/ico.png) no-repeat 0px 6px !important;
    content: "" !important;
    padding: 4px 7px;}
.icon-angle-up:before{    background: url(images/ico2.png) no-repeat -2px 9px !important;
    content: "" !important;
    padding: 4px 7px;}
.icon-menu:before{background: url(images/icomn.png) no-repeat -2px 9px !important;
    content: "" !important;
    padding: 4px 7px;}
.icon-search:before{
    background: url(images/icosearch.png) no-repeat -1px 8px !important;
    content: "" !important;
    padding: 8px 8px;
    }
        img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }
          :root {
            --primary-color: #446084;
        }

        html {
            background-color: #97caf6 !important;
        }
        /* Site Width */

        .full-width .ubermenu-nav, .container, .row {
            max-width: 1170px;
        }

            .row.row-collapse {
                max-width: 1140px;
            }

            .row.row-small {
                max-width: 1162.5px;
            }

            .row.row-large {
                max-width: 1200px;
            }

        .header-main {
            height: 165px;
        }

        #logo img {
            max-height: 165px;
        }

        #logo {
            width: 265px;
        }

        .header-bottom {
            min-height: 49px;
        }

        .header-top {
            min-height: 30px;
        }

        .has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
            padding-top: 215px;
        }

        .header.show-on-scroll, .stuck .header-main {
            height: 70px !important;
        }

        .stuck #logo img {
            max-height: 70px !important;
        }

        .header-bottom {
            background-color: #1e69b8;
        }

        .stuck .header-main .nav > li > a {
            line-height: 50px;
        }

        .header-bottom-nav > li > a {
            line-height: 16px;
        }

        @media (max-width: 549px) {
            .header-main {
                height: 70px;
            }

            #logo img {
                max-height: 70px;
            }
        }

        body {
            font-family: "Roboto", sans-serif;
        }

        body {
            font-weight: 0;
        }

        .nav > li > a {
            font-family: "Roboto", sans-serif;
        }

        .nav > li > a {
            font-weight: 700;
        }

        h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
            font-family: "Roboto", sans-serif;
        }

        h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
            font-weight: 700;
        }

        .alt-font {
            font-family: "Dancing Script", sans-serif;
        }

        .header:not(.transparent) .header-bottom-nav.nav > li > a {
            color: #ffffff;
        }

        .footer-2 {
            background-color: #1e69b8;
        }

        .absolute-footer, html {
            background-color: #1d48c1;
        }

        .label-new.menu-item > a:after {
            content: "New";
        }

        .label-hot.menu-item > a:after {
            content: "Hot";
        }

        .label-sale.menu-item > a:after {
            content: "Sale";
        }

        .label-popular.menu-item > a:after {
            content: "Popular";
        }