/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.crp_related {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.rpwwt-post-date {font-size: 13px; color:#9e9e9e}
.rpwwt-widget a {color:#333333}
.entry-content ul li a {line-height: 1;}
.taxonomy-description {color:#fff;}
.banner-san {
    padding: 20px 10px 0 10px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px dashed #ccc;
    box-shadow: 0px 4px 16px 0px rgb(22 35 58 / 10%);
}
.bg-white-baiviet .bg-loaded {
	background-image: url(https://sanforex.org/wp-content/uploads/2022/07/bg-home-new.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: ;
	opacity: .1;
    transition: background .3s,border-radius .3s,opacity .3s;
}
.bg-white {
	background-color:#fff;
	background-image: url('https://sanforex.org/wp-content/uploads/2022/07/bg-bando.png');
	background-repeat: repeat;
    background-position: bottom;
}
.bg-green {
	background-color: rgb(76 132 69);
    background-image: url(https://sanforex.org/wp-content/uploads/2022/07/bg-bando.png);
    background-repeat: no-repeat;
    background-position: top;
}

.header-top {background-image: linear-gradient(90deg,#070e0a,rgb(75 132 69));}
.taxonomy-description {color:#fff;}
.taxonomy-description a {color:#51b47a}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
	    border-radius: 10px;
}
.blog-single .entry-content {text-align: justify;}
.flatsome_recent_posts .badge {
	height: 75px;
    width: 110px;
}

.recent-blog-posts-li {border-bottom: #ddd 1px solid;}
.recent-blog-posts a {color: #000;}
/*Logo*/
.box-label .box-text {
    box-shadow: none;
    border: 1px solid #f1f1f1;
}
.home-02 .col-inner{box-shadow: 0 15px 30px 0 rgb(119 123 146 / 10%);}
.svg-inline--fa {height: auto;}
.wpcf7 form.sent .wpcf7-response-output {color:#000;}
.header-wrapper #logo {overflow: hidden;}
.nav-dropdown>li>a {font-size: 14px;}
#logo {position: relative;}
#logo:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -260px;
    width: 220px;
    height: 15px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1.5s ease-out 1s infinite;
    -o-animation: searchLights 1.5s ease-out 1s infinite;
    animation: searchLights 1.5s ease-out 1s infinite;
}
@-webkit-keyframes searchLights {
    0% {
        left: -100px;
        top: 100px;
    }
    to {
        left: 200px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0% {
        left: -100px;
        top: 100px;
    }
    to {
        left: 200px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -100px;
        top: 100px;
    }
    to {
        left: 200px;
        top: 100px;
    }
}

@keyframes  searchLights {
    0% {
        left: -100px;
        top: 100px;
    }
    to {
        left: 200px;
        top: 100px;
    }
}
/*Ket thuc logo*/
.linkxemthem {
    border: 2px solid #2a7b4a;
    border-radius: 5px;
    background: #2a7b4a;
    color: #fff;
}
.linkxemthem li {
    padding: 7px 0 7px 0;
    list-style: none;
    font-weight:700;
    margin-left: 20px!important;
}

.linkxemthem li + li {
    padding: 5px 20px 5px 20px;
    background:#fff;
    margin: 0px!important;
    color: #000;
    font-weight:400;
}
.dark h1 {text-shadow: 2px 2px 4px #000000;}

footer ul.menu>li+li, .widget>ul>li+li {border-top: none;}
.button.icon.circle {right: 0!important;}
.fa-check-circle {color:#22b04c}
.fa-times {color:#f71a20}
.star-rating span:before {color:#ffcf00}
.post-sidebar {padding:0px}

.dgs .sanforex .anhsan_image {
	width: 40%;
    background: #000;
    padding: 10px;
    border-radius: 10px;
	float: left;
    margin-right: 10px;
	
}
.dgs .sanforex .tenbroker {
    width:50%;
    float:left;
    margin-left: 10px;
}
.dgs .sanforex .xemthem {
    background: #4b8445;
    color: #fff;
    border-radius: 10px;
    float: left;
	padding: 5px 0;
	width: 25%;
    text-align: center;
    margin: 0 10px 0 10px;
}
.dgs .sanforex .motaikhoan {
    background: #f71a20;
    color: #fff;
    float: left;
    border-radius: 10px;

    padding: 5px 0;
	width: 25%;
    text-align: center;
}
.dgs .sanforex {
    width: 100%;
    float: left;
    list-style: none;
    background: #ffff;
    margin: 0px 10px 10px 0px;
    padding: 20px;
    box-shadow: 0px 4px 16px 0px rgb(22 35 58 / 10%);
}
.dgs .sanforex:hover {
	    box-shadow: 0 3px 10px rgb(10 37 64 / 25%);
}
.linknoibat {
	padding:10px 40px;
	background: #22b04c;
	color:#fff;
	border-radius:10px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
	font-size: 20px;
	margin: 20px 0;
	line-height: 2.5;
}
.linknoibat a{
	color:#fff!important;
	font-size:16px;
}
.linktai{
	padding:10px 50px;
	background: #e23035;
	color:#fff;
	border-radius:10px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
	font-size: 20px;
	margin: 20px 0;
	line-height: 4;
}

.blog-single h2 span, .blog-single h3 span {font-weight: 700!important;}
.blog-featured-title .entry-category  {display:none!important;}
.archive-page-header {
	background-color: rgba(0,0,0,.5);
    background-image: url(https://sanforex.org/wp-content/uploads/2021/08/bg-category.jpg);
    padding: 80px 40px;
}
#footer #menu-top-bar-1 {
	max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#footer #menu-top-bar-1 li {
	float:left;
}
#footer #menu-top-bar-1 li a{
	text-transform: uppercase;
    font-weight: 700;
	padding: 0 27px;
	font-size: 13px;
}
.dv-heading-home {width:100%}
.heading-home {
    padding: 10px 50px;
    background: #333;
    color: #fff;
    width: fit-content;
    font-size: 18px;
    text-transform: uppercase;
	float:left;
	margin-bottom:-20px;
}
.right-button {
	font-size:12px;
	color:#b8b8b8; 
	float:right;
}

.box-image img {border-radius:10px;}
.featured-title .page-title-inner {min-height:400px!important;}
.box-blog-post .is-divider {display:none}
.crp_related .crp_thumb {    margin: 0;}
.entry-content {
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.entry-image img {border-radius:10px;}

.box-overlay .box-text, .box-shade .box-text {bottom: 10px!important;}
.kk-star-ratings {padding: 20px 0;}
.box-text h5 .post-title:hover,.wpp-cards-compact li .wpp-post-title:hover{
	color:#0a81c5!important;
}
#flatsome_recent_posts-2 span.widget-title {
	color:#fff;
	  text-transform: none;
}
span.widget-title {color:#fff!important;}
.page-title {color: #fff;}
.blog-archive .page-title {font-size: 40px;}
.blog-archive .large-12 .col {padding: 0px!important;}
.rank-math-breadcrumb p{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
 
}
.rank-math-breadcrumb {
    width: 100%;
    position: absolute;
    top: 130px;
    z-index: 8;
    color: #fff;
	padding:5px;
}
.rank-math-breadcrumb a {
	color:#fff;
}
.rank-math-breadcrumb a:hover {
	color:#29b262;
}
.wp-caption .wp-caption-text {font-size: 14px;background: none;color:#9e9e9e;     line-height: 2.5;}

.header-bottom {margin-top:10px;}
.row-divided>.col+.col:not(.large-12) {border-left:none;}
section {margin:0px;}
#content {
	padding:0;
}
#wide-nav>.flex-row>.flex-left {
    max-width: 100%!important;
}


#wide-nav .flex-row {
	width:auto
}

#secondary {

    margin-top: -10px;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Sua web */
.nav-dropdown {border:none!important;}
.price-wrapper .price {margin-bottom:5px;}
.row.row-small {max-width:100%!important;}
.footer {padding-top: 80px;}


@media screen and (min-width: 850px) {
	.large-9 {
	max-width: 65%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 65%;
	}
	.post-sidebar {
    max-width: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}
	
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {color: #eb2441;}
.form-flat #woocommerce-product-search-field-0 {color:#fff!important}
.back-to-top {right: 100px!important;}
.fb_dialog_content iframe {}
.container .tab-panels img {max-width:600px;text-align:cen	ter;}
.form-flat input:not([type=submit]), .form-flat textarea, .form-flat select {background-color: #eb2441;}
.form-flat .button.icon {color:#fff!important;}
.product-info .price {text-align:left!important;}

#mega_menu>li>a {border-top: none;    padding: 4.11px;}

.footer-1 {background:#273648!important;color:rgba(255,255,255,0.7);}
#mega_menu a {color:#292828;}
del span.amount {color:#000;}
span.amount {color: #ff0100;font-size:14px;}
.product-info span.amount {font-size:24px;}
.title-wrapper {}
.row-box-shadow-1 .col-inner {box-shadow:none!important;}
.row-dashed .col:before, .row-solid .col:before {border-left:none;}
.row-dashed .col:after, .row-solid .col:after {border-bottom:none;}
.row-dashed .col, .row-solid .col {margin-left:auto;margin-right:auto;}
.row-solid .col-inner {padding:0px!important;}
/* end */

/* Phone Call */
#calltrap-btn {
    background-color: #2074a1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 64px;
    line-height: 100px;
    opacity: 0.7;
    position: fixed;
    left: 30px;
    bottom: 30px;
    text-align: center;
    width: 64px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}
 
#calltrap-btn.calltrap_offline {
    background-color: #f70d28;
}
 
#calltrap-ico {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}
 
#calltrap-ico:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    background-image: url("https://princesshouse99.com/wp-content/uploads/2020/11/phone-call-100x100.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
 
.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
 
#calltrap-overlay {
    background-color: #f59dbf;
    background-color: rgba(25, 25, 25, 0.9);
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none
}
 
#calltrap-overlay .b-calltrap-overlay {
    display: table;
    width: 100%;
    height: 100%
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
    display: table-row;
    padding: 0;
    margin: 0
}
 
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
 
#calltrap-overlay .b-calltrap-overlay__body-block {
    padding: 0 7px
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
    height: 1px
}
 
#calltrap-overlay .b-calltrap__container {
    background-color: white;
    border: 5px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    font-family: Tahoma, Arial, self-serif !important
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }
}
 
#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
#calltrap-overlay .b-calltrap__close:hover {
    opacity: 1
}
 
#calltrap-success, #calltrap-form {
    display: block
}
 
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
    margin: 20px 25px 35px
}
 
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
    font-size: 20px;
    margin: 0 0 17px;
    text-align: left
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
        padding-right: 20px
    }
}
 
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
    text-align: left
}
 
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
    margin: 0 0 0.55em
}
 
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 15px 0;
    height: 44px;
    line-height: 40px;
    background-color: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
        margin-bottom: 13px
    }
}
 
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
    background-color: #ffc0c0;
    color: red;
    border-color: red
}
 
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
    background-color: #eee;
    border-color: #bdbdbd;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
    border: 2px solid #2074a1
}
 
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2074a1;
    border: 2px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    outline: medium none;
    display: inline-block;
    width: 180px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
        width: 100%
    }
}
 
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
    background-color: #1c658c
}
 
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0;
    padding: 0 200px 0 0
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
        padding: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
    position: relative;
    float: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
        float: none
    }
}
 
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
        margin-left: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}
 
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
    clear: both
}
 
#calltrap-success {
    display: none
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #1CB2ED
}
 
@-webkit-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-moz-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-o-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-moz-keyframes calltrap_spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-o-keyframes calltrap_spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f;
        box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f;
        box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f;
        box-shadow: 0 0 8px 6px #da182f, 0 0 12px 10px transparent, 0 0 12px 14px #da182f
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
/* End Phone Call */

.sf-menu a {border-top:none;}
.sf-menu ul {width:960px;opacity: 0.9;}
.sf-menu ul li {width:20%;}
.sf-menu ul li a{font-weight:600;    padding: 5px 5px 5px 20px;}
.sf-menu ul li ul li a{font-weight:300;display:block}
.sf-menu ul li ul {width:100%;display:block}
.has-shadow .box-text {padding-left:5px;padding-right:5px;}

.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {padding-right:0px;width:20px;opacity: 0.5;}
.footer ul li{font-size:14px;}
.footer ul li a{color:#ccc;}
body {color: #000;}

.box-text {padding-left:5px;padding-bottom: 0px!important;}
.container-width, .full-width .ubermenu-nav, .container, .row {max-width: 1230px;}
ul.wpmm-mega-wrapper li.wpmega-menu-flyout ul.wp-mega-sub-menu li {    border-bottom: 1px solid #eee;}
.wpmm_megamenu .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme ul.wpmm-mega-wrapper > li > a {border: 1px solid #ddd;}



#woocommerce_product_categories-2 ul li a{color:#000;}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {padding:3px;}
.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) {margin-left: auto;margin-right: auto;}
.product-short-description {font-size:15px;}


ul.menu>li>a, ul.menu>li>span:first-child, .widget>ul>li>a, .widget>ul>li>span:first-child {font-size: 15px;}
.row.row-large {margin-top: 20px;    max-width: 1200px;}
.breadcrumbs {text-transform: none;}
.product-main {padding: 30px 0;}
#product-sidebar {padding-top:0px;}



.hide-for-off-canvas {display:none}
.nav-tabs+.tab-panels {    padding: 10px;}
.cart-container .page-checkout {background:#fff}
.row .row-large:not(.row-collapse), .container .row-large:not(.row-collapse) { margin: 0px;}
.wpmm_megamenu .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme ul.wpmm-mega-wrapper li.wpmega-menu-flyout ul.wp-mega-sub-menu li a {font: 12px/15px arial,sans-serif;font-weight: 600}
.section-title-main {padding:10px;}
.title-category {background: #fff;padding: 5px 7px 1px 7px;font-size: 9px;}
.cate-title{border-bottom: 3px solid #000;padding: 5px 0 5px 0;    text-transform: uppercase;color: #000;}
#cate_home {margin-bottom:15px;}
#cate_home h3 {float: left; width: auto;padding: 5px 20px 5px 0px;;font-size: 15px;border-bottom: 3px solid #fdd504;}
#cate_home .h3chinh {text-transform:uppercase;color:#0831fb;padding-right:20px;border-bottom: 3px solid #000;padding-bottom: 9px;}
#cate_home ul {float:left;list-style:none}
#cate_home ul li{float:left;}
#cate_home h3 a{color: #4a90e2;font-size:14px}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b7b7b7 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #b7b7b7 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b7b7b7 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #b7b7b7 !important;
}

li.hdevvn_cats a {
    color: #01458e!important;
    text-transform: uppercase;
    color: #686868;
    font-family: 'Averta Regular';
    font-size: 12px;
    font-weight: 700;
    padding-left: 15px;
}

span.widget-title {
	color:#eb223f;
}

.product-short-description {
    border: 1px dashed #ccc;
    border-radius: 5px;
	padding: 10px;
    margin: 5px 0 10px 0;
}

.price-wrapper {
    text-align: left;
    font-size: 18px;
	padding: 10px 0px;
    margin: 5px 0 10px 0;
}

#wide-nav>.flex-row>.flex-left {
	width:auto;
	min-width:240px;
	max-width:240px;
}

.sub-menu {
	visibility: inherit;
    opacity: 1;
    display: block;}
#mega-menu-wrap{
background:#f59dbf;
}
#logo {width: 250px!important;}
/* Giao dien mobile */
@media only screen and (max-width:479px){
	#logo:before {display:none;}
	.entry-content ul li {margin: 5px 5px 0 20px;}
	#content {padding: 10px;}
	.crp_related {padding: 5px;}
	.home-1,.home-2,.home-2 +.home-2, #secondary {
	max-width: 100%;
    flex-basis: 100%;
    padding: 5px!important;
}
	.container-width, .full-width .ubermenu-nav, .container, .row {padding:0px}
	.large-9 {max-width:100%;    flex-basis: 100%;}
	#calltrap-btn {bottom:10%;left: 5px;}
.has-shadow>.col>.col-inner {min-height:200px;}
.large-columns-4>.col {max-width:100%;    flex-basis: 100%;padding:10px;}
.large-columns-3 .flickity-slider>.col {max-width:100%!important; flex-basis: 100%!important;}
	.price-wrapper {font-size:13px;    padding-top: 10px;}
.shop-container .large-columns-4>.col {    max-width: 50%;
    flex-basis: 50%;}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {width: 300px!important;}
#row-124916312 .large-columns-4>.col {max-width: 50%!important;flex-basis: 50%!important;}
	.footer ul {padding-left:10px;}
	.container .tab-panels img {max-width: 100%;}
	.row-solid .col-inner {padding: 5px!important;}
	.flex-left {display:block}
	.heading-home {    font-size: 14px;    padding: 10px 20px;}
	.dgs .sanforex {    padding: 10px;}
	#footer #menu-top-bar-1 li a {    padding: 0 20px;}

}