/*
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{
    font-family:'utm_avo';
    src:url('UTM Avo.eot');
    src:local('☺'),url('UTMAvo/UTM_Avo_Regular.woff') format('woff'),url('UTMAvo/UTM_Avo_Regular.ttf') format('truetype'),url('UTMAvo/UTM_Avo_Regular.svg') format('svg');
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:'UTMAvoBold';
    font-style:normal;
    font-weight:400;
    src:local('UTMAvoBold'),url('UTMAvo/UTM_Avo_Bold.woff') format('woff');
}
.section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a
{
font-family: 'utm_avo';
}
textarea {
    min-height: 89px;}
.s-button {
	width: 100%;}
.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
	font-size: 1.01em;}
.button.icon i+span {
    padding-right: .25em;}
.button.icon.is-small {
	border-width: 2px;}
.absolute-footer.dark {
    color: #f0c568;
    border-top: 1px solid #f0c568;}
blockquote {
	font-size: 1em;}

.social_contact{position:fixed;right:0;top:50%;transform:translateY(-50%);left:auto;bottom:auto;z-index:10;width:50px;margin-top:-48.5px}

@media only screen and (max-width: 768px){.social_contact{top:auto;transform:inherit;bottom:0;width:100%;display:flex;align-items:center;background-color:#ffffff;margin-top:0px;opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}.social_contact.is-active{opacity:1;pointer-events:all;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%)}}.networkSocials--default{display:flex;flex-direction:column;width:50px;margin:0px 0px 0px auto}

@media only screen and (max-width: 768px){.networkSocials--default{width:100%;flex-direction:row;margin:0}}.networkSocials--default .networkSocials--item{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#ffffff;margin-bottom:5px}

@media only screen and (max-width: 768px){.networkSocials--default .networkSocials--item{position:relative;width:50px;height:50px;margin-bottom:0px}.networkSocials--default .networkSocials--item:before{position:absolute;content:'';right:0;height:30px;background-color:#f0c568;width:1px;top:10px}}

@media only screen and (max-width: 768px) and (max-width: 480px){.networkSocials--default .networkSocials--item:before{height:30px;top:10px}}

@media only screen and (max-width: 480px){.networkSocials--default .networkSocials--item{width:50px;height:50px}}.networkSocials--default .networkSocials--item:last-child{margin-bottom:0px}.networkSocials--default .networkSocials--item i{color:#ef4b3d;font-size:15px;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

@media only screen and (max-width: 768px){.networkSocials--default .networkSocials--item i{font-size:15px}}

@media only screen and (max-width: 480px){.networkSocials--default .networkSocials--item i{font-size:15px}}.networkSocials--default .networkSocials--item:hover i{color:#14254c}


.h_contact-button{position:relative;font-family:"iCielGotham-Bold";font-size:15px;color:#ffffff;font-weight:700;text-transform:uppercase;cursor:pointer;letter-spacing:1.5px;-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);transform:rotate(-270deg);width:212px;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;background:#f34e39;background:-moz-linear-gradient(left, #f34e39 0%, #f34e39 26%, #f4523b 38%, #fd6848 82%, #ff6e4b 100%);background:-webkit-linear-gradient(left, #f34e39 0%, #f34e39 26%, #f4523b 38%, #fd6848 82%, #ff6e4b 100%);background:linear-gradient(to right, #f34e39 0%, #f34e39 26%, #f4523b 38%, #fd6848 82%, #ff6e4b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34e39',endColorstr='#ff6e4b',GradientType=1 );margin-top:85px;right:81px;display:flex}

@media only screen and (max-width: 768px){.h_contact-button{font-size:15px;width:auto;height:50px;transform:inherit;margin-top:0;right:auto;background:#ffffff;left:180px;position:fixed;color:#ef4b3d}}

@media only screen and (max-width: 480px){.h_contact-button{font-size:15px;height:50px;left:110px}}.h_contact-form{width:265px;position:fixed;top:0;bottom:0;right:0;height:100%;-webkit-transform:translateX(265px);-moz-transform:translateX(265px);transform:translateX(265px);-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#ffffff;background-size:80% auto;padding:60px 20px;z-index:10000;opacity:0;pointer-events:none}

@media only screen and (max-width: 768px){.h_contact-form{width:55%;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}}

@media only screen and (max-width: 480px){.h_contact-form{overflow:scroll;width:100%;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);padding-bottom:0px}}.h_contact-form:after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background-image:url(.../assets/images/home/Pattern_xanhdam.png);background-repeat:no-repeat;background-size:cover;background-position:left top;opacity:0.03}.h_contact-form:before{position:absolute;content:'';width:3px;height:100%;left:0;right:auto;top:0px;background:#f34e39;background:-moz-linear-gradient(top, #f34e39 0%, #f34e39 49%, #ff6e4b 52%, #ff6e4b 100%);background:-webkit-linear-gradient(top, #f34e39 0%, #f34e39 49%, #ff6e4b 52%, #ff6e4b 100%);background:linear-gradient(to bottom, #f34e39 0%, #f34e39 49%, #ff6e4b 52%, #ff6e4b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34e39', endColorstr='#ff6e4b',GradientType=0 )}

@media only screen and (max-width: 480px){.h_contact-form:before{display:none}}.h_contact-form.is-active{opacity:1;pointer-events:all;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}

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


}

#loading {
		-webkit-animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}