@font-face {
	font-family: "Narziss";
	src: url("VNF-Narziss_Regular.ttf");
	font-weight: normal;
	font-style: normal
}


*{
	font-family: 'Roboto', sans-serif!important;
}
.glyphicon{
	font-family: 'Glyphicons Halflings'!important;
}
.fa{
	font-family: 'FontAwesome'!important;
}
html,body
{
	border: 0;
	background-color: #fff;
}
*{
	margin: 0;
	padding: 0;
}
html
{
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:100%;
}

body
{
	color: #323232;
	margin: 0px;
	background: #ffffff;
	font-size: 15px;
	line-height: 18px;
	min-width: 260px;
}
/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }
/* 1.3 - Typography */
h1,h2,h3,h4,h5,h6 {  margin:0 0 13px 0;  }
h1,h2,h3,h4,h5,h6,.cart-summary, .toolbar {  }
h1 { font-weight: 400; color: #333333;  font-size: 36px; line-height: 36px; }
h2 { font-weight: 400;   font-size: 28px; line-height: 28px; }
h3 { font-weight: 400; color: #333333;  font-size: 20px; line-height: 24px; }
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px;}
h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #ef8742; }
p { margin: 0 0 10px 0; line-height: 21px; font-weight:300 }

/* 1.4 - Links and Buttons */
a {  text-decoration: none; outline: none; color:#333333;}
a:hover, a:focus{text-decoration: none; outline: none;color: #ffa500;}
a:active { outline: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#333333; }
/* 1.5 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 1px solid #dddddd; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }

strong { font-weight: 700; }
em { font-style: italic; }
/* 1.6 - Lists */
ul{padding:0;}
.pt-page {position: relative;}
.pt-slideout {
	-webkit-transition: -webkit-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
}
.clear{clear:both}
img{max-width: 100%;}
/****************************************************************
Header
****************************************************************/
.header {
	background-image: url(//theme.hstatic.net/200000981450/1001374682/14/header_banner_all.jpg?v=106);
	float: left;
	width: 100%;
	height: 768px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f2f2f2;
}
a.navbar-toggle {
	position: fixed;
	right: 17px;
	top: 10px;
}
.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #b27b02;
	display: block;
}



.box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.header .box .fr {
	padding: 0;
	position: relative;
	height: 768px;
	padding-top: 50px;
}
.header .box .fr .title1 {padding-left: 50px;}
.header .box .fr .title2 {padding-left: 90px;}
/*Menu*/
.header .box .fr .menu{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #ffffff;
}
.header .box .fr .menus{margin-left: 50px;}
.menus li {
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 10px 0 0;
	list-style: none;
}
.menus li a {
	font-weight: 700;
	border-right: 1px solid;
	padding-right: 10px;
	text-transform: uppercase;
	color: #333333;
}
.menus li a:hover{color: #ffa500;}
.menus li:last-child a {border-right: none;}
.header .box .fr .menu.menu-fix {
	-webkit-box-shadow: 0px 0px 52px 0px rgba(214,214,214,1);
	-moz-box-shadow: 0px 0px 52px 0px rgba(214,214,214,1);
	box-shadow: 0px 0px 52px 0px rgba(214,214,214,1);
	display: block;
	position: fixed;
	right: 0;
	width: 100%;
	top: 0;
	left: inherit;
	bottom: inherit;
	z-index: 10;
	background: #ffffff;
}
.menu.menu-fix ul {
	float: right;
	width: 70%;
	margin: 0;
}

/*Đăng ký và logo*/
.header .box .fl {
	padding: 0;
	height: 768px;
	background: #fff;
}
.header .box-register {
	padding: 0;
	background: #fff;
	width: 100%;
	position: relative;
}
.box-register .logo {
	background: none;
	text-align: center;
}
/*Form*/
.form-register {
	text-align: center;
	font-size: 16px;
	padding: 15px;
}
.form-register .title {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: 700;
	color: #333333;
	font-family: 'Narziss', sans-serif!important;
}
.text-input {
	color: #323232;
	border: 1px solid #fff;
	background: #e0e3ef;
	padding: 3px;
	width: 100%;
	height: 45px;
	text-align: center;
	font-size: 13px;
}
.text-input:focus{
	box-shadow: none!important;
	border-color: #e2e2e2;
	outline: 0;
}
.form-register .action_bottom .btn {
	background: #f5b836;
	width: 100%;
	height: 50px;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	border: none;
	line-height: 40px;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 20px;
}
/*End Form*/
ul.left {
	margin-top: 10px;

	color: #323232;
	font-size: 14px;
	line-height: 23px;
	padding: 0;
	margin-left: 15px;
}
ul li{position: relative;list-style: none;}
li p:before{
	content: '';
	position: absolute;
	left: -16px;
	top: 0;
	margin-top: 7px;
	line-height: 21px;
	border: 3px solid #b27b02;
-webkit-border-radius: 2em;
border-radius: 50%;
}
.form-register ul{margin-top: 50px;}
.form-register ul p {margin-bottom: 0;}
.register-form ul li {margin-bottom: 15px;}

.title_block{
	color: #b79b5e;
	padding: 10px 0;
	margin: 0;
	position: relative;
	font-size: 35px;
	line-height: 35px;
	text-shadow: 0px 1px #000;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Narziss', sans-serif!important;
}

/****************************************************************
Giới thiệu
*****************************************************************/
.box-about {
	background-image: url(//theme.hstatic.net/200000981450/1001374682/14/about_img_all.jpg?v=106);
	min-height: 734px;
	color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f2f2f2;
}
.heading {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
	color: #333333;
	font-family: 'Narziss', sans-serif!important;
}
.box-about .heading{color: #ffffff;}
.gach {
	border-bottom: 1px solid #333333;
height: 1px;
margin-bottom: 30px;
}
.box-about .gach{border-color: #ffffff;}
.box-about .img_about{
	margin-top: 60px;
	padding-bottom: 30px;
}
.box-about .disc{padding: 0;padding-top: 50px;}

ul.history-slider .item.film_roll_child {
	top: 0;
	width: 320px;
	height: 320px;
	padding-bottom: 10px;
	background: none;
	margin: 0 8px;
}
ul.history-slider .item.film_roll_child .elements {
	width: 280px;
	height: 280px;
	position: relative;
	margin: 50px auto 0 auto;
	background: rgba(255, 245, 88, 0.39);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
}
ul.history-slider .item.film_roll_child .elements .item-history {
	position: absolute;
	top: 7px;
	left: 12px;
	width: 100%;
	height: 100%;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
ul.history-slider .item.film_roll_child.active .elements .item-history {
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	width: 100%;
	height: 100%;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
ul.history-slider .item.film_roll_child.active {
	width: 380px!important;
	height: 380px;
}
ul.history-slider .item.film_roll_child.active {
	top: -45px;
}
ul.history-slider .item.film_roll_child.active .elements {
	width: 380px;
	height: 380px;
}
.film_roll_pager{display: none;}
ul.history-slider .film_roll_wrapper .film_roll_prev, ul.history-slider .film_roll_wrapper .film_roll_next {
	width: 30px;
	height: 57px;
	background: url(http://hstatic.net/286/1000076286/1000108115/bg-slider-buttons-01.png?v=2397) left bottom no-repeat;
	top: 85%;
	border: 0;
	font-size: 0;
	display: block !important;
}
ul.history-slider .film_roll_wrapper .film_roll_prev {left: 48%;}
ul.history-slider .film_roll_wrapper .film_roll_next {
	right: 46%;
	background-position: right bottom;
}
ul.history-slider .film_roll_wrapper .film_roll_prev:hover {background-position: left top;}
ul.history-slider .film_roll_wrapper .film_roll_next:hover {background-position: right top;}
/****************************************************************
Tổng quan
*****************************************************************/
.module {
	padding-top: 20px;
	overflow: hidden;
}
.location ul, .location {font-size: 14px;}
.location .left p span{color: #323232 !important;}
.location .right {margin-bottom: 50px;}
.left h3{text-transform: uppercase;}
strong {color: #b27b02;}
/****************************************************************
Tiện ích
*****************************************************************/
.utilities {
	background-image: url(//theme.hstatic.net/200000981450/1001374682/14/utilities_img_all.jpg?v=106);
	min-height: 811px;
	color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f2f2f2;
}
.utilities .heading{color: #ffffff;}
.utilities .gach {border-color: #ffffff;}
.utilities strong {color: #ffffff;}
.utilities .text_utilities{margin-bottom: 10px;}
.utilities .text_utilities ul {
	padding-left: 10px;
	text-align: left;
}
.utilities .text_utilities ul li p:before{
	border: 3px solid #ffffff;
}
.grid {list-style: none;}
ul.list {
	margin: 0;
	padding: 0;
}
.list.grid {
	margin: 0 auto;
	text-align: center;
}
.list.grid li {
	overflow: hidden;
	display: inline-block;
	max-height: 200px;
}
li.col-sm-6.col-md-3.col-xs-12.text-center.animate:nth-of-type(4n+1){clear: left;}
.utilities .list.grid li{margin-bottom: 10px;max-height: 290px;}
.utilities .utilities_padding {
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
}
.list.grid li.col-sm-4.col-xs-12:nth-of-type(3n+1){clear: left;}
/****************************************************************
Thư viện
*****************************************************************/
.box-gallery {background: #fff;}
.gallery_img li{margin-bottom: 30px;}
.list.grid li.col-sm-3.col-xs-12:nth-of-type(4n+1){clear:left;}
/****************************************************************
Mặt bằng
*****************************************************************/
.ground{
	background-image: url(//theme.hstatic.net/200000981450/1001374682/14/ground_img_all.jpg?v=106);
	padding-bottom: 0;
	color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f2f2f2;
}
.ground .heading{color :#ffffff;}
.ground .gach {border-color: #ffffff;}
.ground_img{margin-bottom: 50px;}
/****************************************************************
Vị trí
*****************************************************************/
.map p {font-size: 15px;margin-bottom: 20px;}
/****************************************************************
Footer
*****************************************************************/
footer {
	position: relative;
	float: left;
	width: 100%;
}
.box-regis-footer {
	background: #e9ebec;
	padding: 22px;
}
footer .title {
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 40px;
	font-weight: 700;
	color: #333333;
	font-family: 'Narziss', sans-serif!important;
}
footer .text-input {background: #fff;}
.form-footer .text-input {
	width: 100%;
	color: #000;
	height: 35px;
	font-size: 18px;
	text-align: center;
}
footer .action_1bottom a.btn {
	background: #f5b836;
	width: 30%;
	height: 35px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	line-height: 28px;
}
.box-bottom {
	background: #2e3133;
	color: #ffffff;
	padding: 20px;
}
.box-copyright{
	padding: 10px;
	margin: 0;
	text-align: center;
	background: #e8e8e8;
	font-size: 13px;
	color: #333333;
}
.box-copyright p{margin: 0;}
.box-bottom .container {
	position: relative;
	line-height: 130px;
}
footer h5 {
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 30px;
	color: #ffffff;
	font-family: 'Narziss', sans-serif!important;
}
.box-bottom strong{color: #ffffff;}
footer .text-input {height: 35px;}
/***********************************************************************
Nút lên top
***********************************************************************/
@media (max-width: 767px){
	.scrollToTop{
		position: fixed;
		left: 14px;
		bottom: 30px;
	}
	.scrollToTop.scrollToTop-left{
		right: 10px;
		left: initial;
		bottom: 55px;
	}
}
.scrollToTop {
	cursor: pointer;
	color: #f5b836;
	font-weight: 700;
}

.scrollToTop i{
	text-align: center;
	height: 45px;
	width: 45px;
	line-height: 45px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	color: #fff;
	background-color: #f5b836;
	color: #ffffff;
	-webkit-flex: 0 0 calc(50% - 240px/16);
	-ms-flex: 0 0 calc(50% - 240px/16);
	flex: 0 0 calc(50% - 240px/16);
	cursor: pointer;
}


/*******************************************
Customers
********************************************/
.userbox {
	max-width: 100%;
	width: 335px;
	padding: 15px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin: auto;
	margin-bottom: 20px;
}
.icon-field {
	display: inline-block !important;
	background-color: #F8F8F8 !important;
	color: white;
	border: solid 1px #E7E7E7;
	text-align: center;
	height: 37px;
	vertical-align: middle;
	line-height: 33px;
	width: 35px;
	margin-top: 10px;
	margin-bottom: 2px;
	float: left;
}
.icon-login {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
.userbox input[type=email], .userbox input[type=password], .userbox input[type=text] {
	max-width: calc(100% - 30px)!important;
	width: 270px !important;
	height: 37px;
	display: inline-block !important;
	background-color: #fff;
	border: solid 1px #E7E7E7;
	margin-left: -5px;
	margin-top: 10px;
	float: left;
	padding-left: 10px;
	outline: none;
	margin-bottom: 0px !important;
}
.icon-envelope:after {
	content: url(//hstatic.net/0/0/global/design/theme-default/email.png);
}
.icon-shield:after {
	content: url(//hstatic.net/0/0/global/design/theme-default/pass.png);
	margin-top: 8px;
	display: block;
}
#customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text {
	display: block;
	margin-bottom: 15px;
}
.action_bottom .btn {
	font-size: 14px;
	font-weight: 600;
	color: white;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 35px;
	background: #28303e;
	text-align: center;
	border: none;
	margin-top: 15px;
}
.req_pass {margin-top: 10px;}
#layout-page .header-page h1, #layout-page .header-page h2 {
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	padding: 10px 15px 10px 15px;
	border-bottom: 1px solid #28303e;
	content: "";
	text-transform: uppercase;
	color: #28303e;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
	font-family: 'Narziss', sans-serif!important;
}
.icon-user:after {content: url(//hstatic.net/0/0/global/design/theme-default/userico.png);}
#layout-page {
	background: #fff;
	border-radius: 4px;
	padding: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	padding-bottom: 18px;
	margin-top: 18px;
}
.input-group {margin: 10px 0px;}



/* - Harafunnel mobile */
.harafunnel-mb {
	position: fixed;
	right: 10px;
	bottom:40px;
	z-index: 9999;
	width: 65px;
	height: 65px;
	padding:8px;
	background: #fff;	
	border-radius: 50%;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	transition: box-shadow 150ms linear;
}
.harafunnel-mb:hover {box-shadow: 0 5px 24px rgba(0, 0, 0, .3);}
.harafunnel-mb a {display: block;}
.harafunnel-mb a svg{width:100%;height:100%;}


/* ============ 	ADDTHIS ** addthis ============== */
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge{ right: 18px!important;;}
.addThis_listSharing {
	position: fixed;bottom:85px;z-index: 999;	
	right:-15px;opacity: 0;	visibility: hidden;
	transition: all .3s ease;	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;
}
.addThis_listSharing.is-show{right: 0;opacity: 1;	visibility: visible;}
.addThis_listing .addThis_item{margin-bottom:5px;margin-right:24px;}
.addThis_listing .addThis_item .addThis_item--icon {
	position: relative;display: inline-block;text-align: center;
	width: 44px;height: 44px;line-height: 44px;color: #fff;
	border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
	background-size: auto;background-repeat: no-repeat;background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
	position: absolute;top: 4px;right: 55px;z-index: 9;
	height: 32px;line-height: 26px;padding:3px 10px;
	width: auto;border-radius: 5px;font-size: 11px;color: #fff;text-align: center;
	white-space: nowrap;cursor: pointer;background-color: rgba(0, 0, 0, 1);
	visibility: hidden;opacity: 0;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after{
	content: "";width: 0;height: 0;
	border-width:5px;border-style: solid;
	border-color: transparent transparent transparent rgba(0, 0, 0, 1);
	position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;
	-ms-transition: all 200ms linear ;-webkit-transition: all 200ms linear ;transition: all 200ms linear ;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {text-decoration: none; opacity: .9;box-shadow: 0 5px 10px rgba(0,0,0,.15), 0 4px 15px rgba(0,0,0,.13);}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text{visibility: visible;opacity: 1;}
.actionToolbar_mobile {
	position: fixed;bottom: 0;left: 0; right: 0;margin: 0 auto;z-index: 999;
	height:45px;width: 100%;border-top: 1px solid #e7e7e7;background: #fff; padding:5px 10px;
}
.actionToolbar_mobile  ul.actionToolbar_listing{
	margin:0;
	display: -webkit-flex;display: -moz-flex;display: flex;
	-webkit-justify-content: space-between;justify-content: space-between;
	-webkit-align-items: center;align-items: center;
}
.actionToolbar_mobile  ul.actionToolbar_listing li{width: 20%;float: left;}
.actionToolbar_mobile  ul.actionToolbar_listing li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.actionToolbar_mobile  ul.actionToolbar_listing li a svg {fill: #696969;width: 35px;height: 35px;	display: inline-block;vertical-align: middle;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {margin-top: -25px;display: inline-block;vertical-align: top;}
.actionToolbar_mobile  ul.actionToolbar_listing li.actionToolbar_chatbot a svg{width:44px;height:44px;}
/* modal- center */
.modal-addThis{	background: rgba(3, 17, 27, 0.7);-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;}
.modal-addThis.fade .modal-dialog{pointer-events: none;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-addThis .modal-dialog-centered {
	display: -webkit-box;display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.modal-addThis .modal-dialog-centered .modal-content {width: 100%;pointer-events: auto;margin-bottom: 50px;}
.modal-addThis .modal-dialog-centered{ margin: 1.75rem auto;min-height: calc(100% - (1.75rem * 2));}
.modal-addThis.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-addThis.fade.in .modal-dialog-centered {	opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
@media (max-width: 767px) {
	.modal-addThis .modal-dialog-centered{margin: 2.5rem 1.5rem;min-height: calc(100% - (2.5rem * 2));}
}
.modal-backdrop.in {display: none;opacity: 0!important;}
/* modal-succes */
.modal-succes .modal-body .modal-title{font-size: 18px;font-weight: 600;margin:0;}
.modal-succes .modal-body p:not(.modal-title){font-size: 15px;margin:10px 0 5px}
.modal-succes .modal-body .txtloading{color: #aaa;font-size: 13.5px;}
@media(min-width: 768px){
	.modal-succes .modal-dialog{max-width: 450px;}
}
@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-o-transform:rotate(-405deg);transform:rotate(-405deg)}}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}
.modal-icon.sweet-alert {padding-top: 15px;}
.animateSuccessTip {animation: animateSuccessTip 0.75s;}
.animateSuccessLong {animation: animateSuccessLong 0.75s;}
.sa-icon.sa-success.animate::after {animation: rotatePlaceholder 4.25s ease-in;}
.sweet-alert .sa-icon.sa-success{width:80px;height:80px;border:4px solid #4cae4c;border-radius:50%;margin:20px auto 0;position:relative;box-sizing:content-box}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;-moz-transform-origin:60px 60px;-o-transform-origin:60px 60px;transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;-moz-transform-origin:0px 60px;-o-transform-origin:0px 60px;transform-origin:0px 60px}
.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(92, 184, 92, 0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
/* modal-contactform */  
.modal-contactform .modal-header h4.modal-title {text-align: center;font-size: 18px;font-weight: 500;}
.modal-contactform .modal-header .close {	margin-top: -10px;opacity: 0.5;font-size: 26px;width: 30px;	margin-right: -8px;}
.modal-contactform .content_popupform button{padding: 10px 20px; border: 0;text-transform: uppercase;color: #fff;background: #f5b836;}
.modal-contactform .content_popupform button:focus{outline: none;}
.modal-contactform .content_popupform .input-group{ width: 100%;margin:0 0 15px;}
.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea{
	border: 1px solid #e7e7e7;
	box-shadow: none;
	height: 40px;
	font-weight: 500;
	padding:5px 20px;
	background: #fbfbfb;
	color: #252a2b;
	width: 100%;
}
.modal-contactform .content_popupform .input-group textarea{resize: none;height:80px;}
@media (max-width: 767px){
	/*footer*/
	.mainfooter-toolbar {margin-bottom: 45px;}
}
.fb_dialog.fb_dialog_mobile.fb_customer_chat_bubble_animated_no_badge{right: 20px !important;}