/*
Theme Name: july057
Theme URI: http://mywebsite.vn
Author: airweb.vn
Author URI: http://mywebsite.vn
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: july057
*/
.box_scroll_right_1 {
    -webkit-transition: all .2s;
    /* Safari */
    transition: all .2s;
    position: fixed;
    top: 200px;
    right: 10px;
    z-index: 10000;
}

.box_scroll_right_1:hover, .box_scroll_right_2:hover {
    margin-right: 15px;
}

.box_scroll_right_2 {
    -webkit-transition: all .2s;
    /* Safari */
    transition: all .2s;
    position: fixed;
    top: 290px;
    right: 10px;
    z-index: 10000;
}

:root {
    --primary-color: #00397f;}

/* Site Width */
.full-width .ubermenu-nav, .container, .row {
    max-width: 1140px
}

.row.row-collapse {
    max-width: 1110px
}

.row.row-small {
    max-width: 1132.5px
}

.row.row-large {
    max-width: 1170px
}

.header-main {
    height: 100px
}

#logo img {
    max-height: 100px
}

#logo {
    width: 157px;
}

.header-bottom {
    min-height: 55px
}

.header-top {
    min-height: 32px
}

.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: 130px;
}

.header.show-on-scroll,.stuck .header-main {
    height: 70px!important
}

.stuck #logo img {
    max-height: 70px!important
}

.header-bottom {
    background-color: #f1f1f1
}

.header-main .nav > li > a {
    line-height: 50px;
}

.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
    }
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    border-bottom-color: #FFFFFF;
}

.nav .nav-dropdown {
    border-color: #FFFFFF
}

.nav-dropdown {
    font-size: 100%
}

/* Color */
.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary '], .is-outline.primary {
    color: #00397f;
}

/* Color !important */
[data-text-color="primary"] {
    color: #00397f!important;
}

/* Background */
.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit ']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit '].primary, input[type='submit '].primary, input[type='reset '].button, input[type='button '].primary, .badge-inner {
    background-color: #00397f;
}

/* Border */
.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
    border-color: #00397f
}

.nav-tabs > li.active > a {
    border-top-color: #00397f
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow {
    fill: #00397f;
}

/* Background Color */
[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button {
    background-color: #FF9200;
}

/* Color */
.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary {
    color: #FF9200
}

/* Color !important */
[data-text-color="secondary"] {
    color: #FF9200!important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #FF9200
}

.success.is-underline:hover,.success.is-outline:hover,.success {
    background-color: #0088CC
}

.success-color, .success.is-link, .success.is-outline {
    color: #0088CC;
}

.success-border {
    border-color: #0088CC!important;
}

.alert.is-underline:hover,.alert.is-outline:hover,.alert {
    background-color: #00397f
}

.alert.is-link, .alert.is-outline, .color-alert {
    color: #00397f;
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family:roboto
}

body {
    font-weight: 0
}

body {
    color: #444444
}

.nav > li > a {
    font-family:roboto;
}

.nav > li > a {
    font-weight: 400;
}

h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family:roboto;
}

h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {
    font-weight: 700;
}

h1,h2,h3,h4,h5,h6,.heading-font {
    color: #222222;
}

.alt-font {
    font-family:roboto;
}

.alt-font {
    font-weight: 0!important;
}

.header:not(.transparent) .header-nav.nav > li > a {
    color: #222222;
}

.header:not(.transparent) .header-nav.nav > li > a:hover,.header:not(.transparent) .header-nav.nav > li.active > a,.header:not(.transparent) .header-nav.nav > li.current > a,.header:not(.transparent) .header-nav.nav > li > a.active,.header:not(.transparent) .header-nav.nav > li > a.current {
    color: #00397f;
}

.header-nav.nav-line-bottom > li > a:before,.header-nav.nav-line-grow > li > a:before,.header-nav.nav-line > li > a:before,.header-nav.nav-box > li > a:hover,.header-nav.nav-box > li.active > a,.header-nav.nav-pills > li > a:hover,.header-nav.nav-pills > li.active > a {
    color: #FFF!important;
    background-color: #00397f;
}

a {
    color: #00397f;
}

a:hover {
    color: #333333;
}

.tagcloud a:hover {
    border-color: #333333;
    background-color: #333333;
}

.footer-2 {
    background-color: #00397f
}

.absolute-footer, html {
    background-color: #022f67
}

.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";
}

.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.bg-loaded {
    opacity: 1;
}

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;
}

.icon-angle-right:before {
    font-family: 'fontawesome' !important;
    content: "\f105";
}

.stuck .header-main {
    height: 100px!important;
}

.icon-search:before {
    font-family: 'fontawesome' !important;
    content: "\f002";
}

.icon-envelop:before {
    font-family: 'fontawesome' !important;
    content: "\f003";
}

.icon-phone:before {
    font-family: 'fontawesome' !important;
    content: "\f095";
}

.icon-facebook:before {
    font-family: 'fontawesome' !important;
    content: "\f09a";
}

.icon-twitter:before {
    font-family: 'fontawesome' !important;
    content: "\f099";
}

.icon-google-plus:before {
    font-family: 'fontawesome' !important;
    content: "\f0d5";
}

.icon-youtube:before {
    font-family: 'fontawesome' !important;
    content: "\f16a";
}

.admin-bar .stuck {
    top: 32px;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    position: absolute;
    right: 0;
    top: 0;
}
.price_table {
    box-sizing: border-box;
    list-style-position: initial;
    list-style-image: initial;
    margin-top: 0px;
    padding: 10px;
    margin-bottom: 1.3em;
    border: 3px dashed rgb(246, 142, 17);
    background: rgb(247, 247, 247);
    box-shadow: rgb(204, 204, 204) 1px 2px 3px;
    border-radius: 10px;
    color: rgb(119, 119, 119);
    font-family:roboto;
}
input.display-block.btn {
    color: #fff;
    background: #00397f;
}




@media (max-width: 900px) {
    .off-canvas .sidebar-menu {
        padding: 45px 0 30px;
    }

    button.mfp-close, .admin-bar .stuck {
        top: 46px;
    }
.stuck .header-inner, .stuck .logo, .stuck .logo img {
    margin-top:12px;
}
}

@media (max-width: 480px) {
    .admin-bar .stuck {
        top: 0;
    }
}
.icon-angle-up:before {
font-family: 'fontawesome' !important; 
   content: "\f106"!important;
}
iframe {
    width: 100%;
}












