/*!
Theme Name: ASQ
Theme URI: http://underscores.me/
Author: Apartnership
Author URI: http://Apartnership.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: asq
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

ASQ is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: DINWeb;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html[lang="vi-VN"] {
	font-family: 'Roboto Condensed', sans-serif !important;

}


body {
	margin: 0;



}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}




button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	background-color: rgba(241, 102, 35, 1);
	padding: 10px 25px;
	border: none;
	color: white;

}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
  font-family: DINWeb;
  src: url("/wp-content/themes/asq/fonts/DINWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb;
  src: url("/wp-content/themes/apartnership/fonts/DINWeb.woff") format("woff");
  src: local(" DINComp "), url( "/wp-content/themes/asq/fonts/DINComp.ttf" ) format("truetype"); /* non-IE */
}

/* first for IE 4–8 */
@font-face {
  font-family: DINWeb-Bold;
  src: url("/wp-content/themes/asq/fonts/DINWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWeb-Bold;
  src: url("/wp-content/themes/apartnership/fonts/DINWeb-Bold.woff") format("woff");
  src: local(" DINComp-Bold "), url( "/wp-content/themes/asq/fonts/DINComp-Bold.ttf") format("truetype"); /* non-IE */
}


body,
button,
input,
select,
optgroup,
textarea {

	font-family: DINWeb;

}

.clear{
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {

}

ul {

}

ol {

}

li > ul,
li > ol {

}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;

}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);

}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px rgba(241, 102, 35, 1) solid;
	border-radius: 0px;
	padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px rgba(241, 102, 35, 1) solid;
	padding: 10px;
	border-radius: none;
}

textarea {
	width: 100%;
	border: 1px rgba(241, 102, 35, 1) solid;
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}


.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}





.main-navigation ul ul a {

}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}



.mobile_menu{
	display: none;
}



#menu-item-11272{background-color: rgba(117, 59, 189, 1);padding: 5px 20px 2px;}

#menu-item-11271{background-color: rgba(224, 78, 57, 1); padding: 5px 20px 2px;}

#menu-item-11273{background-color: rgba(120, 190, 32,1); padding: 5px 20px 1px;}

#menu-item-11274{background-color: rgba(0, 169, 206,1); padding: 4px 20px 2px;}

#menu-item-11272 a, #menu-item-11271 a, #menu-item-11273 a, #menu-item-11274 a{
	color: white !important;
}



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



.pagewrapper {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;

}

/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/

.header_top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
}

.site_lang{
	width: 100%;
	height: 40px;
	padding-top: 5px;
	background-color: rgba(255, 102, 51, 1);
}

html[lang="zh-hant"] .site_lang {
    background-color: rgba(224, 78, 57, 1);
}


html[lang="zh-hans"] .site_lang {
    background-color: rgba(117, 59, 189, 1)
}


html[lang="ko-KR"] .site_lang {
    background-color: rgba(120, 190, 32,1)
}

html[lang="vi-VN"] .site_lang {
    background-color: rgba(0, 169, 206,1)
}



.mailicon_header{
	width: 50px;
	height: 40px;
	background-color: rgba(43, 191, 240, 1);
	background-image: url(/wp-content/uploads/images/mail_icon.png);
	background-position: center;
	background-size: auto 100%;

}


.searchform_desktop{
	height: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
	padding: 0;
	margin: 0;
}



.field_desktop{
padding: 5px 0px !important;
font-size: 1em;
color: white!important;
height: 40px;
width: 0px;
border-radius: 0px !important;
background-color: rgba(103, 188, 70, 1)!important;
border:1px rgba(103, 188, 70, 0) solid !important;
transition: all .5s;
border-radius: 0px !important;

}

.field_destop_extend {width: 300px; padding: 5px 20px !important;}

.field_destop placeholder{font-size: 1em; color: black}

.submit_desktop_none{
	width: 50px;
	height: 40px;
	background-color: rgba(103, 188, 70, 1)!important;
	border: none;
	background-image: url(/wp-content/uploads/images/search_icon.png)!important;
	background-position: center;
	background-size: auto 100%;
	cursor: pointer;
	display: block;
	border-radius: 0px !important;

}


.submit_desktop{
	width: 50px;
	height: 40px;
	background-color: rgba(103, 188, 70, 1)!important;
	border: none;
	background-image: url(/wp-content/uploads/images/search_icon.png)!important;
	background-position: center;
	background-size: auto 100%;
	display: none;
	border-radius: 0px !important;

}

.submit_desktop_block{
	display: block;
}





.submit_desktop_displaynone{
	display: none;
}

.main-navigatio-wrap{
	width: 100%;
	background-color: white;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
	border-bottom: 1px rgba(88, 89, 91, .3) solid;

}

.site-logo{
	height: 100px;
	margin: 10px 30px;
	-webkit-flex: 2;
          flex: 2;
}

.main-navigation{
	width: 100%;
	-webkit-flex: 12;
          flex: 12;
}


.site-logo img{
	height: 100%;
}

#primary-menu{
	width: 100%;
	height: 120px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
          align-items: center;

}

#primary-menu li{
	font-size: 1.4em;
	margin: 0 25px;

}

html[lang="vi-VN"] #primary-menu li{
	margin: 0 14px;
	font-size: 1.1em;
	font-family: 'Roboto Condensed', sans-serif;
}



/****
html[lang="zh-hant"] #primary-menu > li:first-child{
	background-color: rgba(224, 78, 57, 1);
	padding: 8px 25px;

}

html[lang="zh-hant"] #primary-menu > li:first-child a{
	color: white;

}


html[lang="zh-hans"] #primary-menu > li:first-child{
	background-color: rgba(117, 59, 189, 1);
	padding: 8px 25px;

}

html[lang="zh-hans"] #primary-menu > li:first-child a{
	color: white;

}


html[lang="ko-KR"] #primary-menu > li:first-child{
	background-color: rgba(120, 190, 32,1);
	padding: 8px 25px;

}

html[lang="ko-KR"] #primary-menu > li:first-child a{
	color: white;

}

html[lang="vi-VN"] #primary-menu > li:first-child{
	background-color: rgba(0, 169, 206,1);
	padding: 8px 25px;

}

html[lang="vi-VN"] #primary-menu > li:first-child a{
	color: white;

}

*/





#primary-menu li a{color:rgba(102, 102, 102, 1);}

.main-navigation .sub-menu {
    float: left;
    position: absolute;
    top: 100%;
		padding-top:40px;
    left: -999em;
    z-index: 99999;
		background-color: white;
		width: 330px;
}


#menu-item-17687 .sub-menu {
	float: none;
	width: 178px;
}

#menu-item-17687 .sub-menu li {
float: none;
}

#menu-item-17691{

font-family: 'Roboto Condensed', sans-serif;
}


.main-navigation .sub-menu .sub-menu  {
    float: none;
		position:static;
		padding: 0px;
    z-index: 99999;
		width: 100%;
}


.main-navigation .sub-menu .sub-menu li {
	float: none;
	padding: 0px !important;
	margin: 0 !important;
	background-color: blue;
}

.main-navigation .sub-menu .sub-menu li a {
	padding-left: 25px !important;
	padding-top: 20px !important;
	padding-bottom: 15px !important;
	margin: 0 !important;
	font-size: 0.9em;

}

.main-navigation .sub-menu .sub-menu li a:last-child {

	padding-bottom: 0px !important;

}


html[lang="zh-hant"] .main-navigation .sub-menu {
    width: 220px;
}




html[lang="zh-hans"] .main-navigation .sub-menu {
    width: 220px;
}


html[lang="ko-KR"] .main-navigation .sub-menu {
    width: 260px;
}

html[lang="vi-VN"] .main-navigation .sub-menu {
	line-height: 1.2em;
	width: 320px;
	font-size: 0.8em;
}




#primary-menu li:last-child .sub-menu{
	right: 0px;
	width: 220px;
}

#primary-menu li:last-child ul li{
	float: left;

}




#primary-menu li:last-child:hover > ul {
	right: -20px;
	float: right;
}

html[lang="zh-hant"] #primary-menu li:last-child:hover > ul {
    right: -40px;
    float: right;
}

html[lang="zh-hans"] #primary-menu li:last-child:hover > ul {
    right: -40px;
    float: right;
}

html[lang="ko-KR"] #primary-menu li:last-child:hover > ul {
    right: -40px;
    float: right;
}

html[lang="vi-VN"] #primary-menu li:last-child:hover > ul {
    right: -10px;
    float: right;
}




#primary-menu .sub-menu li{
	font-size: 1.0em;
	padding: 15px 0;
	margin: 0 20px;

}

#primary-menu .sub-menu li a{
	background-color: white;

}

#lang{
	margin: 0;
}

.menu-lang-container ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
	height: 30px;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
  align-items: center;
}

.menu-lang-container li{
	list-style: none;
	padding: 0 20px;
}



.menu-lang-container li a{
	color: white;
	text-decoration: none;
	font-size: 1.0em;
}

/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
.site-footer{
	width: 100%;
	background-color: rgba(102, 102, 102, 1);
	color: white;
	text-align: center;
	padding: 10px;
}

.footer_info_nav{
	width: 100%;
	padding: 40px 30px;
	margin: 0 auto;
	text-align: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;

}

.footer_signup{
	-moz-flex: 5;
	-o-flex: 5;
	-webkit-flex: 5;
          flex: 5;
}

.footer_nav{
	-moz-flex: 3;
	-o-flex: 3;
	-webkit-flex: 3;
          flex: 3;

}

.footer_nav li{
	list-style: none;
	margin: 20px 0;
}

.footer_nav li a{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.3em;
	text-transform: uppercase;
}

html[lang="vi-VN"]  .footer_nav li a{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.1em;
	font-family: 'Roboto Condensed', sans-serif;
}



.footer_signup_title{
	color: white;
	font-size: 1.6em;
	margin-bottom: 0;
}

html[lang="vi-VN"]  .footer_signup_title{
	font-family: 'Roboto Condensed', sans-serif;
}

.footer_signup p{
	font-size: 1.1em;
	margin: 10px 0 20px;
	font-weight: normal;
	line-height: 1.4em;
}


html[lang="vi-VN"]  .footer_signup p{
	font-family: 'Roboto Condensed', sans-serif;
}


.footer_signup_form{
	display: flex!important;
	display: -webkit-flex!important;
	display: -moz-flex!important;
	display: -o-flex!important;
  display: flex!important;
}


.footer_signup_outter_wrapper .nf-error-msg{color: rgba(241, 102, 35, 1)!important;}

.footer_signup_form nf-fields-wrap{
	width: 100% !important;
	display: flex!important;
	display: -webkit-flex!important;
	display: -moz-flex!important;
	display: -o-flex!important;
  display: flex!important;
}

.footer_signup_form nf-fields-wrap nf-field{
	height:auto !important;
}

.footer_sign_up_email{
	background-color: rgba(102, 102, 102, 1) !important;
	padding: 10px 10px !important;
	font-size: 1em !important;
	border: 1px rgba(241, 102, 35, 1) solid !important;
	border-radius: 0px !important;
	color:rgba(138, 140, 142, 1)!important;
}

.footer_sign_up_btn{
	background-color:rgba(241, 102, 35, 1) !important;
	padding: 10px 30px !important;
	font-size: 1em !important;
	border: 1px rgba(241, 102, 35, 1) solid !important;
	border-radius: 0px !important;
	color: white!important;
}







/*--------------------------------------------------------------
## homepage
--------------------------------------------------------------*/





html[lang="vi-VN"]{
	font-family: 'Roboto Condensed', sans-serif;

}

.front_seaction_2,.front_seaction_4{
	width: 100%;
	padding: 50px 0px;
	background-color:rgba(238, 230, 221, 1);

}

.front_seaction_2_content_wrap, .front_seaction_3_content_wrap{
	max-width: 1080px;
	width: 100%;
	padding: 0 10px;
	margin: auto;

	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
}

.front_seaction_2_content_wrap h1{
	color:rgba(77, 77, 79, 1);
	font-size: 2.0em;
	font-weight: 400;

}


html[lang="vi-VN"] .front_seaction_2_content_wrap{
	font-family: 'Roboto Condensed', sans-serif;

}

.seaction_box{
	margin: 0 10px;
	height: 240px;
	flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	transition: all 0.3s ease-out;
}

.smoker_front{
	background-image: url(/wp-content/uploads/images/smoker_front.jpg);
	background-size: 100% auto;
	background-position: top;
}


.family_friend_front{
	background-image: url(/wp-content/uploads/images/faf_front.jpg);
	background-size: 100% auto;
	background-position: top;
}


.hcp_front{
	background-image: url(/wp-content/uploads/images/hcp_front.jpg);
	background-size: 100% auto;
	background-position: top;
}

.cp_front{
	background-image: url(/wp-content/uploads/images/cp_front.jpg);
	background-size: 100% auto;
	background-position: top;
}


.seaction_box_title{
	color: white;
	padding: 20% 10px 0;
	font-size: 2.0em;
	text-align: center;
	height: 70%;
	line-height: 1.1em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
					align-items: center;
}


html[lang="zh-hant"] .seaction_box_title{

	font-size: 1.8em;

}

html[lang="zh-hans"] .seaction_box_title{

	font-size: 1.8em;

}


html[lang="ko-KR"] .seaction_box_title{

	font-size: 1.7em;

}

html[lang="vi-VN"] .seaction_box_title{

	font-size: 1.8em;
	font-family: 'Roboto Condensed', sans-serif;

}


.seaction_box:hover
{background-size: 110% auto;}

.seaction_box_link{
text-align: center;
height: 30%;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-o-align-items: center;
				align-items: center;
			font-size: 1.0em;
		transition: all .5s}


.front_seaction_2_content_wrap a{

			text-decoration: none;
			padding: 0;
			margin: 0

		}


.seaction_box_link p{
	color: white;
	background-color: rgba(241, 102, 35, 1);
	padding: 8px 30px;
	text-decoration: none;

}

.seaction_box_link p a{
	color: white;

}

html[lang="vi-VN"] .seaction_box_link p{
	font-family: 'Roboto Condensed', sans-serif;

}



.front_seaction_3{
	width: 100%;
	padding: 50px 0px;
	background-color:white;
}





.front_sub_title{
	color: rgba(255, 102, 51, 1);
	font-size: 2.8em;
	font-family: DINWeb;
	width: 100%;
	text-align: center;
}


html[lang="vi-VN"] .front_sub_title{
	font-family: 'Roboto Condensed', sans-serif;

}


.front_sub_color_bar{
	height: 5px;
	width: 200px;
	background-image: url(/wp-content/uploads/images/color_bar.jpg);
	background-repeat:repeat-y;
	background-size:contain;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.front_sub_p{
	text-align: center;
	font-size: 1.3em;
	padding: 0 10px;
	line-height: 1.4em;
	margin: 0;
	color: rgba(50, 0, 10, 1);
}

html[lang="vi-VN"] .front_sub_p{
	font-family: 'Roboto Condensed', sans-serif;

}


.front_seaction_3_content_wrap{
	margin: 30px auto;
}


.seaction_box_3{
	margin: 0 10px;
	flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
					align-items: center;
}

.seaction_box_3 a{
	text-decoration: none;
}



.seaction_box_3 img{
	width: 100%;
	margin: 0 auto;
	display: block;
}


.fmr_front_image{
	margin: auto;
	width: 70%;
	position: relative;
}

#fmr_front_2, #fmr_front_3{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	animation:none;

}

#fmr_front_3{
	animation: none;
	transition: all 2s;
}

.fmr_front_animation:hover #fmr_front_3{
	animation: fmr_front 2s ease-out 0s infinite;
	-webkit-animation: fmr_front 2s ease-out 0s infinite;
	-moz-animation: fmr_front 2s ease-out 0s infinite;
	-o-animation: fmr_front 2s ease-out 0s infinite;
}

@keyframes fmr_front {
	0%{opacity: 0; transform: scale(0.0);}
	80%{opacity: 1; }
	100%{opacity: 0; transform: scale(1);}

}

@-webkit-keyframes fmr_front {
	0%{opacity: 0; transform: scale(0.0);}
	80%{opacity: 1; }
	100%{opacity: 0; transform: scale(1);}

}

@-moz-keyframes fmr_front {
	0%{opacity: 0; transform: scale(0.0);}
	80%{opacity: 1; }
	100%{opacity: 0; transform: scale(1);}

}

@-o-keyframes fmr_front {
	0%{opacity: 0; transform: scale(0.0);}
	80%{opacity: 1; }
	100%{opacity: 0; transform: scale(1);}

}


#adata_front_2, #adata_front_3{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	animation:none;

}

.adata_front_animation:hover #adata_front_2{
	transform-origin: bottom;
	animation: adata_front_2 2s ease-out 0s infinite alternate;
	-webkit-animation: adata_front_2 2s ease-out 0s infinite alternate;
	-moz-animation: adata_front_2 2s ease-out 0s infinite alternate;
	-o-animation: adata_front_2 2s ease-out 0s infinite alternate;
}





#adata_front_3{
	transform-origin: bottom;
	animation:none;
}



@keyframes adata_front_2 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(-10deg);}
	100%{transform: rotate(-10deg);}
}

@-webkit-keyframes adata_front_2 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(-10deg);}
	100%{transform: rotate(-10deg);}

}

@-moz-keyframes adata_front_2 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(-10deg);}
	100%{transform: rotate(-10deg);}
}

@-o-keyframes adata_front_2 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(-10deg);}
	100%{transform: rotate(-10deg);}
}

.adata_front_animation:hover #adata_front_3{
	transform-origin: bottom;
	animation: adata_front_3 2s ease-out 0s infinite alternate;
	-webkit-animation: adata_front_3 2s ease-out 0s infinite alternate;
	-moz-animation: adata_front_3 2s ease-out 0s infinite alternate;
	-o-animation: adata_front_3 2s ease-out 0s infinite alternate;
}


#adata_front_2{
	transform-origin: bottom;
	animation:none;
}


@keyframes adata_front_3 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(10deg);}
	100%{transform: rotate(10deg);}


}

@-webkit-keyframes adata_front_3 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(10deg);}
	100%{transform: rotate(10deg);}

}

@-moz-keyframes adata_front_3 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(10deg);}
	100%{transform: rotate(10deg);}

}

@-o-keyframes adata_front_3 {
	0%{transform: rotate(0deg);}
	90%{transform: rotate(10deg);}
	100%{transform: rotate(10deg);}

}


#publications_front_2, #publications_front_3, #publications_front_4{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	animation:none;

}

#publications_front_2{
	animation: none
}


.publications_front_animation:hover #publications_front_2{
	animation: publications_front_2 2s ease-in 0s infinite alternate;
	-webkit-animation: publications_front_2 2s ease-in 0s infinite alternate;
	-moz-animation: publications_front_2 2s ease-in 0s infinite alternate;
	-o-animation: publications_front_2 2s ease-in 0s infinite alternate;
}

@keyframes publications_front_2 {
	0%{opacity: 0;}
	20%{opacity: 1;}
	100%{opacity: 1;}
}

@-webkit-keyframes publications_front_2 {
	0%{opacity: 0;}
	20%{opacity: 1;}
	100%{opacity: 1;}
}

@-moz-keyframes publications_front_2 {
	0%{opacity: 0;}
	20%{opacity: 1;}
	100%{opacity: 1;}
}


@-o-keyframes publications_front_2 {
	0%{opacity: 0;}
	20%{opacity: 1;}
	100%{opacity: 1;}
}


#publications_front_3{
	animation:none
}

.publications_front_animation:hover #publications_front_3{
	animation: publications_front_3 2s ease-in 0s infinite alternate;
	-webkit-animation: publications_front_3 2s ease-in 0s infinite alternate;
	-moz-animation: publications_front_3 2s ease-in 0s infinite alternate;
	-o-animation: publications_front_3 2s ease-in 0s infinite alternate;
}

@keyframes publications_front_3 {
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: 1;}
	100%{opacity: 1;}
}

@-webkit-keyframes publications_front_3 {
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: 1;}
	100%{opacity: 1;}

}

@-moz-keyframes publications_front_3 {
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: 1;}
	100%{opacity: 1;}

}

@-o-keyframes publications_front_3 {
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: 1;}
	100%{opacity: 1;}

}



#publications_front_4{
	animation: none;
}

.publications_front_animation:hover #publications_front_4{
	animation: publications_front_4 2s ease-in 0s infinite alternate;
	-webkit-animation: publications_front_4 2s ease-in 0s infinite alternate;
	-moz-animation: publications_front_4 2s ease-in 0s infinite alternate;
	-o-animation: publications_front_4 2s ease-in 0s infinite alternate;
}

@keyframes publications_front_4 {
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	100%{opacity: 1;}


}


@-webkit-keyframes publications_front_4 {
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	100%{opacity: 1;}
}

@-moz-keyframes publications_front_4 {
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	100%{opacity: 1;}
}
@-o-keyframes publications_front_4 {
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	100%{opacity: 1;}
}




.front_ros_subtitle{
	color: rgba(255, 102, 51, 1);
	font-size: 1.6em;
	font-family: DINWeb;
	text-align: center;
	width: 100%;
}


html[lang="vi-VN"] .front_ros_subtitle{
	font-family: 'Roboto Condensed', sans-serif;

}


.seaction_box_4{
	background-color: white;
margin: 0 5px;
flex:1;
-webkit-flex:1;
-moz-flex:1;
-o-flex:1;
position: relative;
}

.seaction_box_4_title{
	padding: 15px 20px;
	width: 100%;
	background-color: rgba(88, 89, 91,1);
	color: white;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:lighter;
}

.seaction_box_4_excerpt{
	padding: 15px 20px;
	width: 100%;
	height: 180px;

}

.seaction_box_4_excerpt p{color: rgba(50, 0, 10, 1);
font-size: 1.1em;
line-height: 1.2em;
margin: 0;
}

.seaction_box_4_a{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 30px;

}

.seaction_box_4_a a{
	margin: 10px auto 20px;
	padding: 10px 40px;
	border: 1px rgba(255, 102, 51, 1) solid;
	color: rgba(255, 102, 51, 1);
	text-decoration: none;
	font-size: 1.2em;
	transition: all .3s ease-out;

}

.seaction_box_4_a a:hover{
	font-size: 1.3em;
}


#homeslider{
	overflow: hidden;

}

#slider1808{
	display: none;
}


#slider3208{
	display: none;
}

#slider3212{
	display: none;
}

#slider3217{
	display: none;
}

#slider3222{
	display: none;
}

.sa_hover_container{
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;

}

.slider_wrapper{
	width: 50%;
	padding-top: 8%;
	margin-left: 120px;
}


html[lang="vi-VN"] .slider_wrapper{
	font-family: 'Roboto Condensed', sans-serif;

}

.slider_wrapper h1{
	color: white;
	font-size:2.8em;

}

.slider_wrapper p{
	color:rgba(238, 230, 221, 1);
	font-size: 1.6em;
	line-height: 1.3em;

}


.color_black h1{
	color:rgba(77, 77, 79, 1) !important;

}

.color_black p{
	color:rgba(77, 77, 79, 1) !important;
}


.slider_wrapper button{
	padding: 10px 45px;
	margin-top: 20px;
	font-size: 1.6em;
	color: rgba(255, 102, 51, 1);
	border: 1px rgba(255, 102, 51, 1) solid;
	background-color: rgba(0, 0, 0, 0.0);

}

html[lang="vi-VN"] button{
	font-family: 'Roboto Condensed', sans-serif;

}



/*--------------------------------------------------------------
## subpage
--------------------------------------------------------------*/

.sub_mainimage{
	width: 100%;
	height: 650px;
	background-color:#cdcfc9;
	background-repeat: no-repeat;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
  display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
          align-items: center;
}

.sub_title{
	color: white;
	font-size: 2.8em;
	font-family: DINWeb;
	width: 100%;
	text-align: center;
}


html[lang="vi-VN"] .sub_title{
	font-family: 'Roboto Condensed', sans-serif;

}


.title_image {
	width: 200px;
	margin: 80px auto 0;
	display: block;
}

.sub_title_orange{
	color: rgba(255, 102, 51, 1);
	font-size: 2.8em;
	text-align: center;
	font-family: DINWeb;
	width: 100%;
	margin: auto;
	margin-top: 50px;
	max-width: 1024px;


}


html[lang="vi-VN"] .sub_title_orange{
	font-family: 'Roboto Condensed', sans-serif;

}

.color_bar{
	height: 5px;
	width: 200px;
	background-image: url(/wp-content/uploads/images/color_bar.jpg);
	background-repeat:repeat-y;
	background-size:contain;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 80px;
}

.sub_content_outerwrap{
	padding-bottom: 50px;
}

html[lang="vi-VN"] .sub_content_outerwrap{
	font-family: 'Roboto Condensed', sans-serif;

}


.sub_content_wrap{
	max-width: 1080px;
	padding: 0 20px;
	margin: 0 auto;
}

.sub_content_wrap h2{
	color: rgba(255, 102, 51, 1);
	font-size: 2.4em;
	line-height: 1.4em;
	margin-top: 80px;
}

.sub_content_wrap h3{
	color: rgba(102, 102, 102, 1);
	font-size: 1.6em;
	font-family: DINWeb;
}


html[lang="vi-VN"] .sub_content_wrap h3{
	font-family: 'Roboto Condensed', sans-serif;

}



.sub_content_wrap p{
	color: rgba(102, 102, 102, 1);
	font-size: 1.4em;
	line-height: 1.5em;
}

.sub_content_wrap p button{
	color: white;
	margin-top: 0.5em;;
	font-size: 1.0em;
	background-color: rgba(255, 102, 51, 1);
	line-height: 1.0em;
	padding: .6em 1.5em .4em;
	border: none;
	transition: all .3s
}


.sub_content_wrap p button:hover{
	background-color: rgba(240, 150, 50, 1);
}

.sub_content_wrap a{
	color: rgba(0, 153, 255, 1);
	text-decoration: none;
}

.sub_content_wrap ul{
	padding: 0;
	margin: 0;
	margin-left: 40px;
	text-align: left;
}

.sub_content_wrap ul li{
	color: rgba(102, 102, 102, 1);
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 20px 0;
}


.sub_content_wrap img{
	max-width: 90%;
	padding: 0 5%;
	height: auto;

}


.sub_content_wrap p img{
	max-width: 100%;
	padding: 0;
	height: auto;

}



/*--------------------------------------------------------------
## smoker
--------------------------------------------------------------*/
.smoker_sub_mainimag{
	background-image: url(/wp-content/uploads/images/smoker_bg.png);
	background-position: center;
	background-size: auto 100%;
	background-color: #b09f8b !important;
}


.greenbar{
	width: 100%;
	background-image: url(/wp-content/uploads/images/green.jpg);
	background-repeat:repeat;
	text-align: center;
	font-size: 3.0em;
	color: white;
	padding: 20px 0;
}

.greenbar_arrow{
	width: 100%;
	height: 50px;
	background-image: url(/wp-content/uploads/images/green_arrow.png);
	background-repeat: no-repeat;
	background-size: auto 50px;
	margin-bottom: 50px;
}

.sub_content_from_wrap{
	max-width: 1080px;
	padding: 0 20px;
	margin: 0 auto;

}


.sub_content_from_btn{
	padding: 20px;
	color:rgba(255, 102, 51, 1);
	text-align: center;
	border: 1px rgba(255, 102, 51, 1) solid;
	margin: 10px 0;
	font-size: 2.0em

}


.quitline_form{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	height: 800px;
	transition: all 1s ease-out;
}


.quitline_form_extend{
	height: 800px;
}



.referral_form{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	height: 900px;

}




/*--------------------------------------------------------------
## Friends & Family
--------------------------------------------------------------*/

.cp_sub_mainimage{
	background-image: url(/wp-content/uploads/images/community_partner_bg.png);
	background-position: center;
	background-size: auto 100%;
	background-color: rgba(210, 210, 210, 1);
}

.about_sub_mainimage{
	background-image: url(/wp-content/uploads/images/about_home_bg.png);
	background-position: center;
	background-size: auto 100%;
	background-color: rgba(8, 2, 1, 1);
}



.healthcare_sub_mainimage{
	background-image: url(/wp-content/uploads/images/healthcare_providers_bg.png);
	background-position: center;
	background-size: auto 100%;
}

.family_sub_mainimage{
	background-image: url(/wp-content/uploads/images/family_friend_bg.png);
	background-position: center;
	background-size: auto 100%;
}

.four_step_wrapper{
	max-width: 850px;
	margin: 0 auto;

}

.single_step_wrapper{
	margin: 50px 20px;
}


.step_h3{
	color: rgba(102, 102, 102, 1);
	font-size: 1.8em;
	line-height: 1.8em;
	margin: 0;
}

.four_step_wrapper p{
	color: rgba(102, 102, 102, 1);
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 0;
}


.single_step_image{
	width: 20%;
	float: left;
	height: auto;
	position: relative;
}

.single_step_image img{
	width: 100%;
	height: 100%;
	display: block;
}

#step_1_leve2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	animation:none;
	opacity: 1;
	transition: all .2s;
}

#single_step_1:hover #step_1_leve2{

	animation: lightbulb 1s ease-in-out 0s infinite alternate;
	-webkit-animation: lightbulb 1s ease-in-out 0s infinite alternate;
	-moz-animation: lightbulb 1s ease-in-out 0s infinite alternate;
	-o-animation: lightbulb 1s ease-in-out 0s infinite alternate;

}

@keyframes lightbulb {
	0%{opacity: 1;}
	100%{opacity: .5;}

}

@-webkit-keyframes lightbulb {
	0%{opacity: 1;}
	100%{opacity: .5;}

}

@-moz-keyframes lightbulb {
	0%{opacity: 1;}
	100%{opacity: .5;}

}

@-o-keyframes lightbulb {
	0%{opacity: 1;}
	100%{opacity: .5;}

}


#step_1_leve3{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}



#step_2_leve2, #step_2_leve3{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	animation:none;
	transition: all .2s;
}


#step_2_leve2{
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	animation: none;
}




@keyframes rotation {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	100%{-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
}


@-webkit-keyframes rotation {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	100%{-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
}


@-moz-keyframes rotation {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	100%{-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
}

@-o-keyframes rotation {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	100%{-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
}

#step_2_leve3{
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	animation: none;


}


@keyframes zoomjump {
	0%{opacity: 0;
		-ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
	}

	30%{opacity: 1;}

	50%{-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
	}

	100%{-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* Standard syntax */
	}
}

@-webkit-keyframes zoomjump {
	0%{opacity: 0;
		-ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
	}

	30%{opacity: 1;}

	50%{-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
	}

	100%{-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* Standard syntax */
	}
}

@-moz-keyframes zoomjump {
	0%{opacity: 0;
		-ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
	}

	30%{opacity: 1;}

	50%{-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
	}

	100%{-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* Standard syntax */
	}
}


@-o-keyframes zoomjump {
	0%{opacity: 0;
		-ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
	}

	30%{opacity: 1;}

	50%{-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
	}

	100%{-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* Standard syntax */
	}
}


#single_step_2:hover #step_2_leve2{

	animation: rotation 4s ease-in-out 0s infinite alternate;
	-webkit-animation: rotation 4s ease-in-out 0s infinite alternate;
	-moz-animation: rotation 4s ease-in-out 0s infinite alternate;
	-o-animation: rotation 4s ease-in-out 0s infinite alternate;

}


#single_step_2:hover #step_2_leve3{

	animation: zoomjump 2s ease-in-out 0s infinite alternate;
	-webkit-animation: zoomjump 2s ease-in-out 0s infinite alternate;
	-moz-animation: zoomjump 2s ease-in-out 0s infinite alternate;
	-o-animation: zoomjump 2s ease-in-out 0s infinite alternate;

}

#step_3_leve2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition: all .2s;

}


#step_3_leve3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition: all .2s;
	animation: none;
	transform-origin: 5% 45%;
	-webkit-transform-origin: 5% 45%;
	-moz-transform-origin: 5% 45%;
	-o-transform-origin: 5% 45%;

}

@keyframes step_3 {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	10%{-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);}

		15%{-ms-transform: rotate(2deg); /* IE 9 */
	    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	    transform: rotate(2deg);}

		20%{-ms-transform: rotate(-5deg); /* IE 9 */
	    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    transform: rotate(-5deg);}

		25%{-ms-transform: rotate(2deg); /* IE 9 */
		    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
		    transform: rotate(2deg);}

				30%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}

		100%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}
}

@-webkit-keyframes step_3 {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	10%{-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);}

		15%{-ms-transform: rotate(2deg); /* IE 9 */
	    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	    transform: rotate(2deg);}

		20%{-ms-transform: rotate(-5deg); /* IE 9 */
	    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    transform: rotate(-5deg);}

		25%{-ms-transform: rotate(2deg); /* IE 9 */
		    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
		    transform: rotate(2deg);}

				30%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}

		100%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}
}

@-moz-keyframes step_3 {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	10%{-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);}

		15%{-ms-transform: rotate(2deg); /* IE 9 */
	    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	    transform: rotate(2deg);}

		20%{-ms-transform: rotate(-5deg); /* IE 9 */
	    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    transform: rotate(-5deg);}

		25%{-ms-transform: rotate(2deg); /* IE 9 */
		    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
		    transform: rotate(2deg);}

				30%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}

		100%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}
}

@-o-keyframes step_3 {
	0%{-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}

	10%{-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);}

		15%{-ms-transform: rotate(2deg); /* IE 9 */
	    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	    transform: rotate(2deg);}

		20%{-ms-transform: rotate(-5deg); /* IE 9 */
	    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	    transform: rotate(-5deg);}

		25%{-ms-transform: rotate(2deg); /* IE 9 */
		    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
		    transform: rotate(2deg);}

				30%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}

		100%{-ms-transform: rotate(0deg); /* IE 9 */
				    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
				    transform: rotate(0deg);}
}

#single_step_3:hover #step_3_leve3{

	animation: step_3 3s ease-in-out 0s infinite;
	-webkit-animation: step_3 3s ease-in-out 0s infinite;
	-moz-animation: step_3 3s ease-in-out 0s infinite;
	-o-animation: step_3 3s ease-in-out 0s infinite;

}



#step_4_leve2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	transition: all .2s;

}


#step_4_leve3 {
	top: 0;
	left: 0;
	z-index: 2;
	transition: all 1s;
	position: absolute;
	animation: none;
	transform-origin: 50% 30%;
	-webkit-transform-origin: 50% 80%;
	-moz-transform-origin: 50% 80%;
	-o-transform-origin: 50% 80%;

}


@keyframes finger {

	0%{-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);}

		20%{-ms-transform: rotate(5deg); /* IE 9 */
			-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
			transform: rotate(5deg);}

				50%{-ms-transform: rotate(-5deg); /* IE 9 */
					-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
					transform: rotate(-5deg);}

					70%{-ms-transform: rotate(5deg); /* IE 9 */
						-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
						transform: rotate(5deg);}

						90%{-ms-transform: rotate(0deg); /* IE 9 */
							-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
							transform: rotate(0deg);}
}





#single_step_4:hover #step_4_leve3{

	animation: finger 2s ease-in-out 0s infinite;
	-webkit-animation: finger 2s ease-in-out 0s infinite;
	-moz-animation: finger 2s ease-in-out 0s infinite;
	-o-animation: finger 2s ease-in-out 0s infinite;

}


.single_step_content{
	width: 80%;
	float: left;
	padding: 20px 50px;
	height: auto;
}


.flip-container_wrap{
	max-width: 1080px;
	padding: 0 20px;
	height: auto;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;

}



/* entire container, keeps perspective
.flip-container {
	padding: 0 10px;
	flex:1;
	-webkit-flex: 1;
	-o-flex: 1;
	-moz-flex: 1;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
}




*/


/* entire container, keeps perspective */
.flip-container {
	margin: 0;
	padding: 0 10px;
	flex:1;
	-webkit-flex: 1;
	-o-flex: 1;
	-moz-flex: 1;
}


	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 300px;
}

/* flip speed goes here */
.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;






		}

		.front, .back {
			display: flex;
			display: -webkit-flex;
			display: -moz-flex;
			display: -o-flex;

			-webkit-align-items: center;
			-moz-align-items: center;
			-o-align-items: center;
		          align-items: center;

			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
			background-color: rgba(238, 230, 221, 1);
			z-index: 2;
		}

		.back {
			background-color: rgba(241, 102, 35, 1);
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);

		}

		.back a{
			color: white;
			text-decoration: none;

		}


.flipper_inner{
width: 100%;
padding: 20px;

}

.back .phone_country{
	color: white;
	font-size: 1.7em;
	line-height: 1.5em;


}

.phone_country{
	text-align: center;
	color:rgba(88, 89, 91, 1);
	font-size: 2.0em;
	margin: 0;
	font-weight: 400;

}

.phone_number{
	color:rgba(88, 89, 91, 1);
	font-size: 2.2em;
	text-align: center;
	margin: 5px;
	font-weight: normal;

}

.headphone_icon{
	width: 35%;
	margin: 10px auto;

}

.headphone_icon img{
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
## Free Media Resource
--------------------------------------------------------------*/


.fmr_div{
	width: 800px;
	min-height: 300px;
	margin: 0 auto;
	background-image: url(/wp-content/uploads/images/fmr_bg_color.jpg);
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
          align-items: center;

}

.fmr_div_inner{
	width: 100%;
	padding: 20px;

}

.fmr_div_arrow{
	width: 800px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/wp-content/uploads/images/fmr_arrow.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-bottom: 80px;
}


.fmr_div h2{
	text-align: center;
	color: rgb(88, 89, 91);
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

.fmr_div img{
	text-align: center;
	width: 30%;
	height: auto;
	margin: 20px auto 0;
}


/*--------------------------------------------------------------
## Free Materials
--------------------------------------------------------------*/

.fmh3{
	margin-top: 150px;
	text-align: center;
}

.clickdownload{
	font-size: 1.6em;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	font-weight: normal;
}

.clickdownload a{
	color: rgba(241, 102, 35, 1);
	text-decoration: none;

}

/*--------------------------------------------------------------
## Publications
--------------------------------------------------------------*/



.page-id-1556 p a{
	color: rgba(241, 102, 35, 1);
}

.page-id-2119 p a{
	color: rgba(241, 102, 35, 1);
}


.page-id-2117 p a{
	color: rgba(241, 102, 35, 1);
}


.page-id-2118 p a{
	color: rgba(241, 102, 35, 1);
}

.page-id-2120 p a{
	color: rgba(241, 102, 35, 1);
}


/*--------------------------------------------------------------
## ASQ CALL DATA
--------------------------------------------------------------*/
.call_data_title{
	width: 100%;
	padding: 20px;
	color: rgba(241, 102, 35, 1);
	border: 1px rgba(241, 102, 35, 1) solid;
	text-align: center;
	font-size: 1.8em;
	margin: 10px auto;
	cursor: pointer;

}

.right_orange_arrow{
	margin: 0;
	height: 20px !important;
	padding: 0 20px !important;
 	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transition: all .5s ease-in-out;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);

}


.right_orange_arrow_down{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}


.call_data_detail{
height: 0px;
overflow: hidden;
transition: all .3s ease-in-out;
}

.call_data_detail_expand {height: auto;}


.call_data_detail table{
	margin: 0;
	padding: 0;
}

.call_data_detail td{
	padding: 15px;
	border: 1px rgba(241, 102, 35, 1) solid;
	transition: all .3s ease-in-out;

}


.call_data_detail td a{
	color: rgba(241, 102, 35, 1);
	transition: all .3s ease-in-out;
	width: 100%;
}

.call_data_detail td:hover{
	background-color: rgba(241, 102, 35, 1);
}

.call_data_detail td:hover a {
	color: white;

}


/*--------------------------------------------------------------
## contact us
--------------------------------------------------------------*/
.contactpage_wrapper{
	width: 100%;
	padding: 0;
	position: relative;

}

.contact_left{
	height: 100%;

	background-image: url(/wp-content/uploads/images/Contact_us_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 0;
	right: 55%;
	bottom: 0;
	left: 0;

}

.contact_right{
	margin-left: 45%;
	padding: 50px;
}


/*--------------------------------------------------------------
## partner promtion
--------------------------------------------------------------*/

.partner_form_h1{
	padding: 20px;
	border: 1px rgba(241, 102, 35, 1) solid;
	color: rgba(241, 102, 35, 1);
	font-size: 2.0em;
	margin-bottom: 0;
	text-align: center;

}


.contact_form_wrap h2{
	color: rgba(241, 102, 35, 1);
}


.partnership_form_wrap_border{border: 1px rgba(241, 102, 35, 1) solid ;
border-top: 0px rgba(241, 102, 35, 1) solid;
padding: 50px 100px;
margin-top: 0;}

.partnership_form_wrap .nf-element, .contact_form_wrap .nf-element{
	border: 1px rgba(241, 102, 35, 1) solid !important;
	padding: 10px !important;
	color: rgba(241, 102, 35, 1);
	font-size: 1.2em !important;
	margin: 0 !important;
	font-weight: normal !important;
	border-radius: 0px !important;

}

.partnership_form_wrap .nf-field-label label, .contact_form_wrap .nf-field-label label{
	margin-bottom: 5px !important;
	font-size: 1.2em !important;
	color: rgba(86, 85, 85, 1)!important;
	font-weight:400 !important;

}

.ninja-forms-form-wrap nf-field{
	width: 48% !important;
	min-height:130px !important;
	height: auto !important;
	float: left!important;
	margin-bottom: 0!important;
}

.ninja-forms-form-wrap nf-field:nth-child(2),.ninja-forms-form-wrap nf-field:nth-child(4), .ninja-forms-form-wrap nf-field:nth-child(6){
	width: 48% !important;
	min-height: 130px;
	height: auto;
	float: right!important;
	margin-bottom: 0!important;
}

.ninja-forms-form-wrap nf-field:nth-child(7),.ninja-forms-form-wrap nf-field:nth-child(8),.ninja-forms-form-wrap nf-field:nth-child(9),.ninja-forms-form-wrap nf-field:nth-child(10),.ninja-forms-form-wrap nf-field:nth-child(11){
	width: 100% !important;
	float: left!important;
}




.ninja-forms-form-wrap nf-field:nth-child(9){
	height: auto !important;
}

.pp_inside_out_us select {
	border: 6px rgba(241, 102, 35, 1) solid !important;
}

.ninja-forms-form-wrap nf-field:nth-child(11){height: 300px;}

.ninja-forms-form-wrap nf-field:nth-child(12){
	float: none!important;
	clear: both!important;
	width: 100%!important;
	text-align: center;
}



.pp_submit_btn{
	background-color: rgba(241, 102, 35, 1)!important;
	color:white!important;
	width: 200px!important;
	text-align: center!important;
}


/*--------------------------------------------------------------
## list
--------------------------------------------------------------*/






.list_content_wrap{
	min-height: 450px;

}

.list_border{border-bottom: 1px #58595B solid;
width: 100%;
margin-bottom: 30px; }

.list_content_wrap a{
	font-size: 1.6em;
	color: rgba(241, 102, 35, 1);
}


.entry-title{
	color: rgba(241, 102, 35, 1);
	line-height: 1.1em;
}


/***********new free material page*********/


.material_left{
	padding: 0 50px
}

.material_left ul{
	padding: 0;

}



.searchandfilter label{
	width: 100%;
}

.reset_fliter_btn{
	background-color: #FA603A;
	padding: 10px 50px 5px;
	margin: 30px 0;
	display: inline-block;
	color: white!important;
	text-decoration: none!important;
}


html[lang="zh-hant"] .reset_fliter_btn{
    background-color: rgba(224, 78, 57, 1) !important;
}


html[lang="zh-hans"] .reset_fliter_btn{
    background-color: rgba(117, 59, 189, 1)!important;
}


html[lang="ko-KR"] .reset_fliter_btn{
    background-color: rgba(120, 190, 32,1)!important;
}

html[lang="vi-VN"] .reset_fliter_btn{
    background-color: rgba(0, 169, 206,1)!important;
		font-family: 'Roboto Condensed', sans-serif !important;
}


.material_left .searchandfilter h4{color:#FA603A}


html[lang="zh-hant"] .material_left .searchandfilter h4{
    color: rgba(224, 78, 57, 1) !important;
}


html[lang="zh-hans"] .material_left .searchandfilter h4{
    color: rgba(117, 59, 189, 1)!important;
}


html[lang="ko-KR"] .material_left .searchandfilter h4{
    color: rgba(120, 190, 32,1)!important;
}

html[lang="vi-VN"] .material_left .searchandfilter h4{
    color: rgba(0, 169, 206,1)!important;
		font-family: 'Roboto Condensed', sans-serif !important;

}


html[lang="vi-VN"] .material_left .searchandfilter{

		font-family: 'Roboto Condensed', sans-serif !important;

}

html[lang="vi-VN"] .material_left .searchandfilter select{

		font-family: 'Roboto Condensed', sans-serif !important;

}

.material_left .searchandfilter select.sf-input-select{
	width: 100% !important;
	padding: 5px;
	border: 1px rgba(241, 102, 35, 1) solid;
}


html[lang="zh-hant"] .material_left .searchandfilter select.sf-input-select{
	border: 1px rgba(224, 78, 57, 1) solid;

}


html[lang="zh-hans"] .material_left .searchandfilter select.sf-input-select{
border: 1px rgba(117, 59, 189, 1) solid;

}


html[lang="ko-KR"] .material_left .searchandfilter select.sf-input-select{
border: 1px rgba(120, 190, 32,1) solid;

}

html[lang="vi-VN"] .material_left .searchandfilter select.sf-input-select{
border: 1px rgba(0, 169, 206,1) solid;

}



.free_material_page_hl{
	font-size: 2.3em;
	color:#4D4D4D;
	margin: 30px 0px 0px;
}

html[lang="vi-VN"] .free_material_page_hl{
	font-family: 'Roboto Condensed', sans-serif !important;
}

html[lang="vi-VN"] .free_material_page_hl_results{
	font-family: 'Roboto Condensed', sans-serif !important;
}



.free_material_page_hl_results{
	font-size: 2.3em;
	color:#4D4D4D;
	margin: 30px 0px;
}

.free_material_page_h2{
	font-size:1.3em;
	color:#4D4D4D;
	padding-left: 15px;
	line-height: 1.5em;

}


html[lang="zh-hant"] .free_material_page_h2{
	border-left: 6px rgba(224, 78, 57, 1) solid;
}


html[lang="zh-hans"] .free_material_page_h2{
	border-left: 6px rgba(117, 59, 189, 1) solid;
}


html[lang="ko-KR"] .free_material_page_h2{
	border-left: 6px rgba(120, 190, 32,1) solid;
}

html[lang="vi-VN"] .free_material_page_h2{
	border-left: 6px rgba(0, 169, 206,1) solid;
	font-family: 'Roboto Condensed', sans-serif;
}




.engmaterialslink, .engmaterialslink:hover{
	text-decoration: none !important;
}




html[lang="zh-hant"] .engmaterialslink{
    color: rgba(224, 78, 57, 1) !important;
}


html[lang="zh-hans"] .engmaterialslink{
    color: rgba(117, 59, 189, 1)!important;
}


html[lang="ko-KR"] .engmaterialslink{
    color: rgba(120, 190, 32,1)!important;
}

html[lang="vi-VN"] .engmaterialslink{
    color: rgba(0, 169, 206,1)!important;

}

.material_right{
	padding: 0 15px;
}

.materials_nav_btn{
	font-size: 1.4em;
	color:#4D4D4D;
	cursor: pointer;
	transition: .3s all;
}


.materials_nav_btn_orange{
	color:#FA603A;
}

.materials_nav_btn:hover{
	color:#FA603A;
}

.materials_nav{
	padding: 15px 0;
	border-bottom: 4px #FA603A solid;
	margin-bottom:50px;
}


.materials_break{
	padding: 15px 0;

	margin-bottom:50px;
}

.free_material_download{
	margin-bottom: 30px;
	padding: 0 15px;
	color: #FA603A;
	font-size: 1.2em;
	font-style:italic;
}


html[lang="zh-hant"] .free_material_download{

			color: rgba(224, 78, 57, 1)!important;
			padding: 0px;

}


html[lang="zh-hans"] .free_material_download{
		color: rgba(117, 59, 189, 1) !important;
		padding: 0px;


}


html[lang="ko-KR"] .free_material_download {
	color: rgba(120, 190, 32,1)!important;
	padding: 0px;

}

html[lang="vi-VN"] .free_material_download {
	color: rgba(0, 169, 206,1)!important;
	padding: 0px;
	font-family: 'Roboto Condensed', sans-serif;
}





html[lang="zh-hant"] .materials_break {

			border-bottom: 4px rgba(224, 78, 57, 1) solid!important;

}


html[lang="zh-hans"] .materials_break {
		border-bottom: 4px rgba(117, 59, 189, 1) solid!important;

}


html[lang="ko-KR"] .materials_break {
	border-bottom: 4px rgba(120, 190, 32,1) solid!important;
}

html[lang="vi-VN"] .materials_break {
	border-bottom: 4px rgba(0, 169, 206,1) solid!important;

}

.pdf_download_img{
	height: 32px;
	padding-bottom: 6px
}


.materials_list_wrapper{
	margin-bottom: 50px;
}

.material_thumbnail{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px #4D4D4D solid;
	float: left;
	margin-right: 20px;
	transition: .3s all;
}

.material_thumbnail:hover{
	border: 5px #FA603A solid;

}

.material_thumbnail img{
	width: 100%;
}

.materials_info_wrapper{
display: flex;
align-items: center;
height: 200px;
margin-bottom:50px;
}

.materials_info_consumers{
	margin-bottom: 50px
}


.materials_title{
	font-size: 1.6em;
	padding-right: 50px;
}

html[lang="vi-VN"] .materials_title{
	font-size: 1.6em;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.materials_title a{
	text-decoration: none;
	color:#4D4D4D;
	transition: .3s all;

}

.materials_title a:hover{
	color:#FA603A;
}

html[lang="zh-hant"] .materials_title a:hover {
    color: rgba(224, 78, 57, 1)!important;
}


html[lang="zh-hans"] .materials_title a:hover {
    color: rgba(117, 59, 189, 1)!important;
}


html[lang="ko-KR"] .materials_title a:hover {
    color: rgba(120, 190, 32,1)!important;
}

html[lang="vi-VN"] .materials_title a:hover {
    color: rgba(0, 169, 206,1)!important;
}

.terms_list{
	color:#FA603A;
}



html[lang="zh-hant"] .terms_list {
    color: rgba(224, 78, 57, 1)!important;
}


html[lang="zh-hans"] .terms_list{
    color: rgba(117, 59, 189, 1)!important;
}


html[lang="ko-KR"] .terms_list {
    color: rgba(120, 190, 32,1)!important;
}

html[lang="vi-VN"] .terms_list {
    color: rgba(0, 169, 206,1)!important;
		font-family: 'Roboto Condensed', sans-serif !important;
}





/********material detail**********/
.free_material_detail_wrapper{
	margin-bottom: 50px;
}

.material_detailpage_img{
	margin-top: 50px;
}

.material_detailpage_img img{
	width: 100% !important;
}


.material_title_orange{
	color: rgba(255, 102, 51, 1);
	font-size: 2.6em;
	text-align:left;
	font-family: DINWeb;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 20px;
	border-bottom: 3px rgba(255, 102, 51, 1) solid;
}

.material_content_wrap{
	margin: 20px 0;
}

.material_content_wrap p{
	color: rgba(102, 102, 102, 1);
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 15px !important;
}


.material_content_wrap a{
	color: rgba(0, 153, 255, 1);
	text-decoration: none;
}