html {	min-height: 100%;}
body {
	background-color: #f2f2f2;
	font-family: 'Questrial', sans-serif;
	color: #4D3F40;
	-webkit-font-smoothing: antialiased;
}
.container{
    padding-left: 0;
    padding-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}
.page-container {
	height: 400px;
}
.c_in {
    width: 1200px;
}

a,
button {
	transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	-webkit-font-smoothing: antialiased;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: inherit;
	opacity: 0.8;
	/*-webkit-font-smoothing: antialiased;*/
}

ul {
	-webkit-padding-start: 0;
	list-style-position: inside;
}

::-webkit-input-placeholder {
   color: inherit;
}

:-moz-placeholder { 
   color: inherit;  
}

::-moz-placeholder {    color: inherit;  }
:-ms-input-placeholder {     color: inherit;  }
input[disabled], textarea[disabled],
select[disabled='disabled']{   -webkit-text-fill-color: inherit;    -webkit-opacity: 1; }
.top{z-index: 999;background: #fff; }
.supportB{float: right;position: absolute;top: 0;right: 250px;}
.slogan{text-transform: uppercase;} 	
.boxproduct{margin-top: 15px;float: right;padding-left:20px}
.logo{position: absolute;top: 35px; left: 220px}
.logo img{padding: 5px 0;height: 80px;}
.copyright{    color: #fff;}
/*-- Menu--*/
.menu_main{    top: 50px;    float: right;    padding-right: 60px;    position: relative;}
.main_menu a{    font: 1.6em 'Questrial', sans-serif;    color: #fff;    border:none;    padding: 0.75em 1em;}
.main_menu h2{    font: 1.6em 'Questrial', sans-serif;}
.main_menu h3{    font: 1.6em 'Questrial', sans-serif;}
.main_menu li{    background: transparent;}
.main_menu li:hover, .main_menu li.sfHover{    background: #2e2f30;}
.main_menu li li{    background: #2e2f30;min-width: 195px;}
.main_menu li li a{border-top: 1px solid #565656;}
.menu_main > .home{width: 60px; height: 37px; float: left;background: url('../images/btn-home.png') no-repeat left center;}

/*-- End Menu--*/

/*-- Video--*/
.box-title {
    text-transform: uppercase;
    font-size: 22px;
   	font-family: 'Questrial', sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.video-home iframe {
    display: none; 
}
.video-home ul {list-style: none;overflow: hidden;}
.video-home ul li {float: left;padding-right: 6px;}
/*-- End Video--*/
.nametitle{font-size: 18px;	font-family: 'Questrial', sans-serif;text-align: center;margin-top: 15px;font-weight: bold;min-height: 60px;}
/*--  End Chi tiet san pham---*/	
.right_pro_infomation {width: 665px;}
 /*-- End Chi tiet san pham--*/  
 /*Menu*/
.NDmenu ul li .li-level-1 .menu-item-name{background: #000}
.v-menu a{font-size: 16px;font-weight: bold;}
.NDmenu ul li .ul-level-1 a{padding-left: 20px;font-size: 15px;}

/*-- News--*/
.newstitle{font: bold 1.5em 'Questrial', sans-serif;color: #00a64f;}
.newsblock{width: 380px !important;float: left;border-bottom: none !important;}
.newsblock img{width: 375px !important;}
.system-style.s_list_news li img {float: none;}
.system-style.s_list_news li .sys-nname {
    color: #2a2a2b;
    font: bold 1.5em/1.5em 'Questrial', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    
}
.system-style.s_list_news li .sys-info {
    text-align: left;
    color: #60605f;
    font: 1.3em/1.6em 'Questrial', sans-serif;
}
.system-style.s_list_news li .vdetail {
    right: 10px;
    background-color: #00a64f;
    padding: 3px 22px;
    color: #fff;
    font: 1.2em 'Questrial', sans-serif;
}
.list-image-detail img{
        width: 400px;
    float: right;
}
/*-- End News--*/

/*-- Projects--*/
.system-style.ul-detail .l-right {
    vertical-align: top;
    width: 100%;
    min-height: 0;
}
.thumimage img{
    width: 570px;
}
/*-- End Projects--*/
.d-tech1{width: 25%;float: left;height: 360px;padding: 5px;border: 1px solid #e1e1e1;text-align: center;}
.d-tech1 .imghover{width: 233px; height: 200px; overflow: hidden;}
.d-tech1 img{height: 200px; margin: 0 auto}
.add-cart-button{
background-color: #b20405;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
    margin: 0px auto 0;    padding: 7px 0;    border-radius: 10px;
}
.top_main{font-size: 15px}
.order-button-wrap{text-align: center;}
.invol-pro {    text-align: center;    font-size: 30px;    margin: 10px;}
.add-cart-button:hover{    color: #9f591c;}
body.landing-page {
	background: url(../images/landingPage-bg.jpg) no-repeat left bottom fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	position: absolute;
	min-height: 100%;
	width: 100%;
}

body.language-page {
	background-color: #4D3F40;
	position: absolute;
	height: 100%;
	min-height: 500px;
	width: 100%;
	background: url(../images/language-bg.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}
html, body {  height: 100%;  width: 100%;  margin: 0;  padding: 0;}
p {	font-size: 13px;}
body a {	color: #3064ad;}
.t-form-input {
	height: 60px;
	width: 100%;
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 20px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	outline: none;
}

.t-form-button {
	background-color: #fff;
	height: 60px;
	color: #a75f55;
	padding-left: 15px;
	padding-right: 15px;
	border:none;
}

.t-dropdown .dropdown-toggle.t-form-input {
	text-align: left;
	font-weight: 300;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	line-height: 50px;
	position: relative;
	background-color: transparent;
}

.t-dropdown .dropdown-toggle.t-form-input .caret {
	float: right;
	border-top: 6px solid rgba(255,255,255,.7);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
}

.t-dropdown .btn-default:hover, 
.t-dropdown .btn-default:focus, 
.t-dropdown .btn-default.focus, 
.t-dropdown .btn-default:active, 
.t-dropdown .btn-default.active, 
.open.t-dropdown>.dropdown-toggle.btn-default {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.15);
}

.t-dropdown .dropdown-menu {
	margin-top: -2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	max-height: 186px;
	overflow: scroll;
	padding-top: 0;
	box-shadow: none;
	overflow-x: hidden; 
}

.t-dropdown .dropdown-menu>li>a {
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 300;
	border-bottom: 1px solid #efefef;
}

.t-form-note {
	color: rgba(255,255,255,.5);
	margin-top: 10px;
}

.closeform-btn {
	display: block;
	width: 32px;
	height: 30px;
	background-image: url(../images/x-btn.svg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.closeform-btn:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

.t-form-group.error .t-form-input,
.t-form-group.error .t-main-textbox,
.t-form-group.error span[class^="ti-"],
.t-contact-form .t-form-group.error {
	border-color: red;
	color: red;
}

.alert.t-alert {
	background-color: transparent;
	border: none;
	padding: 10px 0;
}

.t-alert.alert-danger {
	color: red;
}

.t-popup,
.t-loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

.t-popup .overlay,
.t-loading .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
background-color: rgba(5, 76, 27, 0.75);
}

.popup-container {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.t-loading.loading-overlay .loading-gif {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-image: url(../images/loading.gif);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #3b2f2f;
	border-radius: 10px;
}

.add-prof-form .t-form-group {
	position: relative;
}

.add-prof-form .t-form-group .t-form-input {
	padding-right: 60px;
}

.add-prof-form .t-form-group .t-form-button {
	background-color: transparent;
	color: #fff;
	font-weight: 600;
	padding: 0;
}

.add-prof-form .t-form-group .t-form-button:hover,
.add-prof-form .t-form-group .t-form-button:active {
	opacity: 0.8;
}

.language-list {
	list-style-type: none;
	-webkit-padding-start: 0;
	padding: 0;
}

.language-list li {
	float: left;
}

.language-list li:first-child {
	padding-left: 0;
}

.language-list li:last-child {
	padding-right: 0;
}

.language-list li a {
	font-weight: 300;
	display: block;
	line-height: 60px;
	text-align: center;
	padding: 0 10px;	
	  border: 1px solid rgba(255,255,255,.37);
  font-size: 15px;
  line-height: 44px;
  height: 44px;
}

.language-list li a:hover,
.language-list li a:active {
	background-color: #A75F55;
	color: #fff;
	opacity: 1;
	border: none;
}

.language-page-outer {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
}

/*.t-form-group.error .t-form-input::-webkit-input-placeholder,
.t-form-group.error .t-form-input:-moz-placeholder,
.t-form-group.error .t-form-input::-moz-placeholder,
.t-form-group.error .t-form-input:-ms-input-placeholder {  
   color: red;  
}*/

/*select.t-dropdown {
	background-color: transparent;
	border: 1px solid #fff;
}*/

header.t-header {
	position: fixed;
	width: 100%;
	height: 60px;
	padding-top: 14px;
	top: 0;
	z-index: 999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

header.t-header:before {
	background-color: #00a54f;
	width: 100%;
	height: 0;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

header.t-header.expanded:before,
header.t-header.stick2top:before {
	height: 100%;
}

header.t-header.stick2top {
	border-bottom: 1px solid #1bc650;
}

header.t-header a {
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.dropdown-menu {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
}

.dropdown-menu>li>a {
	color: #616161;
}

header.t-header > .container {
	position: relative;
}

.header-logo,
.lang-option {
	display: block;
	vertical-align: middle;
	float: left;
}

.header-logo {
	width: 97px;
	height: 36px;
	margin-right: 15px;
	background-image: url(../images/toong_logo1.svg);
	-webkit-background-image: url(../images/toong_logo1.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
	text-indent: -1000px;
}

.lang-option {
	margin: 2px 5px;
}

.lang-option .btn.dropdown-toggle {
	background-color: transparent;
	padding: 1px 4px;
  	border-radius: 0;
  	font-size: 11px;
    margin-top: 4px;
    margin-right: 6px;
}

.lang-option .btn.dropdown-toggle .caret {
	margin-left: 3px;
	display: none;
}

.lang-option .btn.dropdown-toggle:hover {
	background-color: #fff;
	color: #4d3f40;
}

.header-logo embed,
.header-logo object {
	max-width: 100%;
	display: none;
}

.t-header .menu-wrapper,
.t-header .right-menu {
	display: none;
}

.t-header.expanded .menu-wrapper,
.t-header.stick2top .menu-wrapper {
	display: block;
}

.t-header .main-menu,
.t-header.expanded .right-menu,
.t-header.stick2top .right-menu,
.t-header .second-menu {
	-webkit-padding-start: 0;
	list-style-type: none;
	display: block;
}

.t-header .main-menu li,
.t-header .right-menu li,
.t-header .second-menu li {
	display: inline-block;
    padding-top: 6px;
    margin-left: 9px;
    padding-bottom: 18px;
    margin-bottom: -18px;
}

.t-header .right-menu {
	float: right;
	margin-right: 60px;
}

.t-header.stick2top .right-menu {
	margin-right: 0;
}

.t-header .nav-expand-btn {
	position: absolute;
	right: 0;
	padding: 7px 0;
    transform: scale(1.2, 1);
    -webkit-transform: scale(1.2, 1);
    -moz-transform: scale(1.2, 1);
    -ms-transform: scale(1.2, 1);
    font-size: 15px;
    opacity: 0.8;
}

.t-header.expanded .nav-expand-btn {
	transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.t-header.expanded .nav-expand-btn .ti-menu:before {
	content: "\e646";
}

.t-header.expanded.submenu-active:after,
.t-header.stick2top.submenu-active:after {
	height: 49px;
}

.t-header.expanded:after,
.t-header.stick2top:after {
	background-color: #2a2a2b;
	display: block;
	content: '';
	position: absolute;
	top: 100%;
	z-index: 0;
	width: 100%;
	height: 0;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.t-header.stick2top .nav-expand-btn {
	opacity: 0;
	width: 0;
	height: 0;
}

.t-header .main-menu {
	float: left;
	margin-left: 185px;
}

.t-header .main-menu li a {
	padding: 7px 10px 7px 0;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
    font-weight: bold;
}

.t-header .main-menu li.active > a,
.t-header .main-menu li.submenu-active > a,
.t-header .main-menu > li > a:hover,
.t-header .second-menu > li > a:hover,
.t-header .right-menu > li > a:hover {
	color: #A66053;
}

.submenu-container {
	position: absolute;
	top: 100%;
	margin-top: 7px;
    padding-top: 7px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}

.t-header .main-menu li.submenu-active .submenu-container {
	visibility: visible;
	z-index: 1;
	opacity: 1;
}

.t-section {
	position: relative;
	background-color: #fff;
}

.home-hero-sect.t-section {
	height: 700px;
	min-height: 100%;
	padding-left: 0;
	padding-right: 0;
  	overflow: hidden;
    width: 100%;
    background-color: #4D3F40;
    z-index: 0;
}

.home-hero-sect.t-section + section {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.home-hero-sect .home-hero-slide,
.about-hero-sect .about-hero-slide {
	min-height: 100%;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.home-hero-sect .home-hero-slide * 
{
	color: #fff;
}

.home-hero-sect .home-hero-slide:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-repeat: no-repeat;
	background-position: center 70%;
	/*background-image: url(../images/overlayHomeSec.png);*/
}

.slick-initialized .slick-slide {
	cursor: -webkit-grab;
	cursor: grab;
}

.slick-initialized .slick-slide:active,
.slick-initialized .slick-slide:active:focus {
	cursor: grabbing;
	cursor: -webkit-grabbing;
} 

.home-hero-sect.slick-slider .slick-track, 
.home-hero-sect.slick-slider .slick-list {
	min-height: 100%;
	height: 700px;
}

.home-hero-sect .home-hero-slide .hero-content {
	position: relative;
	z-index: 1;
}

.heading-font,
.heading-font * {
	font-family:"NarzissProCyrillic";
}

.hero-heading {
	font-weight: 600;
	font-size: 94px;
	color: #FFFFFF;
	line-height: 1;
	letter-spacing: 2px;
}

.home-btn {
	display: inline-block;
	padding: 15px 20px;
	min-width: 200px;
	margin: 0 10px;
	text-transform: uppercase;
	position: relative;
	border-radius: 0;
	-webkit-border-radius: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.home-btn.border {
	border: 1px solid #fff;
	color: #fff;
}

.home-btn.border:hover {
	border: 1px solid #fff;
	background-color: #fff;
	color: #29292a;
}

a.home-btn:hover {
	color: #fff;
	opacity: 1;
}

.home-btn.dark {
	background-color: #a66053;
	color: #fff;
}

.home-btn.dark:hover,
.home-btn.discover-now:hover {
	color:#fff;
	background-color: #29292a;
}

 
.home-btn.white:hover,
.order-button:hover,
.static-top-btn.home-btn:hover {
	color: #fff;
	border-color: #A66053;
	opacity: 0.99;
}

.home-btn.white.border {
	border: 1px solid #A66053;
}

.home-hero-slide .hero-heading {
	margin-top: 220px;
	margin-bottom: 40px;
}

.home-hero-slide .hero-content p {
	margin-bottom: 20px;
}

.home-hero-slide .explore-btn {
	margin: 25px auto;
	display: inline-block;
	font-size: 15px;
}

.t-circle {
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	display: inline-block;
	position: relative;
}

.explore-btn .t-circle {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 6px;
}

.t-control-play:after {
	  display: inline-block;
  content: '';
  border-left: 7px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
}

.t-section,
.t-discover-slide,
.about-features-slide,
.dont-work-alone-sect {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}

.sect-title {
	font: 2.4em 'Questrial', sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
text-align: center;
}

.home-reg-sect.t-section {
	background-color: #fff;
}
.header-logo{
    position: absolute;
    width: 180px;
    height: 180px;
}
 
/*------ Case 5-----*/
.titlecase5{
    
}
/*------ Box truy cấn title sản phẩm -----*/
h2.title{font-family: 'Questrial', sans-serif;text-transform: uppercase;font-size: 17px;    margin: 10px 0 0 0;color: #3064ad;text-align: center;}
.boxleft {margin: 10px; border: 1px solid #000;height: 350px;padding: 5px;overflow: hidden;text-align: justify;}
.boxleft .box-home img{width: 318px;margin: 0 10px 12px 0}
.box-home{padding-left: 0!important;padding-right: 0!important;height: 328px; overflow: hidden;font-size: 13px;}
.box-home p{color: #000;    font-family: 'Questrial', sans-serif;    font-size: 13px;}
.box-home img{width: 100px;    float: left;    margin: 0 10px 0;}
.titlebox{text-align: center;font-size: 30px;margin-bottom:20px; font-weight: bold;}
.boxright{text-align: center;width: 64.333333%}
.boxright .li-box{width: 30%; float: left;margin: 0 9px}
.boxright .li-box img{width: 150px}
.textinfo{    text-overflow: ellipsis;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7;text-align: justify;}
/*------ End Box truy cấn title sản phẩm -----*/
/*------ End Case 5-----*/
.home-reg-sect .container {	max-width: 970px;}
.brand-shape1 {	color: #fff;	position: relative;	max-width: 100%;background: #b20405;padding: 8px 0;margin: 20px 0}
.reg-title-wrap.brand-shape1 .sect-title,
.reg-title-wrap.brand-shape1 p {	margin: 0 20px;	position: relative;    font:1.8em 'Questrial', sans-serif;    text-align: left;}
.text-center-case3{        text-align: center;}
.reg-title-wrap.brand-shape1 p {	font-size: 16px;	font-weight: 300;}

.package-list {
	list-style-type: none;
	margin-top: 30px;
}

.package-list li {
	border: 1px solid #e2e2e2;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: -1px;
	margin-bottom: -1px;
}

.package-name {
	font-size: 26px;
    color: #4D3F40;
    margin-bottom: 0;
}

.price-num,
.home-reg-sect .phone-num,
.reg-note-wrap .phone-num {
	background-image: url(../images/brandShape-hid.png);
	background-size: 72px 83px;
	background-position: center;
	background-repeat: no-repeat;
	height: 83px;
	margin: 20px auto;
	padding-top: 10px;
	text-align: center;
}

.home-reg-sect .package-list .price-num,
.package-content-wrap .price-num {
	/*background-image: none;*/
    margin: 0px auto 15px;
    /*height: 60px;
    padding-top: 5px;*/
    min-width: 72px;
}

.price-num h6.heading-font {
	font-size: 20px;
	color: #4D3F40;
	margin-bottom: 0;
}

.price-num i {
	margin-top: 16px;
	display: block;
	font-size: 17px;
}

.package-des,
.package-viewmore,
.order-button {
	font: 1.2em 'Questrial', sans-serif;
}

.package-viewmore {
	color: #a66053;
	display: block;
	position: relative;
	margin: 25px auto;
}

.order-button {
	width: 200px;
	display: block;
	position: relative;
	margin: 20px auto;
	padding: 12px 20px;
	text-transform: uppercase;
	border: 1px solid #A66053;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.order-button:hover {
	color: #fff;
	background-color: #29292a;
}

.price-num .price-opt {
	display: inline-block;
	margin: 0 7px;
}

.reg-note {
	font-size: 18px;
	text-align: center;
	margin: 30px auto 15px;
	max-width: 500px;
}

/*.home-reg-sect.t-section {
	overflow: visible;
}
*/
.home-reg-sect .phone-num,
.reg-note-wrap .phone-num {
	font-size: 28px;
	text-align: center;
	padding-top: 22px;
	margin: 10px auto 60px;
}

.home-discover-sect {
}

.home-discover-sect .slick-slider,
.home-hero-sect.slick-slider,
.about-feature-slider,
.about-joinus-slider {
	margin-bottom: 0;
}

.home-discover-sect .slick-slider {
	background-color: #4D3F40;
}

.t-discover-slide {
	min-height: 500px;
	color: #FFF;
	cursor: pointer;
	background-position: 50% 0%;
	opacity: 0.65;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.home-discover-sect:hover .t-discover-slide {	opacity: 1;}
.home-discover-content {color: #fff;    position: absolute;    top: 60px;    width: 100%;    z-index: 1;    font: 1.5em 'Questrial', sans-serif;    text-transform: uppercase;}
.discover-heading {	text-align: center;	font-size: 22px;	letter-spacing: 6px;	font-weight: 400;	margin-bottom: 20px;	line-height: 1.3;}
.discover-heading:after{    content: "";    position: absolute;    width: 907px;    background: url(../images/line.png) no-repeat;    bottom: 69px;    left: 31%;    height: 1px;}
.discover-now,.home-subcribe-sect .subscribe-form .t-form-button {background-color: #b20405;    color: #fff;    text-transform: uppercase;    text-align: center;    border: none;    margin: 0px auto 0;    padding: 7px 0;    border-radius: 10px;}
.system-style.footer {    background-color: #8c0001;}
.system-style.addContact{border-top: none}
.system-style.addContact > .ft_in_content_flcx{color: #000}
.home-discover-content .discover-now {	margin-bottom: 5px;}
.home-eventhead-sect {	min-height: 900px;	background-position: 50% 0%;}

/*----Dự án----*/
.left-li{
width: 280px;
    float: left;
    height: 400px;
    list-style: none;
    padding: 0px 11px 0 0;
    border: 1px solid #d4d4d4;
    margin-right: 5px;
    margin-bottom: 10px;
}
.left-li:after{    margin-right:0;}
.left-li img{    width: 278px;}
.title{    font: bold 1.6em/1.5em 'Questrial', sans-serif;    padding: 0 10px;}
.short{    font: 1.4em/1.5em 'Questrial', sans-serif;    padding: 0 10px;}
.detail{    font: 1.3em/1.5em 'Questrial', sans-serif;    background: #00a64f;    width: 277px;    text-align: center;    padding: 5px;    color: #fff;    position: absolute;    bottom: 15px;}
.detail:hover{    background: #2c2d2e;}
.detail a{    color: #fff;}
.text-content{    margin-top: 54px;}
/*- Tree menu---*/
.breadcrumbs {    border-bottom: 1px solid #eee;}
.breadcrumbs > ul {    margin-top: 40px;}
.breadcrumbs li a {    font: bold 1.5em/30px 'Questrial', sans-serif;    color: #4c4c4c;    white-space: nowrap;}
.breadcrumbs li a::after {    content: '›';    font: 1.2em/30px 'Questrial', sans-serif;    padding: 0 10px;    white-space: nowrap;}
/*- End Tree menu---*/
.contacttitle{    font: bold 1.5em/30px 'Questrial', sans-serif;    color: #00a64f;}
.partner-list .t-partner > a img {	max-width: 100%;	max-height: 100%;	display: inline-block;}
footer.t-footer {	background-color: #252d7c;	padding-top: 50px;	padding-bottom: 20px;}
footer.t-footer * {	color: #ffffff;    font: 1.1em 'Questrial', sans-serif;}
footer.t-footer ul li a:hover {	color: #A66053;}
footer.t-footer .container {	z-index: 1;}
.t-footer-top {	margin-bottom: 25px;}
.t-footer-top .logo {	width: 111px;}
.footer-coltitle {	font-size: 16px;	text-transform: uppercase;	margin-top: 0;	font-weight: 600;	margin-bottom: 5px;}
.footer-text {	font-size: 15px;}
.footer-coltitle + .footer-text {	margin-bottom: 20px;}
footer.t-footer ul {	font-size: 15px;	list-style-type: none;	padding-left: 0;}
footer.t-footer ul li {	margin-bottom: 5px;}
footer.t-footer ul.footer-social-list li {	display: inline-block;	margin-right: 8px;	font-size: 20px;	vertical-align: top}
.about-hero-sect.t-section {	padding-left: 0;	padding-right: 0;  	overflow: hidden;	position: fixed;	width: 100%;	top: 0;}
/*--------- Menu---------*/
.menuB {    position: relative;    z-index: 99;    background-color: #b20405;}
.header-mid { margin: auto;}
ul.sys_menu_top li .menu-item-name {    color: #fff;}
ul.sys_menu_top li:after {    content: '|';    color: #fff;}
#header {   float: left; width: 100%; height: 250px;}
#header._index {   height: 303px;}
.header-hot-link{ display:block;}
.header-hot-link li{display:inline-block;float:left; position: relative; }
.header-hot-link li i{	position: absolute;z-index: 9;top:5px;right:-8px;	width: 16px; height: 16px; display: none;}
.menuB a, .navbar-default .navbar-nav>li>a {font-size:15px;color: #fff;}
.caret{display: none}
 
/*-----menu --------*/
.sf-menu li{background: transparent;}
.sf-menu li:hover,.sf-menu li.sfHover {	background: #910001;-webkit-transition: none;transition: none;}
.sf-menu ul li {background: #b20405;}
.mainmenu .li-level-2 .text-level-2 p{display: none}
.mainmenu .li-level-2 .text-level-2{min-width: 200px}
/*-----End menu --------*/
 
.footer-subscribe-form .t-form-group .t-main-textbox {
	height: 30px;
	padding-left: 0;
	font-size: 14px;
}

.footer-subscribe-form .t-form-group .t-main-textbox:focus {
	color: #fff;
}

.footer-subscribe-form .t-form-group {
	padding-left: 0;
	border-bottom-color: rgba(255,255,255,.2); 
	width: 210px;
	display: inline-block;
}

.footer-button {
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0 6px 5px;
	vertical-align: bottom;
}

.copyright-text {
	padding-top: 12px;
}

/*.home-eventlist-sect.t-section {
 
 
/*-- Page location --*/
.location-hero-sect.t-section {
	padding: 0;
	height: 540px;
}

.location-hero-sect.t-section .location-hero-slider {
	height: 540px;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #4D3F40;
}

.location-hero-slider .location-hero-slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
}

.location-hero-slider.slick-slider .slick-track, 
.location-hero-slider.slick-slider .slick-list {
	min-height: 100%;
	height: 540px;
}

.location-hero-slider .slick-prev, 
.location-hero-slider .slick-next {
	width: 40px;
	height: 46px;
}

.location-hero-slider .slick-prev:before, 
.location-hero-slider .slick-next:before {
	width: 100%;
	height: 100%;
	color: transparent;
	background-size: 100%;
	background-position: center;
	display: block;
}

.location-hero-slider .slick-prev {
	left: 50px;
}

.location-hero-slider .slick-next {
	right: 50px;
}

.location-hero-slider .slick-prev:before {
	background-image: url(../images/t-slider-prev-btn.png);
}

.location-hero-slider .slick-next:before {
	background-image: url(../images/t-slider-next-btn.png);
}

.location-hero-content {
	position: relative;
	z-index: 1;
	color: #fff;
	max-width: 900px;
}

.location-hero-sect.t-section.staticpage-banner-sect + section {
	margin-top: 600px;
}

.location-headtitle {
	text-transform: uppercase;
}

.location-hero-slider.slick-slider .slick-dots {
	bottom: 0;
}

.t-section.location-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.location-detail-des {
	font-size: 16px;
	padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.location-gmap {
	height: 270px;
	width: 100%;
	margin-bottom: 20px;
}

.location-gmap ~ p .discover-now.home-btn {
	margin-right: 15px;
}

.location-gmap ~ p .home-btn.white.border {
	padding: 11px 20px;
}

.local-service-item {
	margin-bottom: 20px;
	padding-left: 39px;
	/*background-image: url(../images/convenience-sign.png);*/
	background-repeat: no-repeat;
	background-position: 0 15px;
	background-size: 29px 33px;
	display: inline-block;
	position: relative;
}

.local-service-item > span[class^="t-icon-"] {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 33px;
	color: #a66053;
}

.services-price,
.services-name {
	font-size: 16px;
	font-weight: 600;
}

.services-name {
	margin-bottom: 0px;
}

.services-name + small {
	font-size: 14px;
}

.local-services {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    border-bottom: 1px solid #ebebeb;
}

.location-subtitle {
	text-transform: uppercase;
}

.local-convenience-item {
	padding-left: 45px;
	display: inline-block;
	position: relative;
	padding-top: 10px;
	width: 100%;
}

.local-convenience-item p {
	font-size: 14px;
	padding-left: 0;
}

.local-conveniences {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    margin-bottom: 15px;
}

.local-convenience-item:before {
	width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    vertical-align: middle;
    background-image: url(../images/t-icon-check2.svg);
    content: '';
    float: left;
    background-position: center;
}

.location-map-container.affix {
	top: 100px;
    margin-left: auto;
    max-width: 555px;
}

.location-map-container.affix-bottom {
	position: absolute;
}

.location-province {
	color:#A66053;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #EBEBEB;
	border-top: none;
	padding: 10px 0;
}

.location-list-wrap {
	padding-bottom: 30px;
}

.t-event-list.t-location-list {
	margin-bottom: 10px;
}

.t-event-list.t-location-list li:nth-of-type(3n+1) {
	clear: left;
}

.t-event-list.t-location-list .event-thumb {
	height: 158px;
}

.location-filter-wrap {
	padding-top: 30px;
}

.t-form .t-form-group .t-dropdown.location-filter .dropdown-toggle.t-form-input {
	font-weight: 600;
	color: #4D3F40;
	text-transform: uppercase;
}

.location-filter-wrap .t-form-group + .location-filter-des {
	margin-top: -5px;
}

.t-pagination {
	list-style-type: none;
	margin-bottom: 10px;
}

.t-pagination li {
	display: inline-block;
	vertical-align: middle;
}

.t-pagination li a {
	display: block;
	border: 1px solid #e2e2e2;
	padding: 8px 10px;
	text-align: center;
	height: 40px;
	min-width: 40px;
	font-size: 16px;
}

.t-pagination li a:hover,
.t-pagination li.active a {
	border: 1px solid #4D3F40;
	color: #4D3F40;
	opacity: 1;
}

.t-pagination li.active {
	font-weight: 600;
}

.t-pagination li.active a {
	color: inherit;
}

.t-pagination li.next-btn a,
.t-pagination li.prev-btn a {
	padding-top: 5px;
}

.t-pagination li.next-btn a span,
.t-pagination li.prev-btn a span {
	display: inline-block;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	opacity: 0.5;
}

.t-pagination li.next-btn a:hover span,
.t-pagination li.prev-btn a:hover span {
	opacity: 1;
}

.t-pagination li.next-btn a span {
	border-left: 5px solid #4D3F40;
}

.t-pagination li.prev-btn a span {
	border-right: 5px solid #4D3F40;
}

.t-event-list li > .coming-soon {
	position: absolute;
	top: 0;
	right: 30px;
	background-color: #a66053;
	color: #fff;
	font-size: 14px;
	width: auto;
	display: block;
	padding: 7px 10px;
	z-index: 99;
}

.location-filter-wrap.affix {
	position: fixed;
    width: 970px;
    z-index: 100;
    background-color: #fff;
    top: 30px;
}

.location-filter-wrap.affix:after {
	display: block;
	content: '';
	width: 100%;
	position: fixed;
	top: 141px;
	left: 0;
	border-bottom: 1px solid #e2e2e2;
	z-index: 1;
}

.location-filter-wrap.affix + .location-list-wrap {
	margin-top: 111px;
}

.network-no-content {
	display: block;
    margin: 30px auto;
    font-size: 16px;
}

.price-num-r2 {
	color: #919396;
	text-align: center;
	margin-bottom: 27px;
}

.home-reg-sect .package-list .price-num.package-name {
	padding-top: 27px;
}

.package-list-r2 .package-viewmore {
	margin-top: 10px;
}

.price-num-r2 h6 {
	display: inline-block;
	border-left: 1px solid #919396;
	padding: 0 15px;
}

.price-num-r2 h6:first-child {
	border-left: none;
}

.price-num-r2 h6 small {
	display: block;
	margin-bottom: 5px;
	font-size: 100%;
}

.package-list-r2 .order-button {
	width: 165px;
}

.package-list-r2 li {
	min-height: 397px;
}

.package-list-r2 li:nth-of-type(3n+1) {
	clear: left;
}

.home-reg-sect-r2 .container {
	max-width: none;
}

.package-r2-note {
	font-size: 16px;
	color: #919396;
}
/*- code menu drop down -*/
.header-hot-link li ul ul{display: none	}
.header-hot-link li li{	position: relative;	}
.header-hot-link li li li ul{background: #294981	}
.header-hot-link li ul ul{		position: absolute;	}
.header-hot-link > li:hover > ul,	.header-hot-link > li li:hover > ul	{display: block	}
.header-top li li a{ line-height: 30px;}
ul.sys_menu_top {    right: 0;}
/*-- footer  menu --*/
.fmaster{background: #6f0001;    padding: 11px;    border-bottom: 1px solid #b50507;         text-align: center;display: none;}
.footermenu ul li{    display: -webkit-inline-box;    margin: 0 25px 0 0;}
.footermenu ul li a{     font: 1.4em 'Questrial', sans-serif;     color: #fff;     text-transform: uppercase;}
/*-- end footer  menu --*/
/*-- Package membership revision 3 --*/
.news-inside{margin-top: 20px}
.rightbox{margin-left: 20px;width: 82%;} 
.boxnews{    float: left;    width: 50%;    padding:0 9px; }
.boxnews ul li img{    width: 100px !important;    float: left;    margin: 0 9px 0 0;}
.boxnewsli{    padding-top: 20px;    border-bottom: 1px dotted #cacaca;    padding-bottom: 20px;}
.boxnewsli:hover{    background: #f1f1f1;    cursor: pointer;}
.home-reg-sect-r3 .package-list {	margin-bottom: 55px;}
.li-sp{ width: 328px;    float: left;}
.line-clamp.l3 {    -webkit-line-clamp: 2;}
.vdetail{float: left;font-size: 15px;font-weight: bold;}
.sys-info{font-size: 13px}
.home-reg-sect-r3 .package-list .package-item-wrap {	background-color: #fff;    height: 298px;    padding: 5px;}
.stitle{    text-align: center;    text-transform: uppercase;    background: #b20405;    padding: 10px;    color: #fff;    font-size: 17px;}
.stitle a{    color: #fff;}
.package-main-thumb {	width: 100%;	height: 160px;	background-size: cover;	-webkit-background-size: cover;	-moz-background-size: cover;	-ms-background-size: cover;	background-position: center;	display: block;}
.home-reg-sect-r3 .package-des-price {    min-height: 35px;    text-align: center;    color: red;    font: 1.5em 'Questrial', sans-serif;}
.home-reg-sect-r3 .package-des {    min-height: 60px;}
.home-reg-sect-r3 .package-name {font-size: 22px;    font-weight: 600;    text-transform: uppercase;    margin: 10px 0;    text-align: center;    font: 1.4em 'Questrial', sans-serif;}
.home-reg-sect-r3 .package-list li .order-button-wrap {	margin: 0;text-align: center;}
.home-reg-sect-r3 .order-button-wrap .home-btn {    font: 1.1em 'Questrial', sans-serif;}
.home-reg-contactinfo-sect .t-icon-reception-bdr {	height: 70px;	margin-top: 30px;}
.home-reg-contactinfo-sect {	padding-bottom: 10px;	text-align: center;}
.home-reg-contactinfo-sect .reg-note {	font-weight: 300;	margin-bottom: 20px;}
.reg-contact {	margin-bottom: 20px;	display: inline-block;    float: none;    margin-right: -2px;    margin-left: -2px;}
.reg-contact h5 {	color: #aa9197;	text-transform: uppercase;	font-weight: 600;	margin-bottom: 7px;	font-size: 14px;}
.t-section.membership-r2.convenience-sect {	color: #fff;	background-color: #2d2d2e;	padding: 20px 0 50px;}
.t-section.membership-r2.convenience-sect.stick2top {
	position: fixed;
    z-index: 2;
    top: 60px;
    margin-top: 0;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 10px 0 0;
}

.t-section.membership-r2.convenience-sect.stick2top .convenience-items-wrap {	display: none;	padding-top: 10px;	padding-bottom: 10px;}
.t-section.membership-r2.convenience-sect.stick2top + section {	margin-top: 460px;}
.t-section.membership-r2.convenience-sect:not(.stick2top) .convenience-items-wrap {	display: block !important;	overflow-y: initial;}
.concenience-item-exp-btn {	vertical-align: middle;	display: none;	margin-left: 10px;	display: none;	color: inherit;}
.concenience-item-exp-btn.up .ti-angle-down:before {	content: "\e648";}
.convenience-sect.stick2top .concenience-item-exp-btn {	display: inline-block;}
.t-section.membership-r2.convenience-sect h4 {	font-size: 18px;	margin-bottom: 30px;}
.t-section.membership-r2.convenience-sect.stick2top h4 {	margin-bottom: 19px;}
.convenience-item {	position: relative;	padding: 0 30px;	margin-bottom: 30px;}
.convenience-item:nth-of-type(3n+1) {	clear: left;}
.convenience-icon {	font-size: 70px;	position: absolute;	top: 0;	left: 25px;	width: 70px;	height: 70px;	display: block;}
.convenience-des {	padding-left: 80px;	font-size: 14px;}
.package-r2-service-list {	font-size: 14px;}
.t-section.membership-r2.dont-work-alone-sect {	height: 382px;	width: 100%;}
.package-r2-list {	padding: 0;	margin-bottom: 30px;	margin-top: 30px;	list-style-type: none;}
.package-r2-item {	position: relative;	padding-top: 40px;}
.package-r2-item .discover-now {	margin-bottom: 0;}
.package-r2-item-divider {	width: 100%;	border-bottom: 2px solid #A66053;	margin-top: 40px;}
.package-thumb-lg {	height: 268px;	width: 100%;	overflow: hidden;	position: relative;}
.package-r2-name {	font-size: 20px;	text-transform: uppercase;	margin: 0;}
.package-r2-price {	font-size: 18px;	margin-bottom: 10px;	line-height: 1.3;}
.package-r2-price small,
.package-r2-item-note {	font-size: 12px;	color: #4D3F40;	opacity: 0.5;}
.package-r2-des {	margin-bottom: 10px;	min-height: 110px;}
.back2allpackage {	color: #A66053;	position: absolute;	top: 7px;	right: 15px;	font-size: 12px;}
.package-r2-service-list {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    line-height: 30px;
}

.package-r2-services {
	position: static;
}

.dont-work-alone-sect {
	background-position: center;
}

.t-radio-btn .t-radio {
	opacity: 0;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	top: 2px;
	margin-top: 0;
}

.t-radio-btn .t-checkbox-label {
	margin-top: 0;
}

.t-radio-btn {
	padding-left: 28px;
	position: relative;
	display: inline-block;
	margin-right: 30px;
}

.t-radio-btn:before,
.t-radio-btn:after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
}

.t-radio-btn:before {
	width: 17px;
	height: 17px;
	border: 1px solid #4D3F40;
	top: 2px;
	left: 0;
}

.t-radio-btn.checked:after {
	width: 9px;
	height: 9px;
	background-color: #4D3F40;
	top: 6px;
	left: 4px;
}

.partner-convenience-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.partnership-list {
	list-style-type: none;
}

.partnership-des {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.partnership-logo,
.partnership-content {
	padding-top: 30px;
}

.partnership-logo {
	text-align: center;
}

.partnership-item {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

.partnership-name {
	margin-top: 0;
}

.partnership-item:before {
	display: block;
	content: '';
	width: 100%;
	border-top: 2px solid #A66053;
	height: 0;
	margin-top: -30px;
}

.partnership-logo a img {
	max-width: 100%;
}
.sf-menu a{border: none}
/*---- Phone----*/
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/*----End----*/