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

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('assets/fonts/SVN-GilroyBold.eot');
    src: url('assets/fonts/SVN-GilroyBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-GilroyBold.woff2') format('woff2'),
        url('assets/fonts/SVN-GilroyBold.woff') format('woff'),
        url('assets/fonts/SVN-GilroyBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('assets/fonts/SVN-GilroyLightItalic.eot');
    src: url('assets/fonts/SVN-GilroyLightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-GilroyLightItalic.woff2') format('woff2'),
        url('assets/fonts/SVN-GilroyLightItalic.woff') format('woff'),
        url('assets/fonts/SVN-GilroyLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('assets/fonts/SVN-GilroyMedium.eot');
    src: url('assets/fonts/SVN-GilroyMedium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-GilroyMedium.woff2') format('woff2'),
        url('assets/fonts/SVN-GilroyMedium.woff') format('woff'),
        url('assets/fonts/SVN-GilroyMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('assets/fonts/SVN-GilroySemiBold.eot');
    src: url('assets/fonts/SVN-GilroySemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-GilroySemiBold.woff2') format('woff2'),
        url('assets/fonts/SVN-GilroySemiBold.woff') format('woff'),
        url('assets/fonts/SVN-GilroySemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('assets/fonts/SVN-GilroyThin.eot');
    src: url('assets/fonts/SVN-GilroyThin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SVN-GilroyThin.woff2') format('woff2'),
        url('assets/fonts/SVN-GilroyThin.woff') format('woff'),
        url('assets/fonts/SVN-GilroyThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'UTM Banque';
    src: url('assets/fonts/UTMBanqueBold.eot');
    src: url('assets/fonts/UTMBanqueBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/UTMBanqueBold.woff2') format('woff2'),
        url('assets/fonts/UTMBanqueBold.woff') format('woff'),
        url('assets/fonts/UTMBanqueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Banque';
    src: url('assets/fonts/UTMBanque.eot');
    src: url('assets/fonts/UTMBanque.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/UTMBanque.woff2') format('woff2'),
        url('assets/fonts/UTMBanque.woff') format('woff'),
        url('assets/fonts/UTMBanque.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	overflow: hidden;
    font-family: "SVN-Gilroy"  !important;
}
.nav > li > a {
	font-family: "SVN-Gilroy"  !important;
}
h1,.heading-font{
	font-family: "UTM Banque"  !important;
}
h2, h3,h4,h5,h6{
	font-family: "SVN-Gilroy"  !important;
}
.alt-font,p{
	font-family: "SVN-Gilroy"  !important;
}
.is-divider{
    display: none;
}
span.sku_wrapper{
    display: none !important;
}
@media only screen and (max-width:550px){
	#logo img,body .stuck #logo img {
		max-height: 50px !important;
		padding: 3px;
	}
	body .stuck #logo img {
    max-height: 70px !important;
    padding: 10px 0 15px;
}
}
@media only screen and (max-width:850px){
	.secbg_left .bg.section-bg.fill.bg-fill.bg-loaded,.sec_bgright .bg.section-bg.fill.bg-fill.bg-loaded{
		background-size: 100% auto !important;
	}
	section.outer-nav.ani-item.on-show.show-sp{
		height:auto;
	}
	section.outer-nav.ani-item.on-show.show-sp .col-inner{
		margin-bottom:0 !important;
	}
}
@media only screen and (max-width:550px){
	ul.mobile-nav.nav.nav-right li.header-search.header-search-dropdown.has-icon.has-dropdown.menu-item-has-children.current-dropdown {
		left:-235px;
	}
}
  .vdh_qr_code{justify-content:space-between;display:flex}.vdh_qr_code .vdh_bank_item{width:260px;display:inline-block}.vdh_qr_code .vdh_bank_item img{width:100%}.vdh_qr_code .img_qr_code{border-radius:5px;cursor:pointer;transition:.3s;display:block;margin-left:auto;margin-right:auto}.vdh_qr_code .img_qr_code:hover{opacity:.7}.vdh_qr_code .modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}.vdh_qr_code .modal-content{margin:auto;display:block;height:100%}.vdh_qr_code #caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.vdh_qr_code #caption,.vdh_qr_code .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.vdh_qr_code .out{animation-name:zoom-out;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(1)}to{-webkit-transform:scale(2)}}@keyframes zoom{from{transform:scale(.4)}to{transform:scale(1)}}@keyframes zoom-out{from{transform:scale(1)}to{transform:scale(0)}}.vdh_qr_code .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.vdh_qr_code .close:focus,.vdh_qr_code .close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:768px){.vdh_qr_code .modal-content{height:auto}}