/* CSS Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* Defaults
/*-----------------------------------------------------------------------------------*/
.entry-content img {margin: 0 0 10px 0;}
.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both; text-align: center;}
.wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;}
.wp-caption img {border: 0 none;padding: 0;margin: 0;}
.wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}
.wp-smiley {margin: 0 !important;max-height: 1em;}
blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
.sticky{}
.left { text-align: left; }
.right { text-align: right; }
.gallery-caption{} 
.clear{ clear: both;} 
.require{ color: #ff0000;}
p {margin-bottom: 5px;}
img {margin: 0 auto;}
.c_in{width: 990px; margin: auto;max-width: 100%}
.c_in{width: 1200px; margin: auto; max-width: 100%}
.c_in{width: 1600px; margin: auto; max-width: 100%}
.c_in{width: 1900px; margin: auto; max-width: 100%}

.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 {
 
}
/* General Layout *-----------------------------------------------------------------------------------*/
 
b, strong, .strong {
    font-weight: bold;
}


html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}
body {
	font-family: "Literata", serif;
	padding:0;
	margin:0 auto;
	color: #1E1E1E;
    line-height: 18px;
}
a {
	color: #292929;
	text-decoration: none;
	    cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
a, a:active, a:focus {
    outline: none;
}

a:hover {
	text-decoration:none;
	outline: 0;
	    cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.hover img{ width: 390px;}
.feature-tour.style_2 .hover img{	width: 100%}
 

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }

.clear{clear:both;}
.wrapper {
	margin: 0 auto;
	clear: both;
}

button,
input,
select,
textarea {
    border: 1px solid #ABADB3;
    border-radius: 2px;
    font-family: "Literata", serif;
    font-size: 13px;
    padding: 13px;
}
select {
    padding: 3px;
}
input, select {
    cursor: pointer;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
    cursor: text;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
    border-color: #F2904E;
    box-shadow: 1px 1px 1px #CCCCCC;
    -webkit-box-shadow: 1px 1px 1px #CCCCCC;
}
textarea, input {
    outline: medium none;
}
textarea {
    overflow: auto;
}
input[type="button"], button {
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
}

.read_more {
    font-style: italic;
    text-decoration: underline;
}
 

.itemcase3 img{	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.itemcase3 img:hover{transform: scale(1.1);}
.imagehiden{height: 240px; overflow: hidden}
.cs2-sys ul li img{	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;height: 100%; width: 100%; object-fit:cover}
.cs2-sys ul li img:hover{transform: scale(1.1);}
.cs2-sys .sys-name-cs2 a{ font:bold 15px/22px "Literata", serif;}
.cs2-sys .sys-name-cs2 a:hover{color: red}
.cs2-sys .sys-info-cs2{ font:13px/22px "Literata", serif;}
.imagehover{height: 230px; width: 100%; overflow: hidden;}
.single-item img{	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;width: 100%; height: 100%; object-fit:cover}
.single-item img:hover{transform: scale(1.1);}
.cs2-sys ul {display: flex;flex-flow: wrap;justify-content: space-between;}
.cs2-sys ul li{width: calc(33% - 10px);margin-bottom: 10px ;}
.cs2-sys ul li .info{padding: 5px}
.cs2-sys ul li .info a{	    font:15px/22px "Literata", serif; padding: 5px 15px}
.cs2-sys ul li .readmore a{	    font:13px/22px "Literata", serif;background: #407f30; padding: 5px 15px; border-radius:10px; color: #fff}
.cs2-sys ul li .readmore a:hover{background: red; color: #fff}
.cs2-sys ul li .readmore{float: right;}
.fea-wrap img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.fea-wrap img:hover{transform: scale(1.1);}
.box2,.cs4-sys{margin: 70px 0}
.cs4-sys ul { flex-flow: wrap;justify-content: space-between;}
.cs4-sys ul li{width: calc(25% - 10px); float: right;height: 300px;margin: 5px;}
.cs4-sys ul li:first-child{width: calc(50% - 10px);height: 610px;float: left;}
.cs4-sys ul li:first-child .img-item{height: 500px}
.cs4-sys ul li:first-child .img-item img{height: 100%; width: 100%; object-fit:cover}
.cs4-sys ul li .sys-info{	    font:13px/22px "Literata", serif;color: #535353; }

.cs4-sys ul li .img-item{overflow: hidden;height: 185px;}
.cs4-sys ul li img{	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;width: 100%; height: 100%; object-fit:cover}
.cs4-sys ul li img:hover{transform: scale(1.1);}
.cs4-sys ul li .sys-name a{ font:bold 15px/22px "Literata", serif}
.cs4-sys ul li .sys-name a:hover{color: red}
.cs4-sys ul li .sys-details a{	    font:13px/22px "Literata", serif;background: #407f30; padding: 5px 15px; border-radius:10px; color: #fff}
.cs4-sys ul li .sys-details{float: right;margin: 10px 0;}
.cs4-sys ul li .sys-details a:hover{background: red}



.slides-sys ul{display: flex;flex-flow: wrap;justify-content: space-between;}
.slides-sys ul li{ height: 80px; margin: 10px}
.slides-sys ul li .img-hover{overflow: hidden;border: 1px solid #d7d7d7;height: 70px; padding: 5px}
.slides-sys ul li img{height: 100%; width: 100%; object-fit: cover}
.cs1-sys{background: #fff; padding: 25px 0;margin: 50px 0; }
/* Header
/*-----------------------------------------------------------------------------------*/
.header_fix {}
.header-mid { margin: auto;}
ul.sys_menu_top li .menu-item-name {color: #fff;}
ul.sys_menu_top li:after { content: '|';    color: #000;}
#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;
}
.header-hot-link li a{
    display:block;
    float:left;
    font-family: "Literata", serif;
    font-weight: normal;
    font-size: 14px;
     color:#fff;  
}
.header-hot-link li li a{padding-left: 35px; padding-right: 15px}
.header-hot-link > li.active,.header-hot-link > li:hover{ background: none;}
.header-hot-link > li.active > a,.header-hot-link > li:hover > a{ color: #fda602;}
.header-hot-link > li.active li a,.header-hot-link > li:hover li a{color: #fff;}
.header-hot-link li ul,.header-hot-link li dl{ }
.header-hot-link li li { min-width: 230px;}
.navbar-nav>li>.dropdown-menu {background: #213e9a;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover {background: #001866;}
.header-hot-link li li .caret{}
.dropdown-menu {background-color: #337610;}
.background-slider{ position: relative; z-index: 0;}
.header-hot-link li li a{ line-height: 36px;width: 100%}
.navbar-default .navbar-nav.header-hot-link>li.sfHover>a, 
.navbar-default .navbar-nav.header-hot-link>li>a:hover, 
.navbar-default .navbar-nav.header-hot-link>li>a:focus{color: #03207c;background: transparent;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{	background: #2587bf;	color: #fff}
.navbar-default .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color: #fff}
.navbar-default .navbar-nav.header-hot-link>li>a:hover, 
.navbar-default .navbar-nav.header-hot-link>li>a:focus{}
.navbar-default .dropdown-menu>li>a:hover,.navbar-default .dropdown-menu>li>a:focus{background-color: #142c78}
/*Menu mới*/
.menuB{ background: #42822b;  z-index: 1;height: 50px;}
.menuB a,.navbar-default .navbar-nav>li>a{ color: #f5f5f5;font-weight: bold;}
.navbar-default .navbar-nav>li:hover{background: #2f7f82}
.navbar-default .navbar-nav>li>a:hover{ color: #fff;}
.navbar-collapse{padding: 0}
.menuB .wrap{ position: relative;float: right;}
.dropdown{background: transparent;padding:0;min-width:auto;box-shadow:none}
@media (max-width: 890px) {
.menuB{ background: #42822b;position: absolute;    right: 0;    z-index: 999999999}	
}


.bannerM{    position: relative;    height: 120px;    padding: 10px 0;    width: 100%;    float: left;}
.Banner{ background: transparent; height: 120px;}
.Hleft {float: right;font: 1.2em/30px "Literata", serif;color: #fff;}
.topheadmenu{width: 80%;float: right;}
.subtopheadmenu{float: right;display: flex;}
.menutop{height: 30px;background: #213e9a;}
.adv_line_top1{margin-top: 0;}
ul.sys_menu_top {position:relative;}
.header_fix{height: 120px;box-shadow: 7px 7px 10px -6px #7a7a7a;}
.menuB{ z-index: 99;}
.menuB a, .navbar-default .navbar-nav>li>a{ color: #fff;font-weight: bold;}
 
.menuB .wrap{ position: relative;}
.mn{background: #213e9a; height: 50px;}
.sf-menu li{background: transparent;}
.sf-menu a{border-left: none;border-top:none;color: #fff;font-size: 14px;}
.sf-menu li:hover, .sf-menu li.sfHover{background: #001b56;}
.sf-menu ul li{background: #213e9a}
.full-bg-banner{background: #ffffff; width:100%;height: 110px;}
.main_menu a{font-size: 14px; color: #fff; border:none; padding:0.75em 0.7em;  font-weight: bold;}
.main_menu h2{ font: 1.2em "Nunito", sans-serif;}
.main_menu h3{ font: 1.2em "Nunito", sans-serif;}
.main_menu li{background: transparent;}
.main_menu li:hover, .main_menu li.sfHover{ background: #d2d2d2;}
.main_menu li li{ background: #e9e9e9;min-width: 195px;}
.sf-menu ul li {background: #407f30;}
.menu_main > .home{    width: 60px;   float: left;    background: url('../images/btn-home.png') no-repeat left center;    font-size: 1.3em; padding: 0.87em 1em; background-size: 100%}
.sf-menu li:hover, .sf-menu li.sfHover { background: #2d5d20}
.menu-sys{background-color: #407f30;  height: 41px;border-top: 1px solid #2281d3;border-bottom: 1px solid #ababab;}
.main_menu li .li-level-2 .text-level-2{display: none}
 
.fixedMenu{ position: fixed; top: 0px; left: 0px; width: 100%; box-shadow: 0 0 2px #333;background: #21409a;}
.fixedMenu .search_form{ padding-top: 0px;}
.fixedMenu .navbar-default .navbar-nav>li>a {color: #fff}
.fixedMenu .navbar-default .navbar-nav>li>a:hover {color: yellow; cursor: pointer;}
.icon-home{ display: block; position: absolute; top: 9px; left: 0px; width: 24px; height: 24px; background: url(../images/icon_home_24.png) no-repeat center center;}
.search_form{ height: 32px; position: absolute; top: 8px; right: 0px;}
.search_form form{ width: 211px; position: relative;}
.search_form form input{ position: absolute; top: 0px; left: 0px; width: 184px;}
.search_form form button{ position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; border: none; background: #4774b6 url(../images/icon-search.png) no-repeat center center;}
	.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
	}
.relative{ position: relative;}
.select_provinces{ background-color: #fff; list-style: none; position: absolute; top: 0px; left: 0; width: 100%; height: 150px; box-shadow: 0 0 1px #333; display: none; overflow: auto;}
.select_provinces li{ line-height: 25px; color: #333; text-indent: 10px; cursor: pointer; font-size: 13px;}
.select_provinces li:hover{ background-color: #dedede;}
#slider1_container_doitac slides images{width: auto !important}
/*C5*/
.sys-img-right{float: right;width: 40%; overflow: hidden;height: 500px;}
.sys-img-right img{height: 100%; width: 100%; object-fit:cover}
.sys-box-left{float: left;width: 60%}
.sys-box-left .imagesico{float: left;}
.sys-box-left .imagesico img{height: 100px; float: left;} 
.sys-box-left .home-info{float: right;margin-left: 10px;width: 80%;} 
.sys-box-left ul li{height: 135px; }
.system-style.footer{background: transparent;min-height:auto}
.footer{border-top:none}
.system-style{width: 100%; }
/*Box 3
 * ------------*/
 .box3intro {
    text-align: center;
    font-size: 35px;
    color: #fff;
    line-height: 90px;
}
.box3info{
	color: #fff;
    text-align: justify;
    font-size: 14px;
    width: 65%;
    line-height: 25px;
}
/* End 3
 * ------------*/

 /* Box 5
 * ------------*/
  .box5{
	background: #fff; 
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
}
 
.titleinfo{	color: #000;	text-align: justify;	font-size: 14px;	width: 95%;}
.titleb5 {    color: #404040;    font-size: 17px;    line-height: 28px;}
.titleboxintro {    text-align: center;    font-size: 35px;    color: #404040;    line-height: 90px;text-transform: uppercase;font-weight: bold;}
.titleboxintro a{font-weight: bold;}
/** End 5 
 * ------------*/
.box-icon {
    text-align: center;
    width: 33%;
    height: 186px;
}
 
/* End-----*/
/*Box news*/
.list-items ul li:nth-child(odd) .sys-img{ float:right;width: 50%;margin-left: 30px}
.list-items ul li:nth-child(even) .sys-img{ float:left;width: 50%;margin-right: 30px}
.system-style.s_list_news.style-02 li img{width: 100%}
.system-style.s_list_news li .sys-nname{ font: bold 1.2em/25px "Nunito", sans-serif;color: #000;}
.system-style.s_list_news li{border-bottom:none}
.list-items ul li .sys-detail a{font-size: 13px; background: #31872d; padding: 5px 10px; color: #fff}
.list-items ul li .sys-detail a:hover{background: red}
.list-items ul li .sys-detail {float: right;}
/*Slide in*/
.slideall{min-height: 120px;}
.slideall img{width: 100% !important}
.slideall .outline {    position: absolute;    top: 37px;    right: 30px;    bottom: 30px;    left: 30px;  border: solid 1px #ffd897;}
.slideall .name-sl{position: absolute;top:50%; left: 50%; z-index: 1; font-size: 50px; color: #fff;transform: translate(-50%, -50%);}
.wrapper h1{text-align: center;margin: 50px 0}
.new-footer{ background-color: #25610f; padding: 10px; text-align: center; font-size: 13px;min-height: 200px;}
.new-footer .bottom-menu{ 
	overflow: hidden;
    background: #1e4a06;
    text-align: center;
}
.new-footer .logofooter img{box-shadow: 0px 0px 10px #fff;    width: 200px !important;height: auto !important; float: left;}
.new-footer .bottom-menu li{ padding: 10px 15px; display: inline-block; list-style: none;}
.new-footer .bottom-menu li a{ font-size: 14px; color: #fff; text-transform: uppercase;}
.new-footer .partner{ overflow: hidden; box-shadow: 0 0 3px #b5b5b5; margin-bottom: 20px;}
.new-footer .partner ul{ position: relative; width: 3000px}
.new-footer .partner ul li{ list-style: none; float: left; width: 197px;}
.new-footer .partner ul li img{ width: 100%; }
.new-footer .copyright{ padding: 10px 0px; color: #fff; text-align: center; margin-top: 10px;}
  
.sys_lang.s_lang{
	left: 0;
}
.lang {
    float: right;
    letter-spacing: 10px;
    margin-left: 20px;
    padding-top: 5px;
}
.topnav {
	clear: both;
    overflow: hidden;
    padding-top: 10px;
}
.topnav ul {
    float: right;
    list-style: none outside none;
    margin-top: 6px;
}

.topnav li {
    border-right: 1px solid #5F5D5D;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.topnav li:last-child {
    border-right: medium none;
}
.topnav a {
    color: #5F5D5D;
    font-weight: bold;
}
.topnav a:hover {
    border-bottom: 1px dotted #5F5D5D;
    text-decoration: none;
}
.searchsite {
    float: right;
    margin-left: 10px;
}
.search-field {
    background-color: #CCCCCC;
    border: 1px solid #D8D8DA;
    height: 25px;
    padding: 0 4px;
    width: 197px;
}
.search-submit {
    background: url("../images/btn_search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 23px;
    text-indent: -99px;
    width: 23px;
}

.search-page-search-form {
    border-bottom: 1px solid #E6E5E6;
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-color: #E0DEDE !important;
}
.search-page-search-form h2 {
    color: #333333;
    font: 18px/20px "Literata", serif;
    margin: 0 0 20px;
    padding: 0;
}
.seach-form input[type="text"] {
    padding: 8px 2% !important;
    width: calc(90% - 39px);
}
.search-page-search-form input[type="submit"] {
    background: none repeat scroll 0 0 #000000 !important;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block !important;
    font-family: "Literata", serif !important;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 !important;
    text-indent: 0 !important;
    width: 68px;
}

.navhead {
    clear: both;
    margin-top: 5px;
}
.logo{ display: inline-block; float: left;}
.logo img{height: 100px}
.slogan{ display: inline-block; float: right; width: 75%;overflow: hidden;   }
.supportB{ }
.support{
	float: right;
    font-size: 16px;
    margin-top: 15px;
}

 .navbar-default .navbar-toggle .icon-bar{
 	background-color: #fff
 }
#mainNav {
    background: url("../images/bg-menu.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #E2E2E2;
    box-shadow: 1px 1px 2px #888888;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    float: right;
    height: 41px;
    margin: 9px 0;
    padding: 0;
}
#mainNav > li {
    border-right: 1px solid #E2E2E2;
    float: left;
    padding: 5px 4px;
}
#mainNav > li:last-child {
    border: medium none;
}
#mainNav > li > a {
    color: #464646;
    display: block;
    font-weight: bold;
    padding: 7px 9px;
    text-decoration: none;
    text-transform: uppercase;
}
#mainNav a {
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 0.5);
}
#mainNav > li > a:hover/*, #mainNav > li.current_page_parent > a, #mainNav > li.current-menu-item > a*/ {
    color: #EC2528;
}
/*sub-menu*/
#mainNav ul.sub-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    min-width: 220px;
    padding-bottom: 0.5em;
    box-shadow: 1px 1px 3px #888888;
    -webkit-box-shadow: 1px 1px 3px #888888;
	-moz-box-shadow: 1px 1px 3px #888888;
    z-index: 999;
}
#mainNav ul.sub-menu li {
    border-bottom: 1px dotted #DDDDDD;
    border-right: 0 solid #932821;
}
#mainNav ul.sub-menu li:hover {
    background-color: #E9E9E8;
}
#mainNav li ul.sub-menu li a {
    color: #111111;
    font-weight: normal;
    line-height: 30px;
    padding: 5px;
    text-decoration: none;
}
#mainNav li ul.sub-menu li.current-menu-item > a {
    font-weight: bold;
}
#mainNav li ul.sub-menu {
    font-size: 14px;
    padding: 0;
}
#mainNav li:hover ul.sub-menu {
    display: block;
    position: absolute;
}
#mainNav ul.sub-menu ul.sub-menu {
    display: none;
}
#mainNav ul.sub-menu li:hover ul.sub-menu {
    display: block;
    left: 220px;
    margin-top: -30px;
}
/*------ Collapes---*/
 
/* END BOX HOME 1 */
/*------ End Collapes---*/
/* Content
/*-----------------------------------------------------------------------------------*/
 
.main-title-home{ 
font-size: 19px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 9px 0;
    color: #3e90c3;
    padding-top: 10px;
    background: #fff;
    border-bottom: 1px solid red;
    border-left: 5px solid red;
    padding: 5px;
    }
.main-title-home.center{ text-align: center; background: url(../images/bgr-main-title-center-black.png) repeat-x center left;}
.main-title-home.center a{ color: #060606 !important; background-color: #fff; padding: 0 2%;}
.main-title-home.no-bgr{ background: none !important;}
.main-title-home a{ color: #3e90c3;font-weight: bold;}
.main-title-home.hottour{ color: #a50a20;}
.main-title-home.video{ color: #070606;}
 
/*-----box 8-------*/
.main-title-home5.center{ text-align: center; background: url(../images/bgr-main-title-center-black.png) repeat-x center left;}
.main-title-home5.center a{ color: #060606 !important; background-color: #fff; padding: 0 2%;}
.main-title-home5.no-bgr{ background: none !important;}
.main-title-home5 a{ color: #3e90c3; font-weight: bold;font-size: 14px;}
.main-title-home5.hottour{ color: #fff;}
.main-title-home5.video{ color: #fff;}
.submenu-box8{float: right;font-size: 11px;font-weight: 100;}
.submenu-box8 ul li{padding-left: 10px;}
.main-title-home5 a:hover {color: #fff;    background: #2c84c3;    padding: 4px 8px;    border-radius: 5px;}
/*-----End box 8-------*/
.main-title-home6.center{ text-align: center; background: url(../images/bgr-main-title-center-black.png) repeat-x center left;}
.main-title-home6.center a{ color: #060606 !important; background-color: #fff; padding: 0 2%;}
.main-title-home6.no-bgr{ background: none !important;}
.main-title-home6 a{ color: #3e90c3;}
.main-title-home6.hottour{ color: #fff;}
.main-title-home6.video{ color: #fff;}

 
.main-title-home5{
	font: bold 1.8em/1.6em "Literata", serif;
        text-align: center;
    padding: 5px 10px;
    height: 40px;
    margin-bottom: 5px;
    border-bottom: 1px solid #337610;
    background: #fff;
}
.main-title-home6{
font: bold 1.8em/1.6em "Literata", serif;
    text-transform: uppercase;
    border-left: 5px solid red;
    padding: 5px 10px;
    height: 35px;
    margin-bottom: 5px;
    border-bottom: 1px solid red;
    background: #fff;
}
.TopR{
 
    right: 0;
}
.box-hotel{
 
    width: 100%;
} 
.topinfo{font:1.3em/1.4em "Literata", serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.topinfo2{font:1.1em/1.4em "Literata", serif;
text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 45px;}   
.priceinfo{font:1.2em/1.4em "Literata", serif;}
.boxpricelist{
	position: absolute;
    right: 10px;
    bottom: 3px;
}
.topdate{font:italic 1.4em/1.4em "Literata", serif;}
.descripta a{
	font:bold 1.6em/1.4em "Literata", serif;color: #292929;
} 
#crumbs {
    font-size: 13px;
    font-weight: normal;
    padding: 1%;
}
#crumbs a, #crumbs span {
     
}
#crumbs a {
    margin: 0 1%; text-transform: uppercase;
}
#crumbs span {
    margin-left: 5px;
}

.fea-wrap {
    overflow: hidden;
}
.fea_slide {
    margin-bottom: 20px;
    height: 298px;
}
.testi_item {
    display: none;
}
.slide-controls a {
    background-image: url("../images/car-btns.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    text-indent: -5000px;
    width: 16px;
}
.slide-controls a.prev {
    background-position: 0 0;
}
.slide-controls a.prev:hover {
    background-position: 0 -13px;
}
.slide-controls a.next {
    background-position: -12px -13px;
}
.slide-controls a.next:hover {
    background-position: -12px 0;
}
* + html .slide-controls ul li {
    display: inline;
}

.feature-tour, #list-tour {
 
}
.feature-tour header, #list-tour header {
  border: 1px solid #fff;
    margin-bottom: 20px;
    padding: 10px 0px 15px 9px;
    background: #dadada;
    width: 100%
}
.feature-tour h1{
color:#2587bf !important;
}
.feature-tour header h5, #list-tour header h5, #list-tour header h1, .feature-tour header h1 {
    color: #fff;
    font-size: 15px;
    padding: 0;
}
#list-tour header h1, .feature-tour header h1 {
    line-height: 26px;
    margin-bottom: -4px;
    margin-top: -4px;
}
.feature-tour footer, #list-tour footer {
    background: url("../images/icon_arrow2_313131.png") no-repeat scroll 635px 5px #313131;
    clear: both;
    height: 24px;
    padding-right: 70px;
    padding-top: 5px;
    text-align: right;
}
.feature-tour footer a, #list-tour footer a {
    color:#FFFFFF;
}
.feature-tour article {
    float: left;
    margin-bottom: 20px;
    width: 283px;
}
.feature-tour article:nth-child(3) {
    margin-right: 0;
}
.index_info{
    height: 72px; display: block; font-size: 1.2em; overflow: hidden;font-family: "Literata", serif;
}

.feature-tour article h2, #list-tour article h2 {
    color: #0D577A;
    font-size: 18px;
    font-family: "Literata", serif;
    text-transform: uppercase;
    line-height: 29px;
}
.Detail{
    background-color: #afa62d;
    padding: 5px 5px;
    color: #fff;
    font: 1.0em/1.2em "Literata", serif;
}
.Book{
    background-color: #415e19;
    padding: 5px 15px;
    color: #fff !important;
    font: 1.0em/1.2em "Literata", serif;
    text-transform: uppercase;cursor: pointer;
}

.feature-tour article h2:hover {
     color: green;
    
}
.feature-tour article a, #list-tour article a {
    color: #1E1E1E;
}
.feature-tour article a, #list-tour article.hotel_list a {
    color: #BE7B02;
}
.feature-tour article a:hover, #list-tour article a:hover {
    color: #1198D2;
}
.feature-tour article .art-wrap {
    background: #FFFFFF; /* Old browsers */
    height: 197px;

}
 

.advertise_footer {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.anphabet {
    font-weight: bold;
    text-align: center;
    word-spacing: 6px;
}

.f_detail {
    
    float: right;
    font-weight: bold;
    line-height: 22px;
     
}  
/*------- Chi tiết -----*/
.overview {
 	 
    padding: 18px 15px 0 15px;
    max-width: 100%;
}
.overview > h2 {
    padding-bottom: 10px;
}
.slide_detail{
	width: 1200px;
    float: left;
    border: 1px solid #ccc;
}


.overview.fulltext p {
    padding-bottom: 18px;
}
.boxright{
    width: 100%;float: left;
}
.pricename{
	float:left;
	    font-size: 14px;
    margin-top: 24px;
}
.boxprice .bprow2 em, .boxprice1 .bprow2 em {
    color: #585858;
     
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
}
.price-tb-bx {
    margin-bottom: 10px;
}
.price-tb-bx  {

}
.price-tb-bx .price-sw{
	color: #ff0000;
    display: block;
    padding: 23px 41px 15px;
    font-size: 32px;
    font-weight: 700;
    width: 300px;
    float: left;
}
.infotrip{
	float: right;
    width: 700px;
}
.booknowin{
	float: right;
    background: #003580;
    padding: 10px 26px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
}
.booknowin a{color: #fff;}
.dong{
    font: 0.6em/1.0em "Literata", serif;
}
.nametitle-detail{
    font: 1.2em/1.3em "Literata", serif;
    color: #c06300;
}
.detailtour{font: 1.2em/1.6em "Literata", serif;}
#select_schedule{ padding: 10px; width: 150px ;   margin: 0 40px;}
#text_select_schedule{ font-size: 12px; margin-top: 10px; font-weight: bold;}
.filter_start_date_schedule{ padding: 6px;}

.form_book_tour{
	display: flex;
	border: 1px solid #000;
    padding: 8px;
    bottom: -241px;
}
#form_freequote_index{width: 285px;}
.chonlich{
	    margin: 10px 0px;
}
.button-dat-tour{ background: url(../images/button-dat-tour.png); width: 233px; height: 54px; display: inline-block;float: right;}



/*------- End Chi tiết -----*/
/*------- Box khách sạn -----*/
.box-title {
    text-align: center;
    font-size: 35px;
    color: #404040;
    line-height: 90px;
}
.box-title-box2{
	height: 35px;
    padding-left: 10px;
    padding-top: 8px;
    background: #2587bf;
}
.box-title-box2 a{
	color: #fff;
}
.btitle-name{
	font: bold 18px "Literata", serif;
}
.box-title ul{
	margin-top: 5px;
    position: absolute;
    right: 0;
}
.box-title ul li{
	padding: 0 0 0px 10px;
}

.box-title ul li:after{
    border-right: none;
}
.box-title ul li a{
	color: #green;
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 5px;
}
.box-title ul li a:hover{
	color: #fff;
    background: green;
}
.box-title ul li:after{
    border-right: none;
}
.itemhotel{
	width: 300px;
	height: 420px;
    float: left;
    background: #fff;
}
.itemhotel.az{
	width: 100%
}
.itemhotelbox2{
	width: 294px;
	height: 380px;
    float: left;
    margin-right: 6px;
}

.single-item{
	 padding: 5px;
}
.img img{
	height: 240px;
	width: 100%;
	border: #fff solid 10px;
    position: relative;
    z-index: 10;
    margin-top: 20px;
}
 
.infohotel{
	font: 1.3em/1.5em "Literata", serif;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    margin-bottom: 15px;
    background: #fff;
    max-height: 35px;
}
   


/* Phântrang */
.sp_pagenavi {
    clear: both;
    padding: 10px 0;
}
.sp_pagenavi a.page, .sp_pagenavi span.current, .sp_pagenavi a.page-numbers {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    margin: 2px;
    padding: 5px 7px;
    text-decoration: none;
}
.sp_pagenavi span.current, .sp_pagenavi a.page:hover, .sp_pagenavi a.page-numbers:hover {
    background: #FDFF74; /* Old browsers */
    background: -webkit-linear-gradient(bottom, #CFAC07 0%, #FDFF74 100%); /* Chrome 10+, Safari 5.1+ */
    background: linear-gradient(to top, #CFAC07 0%, #FDFF74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sp_pagenavi a.page, .sp_pagenavi a.page-numbers {
    color: #3E3E3E;
}

.rv_pagenavi {
    clear: both;
    font-size: 0.9em;
    height: 24px;
    letter-spacing: 1px;
    padding: 5px 0 0;
    text-transform: uppercase;
}
.rv_pagenavi a.page, .rv_pagenavi span.current {
    border-radius: 4px;
    margin: 0 3px;
    padding: 3px 5px;
    text-decoration: none;
}
.rv_pagenavi a.page {
    color: #666666;
    text-decoration: underline;
}
.rv_pagenavi span.current {
    background-color: #01a1c6;
    color: white;
}
.rv_pagenavi a:hover {
    background-color: #DDDDDB;
    text-decoration: none;
}


#content-box {
    clear: both;
}
#content-box .list-wrap {
    border-color: #D3AA29 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 2px 1px 1px;
    margin: 0 0 20px;
    padding-top: 15px;
}
#content-box ul.nav, #content-box ul.tabs {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#content-box ul.nav li, #content-box ul.tabs li {
    float: left;
    line-height: inherit;
}
#content-box ul.nav li span, #content-box ul.tabs li span {
    float: left;
    margin-bottom: 1px;
    padding: 1px 0px 0px 10px;
    margin-right: 3px;
}
#content-box ul.nav li a span span, #content-box ul.tabs li a span span {
    color: #D3AA29;
    padding: 6px 10px 0px 0px;
    font-weight: bold;
    height: 22px;
    margin-right: 0;
}
#content-box ul.nav li a.current span, #content-box ul.nav li a:hover span, #content-box ul.tabs li a.current span, #content-box ul.tabs li a:hover span {
    background: linear-gradient(to top, #C29841 0%, #F2D599 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    padding: 3px 3px 0;
}
#content-box ul.nav li a.current span span, #content-box ul.nav li a:hover span span, #content-box ul.tabs li a.current span span, #content-box ul.tabs li a:hover span span {
    background: linear-gradient(to top, #CB9C2B 0%, #D6AE28 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    color: #000000;
    text-shadow: 0 0 1px rgba(150, 150, 150, 0.5);
    padding: 3px 7px;
}

 
.tabs_container {
    clear: both;
}
.tab_content {
    display: none;
    border-color: #D3AA29 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 1px;
    margin: 0 0 20px;
    padding-top: 15px;
}
    

/* Responsive Menu
--------------------------------------------- */
.system-style.share.style-03 {
    width: 140px;
    text-align: left;
}
.system-style.share.style-03 a{ border-radius: 50%;}
.responsive-menu-icon {
    cursor: pointer;
    display: none;
    margin-bottom: -1px;
    text-align: center;
}

.responsive-menu-icon::before {
    content: "\f333";
    display: inline-block;
    font: normal 20px/1 "Literata", serif;
    margin: 0 auto;
    padding: 10px;
}

.site-header .responsive-menu-icon::before {
    padding: 0;
}
 
.r-tabs {
	position: relative; margin-top: 10px;
}
.r-tabs .r-tabs-nav{
    padding:  0  !important; margin:  0 !important; float: left; width: 100%;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #fafafa;
	position: relative;
	display: block;
	color: #272727;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 38px;
	padding: 0 15px;
	cursor: pointer;
	text-transform: uppercase;
	border-right: 1px solid #ababab;
}
.center {
    text-align: center;
    font-size: 13px;
    }
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor.order {
	background-color: #e61c05;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title:nth-child(7n) .r-tabs-anchor {
	background-color: #e61c05;
	border-color: transparent;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,.r-tabs-tab.active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor {
	background-color: #144f71 !important;
	color: #ffffff !important;
    text-decoration: none !important;
    border-right: 1px solid #6ac0f1;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-tab.active .r-tabs-anchor::after,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor::after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -12px;
	z-index: 2;
	border-top: 12px solid #144f71;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	margin-bottom: 15px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #dadada;
	margin: 0 auto;
	padding: 0;
}
/*
.r-tabs .r-tabs-tab {
	display: block;
	float: left;
	list-style: none; 
}*/
.r-tabs .r-tabs-tab {
	list-style: none; 
}
.r-tabs .r-tabs-panel {
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
	margin-top: 15px;
	padding: 20px;
	display: none;
}
.r-tabs .r-tabs-accordion-title {
	display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
	display: block;
}
  
.box-content.slick-slider .slick-next-items {
    position: absolute;
    top: 9%;
    right: 0;
    background: url(../images/arrowright.png) no-repeat;
    width: 95px;
    height: 252px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
} 
.box-content.slick-slider .slick-prev-items {
    position: absolute;
    top: 9%;
    right: 40px;
    background: url(../images/arrowleft.png) no-repeat;
    width: 95px;
    height: 252px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
            cursor: pointer;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.box-content.slick-slider .slick-next-items:hover {
    background: url(../images/arrowrighthover.png) no-repeat;
} 
.box-content.slick-slider .slick-prev-items:hover {
    background: url(../images/arrowlefthover.png) no-repeat;
}
.onmousexxx{
	padding: 5px;
    text-align: center
}
.testimonial {
    width: 360px;
    margin: 10px;
}
.testimonial-review{
	    background: #fff;
}
.slick-prev-items {
    position: absolute;
    top: 50%;
    left: 15px;
    background: url(../images/leftarrow.png) no-repeat;
    width: 70px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}
.slick-next-items {
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat;
    width: 70px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.boxtab.slick-slider .slick-prev-items {
    position: absolute;
    top: -5%;
    right: 40px;
    background: url(../images/icon-arrow-left2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}
.boxtab.slick-slider .slick-next-items {
    position: absolute;
    top: -5%;
    right: 0;
    background: url(../images/icon-arrow-right2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.testimonial-review a{
    font: bold 1.4em/1.3em "Literata", serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #292929;
}
.testimonial-review p{
	font: 1.0em/1.5em "Literata", serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 15px;
    height: 57px;
}
/*---- End Testimonial---*/
 
/*-------Search---------*/
.searchtool{
    background: #00000047;
    position: absolute;
    top: -120px;
        width: 1200px;

}
.timkiem_tour{
    padding: 13px;
    border: 1px solid #444;
}
.searchitem{
	height: 32px;
    width: 530px;
    border: none;
    margin: 2px;
    padding-left: 5px;
    border: 1px solid #bcbcbc;
}
.searchprice{
	width: 289px;
    margin: 2px;
    border: solid 1px #AFAFAF;
    height: 32px;
}
.datepicker{
	width: 180px;
    margin: 2px;
    border: solid 1px #AFAFAF;
    height: 32px;
}
.ui-datepicker-trigger{
	position: absolute;
       top: 18px;
    right: 5px;
    z-index: 99;padding-left: 8px !important; 
}
.btn-search-index{
	margin-top: -5px;
    background: #337dae;
    color: #fff;
    width: 154px;
    height: 32px;
    border: 1px solid #fff;
}
 
-----End Search---------*/
  
/*-----End Ho tro footer ------------*/  

.other-post2 .slick-prev-items,
.other-post2 .slick-next-items{
	top:-41px
}
form input,form textarea {
	max-width: 100%
}
.other-post2 .item3 {
	margin-bottom: 15px; text-align: center;
}
.other-post2 .item3 img{
	margin-right: 0
}
.other-post2 .item3 .iname{
	font-size: 14px; margin: 10px 0 5px;display: inline-block; width: 100%;
}
.other-post2 .item3 .new-price{
	font-size: 16px; font-weight: bold;color: red
}

/*---- tab ---*/
/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #ffffff;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 3px 16px;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #2587bf;
    color: #fff;
}
#ifrSearchForm{
	border: 0px solid;  margin-top: -85px; margin-left: 0px; height:320px;
	
}
.fl-form{
	width: 510px;
}
/* Style the tab content */
.marquee {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

.boxdulich{
	float: right;width: 689px
}
/*-- menu main---*/

/*---- 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----*/
/*-- End menu main---*/