@import url('/global/css/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font:400 16px/20px Roboto;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@font-face {
    font-family:Roboto;
    src:url('/font/Roboto.woff') format('truetype');
    font-weight:normal;
    font-style:normal
}

/* Icons */

@font-face{font-family:'mfn-icons';src:url('/font/icons.eot');src:url('/font/icons.eot#iefix') format("embedded-opentype"),url('/font/icons.woff') format("woff"),url('/font/icons.ttf') format("truetype"),url('/font/icons.svg#mfn') format("svg");font-weight:400;font-style:normal;font-display:swap}
[class^="icons-"]:before,[class*=" icons-"]:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:none!important;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}

.icons-acrobat:before{content:'\e800'}.icons-address:before{content:'\e801'}.icons-adjust:before{content:'\e802'}.icons-aim:before{content:'\e803'}.icons-air:before{content:'\e804'}.icons-alert:before{content:'\e805'}.icons-amazon:before{content:'\e806'}.icons-android:before{content:'\e807'}.icons-angellist:before{content:'\e808'}
.icons-appnet:before{content:'\e809'}.icons-appstore:before{content:'\e80a'}.icons-archive:before{content:'\e80b'}.icons-arrow-combo:before{content:'\e80c'}.icons-arrows-ccw:before{content:'\e80d'}.icons-attach:before{content:'\e80e'}.icons-attach-line:before{content:'\e80f'}.icons-attention:before{content:'\e810'}.icons-back:before{content:'\e811'}
.icons-back-in-time:before{content:'\e812'}.icons-bag:before{content:'\e813'}.icons-basket:before{content:'\e814'}.icons-battery:before{content:'\e815'}.icons-beaker-line:before{content:'\e816'}.icons-bell:before{content:'\e817'}.icons-bitbucket:before{content:'\e818'}.icons-bitcoin:before{content:'\e819'}.icons-block:before{content:'\e81a'}
.icons-blogger:before{content:'\e81b'}.icons-book:before{content:'\e81c'}.icons-book-open:before{content:'\e81d'}.icons-bookmark:before{content:'\e81e'}.icons-bookmarks:before{content:'\e81f'}.icons-box:before{content:'\e820'}.icons-briefcase:before{content:'\e821'}.icons-brush:before{content:'\e822'}.icons-bucket:before{content:'\e823'}
.icons-buffer:before{content:'\e824'}.icons-calendar:before{content:'\e825'}.icons-calendar-line:before{content:'\e826'}.icons-call:before{content:'\e827'}.icons-camera:before{content:'\e828'}.icons-camera-line:before{content:'\e829'}.icons-cancel:before{content:'\e82a'}.icons-cancel-circled:before{content:'\e82b'}.icons-cancel-squared:before{content:'\e82c'}
.icons-cart:before{content:'\e82d'}.icons-cc:before{content:'\e82e'}.icons-cc-by:before{content:'\e82f'}.icons-cc-nc:before{content:'\e830'}.icons-cc-nc-eu:before{content:'\e831'}.icons-cc-nc-jp:before{content:'\e832'}.icons-cc-nd:before{content:'\e833'}.icons-cc-pd:before{content:'\e834'}.icons-cc-remix:before{content:'\e835'}
.icons-cc-sa:before{content:'\e836'}.icons-cc-share:before{content:'\e837'}.icons-cc-zero:before{content:'\e838'}.icons-ccw:before{content:'\e839'}.icons-cd:before{content:'\e83a'}.icons-cd-line:before{content:'\e83b'}.icons-chart-area:before{content:'\e83c'}.icons-chart-bar:before{content:'\e83d'}.icons-chart-line:before{content:'\e83e'}
.icons-chart-pie:before{content:'\e83f'}.icons-chat:before{content:'\e840'}.icons-check:before{content:'\e841'}.icons-clipboard:before{content:'\e842'}.icons-clock:before{content:'\e843'}.icons-clock-line:before{content:'\e844'}.icons-cloud:before{content:'\e845'}.icons-cloud-line:before{content:'\e846'}.icons-cloud-thunder:before{content:'\e847'}
.icons-cloudapp:before{content:'\e848'}.icons-code:before{content:'\e849'}.icons-cog:before{content:'\e84a'}.icons-cog-line:before{content:'\e84b'}.icons-comment-fa:before{content:'\e84c'}.icons-comment-line:before{content:'\e84d'}.icons-compass:before{content:'\e84e'}.icons-credit-card:before{content:'\e84f'}.icons-cup:before{content:'\e850'}
.icons-cup-line:before{content:'\e851'}.icons-cw:before{content:'\e852'}.icons-database-line:before{content:'\e853'}.icons-delicious:before{content:'\e854'}.icons-desktop-line:before{content:'\e855'}.icons-diamond-line:before{content:'\e856'}.icons-digg:before{content:'\e857'}.icons-direction:before{content:'\e858'}.icons-disqus:before{content:'\e859'}
.icons-doc:before{content:'\e85a'}.icons-doc-landscape:before{content:'\e85b'}.icons-doc-line:before{content:'\e85c'}.icons-doc-text:before{content:'\e85d'}.icons-doc-text-inv:before{content:'\e85e'}.icons-docs:before{content:'\e85f'}.icons-dot:before{content:'\e860'}.icons-dot-2:before{content:'\e861'}.icons-dot-3:before{content:'\e862'}
.icons-down:before{content:'\e863'}.icons-down-bold:before{content:'\e864'}.icons-down-circled:before{content:'\e865'}.icons-down-dir:before{content:'\e866'}.icons-down-open:before{content:'\e867'}.icons-down-open-big:before{content:'\e868'}.icons-down-open-mini:before{content:'\e869'}.icons-down-thin:before{content:'\e86a'}.icons-download:before{content:'\e86b'}
.icons-drive:before{content:'\e86c'}.icons-droplet:before{content:'\e86d'}.icons-drupal:before{content:'\e86e'}.icons-duckduckgo:before{content:'\e86f'}.icons-dwolla:before{content:'\e870'}.icons-ebay:before{content:'\e871'}.icons-email:before{content:'\e872'}.icons-erase:before{content:'\e873'}.icons-eventasaurus:before{content:'\e874'}
.icons-eventbrite:before{content:'\e875'}.icons-eventful:before{content:'\e876'}.icons-export:before{content:'\e877'}.icons-eye:before{content:'\e878'}.icons-eye-line:before{content:'\e879'}.icons-fast-backward:before{content:'\e87a'}.icons-fast-forward:before{content:'\e87b'}.icons-feather:before{content:'\e87c'}.icons-fire-line:before{content:'\e87d'}
.icons-fivehundredpx:before{content:'\e87e'}.icons-flag:before{content:'\e87f'}.icons-flash:before{content:'\e880'}.icons-flashlight:before{content:'\e881'}.icons-flight:before{content:'\e882'}.icons-floppy:before{content:'\e883'}.icons-flow-branch:before{content:'\e884'}.icons-flow-cascade:before{content:'\e885'}.icons-flow-line:before{content:'\e886'}
.icons-flow-parallel:before{content:'\e887'}.icons-flow-tree:before{content:'\e888'}.icons-folder:before{content:'\e889'}.icons-food-line:before{content:'\e88a'}.icons-forrst:before{content:'\e88b'}.icons-forward:before{content:'\e88c'}.icons-gauge:before{content:'\e88d'}.icons-globe:before{content:'\e88e'}.icons-globe-line:before{content:'\e88f'}
.icons-gmail:before{content:'\e890'}.icons-googleplay:before{content:'\e891'}.icons-gowalla:before{content:'\e892'}.icons-graduation-cap:before{content:'\e893'}.icons-graduation-cap-line:before{content:'\e894'}.icons-grooveshark:before{content:'\e895'}.icons-guest:before{content:'\e896'}.icons-hackernews:before{content:'\e897'}.icons-heart-empty-fa:before{content:'\e898'}
.icons-heart-fa:before{content:'\e899'}.icons-heart-line:before{content:'\e89a'}.icons-help:before{content:'\e89b'}.icons-help-circled:before{content:'\e89c'}.icons-home:before{content:'\e89d'}.icons-hourglass:before{content:'\e89e'}.icons-html5:before{content:'\e89f'}.icons-ie:before{content:'\e8a0'}.icons-inbox:before{content:'\e8a1'}
.icons-inbox-line:before{content:'\e8a2'}.icons-infinity:before{content:'\e8a3'}.icons-info:before{content:'\e8a4'}.icons-info-circled:before{content:'\e8a5'}.icons-install:before{content:'\e8a6'}.icons-instapaper:before{content:'\e8a7'}.icons-intensedebate:before{content:'\e8a8'}.icons-itunes:before{content:'\e8a9'}.icons-key:before{content:'\e8aa'}
.icons-key-line:before{content:'\e8ab'}.icons-keyboard:before{content:'\e8ac'}.icons-klout:before{content:'\e8ad'}.icons-lamp:before{content:'\e8ae'}.icons-language:before{content:'\e8af'}.icons-lanyrd:before{content:'\e8b0'}.icons-layout:before{content:'\e8b1'}.icons-leaf:before{content:'\e8b2'}.icons-left:before{content:'\e8b3'}
.icons-left-bold:before{content:'\e8b4'}.icons-left-circled:before{content:'\e8b5'}.icons-left-dir:before{content:'\e8b6'}.icons-left-open:before{content:'\e8b7'}.icons-left-open-big:before{content:'\e8b8'}.icons-left-open-mini:before{content:'\e8b9'}.icons-left-thin:before{content:'\e8ba'}.icons-lego:before{content:'\e8bb'}.icons-level-down:before{content:'\e8bc'}
.icons-level-up:before{content:'\e8bd'}.icons-lifebuoy:before{content:'\e8be'}.icons-light-down:before{content:'\e8bf'}.icons-light-up:before{content:'\e8c0'}.icons-lightbulb-line:before{content:'\e8c1'}.icons-link:before{content:'\e8c2'}.icons-list:before{content:'\e8c3'}.icons-list-add:before{content:'\e8c4'}.icons-lkdto:before{content:'\e8c5'}
.icons-location:before{content:'\e8c6'}.icons-location-line:before{content:'\e8c7'}.icons-lock:before{content:'\e8c8'}.icons-lock-line:before{content:'\e8c9'}.icons-lock-open:before{content:'\e8ca'}.icons-login:before{content:'\e8cb'}.icons-logout:before{content:'\e8cc'}.icons-loop:before{content:'\e8cd'}.icons-macstore:before{content:'\e8ce'}
.icons-magnet:before{content:'\e8cf'}.icons-mail:before{content:'\e8d0'}.icons-mail-line:before{content:'\e8d1'}.icons-map:before{content:'\e8d2'}.icons-meetup:before{content:'\e8d3'}.icons-megaphone:before{content:'\e8d4'}.icons-megaphone-line:before{content:'\e8d5'}.icons-menu:before{content:'\e8d6'}.icons-mic:before{content:'\e8d7'}
.icons-minus:before{content:'\e8d8'}.icons-minus-circled:before{content:'\e8d9'}.icons-minus-squared:before{content:'\e8da'}.icons-mobile:before{content:'\e8db'}.icons-mobile-line:before{content:'\e8dc'}.icons-money-line:before{content:'\e8dd'}.icons-monitor:before{content:'\e8de'}.icons-moon:before{content:'\e8df'}.icons-mouse:before{content:'\e8e0'}
.icons-music:before{content:'\e8e1'}.icons-music-line:before{content:'\e8e2'}.icons-mute:before{content:'\e8e3'}.icons-myspace:before{content:'\e8e4'}.icons-network:before{content:'\e8e5'}.icons-newspaper:before{content:'\e8e6'}.icons-ninetyninedesigns:before{content:'\e8e7'}.icons-note:before{content:'\e8e8'}.icons-note-beamed:before{content:'\e8e9'}
.icons-note-line:before{content:'\e8ea'}.icons-openid:before{content:'\e8eb'}.icons-opentable:before{content:'\e8ec'}.icons-palette:before{content:'\e8ed'}.icons-paper-plane:before{content:'\e8ee'}.icons-paper-plane-line:before{content:'\e8ef'}.icons-params-line:before{content:'\e8f0'}.icons-pause:before{content:'\e8f1'}.icons-pencil:before{content:'\e8f2'}
.icons-pencil-line:before{content:'\e8f3'}.icons-phone:before{content:'\e8f4'}.icons-photo-line:before{content:'\e8f5'}.icons-picture:before{content:'\e8f6'}.icons-pinboard:before{content:'\e8f7'}.icons-plancast:before{content:'\e8f8'}.icons-play:before{content:'\e8f9'}.icons-plurk:before{content:'\e8fa'}.icons-plus:before{content:'\e8fb'}
.icons-plus-circled:before{content:'\e8fc'}.icons-plus-squared:before{content:'\e8fd'}.icons-pocket:before{content:'\e8fe'}.icons-podcast:before{content:'\e8ff'}.icons-popup:before{content:'\e900'}.icons-posterous:before{content:'\e901'}.icons-print:before{content:'\e902'}.icons-progress-0:before{content:'\e903'}.icons-progress-1:before{content:'\e904'}
.icons-progress-2:before{content:'\e905'}.icons-progress-3:before{content:'\e906'}.icons-publish:before{content:'\e907'}.icons-quora:before{content:'\e908'}.icons-quote:before{content:'\e909'}.icons-record:before{content:'\e90a'}.icons-reddit:before{content:'\e90b'}.icons-reply:before{content:'\e90c'}.icons-reply-all:before{content:'\e90d'}
.icons-resize-full:before{content:'\e90e'}.icons-resize-small:before{content:'\e90f'}.icons-retweet:before{content:'\e910'}.icons-right:before{content:'\e911'}.icons-right-bold:before{content:'\e912'}.icons-right-circled:before{content:'\e913'}.icons-right-dir:before{content:'\e914'}.icons-right-open:before{content:'\e915'}.icons-right-open-big:before{content:'\e916'}
.icons-right-open-mini:before{content:'\e917'}.icons-right-thin:before{content:'\e918'}.icons-rocket:before{content:'\e919'}.icons-rss:before{content:'\e91a'}.icons-search:before{content:'\e91b'}.icons-search-line:before{content:'\e91c'}.icons-share:before{content:'\e91d'}.icons-shareable:before{content:'\e91e'}.icons-shop-line:before{content:'\e91f'}
.icons-shuffle:before{content:'\e920'}.icons-signal:before{content:'\e921'}.icons-smashmag:before{content:'\e922'}.icons-songkick:before{content:'\e923'}.icons-sound:before{content:'\e924'}.icons-sound-line:before{content:'\e925'}.icons-stackoverflow:before{content:'\e926'}.icons-star:before{content:'\e927'}.icons-star-empty:before{content:'\e928'}
.icons-star-line:before{content:'\e929'}.icons-statusnet:before{content:'\e92a'}.icons-stop:before{content:'\e92b'}.icons-suitcase:before{content:'\e92c'}.icons-switch:before{content:'\e92d'}.icons-t-shirt-line:before{content:'\e92e'}.icons-tag:before{content:'\e92f'}.icons-tag-line:before{content:'\e930'}.icons-tape:before{content:'\e931'}
.icons-target:before{content:'\e932'}.icons-thermometer:before{content:'\e933'}.icons-thumbs-up:before{content:'\e934'}.icons-thumbs-down:before{content:'\e935'}.icons-thumbs-up-line:before{content:'\e936'}.icons-ticket:before{content:'\e937'}.icons-to-end:before{content:'\e938'}.icons-to-start:before{content:'\e939'}.icons-tools:before{content:'\e93a'}
.icons-traffic-cone:before{content:'\e93b'}.icons-trash:before{content:'\e93c'}.icons-trash-line:before{content:'\e93d'}.icons-trophy:before{content:'\e93e'}.icons-truck-line:before{content:'\e93f'}.icons-tv-line:before{content:'\e940'}.icons-up:before{content:'\e941'}.icons-up-bold:before{content:'\e942'}.icons-up-circled:before{content:'\e943'}
.icons-up-dir:before{content:'\e944'}.icons-up-open:before{content:'\e945'}.icons-up-open-big:before{content:'\e946'}.icons-up-open-mini:before{content:'\e947'}.icons-up-thin:before{content:'\e948'}.icons-upload:before{content:'\e949'}.icons-upload-cloud:before{content:'\e94a'}.icons-user:before{content:'\e94b'}.icons-user-add:before{content:'\e94c'}
.icons-user-line:before{content:'\e94d'}.icons-users:before{content:'\e94e'}.icons-vcard:before{content:'\e94f'}.icons-viadeo:before{content:'\e950'}.icons-video:before{content:'\e951'}.icons-videocam-line:before{content:'\e952'}.icons-vk:before{content:'\e953'}.icons-volume:before{content:'\e954'}.icons-w3c:before{content:'\e955'}
.icons-wallet-line:before{content:'\e956'}.icons-water:before{content:'\e957'}.icons-weibo:before{content:'\e958'}.icons-wikipedia:before{content:'\e959'}.icons-window:before{content:'\e95a'}.icons-wordpress:before{content:'\e95b'}.icons-xing:before{content:'\e95c'}.icons-yahoo:before{content:'\e95d'}.icons-yelp:before{content:'\e95e'}
.icons-youtube:before{content:'\e95f'}.icons-menu-fine:before{content:'\e960'}.icons-bag-fine:before{content:'\e961'}.icons-search-fine:before{content:'\e962'}.icons-cancel-fine:before{content:'\e963'}.icons-plus-fine:before{content:'\e964'}.icons-minus-fine:before{content:'\e965'}.icons-gplus-circled:before{content:'\f059'}.icons-github-circled:before{content:'\f09b'}
.icons-gplus:before{content:'\f0d5'}.icons-comment-empty-fa:before{content:'\f0e5'}.icons-instagram:before{content:'\f16d'}.icons-tumblr:before{content:'\f173'}.icons-windows:before{content:'\f17a'}.icons-foursquare:before{content:'\f180'}.icons-google:before{content:'\f1a0'}.icons-behance:before{content:'\f1b4'}.icons-steam:before{content:'\f1b6'}
.icons-spotify:before{content:'\f1bc'}.icons-database:before{content:'\f1c0'}.icons-qq:before{content:'\f1d6'}.icons-paypal:before{content:'\f1ed'}.icons-stripe:before{content:'\f1f5'}.icons-whatsapp:before{content:'\f232'}.icons-medium:before{content:'\f23a'}.icons-tripadvisor:before{content:'\f262'}.icons-chrome:before{content:'\f268'}.icons-scribd:before{content:'\f28a'}
.icons-github:before{content:'\f300'}.icons-flickr:before{content:'\f303'}.icons-flickr-circled:before{content:'\f304'}.icons-vimeo:before{content:'\f306'}.icons-vimeo-circled:before{content:'\f307'}.icons-twitter:before{content:'\f309'}.icons-twitter-circled:before{content:'\f30a'}.icons-facebook:before{content:'\f30c'}.icons-facebook-circled:before{content:'\f30d'}
.icons-facebook-squared:before{content:'\f30e'}.icons-pinterest:before{content:'\f312'}.icons-pinterest-circled:before{content:'\f313'}.icons-tumblr-circled:before{content:'\f316'}.icons-linkedin:before{content:'\f318'}.icons-linkedin-circled:before{content:'\f319'}.icons-dribbble:before{content:'\f31b'}.icons-dribbble-circled:before{content:'\f31c'}.icons-stumbleupon:before{content:'\f31e'}
.icons-stumbleupon-circled:before{content:'\f31f'}.icons-lastfm:before{content:'\f321'}.icons-lastfm-circled:before{content:'\f322'}.icons-rdio:before{content:'\f324'}.icons-rdio-circled:before{content:'\f325'}.icons-spotify-circled:before{content:'\f328'}.icons-dropbox:before{content:'\f330'}.icons-evernote:before{content:'\f333'}.icons-flattr:before{content:'\f336'}
.icons-skype:before{content:'\f339'}.icons-skype-circled:before{content:'\f33a'}.icons-renren:before{content:'\f33c'}.icons-sina-weibo:before{content:'\f33f'}.icons-picasa:before{content:'\f345'}.icons-soundcloud:before{content:'\f348'}.icons-mixi:before{content:'\f34b'}.icons-google-circles:before{content:'\f351'}.icons-vkontakte:before{content:'\f354'}
.icons-smashing:before{content:'\f357'}.icons-db-shape:before{content:'\f600'}.icons-sweden:before{content:'\f601'}.icons-logo-db:before{content:'\f603'}.icons-houzz:before{content:'\f27c'}.icons-snapchat:before{content:'\f2ac'}

/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{display:inline-block;vertical-align:top;text-align:left;}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}
/* ========== FLOAT ========== */
.menu .left{float:left;}
.menu .right{float:right;}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{/*position:relative;*/}
/* ========== MAIN LINKS ========== */
.menu ul li{float:left;position:relative;}
.spfull{position:initial !important;}
.menu ul > li i{display:none;position:absolute;}
.menu ul li.menu_right{position:relative;}
.menu ul > li > a{position:relative;display:block;margin:0;padding:5px 15px;font:450 14px/30px Roboto;color:#222;text-decoration:none;text-transform:uppercase;}
.menu ul > li > a:after{content:"";position:absolute;top:50%;width:1px;background:rgba(0,0,0,0.1);height:15px;margin-top:-8px;left:0;}
.menu ul > li:first-child > a:after{display:none;}

/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul li:hover > a{color:#bd0616;}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	top:61px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	border-left:solid 0px #006a0c;
	border-right:solid 0px #006a0c;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
    -webkit-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -moz-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul{top:41px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:41px;visibility:visible;opacity:1;}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	background:#fff;
	min-width:250px;
	height:auto;margin:0;
	padding:10px 20px;
	font:400 16px/20px Roboto;
	text-transform:none;
	color:#444;
	border-bottom:solid 1px #ccc;
	border-right:none;
	white-space:nowrap;
	}
.menu ul ul li a:after{display:none}
.menu ul ul li:last-child a{
	border-bottom:dotted 0px #d2d2d2;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul li a i{
	position:absolute;
	right:12px;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{color:#222;}
.menu ul ul li:first-child:hover a{color:#222;}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{color:#222;}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}
.menu ul ul ul{
	left:100%;
	top:0;
	border-top-right-radius:4px;
	}	
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	width:750px; /* + 10px from left and right side, width=770px */
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	background-color: rgba(255,255,255,1);
	left:0;
	top:40px;
	padding:20px 5px 0px;
	text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:"OpenSans";
	font-weight:normal;
	color:#ffff00;
	}
.menu h1{
	font-size:18px;
	}
.menu h2{
	font-size:16px;
	}
.menu h3{
	font-size:14px;
	}
.menu h4{
	font-size:13px;
	}
.menu h5{
	font-size:12px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{

	}
.menu .mega_menu a:hover{

	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	}
.menu .mega_menu a img:hover{
	}
.menu .mega_menu a img:active{
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#888;
	font-family:Tahoma, Geneva, sans-serif;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{

	}
.menu .mega_menu img.left{

	}
.menu .mega_menu img.right{

	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:31.33333%;
	margin:2px 1% 10px;
	float:none;
	*float:left;
	}
.item3{width:auto !important;margin:2px 2% 10px !important;}
.item4{width:auto !important;margin:2px 2% 10px !important;}
.item5{width:18% !important;}
.item6{width:14.66666% !important;}
.item7{width:12.28571% !important;margin:2px 1% 10px !important;}
.item9{width:18% !important;}
.item10{width:18% !important;}
.item11{width:18% !important;}

.menu .mega_menu .portfolio li a{
	display:block;
	height:auto;
	font:400 italic 15px/22px Roboto;
	color:#222;
	text-align:center;
	}
.menu .mega_menu .portfolio li a img{
	width:auto;
	max-width:100%;
	height:88px;
	margin:0;
	display:inline-block;
	opacity:1;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	}	
.menu .mega_menu .portfolio li p{margin:0;padding:5px 0 10px;text-align:center;}
.menu .mega_menu .portfolio li:hover a{
	color:#f00;
	}	
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	/*vertical-align:top;*/
	width:46%;
	margin:0 2%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin-left:7px;
	font:20px "OpenSans";
	color:#5B5B5B;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin-left:7px;
	padding:0;
	font:13px/24px "OpenSans";
	color:#616161;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{
	background:none;
	}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#ffff00;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#888;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#029013;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:3px;
	padding-bottom:3px;
	color:#555;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#888;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px OpenSans;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#ffff00;
	}
	
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:0;
		left:10px;
		width:46px;
		height:40px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		background-position:11px 9px;
		padding:3px 0 0 45px;
		font:400 18px/37px Roboto;
		color:#222;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: url('/images/icon_listac.png') no-repeat center;
		background-position:11px 9px;
		padding:3px 0 0 45px;
		font:bold 25px/37px Roboto;
		color:#222;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0;
		}
	.menu div.dropdown span{
		text-transform:none;
		font:400 26px "OswaldVNF";
		color:#fff;
		}
	.menu div.dropdown span a{
		color:#fff;
		}
	.menu div.flag{
		float:right;
		display:none;
		margin:9px 5px 0 0;
		}
	.menu div.flag img{
		margin:0 5px 0 0;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:100%;
		}
	.menu ul > li > a{}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{

		}
	}
@media only screen and (max-width: 900px){
	.menu input, .menu label, .menu div.dropdown{display:block;}
	.menu div.flag{display:block;}
	.menu{
		width:100%;
		min-height:40px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:40px;
		margin:0;
		padding:0;
		float:none;
		background:#f1f1f1;
	    border-top: #f1f1f1 15px solid;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.menu > ul > li:first-child a{
		background: none;
		width:100%;
		height:auto;
		padding:6px 2%;
		font:400 14px/28px Roboto, Arial;
		color:#222;
		text-transform:uppercase;
		border-right:solid 0px #ccc;
		border-bottom:solid 1px #ccc;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		height:auto !important;
		padding:6px 2% !important;
		font:400 14px/28px Roboto, Arial !important;
		color:#222;
		text-transform:uppercase;
		border-right:solid 0px #ccc;
		border-bottom:solid 1px #ccc;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
	.menu ul > li i{display:block;position:absolute;right:0;top:5px;color:#222;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #222;border-bottom:none}
	.menu .mega_menu .portfolio li a {display:none;border-bottom:none}
	.menu .mega_menu .portfolio li p a {display:block;border-bottom:solid 1px #181818}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px Roboto, Arial;text-transform:uppercase;color:#222;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		/*padding:6px 2% !important;*/
		color:#222;
		background:none;
		}
	.menu ul li:first-child:hover > a{
		color:#222;
		background:none;
		}
	.menu ul ul, .menu .mega_menu{
		position:static;
	    visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:#f1f1f1;
		}
	.menu ul ul li{
		width:100% !important;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		padding:10px 4% !important;
		text-align:left;
		background:#f1f1f1;
		color:#222;
		border:none;
		font: 400 15px/20px Roboto !important;
		text-transform:none;
		border-bottom:solid 1px #ccc;
		}
	.menu ul ul li:last-child a {
		border-bottom: dotted 0px #ccc;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{
		background:#f1f1f1;
		}
	.menu ul ul li:first-child:hover a{
		background:#f1f1f1;
		}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	}
	
.clearfix {
	clear: both;
}
/* START HEADER */
#ptop{width:100%;background:#fff;}
#ptop .box{position:relative;width:1200px;margin:0 auto;}
#ptop .box .logo{position:absolute;top:0;left:0;padding:20px 0;}
#ptop .box .logo img{display:block;max-width:100%;height:60px;border:none}

#ptop .box .mid{width:100%;padding:15px 0;text-align:center;}
#ptop .box .mid .head{width:100%;padding:0 0 8px;font:600 30px/35px Roboto;color:#fd2f2f;text-transform:uppercase;text-shadow:2px 1px 0px #ccc, 4px 3px 0px rgb(0 0 0 / 15%);}
#ptop .box .mid .add{width:100%;padding:0;font:300 18px/25px Roboto;color:#222;}
#ptop .box .mid .add i{padding-right:5px;}

#ptop .box .hotline{position:absolute;top:25px;right:0;display:flex;flex-direction:row;align-items:center;}
#ptop .box .hotline i{position:relative;font-size:20px;color:#e41515;border:2px solid;border-radius:50%;margin-right:12px;height:35px;width:35px;line-height:35px;font-size:24px;}
#ptop .box .hotline i:before{position:absolute;top:4px;left:-2px;}
#ptop .box .hotline span{font:600 13px/16px Roboto;color:#e41515;text-transform:uppercase;}
#ptop .box .hotline span span{display:block;padding:4px 0 0;font:450 20px/20px Roboto;color:#e41515;}

#header{width:100%;background:#f1f1f1;border-bottom:3px solid #c8102e;}
#header .box{position:relative;width:1200px;margin:0 auto;}
#header .box .left{width:100%;padding-right:50px;text-align:center;}
#header .box .right{position:absolute;top:0;right:0;}

#header .box .sebox {position:absolute;top:0;right:0;}
#header .box .sebox .suggestion{border:#d9d9d9 1px solid;border-top:none;background:#fff;cursor:default;overflow:auto;width:400px;display:none;z-index:99999;position:absolute;top:40px;right:0;max-height:350px;padding:5px 0;}
#header .box .sebox .suggestion::-webkit-scrollbar {width: 6px; height: 6px; background: #f9f9f9;}
#header .box .sebox .suggestion::-webkit-scrollbar-thumb {width: 6px; background-color: #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#header .box .sebox .suggestion::-webkit-scrollbar-track {padding: 6px;}

#header .box .sebox .suggestion ul{width:100%;padding:0;margin:0;list-style:none;}
#header .box .sebox .suggestion ul li{display:block;width:100%;margin:0;padding:10px;list-style:none;}
#header .box .sebox .suggestion ul li:nth-child(even){background:#f1f1f1;}

#header .box .sebox .suggestion ul li .thumb{width:25%;display:inline-block;vertical-align:top;}
#header .box .sebox .suggestion ul li .thumb img{display:block;width:100%;border:none;}
#header .box .sebox .suggestion ul li .info{width:75%;display:inline-block;vertical-align:top;padding:0 0 0 12px;}
#header .box .sebox .suggestion ul li .info div{display:block;width:100%;margin:0;padding:0;font:400 16px/22px 'Roboto', sans-serif;color:#444;}
#header .box .sebox .suggestion ul li .info p{display:block;width:100%;margin:0;padding:3px 0 0;font:400 14px/22px 'Roboto', sans-serif;color:#444;}
#header .box .sebox .suggestion ul li .info p span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#header .box .sebox .suggestion ul li .info p span.price{font:700 15px/20px 'Roboto', sans-serif;color:#f00;}

.fixed{position:fixed !important;z-index:999 !important;width:100% !important;top:0;}
	
#boxanh{padding:10px 0 0;}
#boxanh .thumb{width:100%;}
#boxanh .thumb img{display:block;width:100%;border:none}
#box80{}

#anhbn{display:flex;width:1200px;margin:0 auto;padding:10px 0 0;}
#anhbn .thumb{display:block;width:100%;}
#anhbn .thumb img{display:block;width:100%;border:none}
#anhbn .head{width:100%;position:relative;margin:25px auto;padding:0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#anhbn .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#fff;}
#anhbn .head span{padding:0 15px;font:400 40px/50px Roboto;color:#fff;text-transform:uppercase;}

.h45{display:block;width:100%;height:45px;}

div.search{display:flex;padding:5px 0;z-index:2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
div.search .ditext{
	display: flex;
    flex-grow: 1;
    flex-basis: 0;
    vertical-align: middle;
	}
div.search .dibut {
    display: flex;
    width: auto;
    vertical-align: middle;
}

div.search input {
	display:inline-block;
	width:150px;
    -webkit-appearance: none;
    background-color:#fff;
    border:#fff 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px;
	font:400 14px/18px Arial;
	color:#999;
	-webkit-border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft:15px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}

div.search button[type="submit"] {
	width:auto;
    background-color:#fff;
    border:#fff 1px solid;
	border-left:none;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 5px;
	font:400 14px/18px Arial;
	color:#222;
	cursor:pointer;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-bottomright:15px;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;

}
div.search button[type="submit"]:hover {
	color:#d42316;
}
/* END HEADER */

/* START CONTENT */
#navi{margin: 0;padding:0;}
#navi .navibox{width:1200px;margin:0 auto;
    position: relative;
    padding:5px 0;
    font:400 15px/30px Roboto;
    color: #989898;
	border-bottom:#ccc 1px solid;
	}
#navi .navibox a{
    display: inline-block;
    padding: 0 10px;
    font:400 15px/30px Roboto;
    color: #444;
    text-decoration: none;
	}
#navi .navibox a:hover{text-decoration:underline;}
		
#otherul{padding:0;margin:0 0 0 10px;list-style:none;}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position: 5px 7px;padding:0 0 10px 15px}
#otherul li a{font:400 16px/20px Roboto;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}

#content{width:100%;padding:0 0 30px;margin: 0 auto;}

.pad0{padding:0 !important}

/* START HOME BOX */
#content div.home{}
#content div.home ul{display:block;margin:0;padding:0;list-style:none;}
#content div.home ul li{margin:0;padding:0;list-style:none;}
#content div.home ul li.pgroup {background:#fff;background-size:contain;padding:25px 0;text-align:center;}
#content div.home ul li.pgroup .head{width:1200px;position:relative;margin:25px auto;padding:0;text-align:center}
#content div.home ul li.pgroup .head::before{position:absolute;top:23px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.pgroup .head h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 30px/40px Roboto;color:#e41515;text-transform:uppercase;z-index:2}
#content div.home ul li.pgroup .head h2 span{color:#e41515;}

#content div.home ul li.pgroup ul{
  	display:flex;
  	flex-wrap:wrap;
  	justify-content:center;   /* căn giữa khi thiếu ô */
  	gap:20px;
  	max-width:1200px;
  	margin:0 auto;
	list-style:none;
	}
#content div.home ul li.pgroup ul li{background:#f5f5f5;text-align:center;padding:15px;border-radius:6px;
	flex:0 0 calc(33.333% - 20px);
	max-width:calc(33.333% - 20px);
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
    overflow: hidden;
	}

#content div.home ul li.pgroup ul li .thumb{display:block;width:100%;padding:15px;overflow:hidden;}
#content div.home ul li.pgroup ul li .thumb a{display:block;position:relative;width:100%;}
#content div.home ul li.pgroup ul li .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;transition-duration: 0.3s;}

#content div.home ul li.pgroup ul li .info{position:relative;text-align:center;}
#content div.home ul li.pgroup ul li .info h3{margin:0;padding:0 0 10px;}
#content div.home ul li.pgroup ul li .info h3 a{display:block;font:450 16px/25px Roboto;color:#444;}
#content div.home ul li.pgroup ul li .info h3 a:hover{color:#222;}
#content div.home ul li.pgroup ul li .info div{margin:0;padding:0;font:400 16px/20px Roboto,Arial;color:#e41515}

#content div.home ul li.pgroup ul li:hover{box-shadow:0 10px 15px -10px rgba(0, 0, 0, 0.5);}
#content div.home ul li.pgroup ul li:hover .thumb a img{transform: scale(1.1);}

/* DICH VU */
#content div.home ul li.dichvu {position:relative;background:#f5f5f5;}
#content div.home ul li.dichvu .dvbox{width:1200px;position:relative;padding:55px 0;margin:0 auto;z-index:2}

#content div.home ul li.dichvu .dvbox .head{width:100%;position:relative;margin:0 auto 35px;padding:0;text-align:center}
#content div.home ul li.dichvu .dvbox .head::before{position:absolute;top:23px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.dichvu .dvbox .head h2{position:relative;background:#f5f5f5;display:inline-block;margin:0;padding:5px 15px;font:450 30px/40px Roboto;color:#e41515;text-transform:uppercase;z-index:2}

#content div.home ul li.dichvu .dvbox .tbox{position:relative;}
#content div.home ul li.dichvu .dvbox .tbox ul{position:relative;display:grid;width:100%;margin:0 auto;padding:0;list-style:none;
	grid-auto-rows:minmax(min-content, max-content);
	grid-template-columns:repeat(4,minmax(0,1fr));
	column-gap:35px;
	row-gap:35px;	
	}

#content div.home ul li.dichvu .dvbox .tbox ul li{position:relative;width:100%;display:flex;margin:0;padding:0;list-style:none;flex-direction:column;}

#content div.home ul li.dichvu .dvbox .tbox ul li .thumb{display:block;width:130px;margin:0 auto;}
#content div.home ul li.dichvu .dvbox .tbox ul li .thumb img{display:block;max-width:100%;height:130px;border:none;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info{width:100%;display:block;padding:15px 0 0;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info div{padding:0 0 10px;font:600 18px/22px 'Roboto', Arial;color:#222;text-align:center;}
#content div.home ul li.dichvu .dvbox .tbox ul li .info p{padding:0;font:400 14px/22px 'Roboto', Arial;color:#444;text-align:justify;}
/* END DICH VU */

#content div.home ul li.ngroup{background:#fff;}
#content div.home ul li.ngroup .nbbox{width:1200px;position:relative;padding:45px 0;margin:0 auto;}
#content div.home ul li.ngroup .nbbox .head{position:relative;margin:0 auto;padding:0 0 25px;text-align:center}
#content div.home ul li.ngroup .nbbox .head::before{position:absolute;top:23px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.ngroup .nbbox .head span{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:450 30px/40px Roboto;color:#e41515;text-transform:uppercase;z-index:2}
#content div.home ul li.ngroup .nbbox .head div{padding:10px 0 0;font:400 18px/22px Roboto;color:#444;text-align:center}
#content div.home ul li.ngroup .nbbox .head div p,
#content div.home ul li.ngroup .nbbox .head div div{padding:3px 0;font:400 18px/22px Roboto;color:#444;text-align:center}
#content div.home ul li.ngroup .nbbox .head div a{color:#444;}
#content div.home ul li.ngroup .nbbox .ibox{width:100%;overflow:hidden;}

.nbview {width:100%;overflow:hidden;}
.nbview .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% + 35px) !important;
    width: -webkit-calc(100% + 35px) !important;
    width: -o-calc(100% + 35px) !important;
    width: calc(100% + 35px) !important;
}
.nbview .item{background:#fff;margin:0 35px 0 0;padding:0;overflow:hidden;}

.nbview .item .thumb{position:relative;display:block;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.nbview .item .thumb img{display:block;width:100%;border:none;}
.nbview .item .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0;
    display: flex;
    align-items: center;
	text-align:center;
	}
.nbview .item .thumb .play div{width:auto;margin:0 auto}
.nbview .item .thumb .play img{width:auto;height:50px;display:block;border:none;}

.nbview .item .info{position:relative;width:100%;min-height:134px;padding:10px 15px 15px;}
.nbview .item .info h3{max-height:44px;overflow:hidden;margin:0 0 5px;padding:0;font:450 17px/22px Roboto;color:#ca1735;text-align:left}
.nbview .item .info h3 a{color:#ca1735}
.nbview .item .info h3 a:hover{color:#222;}
.nbview .item .info div{margin:0;padding:0;font:400 15px/22px Roboto;color:#444;text-align:left;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
/* END NEWS */

#content div.home ul li.dgroup{background:#fff;}
#content div.home ul li.dgroup .nbbox{width:1200px;position:relative;padding:35px 0;margin:0 auto;}
#content div.home ul li.dgroup .nbbox .head{position:relative;margin:0 auto;padding:0 2% 25px;text-align:center}
#content div.home ul li.dgroup .nbbox .head span{font:450 28px/30px Roboto, serif;color:#ec3237;}
#content div.home ul li.dgroup .nbbox .ibox{}
.nsxview {width:100%;overflow:hidden;}
.nsxview .item{margin:0 5px;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
.nsxview .item .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
	}
.nsxview .item .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
/* END DOI TAC */

#content div.home ul li.overview{background:#f5f5f5;padding:45px 0 55px;}
#content div.home ul li.overview .head{width:1200px;position:relative;margin:0 auto 35px;padding:0;text-align:center}
#content div.home ul li.overview .head::before{position:absolute;top:28px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.overview .head h2{position:relative;background:#f5f5f5;display:inline-block;margin:0;padding:5px 15px;font:450 30px/40px Roboto;color:#e41515;text-transform:uppercase;z-index:2}

#content div.home ul li.overview .ovbox{width:1200px;margin:0 auto;display:flex;align-items:center;}
#content div.home ul li.overview .ovbox .thumb{width:50%;display:inline-block;vertical-align:top;padding:0 0 0 4%}
#content div.home ul li.overview .ovbox .thumb img{display:block;width:100%;border:none}
#content div.home ul li.overview .ovbox .thumb .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:0;
	}
#content div.home ul li.overview .ovbox .thumb .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}
	
#content div.home ul li.overview .ovbox .info{width:50%;display:inline-block;vertical-align:top;padding:0;font:400 15px/24px Roboto, Arial;color:#454545;}

#content div.home ul li.overview .ovbox .info .ocon{padding:0;font:400 16px/22px Roboto;color:#222;}
#content div.home ul li.overview .ovbox .info .ocon h1{font:450 20px/30px Roboto, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h2{font:450 18px/30px Roboto, Arial;color:#232021;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon h3{font:450 16px/30px Roboto, Arial;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon p{font:400 16px/22px Roboto;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon div{font:400 16px/22px Roboto;color:#333;padding:5px 0;}
#content div.home ul li.overview .ovbox .info .ocon a{font:400 16px/22px Roboto;color:#333;text-decoration:none}
#content div.home ul li.overview .ovbox .info .ocon a:hover{font:400 16px Roboto;color:red;text-decoration:underline}
#content div.home ul li.overview .ovbox .info .ocon img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content div.home ul li.overview .ovbox .info .ocon ul{width:100%;padding:10px 0;margin:0;list-style-type:none;}
#content div.home ul li.overview .ovbox .info .ocon ul li{display:inline-block;width:100%;background:url("/images/global/63144.png") no-repeat left;background-position:0 11px;background-size:auto 12px;padding:5px 0 5px 22px;margin:0;list-style-type:none;
	font:400 16px/22px Roboto;color:#333;
	}

#content div.home ul li.overview .ovbox .info div.more {padding:10px 0 0;text-align:left;}
#content div.home ul li.overview .ovbox .info div.more a{display: inline-block;margin:0;padding:10px 35px;font:450 16px/20px Roboto, Arial;color:#fff;
    background:#ec3237;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;	
	}
#content div.home ul li.overview .ovbox .info div.more a:hover{background:#cb1419;}
/* END OVERVIEW */

/* HOME > OVERVIEW 1 */
#content div.home ul li.overview1{margin:0;}
#content div.home ul li.overview1{background:#fff;}
#content div.home ul li.overview1 .obox{width:1200px;position:relative;padding:35px 0;margin:0 auto;}
#content div.home ul li.overview1 .obox .head{position:relative;margin:0 auto;padding:0 0 25px;text-align:center}
#content div.home ul li.overview1 .obox .head::before{position:absolute;top:20px;content:"";background:#ccc;display:block;width:100%;height:1px;z-index:1}
#content div.home ul li.overview1 .obox .head h2{position:relative;background:#fff;display:inline-block;margin:0;padding:5px 15px;font:bold 26px/30px Roboto;color:#ec3237;text-transform:uppercase;z-index:2}
#content div.home ul li.overview1 .obox .head h2 span{color:#013469;}
#content div.home ul li.overview1 .obox .head div{padding:10px 0 0;font:400 18px/22px Roboto;color:#444;text-align:center}
#content div.home ul li.overview1 .obox .head div span{color:#ec3237;}
#content div.home ul li.overview1 .obox .head div p,
#content div.home ul li.overview1 .obox .head div div{padding:3px 0;font:400 18px/22px Roboto;color:#444;text-align:center}
#content div.home ul li.overview1 .obox .head div a{color:#444;}
#content div.home ul li.overview1 .obox .ovbox{width:100%;overflow:hidden;}

.ov1view {width:100%;overflow:hidden;}
.ov1view .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% + 50px) !important;
    width: -webkit-calc(100% + 50px) !important;
    width: -o-calc(100% + 50px) !important;
    width: calc(100% + 50px) !important;
}
.ov1view .item{background:#fff;margin:0 50px 0 0;padding:0;overflow:hidden;}
.ov1view .item .thumb{position:relative;display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	border:#f6f6f6 8px solid;
	}
.ov1view .item .thumb img{display:block;width:100%;border:none;}

.ov1view .item .thumb .info{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;background:rgba(255,255,255,0.2)}
.ov1view .item .thumb .info h3{display:block;width:100%;font:bold 26px/35px Roboto;color:#fff;text-transform:uppercase;text-align:center}

/* HOME > END OVERVIEW 1 */
	
#content div.home ul li.formdv{background:#013469;padding:55px 0;}
#content div.home ul li.formdv .box{display:block;width:1000px;margin:0 auto;}
#content div.home ul li.formdv .box .head{display:block;width:100%;position:relative;margin:0;padding:0;border-bottom:#d3cec5 1px solid;}
#content div.home ul li.formdv .box .head h2{position:relative;display:inline-block;margin:0;padding:0 0 6px;font:400 25px/35px Roboto;color:#fff;text-transform:uppercase;}
#content div.home ul li.formdv .box .head h2:before{position:absolute;display:block;content:'';left:0;right:0;bottom:-1px;height:2px;background:#fff;z-index:1}
#content div.home ul li.formdv .box .head h2 span{color:#fff;}
#content div.home ul li.formdv .box .ibox{padding:15px 0 0;}
#content div.home ul li.formdv .box .ibox ul{display:block;width:100%;margin:0;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li{width:56%;display:inline-block;vertical-align:top;margin:0 0 0 4%;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li:first-child{width:40%;margin-left:0;}
#content div.home ul li.formdv .box .ibox ul li.submit{width:100%;margin:0;padding-top:10px;text-align:right;}
#content div.home ul li.formdv .box .ibox ul li span{display:block;padding:5px 0 0 5px;font:400 12px Roboto, Arial;color:#f00;}
#content div.home ul li.formdv .box .ibox ul li ul{display:block;width:100%;margin:0;padding:0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;}
#content div.home ul li.formdv .box .ibox ul li ul li:first-child{width:100%;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-appearance: none;
    background:none;
    border: #b9b9b9 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/28px Roboto, Arial;
	color:#fff;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#content div.home ul li.formdv .box .ibox ul li textarea{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-appearance: none;
    background:none;
    border: #b9b9b9 1px solid;
    outline: 0;
    margin:5px 0;
    padding:5px 10px;
	font:400 15px/23px Roboto, Arial;
	color:#fff;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]::placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::placeholder {font-size:14px;color:#bfbfbf;opacity: 1;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]::-ms-input-placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::-ms-input-placeholder {font-size:14px;color:#bfbfbf;}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]::-ms-input-placeholder,
#content div.home ul li.formdv .box .ibox ul li textarea::-ms-input-placeholder {font-size:14px;color:#bfbfbf;}
#content div.home ul li.formdv .box .ibox ul li input[type="button"] {
	display:inline-block;
	width:auto;
	background:#ed1b24;
	border:#ed1b24 1px solid;
	margin:0;
	padding:8px 25px 6px;
	font: 400 13px/24px Roboto, Arial;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	outline:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#content div.home ul li.formdv .box .ibox ul li input[type="text"]:hover,
#content div.home ul li.formdv .box .ibox ul li textarea:hover{
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#content div.home ul li.formdv .box .ibox ul li input[type="button"]:hover {background:#b70007;border:#b70007 1px solid;}

/* END HOME BOX */
	
#content .conbox{display:flex;width:1200px;margin:0 auto;padding:15px 0;}

#content .conbox .coleft{width:75%;display:inline-block;vertical-align:top;padding:0 25px 0 0;border-right:#ececec 1px solid;}
#content .conbox .coright{width:25%;display:inline-block;vertical-align:top;padding:0 0 0 25px;}
#content .conbox .coright section{height:100%;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);
	}
.sticky {position:-webkit-sticky;position:sticky;top:10px;}

#content .conbox .coright .ibook{display:block;margin:0 0 12px;padding:10px 15px;border:#ececec 1px solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;	
	}
#content .conbox .coright .ibook .head{display:block;margin:0;padding:0 0 12px;font:bold 16px/22px Roboto;color:#013469;text-transform:uppercase;}
#content .conbox .coright .ibook ul{display:block;width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden;}
#content .conbox .coright .ibook ul li{display:block;width:100%;margin:0 0 10px;padding:0 0 10px;list-style-type:none;border-bottom:#e3e3e3 1px solid;}
#content .conbox .coright .ibook ul li:last-child{margin:0;padding:0;border-bottom:none;}
#content .conbox .coright .ibook ul li .thumb{width:28%;display:inline-block;vertical-align:top;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;	
	}
#content .conbox .coright .ibook ul li .thumb img{display:block;width:100%;border:none;}
#content .conbox .coright .ibook ul li .info{width:72%;display:inline-block;vertical-align:top;padding:0 0 0 15px;}
#content .conbox .coright .ibook ul li .info div{margin:0;padding:10px 0 0;font:bold 15px/20px Roboto;color:#187d63;}
#content .conbox .coright .ibook ul li .info p.tvvtel{margin:0;padding:0;font:bold 22px/30px Roboto;color:#f00;}
#content .conbox .coright .ibook ul li .info p.tvvtel a{color:#f00;}
#content .conbox .coright .ibook ul li .info p.tvvema{margin:0;padding:3px 0 2px;font:400 14px/16px Roboto;color:#555;}
#content .conbox .coright .ibook ul li .info p.tvvema a{color:#555;}
#content .conbox .coright .ibook ul li .info p.tvvema i{padding-right:5px;}

#content .conbox .coright .inews{display:block;margin:0 0 12px;padding:10px 15px;border:#ececec 1px solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;	
	}
#content .conbox .coright .inews .head{display:block;margin:0;padding:0 0 12px;font:bold 16px/22px Roboto;color:#ed1b24;text-transform:uppercase;}
#content .conbox .coright .inews ul{display:block;width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden;}
#content .conbox .coright .inews ul li{display:block;width:100%;margin:0 0 10px;padding:0 0 10px;list-style-type:none;border-bottom:#e3e3e3 1px solid;}
#content .conbox .coright .inews ul li:last-child{margin:0;padding:0;border-bottom:none;}
#content .conbox .coright .inews ul li .thumb{width:40%;display:inline-block;vertical-align:top;}
#content .conbox .coright .inews ul li .thumb img{display:block;width:100%;border:none;}
#content .conbox .coright .inews ul li .info{width:60%;display:inline-block;vertical-align:top;padding:0 0 0 12px;}
#content .conbox .coright .inews ul li .info div{height:60px;overflow:hidden;margin:0;padding:0;}
#content .conbox .coright .inews ul li .info div a{display:block;margin:0;padding:0;font:400 15px/20px Roboto;color:#444;}
#content .conbox .coright .inews ul li .info div a:hover{color:#f00;}

#content div.conbox .left{width:55%;display:inline-block;vertical-align:top;padding:0 5% 0 0;}
#content div.conbox .left iframe{display:block;width:100%;max-width:100%;}

#content div.conbox .left .hmap {border:#d6d6d6 1px solid;margin:10px 0 0;padding:5px;}
#content div.conbox .left .hmap .gmap {
	width:100%;
	height:350px;
	margin:0;
	overflow:hidden;
}
#content div.conbox .left .hmap .gmap .map {
	width:100%;
	height:400px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#content div.conbox .left .hmap .gmap .map button{height:30px !important;width:30px !important;}
#content div.conbox .left .hmap .gmap .map div{font-size:14px !important}

#content div.conbox .left .hmap .mapTitle{font:bold 15px/18px Roboto;color:#222}

#content div.conbox .right{width:45%;display:inline-block;vertical-align:top;}
#content div.conbox .right div.head{position:relative;margin:0 0 15px;padding:0 0 5px;font:bold 18px/22px Roboto;color:#013469;text-transform:uppercase;border-bottom: #d6d6d6 1px solid;}
#content div.conbox .right div.head:before {
    content: '';
    display: block;
    background: #013469;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 2px;
    z-index: 1;
}
	
#content .featured{padding:25px 0;}
#content .featured span{color:#565656;font:bold 22px/22px "Roboto", sans-serif;margin:0;padding:0;text-transform: uppercase;}
	
#sliderh {
  width:1200px;
  margin:0 auto;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  overflow:hidden;
	}

/* MAIN PRO DETAIL */
#content .prode {}
	
/* START NEWS LIST */
#content div.neread{margin:0;padding:35px 0 15px;font:400 15px/15px OpenSans;color:#222;text-align:center}
#content div.neread a{
    border: #ff0000 2px solid;
    color: #ff0000;
    display: inline-block;
    font: 400 14px/34px Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 0 25px;
    text-decoration: none;
	}
#content div.neread a:hover{background: #ff0000 none repeat scroll 0 0;color:#fff;text-decoration:none}

#content .ulnews{width:100%;padding:0;margin:0 auto;list-style-type:none;}
#content .ulnews li{
	display:inline-block;
	background:#fff;
	border:#d9d9d9 1px solid;
	width:29.33333%;
	margin:25px 2% 0;
	padding:10px;
	list-style-type:none;
	vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
	
#content .ulnews li .thumb{
	position:relative;
	width:100%;
	padding:0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content .ulnews li .thumb a img{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	opacity:1;
	border:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	z-index:1;
	}
#content .ulnews li h4{margin:10px 0 8px 0;padding:0;font:400 16px/22px OpenSansSemiBold;color:#222;height:22px;overflow:hidden;}
#content .ulnews li h4 a{font:400 16px/22px OpenSansSemiBold;color:#222;}
#content .ulnews li h4 a:hover {color:#dd3333;}
#content .ulnews li p.desc{height:60px;overflow:hidden;margin:0;padding:0;font:400 14px/20px OpenSans;color:#444;}
#content .ulnews li p.updated{margin:0;padding:0 0 8px 0;font:400 italic 13px/13px OpenSans;color:#565656;}
/* END NEWS LIST */

/* START HOME PRO LIST */
#home .pro{width:100%;padding:0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li{display:inline-block;width:32%;position:relative;background:#fff;margin:25px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li:first-child,
#home .pro li:nth-child(4),
#home .pro li:nth-child(7),
#home .pro li:nth-child(10),
#home .pro li:nth-child(13),
#home .pro li:nth-child(16){margin-left:0;}
#home .pro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#home .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#home .pro li .thumb span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#home .pro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#home .pro li .info {position:relative;padding:5px 10px;}
#home .pro li h2{height:22px;overflow:hidden;margin:3px 0;padding:0;font:400 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#home .pro li h2 a{font:400 14px/22px 'Roboto', sans-serif;color:#666}
#home .pro li h2 a:hover{color:#222;}

#home .pro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#home .pro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#home .pro li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#f00;}	

#home .pro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#home .pro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#home .pro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#home .pro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#home .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END HOME PRO LIST */

/* START PRO LIST */
#content .pro{width:100%;padding:0;margin:0;list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li{display:inline-block;width:32%;position:relative;background:#fff;margin:25px 0 0 2%;list-style:none;vertical-align:top;

    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li:first-child,
#content .pro li:nth-child(4),
#content .pro li:nth-child(7),
#content .pro li:nth-child(10),
#content .pro li:nth-child(13),
#content .pro li:nth-child(16){margin-left:0;}
#content .pro li .thumb {
    display: block;
	position:relative;
    text-align: center;
    width: 100%;
	overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#content .pro li .thumb img{
	display:block;
	width: 100%;
	border:none;
	}
#content .pro li .thumb span {
    display:inline-block;
	background-color: #ec3e45;
    border-radius: 5px;
    color: white;
    font:700 10px/10px 'Roboto', sans-serif;
    left: 15px;
    padding: 4px 7px;
    position: absolute;
    top: 15px;
}
#content .pro li .thumb span.qt {background:none;border-radius:0;left: 70px;padding:0;top: 10px;}

#content .pro li .info {position:relative;padding:5px 10px;}
#content .pro li h2{margin:3px 0;padding:0;font:400 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#content .pro li h2 a{font:400 14px/22px 'Roboto', sans-serif;color:#666}
#content .pro li h2 a:hover{color:#222;}

#content .pro li p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#content .pro li span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#content .pro li span.price{font:900 16px/20px 'Roboto', sans-serif;color:#f00;}	

#content .pro li div.lovebox{position:absolute;right:10px;bottom:5px;}	
#content .pro li div.lovebox .love {display:inline-block;background: url('/images/global/cart2-icon.png') no-repeat;width:20px;height:20px;cursor: pointer;}
#content .pro li div.lovebox .love:hover{background: url('/images/global/cart2-icon-hover.png') no-repeat;}
#content .pro li div.lovebox .numcart {
    display:none;
	visibility: hidden;
    padding:0;
}

#content .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);transform: scale(1.02);}
/* END PRO LIST */

/* START PRO DETAIL */
#content .divpro{position:relative;width:100%;padding:0;margin:0;}
#content .divpro .protop{background:#fff;width:100%;padding:45px 0;margin:0;}
#content .divpro .protop .box{width:1200px;padding:0;margin:0 auto;}
#content .divpro .protop .left{display:inline-block;vertical-align:top;width:50%;padding:0 5% 0 0;margin:0;}
#content .divpro .protop .left .nogal img{display:block;width:100%;border:none;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}
#content .divpro .protop .left .nogal img:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5); transform: scale(1.02);}

#content .divpro .protop .right{display:inline-block;vertical-align:top;width:50%;padding:0 0 0 5%;margin:0;}
#content .divpro .protop .right h1{margin:0;padding:0 0 5px;font:bold 35px/40px Roboto;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .protop .right .price{position:relative;display:block;width:100%;padding:5px 0;margin:0;font:bold 16px/25px Roboto;color:#4f4f4f;}
#content .divpro .protop .right .price span{font:bold 25px/25px Roboto;color:#f00;}
#content .divpro .protop .right .price span.tt{font:400 24px/34px Roboto;color:#4f4f4f;text-decoration:line-through}
#content .divpro .protop .right .promo{padding:5px 0;margin:15px 0;font:400 15px/20px Roboto;color:#4f4f4f;}
#content .divpro .protop .right .promo .prom-title{font:400 14px/20px Roboto;color:#4f4f4f;position: relative;padding: 10px 20px;border-bottom: 2px solid #f5f5f5;}
#content .divpro .protop .right .promo .prom-title h2{position:relative;display:inline-block;margin:0;padding:0;font:400 14px/20px Roboto;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .protop .right .promo .prom-title h2 img{position:absolute;right:-28px;display:block;top:-5px;}
#content .divpro .protop .right .promo .promgen{font:400 16px/22px Roboto;;color:#4f4f4f;padding:10px 20px;}
#content .divpro .protop .right .promo .promgen h1{font:20px/26px Roboto;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h2{font:18px/26px Roboto;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen h3{font:16px/26px Roboto;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p{font:16px/22px Roboto;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen div{font:16px/22px Roboto;color:#4f4f4f;padding:5px 0;}
#content .divpro .protop .right .promo .promgen p a{font:400 16px/22px Roboto;;color:#4f4f4f;text-decoration:none}
#content .divpro .protop .right .promo .promgen p a:hover{color:red;text-decoration:underline}
#content .divpro .protop .right .promo .promgen img{margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .divpro .protop .right .promo .promgen table{max-width:100%;}
#content .divpro .protop .right .promo .promgen td{padding:3px 5px;}
#content .divpro .protop .right .promo .promgen .bang {margin:10px 0;border-collapse: collapse;}
#content .divpro .protop .right .promo .promgen .bang td{padding:3px 5px;border:#ababab 1px solid;}

#content .divpro .protop .right .technote{padding:15px 0;margin:15px 0;font:400 16px/25px Roboto;color:#4f4f4f;border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;}
#content .divpro .protop .right ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#content .divpro .protop .right ul li{display:inline-block;width:100%;margin:0;padding:5px 0;list-style:none;vertical-align:top;font:400 16px/24px Roboto;color:#4f4f4f;}
#content .divpro .protop .right ul li:nth-child(odd){width:25%;padding:5px 10px 5px 0;}
#content .divpro .protop .right ul li:nth-child(even){width:75%;}
#content .divpro .protop .right ul li a{font:400 16px/24px Roboto;color:#4f4f4f;}
#content .divpro .protop .right ul li a:hover{text-decoration:underline}
	
.lisize{padding:4px 10px 4px 0;}
.txtsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
.acs {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.txtcolor{
	width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/24px Arial;
    color: #444;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.acc {
	width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/24px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.txtcolor span,
.acc span{
	width:100%;
	height:100%;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#size{}
#msize{}
.spsize,
.spmsize{
	min-width:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#e5e5e5 1px solid;
	font:400 14px/22px Arial;
	color: #444;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.sizeac,
.msizeac {
	min-width:24px;
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin:3px 4px 3px 0;
	border:#df0023 2px solid;
	font:400 14px/22px Arial;
	color: #df0023;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#color{height:20px;display:inline-block;}
#mcolor{}
.spcolor,
.spmcolor{
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    padding: 1px;
    border: #e5e5e5 1px solid;
    font: 400 14px/20px Arial;
    color: #444;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.colac,
.mcolac {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    border: #df0023 1px solid;
    font: 400 14px/20px Arial;
    color: #df0023;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.spcolor span,
.spmcolor span,
.colac span,
.mcolac span{
	width:100%;
	height:100%;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#size:hover > .spsize{display:inline-block;}
#msize:hover > .spmsize{display:inline-block;}
#color:hover > .spcolor{display:inline-block;}
#mcolor:hover > .spmcolor{display:inline-block;}

#content .divpro .protop .right .procart{
    position: relative;
    padding:15px 0;
    margin:0;
	}
#content .divpro .protop .right .procart span.dcart{
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: top;
	
	display:inline-block;
	background:#e11428;
	margin:0 10px 0 0;
	padding:5px 12px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:bold 12px/30px Roboto;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	}
#content .divpro .protop .right .procart span.dcart:hover {transform: scale(1.1);}
#content .divpro .protop .right .procart span.dcart i{padding-right:6px;}

.prosoluong {outline:none;background:#fff;width:30px;font: 900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.promsoluong {outline:none;width:30px;font:900 16px/30px Arial;text-align:center;color:#222;padding:5px;border:#fff 0px solid;}
.txpronum {outline:none;width:40px;font:900 16px/30px Arial;text-align:center;color:#fff;padding:5px;border:none;background:transparent;
	cursor:pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
	
#content .divpro .protop .right .procart span.numcart{
	display:inline-block;vertical-align: top;
	border: #fff 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

#content .menuScroll{background:#013469;position:relative;width:100%;padding:0;}
#content .menuScroll .divFixed{width:100%;margin:0;padding:0;}
#content .menuScroll .divFixed.activeFixed{position:fixed;top:0;left:0;z-index:50;background:#013469;}
#content .menuScroll .divFixed .wrapper{width:1200px;margin:0 auto;padding:0;text-align:center;}
#content .menuScroll .divFixed .wrapper ul{display:inline-block;width:auto;margin:0;padding:0;list-style:none;}
#content .menuScroll .divFixed .wrapper ul li{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .menuScroll .divFixed .wrapper ul li a{display:block;margin:0;padding:5px 20px;font:400 18px/30px Roboto;color:#fff;text-transform:uppercase;white-space:nowrap;}
#content .menuScroll .divFixed .wrapper ul li a:hover{color:#ff0;}
#content .menuScroll .divFixed .wrapper ul li a.active{color:#ff0;}
	
#content .divpro .procon{width:1200px;margin:0 auto;padding:20px 0;}

#content .divpro .procon .pmnu{width:100%;}
#content .divpro .procon .pmnu .pbox{width:100%;margin:0 auto;}
#content .divpro .procon .pmnu .pbox ul{width:auto;display:inline-block;padding:0;margin:0;list-style-type:none;}
#content .divpro .procon .pmnu .pbox ul li{width:100%;display:inline-block;vertical-align:top;padding:0;margin:0;list-style-type:none;}
#content .divpro .procon .pmnu .pbox ul li a{display:block;padding:5px 10px;font:400 16px/25px Roboto;color:#4f4f4f;text-transform:uppercase;}
#content .divpro .procon .pmnu .pbox ul li a:hover{color:#f00;}

#content .divpro .procon .pro-title{position:relative;padding:0;border-bottom:#013469 2px solid;}
#content .divpro .procon .pro-title span{background:#013469;position:relative;display:inline-block;margin:0;padding:5px 35px;font:400 16px/25px Roboto;color:#fff;}
	
#content .divpro .procon .pchead{margin:0 0 10px 0;border-bottom:#e88520 2px solid;}
#content .divpro .procon .pchead span{display:inline-block;background-color:#e88520;margin:0;padding:0 25px;font:bold 16px/30px 'Arial';color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
#content .divpro .profb{padding:20px 5%;overflow:hidden}
#content .proother{
    width: 1200px;
    margin: 0 auto;
	padding:10px 0 0;
	}
#content .proother .pro-title {
    font: 400 16px/20px 'Roboto', sans-serif;
    color: #666;
    text-align:center;
}
#content .proother .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proother .box{padding:10px 0;}

#content .proview{
    width: 1200px;
    margin: 0 auto;
	padding:20px 0 0;
	}
#content .proview .pro-title {padding:0 0 20px;
    font: 400 16px/20px 'Roboto', sans-serif;
    color: #666;
    text-align:center;
}
#content .proview .pro-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
    font: 400 22px/32px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;
	border-bottom: 2px solid #999;
}
#content .proview .box{background:#fff;padding:0 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
/* END PRO DETAIL */

/* START BOX PRO GEN */
#content .degen{font:400 16px/22px Roboto;;color:#4f4f4f;padding:15px 0;}
#content .degen h1{font:25px/30px Roboto;color:#4f4f4f;padding:10px 0;}
#content .degen h2{font:22px/28px Roboto;color:#4f4f4f;padding:8px 0;}
#content .degen h3{font:20px/26px Roboto;color:#4f4f4f;padding:6px 0;}
#content .degen h4{font:18px/26px Roboto;color:#4f4f4f;padding:6px 0;}
#content .degen p{font:16px/22px Roboto;color:#4f4f4f;padding:5px 0;}
#content .degen div{font:16px/22px Roboto;color:#4f4f4f;padding:5px 0;}
#content .degen a{font:400 16px/22px Roboto;;color:#4f4f4f;text-decoration:none}
#content .degen a:hover{color:red;text-decoration:underline}
#content .degen img{margin:5px 0;max-width:100%;border:none}
#content .degen table{max-width:100%;}
#content .degen td{padding:3px 5px;}
#content .degen .bang {margin:10px 0;border-collapse: collapse;}
#content .degen .bang td{padding:5px 8px;border:#e7e7e7 1px solid;}

#content .degen .bangvb {margin:10px 0;border-collapse: collapse;}
#content .degen .bangvb td{padding:8px 0;border:#ababab 0px solid;border-bottom:#dddddd 1px solid;}

#content .degen .bang0 {margin:10;border-collapse: collapse;}
#content .degen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .degen .bang2 {width:100% !important;margin:0;border-collapse:collapse;}
#content .degen .bang2 td{width:50% !important;padding:10px;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang2 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .bang3 {width:100% !important;margin:10px 0;border-collapse:collapse;}
#content .degen .bang3 td{width:33.33333% !important;padding:0;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang3 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .bang4 {width:100% !important;margin:10px 0;border-collapse:collapse;}
#content .degen .bang4 td{width:25% !important;padding:0;border:#ababab 0px solid;vertical-align:top;}
#content .degen .bang4 td img{display:inline-block;max-width:100%;border:none;}

#content .degen .box600{width:600px !important;margin:0 auto;padding:0;}
#content .degen .box650{width:650px !important;margin:0 auto;padding:0;}
#content .degen .box700{width:700px !important;margin:0 auto;padding:0;}
#content .degen .box750{width:750px !important;margin:0 auto;padding:0;}
#content .degen .box800{width:800px !important;margin:0 auto;padding:0;}
#content .degen .box850{width:850px !important;margin:0 auto;padding:0;}
#content .degen .box900{width:900px !important;margin:0 auto;padding:0;}
#content .degen .box950{width:950px !important;margin:0 auto;padding:0;}
#content .degen .box1000{width:1000px !important;margin:0 auto;padding:0;}
#content .degen .box1100{width:1100px !important;margin:0 auto;padding:0;}

/* END BOX PRO GEN */

#content .tailieu {padding:15px 0 10px;margin:0;}
#content .tailieu .ultailieu{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li.head{padding:10px 0;}
#content .tailieu .ultailieu li.head h2{margin:0;padding:0;font:400 18px/25px OpenSansSemiBold;color:#222;text-transform:uppercase;}
#content .tailieu .ultailieu li ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .tailieu .ultailieu li ul li a{font:400 14px/20px Arial;color:#222;}
#content .tailieu .ultailieu li ul li a i{padding-right:5px;}
#content .tailieu .ultailieu li ul li a:hover{color:#e72c3f;}
	
/* START BOX NEWS */
#content .mainnews {}
#content .nbox {width:100%;padding:0;margin:0;list-style:none}
#content .nbox li{width:100%;display:inline-block;vertical-align:top;padding:0 0 20px;margin:0 0 20px;border-bottom:#ececec 1px solid;}
#content .nbox li .left {float:left;width:30%;padding:0;}
#content .nbox li .left img{display:block;width:100%;border:none;}
#content .nbox li .right {float:right;width:70%;padding:0 0 0 15px;}
#content .nbox li h2{margin:0;padding:3px 0 5px;font:bold 16px/22px Roboto;text-transform:uppercase;color:#222;}
#content .nbox li h2 a{color:#222;}
#content .nbox li h2 a:hover{color:#f00;}
#content .nbox li p.updated{margin:0;padding:0;font:400 15px/22px Roboto;color:#666;}
#content .nbox li p.desc{margin:0;padding:0;font:400 16px/22px Roboto;color:#444;text-align:justify;}

/* CHIA 3 COT */
#content .n3box {width:100%;padding:0;margin:0;list-style:none}
#content .n3box li{display:inline-block;width:32%;padding:0;margin:10px 0 10px 2%;vertical-align:top;
	border-bottom:#ddd 0 dotted;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#content .n3box li:first-child,
#content .n3box li:nth-child(4),
#content .n3box li:nth-child(7),
#content .n3box li:nth-child(10){margin-left:0}

#content .n3box li .thumb {width:100%;padding:0;}
#content .n3box li .thumb img{display:block;width:100%;border:none;
	padding:0px;
	border: 0px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	}
#content .n3box li h2{
    margin: 0;
    padding: 8px 0 5px 0;
    font: 400 14px/18px OpenSans;
    text-transform: uppercase;
    color: #444;	
	}
#content .n3box li h2 a{color:#444;}
#content .n3box li h2 a:hover{color:#b15c00;}
#content .n3box li p.updated{margin:0;padding:0;font:400 italic 14px/20px 'Arial';color:#666;}
#content .n3box li p.desc{margin:0;padding:5px 0 0 0;font:400 14px/20px OpenSans;color:#444;}

/* END BOX NEWS */

#content .vibox{padding:15px 0 25px;}
#content .vibox iframe{width:100%;height:500px}

#content .vidbox{padding:15px 0 25px;}
#content .vidbox .vicbox{width:80%;margin:0 auto;}
#content .vidbox .vicbox iframe{width:100%;height:400px}

#content .vidbox{padding:15px 5% 25px;}
#content .vidbox .vicbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:15px 0 5px;
	}
#content .vidbox .vicbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}

/* START GROUP SP */
#content .groupsp{display:block;width:100%;font:400 16px/25px Roboto;color:#1b3868;text-align:center;}
#content .groupsp .head{padding:35px 0 45px;}
#content .groupsp .head h1{margin:0;padding:10px 0 30px;font:400 35px/45px Roboto;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .groupsp ul{
  	display:flex;
  	flex-wrap:wrap;
  	justify-content:center;   /* căn giữa khi thiếu ô */
  	gap:20px;
  	max-width:1200px;
  	margin:0 auto;
	list-style:none;
	}
#content .groupsp ul li {background:#f5f5f5;text-align:center;padding:15px;border-radius:6px;
	flex:0 0 calc(33.333% - 20px);
	max-width:calc(33.333% - 20px);
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
    overflow: hidden;
	}

#content .groupsp ul li .thumb {display:block;width:100%;padding:15px;overflow:hidden;}
#content .groupsp ul li .thumb a{display:block;position:relative;width:100%;}
#content .groupsp ul li .thumb a img{position:relative;display:block;width:100%;border:none;z-index:1;transition-duration: 0.3s;}

#content .groupsp ul li .info{position:relative;text-align:center;}
#content .groupsp ul li .info h3{margin:0;padding:0 0 10px;}
#content .groupsp ul li .info h3 a{display:block;font:450 16px/25px Roboto;color:#444;}
#content .groupsp ul li .info h3 a:hover{color:#222;}
#content .groupsp ul li .info div{margin:0;padding:0;font:400 16px/20px Roboto,Arial;color:#e41515}

#content .groupsp ul li:hover{box-shadow:0 10px 15px -10px rgba(0, 0, 0, 0.5);}
#content .groupsp ul li:hover .thumb a img{transform: scale(1.1);}
/* END GROUP SP */

/* START CHI TIẾT SP */
#content .headsp{position:relative;width:100%;margin:0;padding:0;
	-webkit-user-select: none;
	-moz-user-select: none;  
	user-select: none;
	overflow:hidden;
	}
#content .headsp .thumb{background-size:cover !important;background-position:center !important;}
#content .headsp .thumb img{display:block;width:100%;border:none;}
#content .headsp .srv-sec{width:100%;height:100%;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;}
#content .headsp .srv-midl-sec{position: absolute; bottom:0; left: 50%; width: 100%;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform:: translate(-50%, -50%);
    -webkit: translate(-50%, -50%);
    -moz-transform:: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: -webkit-translate(-50%, -50%);
    transform: translate(-50%, -50%);}
#content .headsp .srv-midl-sec div{font:400 40px/50px Roboto;color:#fff6ed;letter-spacing:3px;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);max-width:730px;
  padding:0 15px;text-align: center;margin:0 auto;}
#content .headsp .srv-midl-sec p{font:400 30px/40px Roboto;color:#fff6ed;letter-spacing:3px;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);max-width:730px;
  padding:0 15px;text-align: center;margin:0 auto;} 
#content .headsp .srv-dtl h1{ font-size: 26px; font-weight: 400; color: #ebe6df; letter-spacing: 5px; line-height: 32px; margin-bottom: 28px;}
#content .headsp .srv-btm{width:100%; position: absolute; bottom:30px; left: 50%; z-index: 9;
-webkit-transform: translateX(-50%);
    -ms-transform:: translateX(-50%);
    -webkit: translateX(-50%);
    -moz-transform:: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: -webkit-translateX(-50%);
    transform: translateX(-50%); }

#content .headsp .watch-btn{width:160px; height:30px; background:#00373D; border-radius:5px; line-height: 30px; text-transform: uppercase; margin:30px auto;box-shadow: 0px 2px 3px #001b1e; text-align: center;}
#content .headsp .watch-btn a{color:#FFF6ED; font-size:12px; letter-spacing:1px; font-weight:700;}
.overflow-hidden{overflow:hidden!important;}
.video-player{width:100%;height:100%;}
.video{width:100%;height:100%;
	-o-object-fit: cover;
    object-fit: cover;
    outline: none;
	}
	
#content .consp{position:relative;width:100%;margin:0;padding:0;overflow:hidden;}

#content .consp .cmenu{position:relative;background:#c8102e;width:100%;margin:0;padding:0;overflow:hidden;}
#content .consp .cmenu .ibox{width:1100px;margin:0 auto;}
#content .consp .cmenu .ibox .left{float:left;padding:10px 0;font:450 18px/20px Roboto;color:#fff;text-transform:uppercase;}
#content .consp .cmenu .ibox .right{float:right}
#content .consp .cmenu .ibox .right a{display:inline-block;vertical-align:top;padding:10px 8px;font:400 16px/20px Roboto;color:rgba(255,255,255,.85);}
#content .consp .cmenu .ibox .right a:hover{color:rgba(255,255,255,1);}
#content .consp .cmenu .ibox .right a.active{color:rgba(255,255,255,1);}

#content .consp .cmenu.cfixed{position:fixed;top:40px;z-index:998;}

#content .consp .overview{position:relative;background:url('/images/global/bgsp.jpg') no-repeat bottom center;width:100%;margin:0;padding:55px 0;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position: 50% 50% !important;
	}
#content .consp .overview .ibox{width:1100px;margin:0 auto;align-items:center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	}
#content .consp .overview .ibox .left{padding:0;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;}
#content .consp .overview .ibox .left .head{width:100%;position:relative;margin:0;padding:0 0 15px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .overview .ibox .left .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .overview .ibox .left .head span{padding:0 15px;font:700 22px/30px Roboto;color:#002c5f;text-transform:uppercase;}

#content .consp .overview .ibox .left .inbox{display:block;width:100%;font:400 16px/28px Roboto;color:#444;}
#content .consp .overview .ibox .left .inbox div,
#content .consp .overview .ibox .left .inbox p{margin:0;padding:8px 0;}
#content .consp .overview .ibox .left .inbox a{color:#444;}

#content .consp .overview .ibox .left .inbox ul,
#content .consp .overview .ibox .left .inbox ol{width:auto;margin:10px 0 10px 13px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .consp .overview .ibox .left .inbox ul li,
#content .consp .overview .ibox .left .inbox ol li{width:100%;margin:0;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .consp .overview .ibox .left .inbox ul li:before,
#content .consp .overview .ibox .left .inbox ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

#content .consp .overview .ibox .left .inbox .gia{padding:0;font:400 20px/30px Roboto;}
#content .consp .overview .ibox .left .inbox .gia p,
#content .consp .overview .ibox .left .inbox .gia div{font:400 20px/30px Roboto;}
#content .consp .overview .ibox .left .inbox .gia strong{font:bold 26px/30px Roboto;color:#f00;}

#content .consp .overview .ibox .left .inbox .ghichu{padding:0;font:400 14px/22px Roboto;}
#content .consp .overview .ibox .left .inbox .ghichu p,
#content .consp .overview .ibox .left .inbox .ghichu div{font:400 14px/22px Roboto;}
#content .consp .overview .ibox .left .inbox .ghichu strong{font:bold 14px/22px Roboto;}

#content .consp .overview .ibox .left .dk{display:block;padding:15px 0 0;text-align:center;}

#content .consp .overview .ibox .left .dk a{display:inline-block;vertical-align:top;margin:0 5px;padding:6px 30px;font:400 16px/20px Roboto;color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	-webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    text-rendering: optimizeLegibility;
	}
#content .consp .overview .ibox .left .dk a.dk1{background:#002c5f;}
#content .consp .overview .ibox .left .dk a.dk1:hover{background:#002c5f;}
#content .consp .overview .ibox .left .dk a.dk2{background:#ed1c24;}
#content .consp .overview .ibox .left .dk a.dk2:hover{background:#be161d;}
#content .consp .overview .ibox .left .dk a.dk3{background:#ec5803;}
#content .consp .overview .ibox .left .dk a.dk3:hover{background:#bd4602;}

#content .consp .overview .ibox .right{padding:15px 0 15px 15px;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;}
#content .consp .overview .ibox .right img{display:block;width:100%;border:none}

#content .consp .c360{position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .c360 .ibox{width:1100px;margin:0 auto;}
#content .consp .c360 .ibox .head{width:100%;position:relative;margin:0;padding:45px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .c360 .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .c360 .ibox .head span{padding:0 15px;font:400 38px/50px Roboto;color:#013469;text-transform:uppercase;}
#content .consp .c360 .ibox .inbox{display:block;width:100%;padding:0 0 55px;}

#content .consp .c360 .ibox .inbox .angle-view{display:none;width:100%;margin:0 auto;overflow:hidden;}
#content .consp .c360 .ibox .inbox .angle-view ul, #content .consp .c360 .ibox .inbox #angle-view li{margin:0;padding:0;}
#content .consp .c360 .ibox .inbox .angle-view li{list-style:none;}
#content .consp .c360 .ibox .inbox .angle-view ul{width:max-content;margin:0 auto;}
#content .consp .c360 .ibox .inbox .angle-view img{display:block;width:auto;max-width:100%;border:none;cursor:pointer;}
#content .consp .c360 .ibox .inbox .angle-view h2{margin:0;padding:15px 0;font:400 20px/30px Roboto;color:#013469;text-align:center;}

#content .consp .c360 .ibox .inbox .angle-view.angle-active{display:block !important;}

#content .consp .c360 .ibox .inbox .angle-mnu{width:100%;padding:0;}
#content .consp .c360 .ibox .inbox .angle-mnu li{display:inline-block;vertical-align:top;margin:0;padding:0 0 0 10px;list-style:none;}
#content .consp .c360 .ibox .inbox .angle-mnu li:first-child{padding-left:0;}
#content .consp .c360 .ibox .inbox .angle-mnu ul{width:max-content;margin:0 auto;}
#content .consp .c360 .ibox .inbox .angle-mnu div{display:block;width:40px;height:40px;cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}
#content .consp .c360 .ibox .inbox .angle-mnu div img{display:block;width:40px;height:40px;border:none;}

#content .consp .cblock{position:relative;width:100%;margin:0;padding:0;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .cblock .ibox{width:1100px;margin:0 auto;}
#content .consp .cblock .ibox .head{width:100%;position:relative;margin:0;padding:25px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .cblock .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .cblock .ibox .head span{padding:0 15px;font:450 25px/35px Roboto;color:#013469;text-transform:uppercase;}
#content .consp .cblock .ibox .inbox{display:block;width:100%;padding:0 0 45px;}

#content .consp .ctech{position:relative;width:100%;background:#eee;margin:0;padding:0 0 45px;overflow:hidden;border-bottom:rgba(0,0,0,0.1) 2px solid;}
#content .consp .ctech .ibox{width:1100px;margin:0 auto;}
#content .consp .ctech .ibox .head{width:100%;position:relative;margin:0;padding:45px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	}
#content .consp .ctech .ibox .head b{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;opacity:.1;background-color:#666;}
#content .consp .ctech .ibox .head span{padding:0 15px;font:400 38px/50px Roboto;color:#013469;text-transform:uppercase;}
#content .consp .ctech .ibox .inbox{display:block;width:100%;}

#content .desp{font:400 18px/26px Roboto;color:#222;text-align:justify}
#content .desp h1{font:400 38px/50px Roboto;padding:10px 0;}
#content .desp h2{font:400 36px/50px Roboto;padding:10px 0;}
#content .desp h3{font:400 34px/40px Roboto;padding:5px 0;}
#content .desp h4{font:400 32px/40px Roboto;padding:5px 0;}
#content .desp h4{font:400 30px/40px Roboto;padding:5px 0;}
#content .desp p,
#content .desp div{padding:5px 0;}
#content .desp a{color:#1b3868;text-decoration:none}
#content .desp a:hover{color:red;}
#content .desp img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .desp table{width:100%;margin:10px 0;border-collapse: collapse;}
#content .desp td{padding:5px 10px;border:#ababab 1px solid;}
#content .desp th{padding:5px 10px;border:#ababab 1px solid;}
#content .desp .bang {margin:10px 0;border-collapse: collapse;}
#content .desp .bang th{padding:3px 5px;border:#ababab 1px solid;}
#content .desp .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .desp .bang0 {margin:10;border-collapse: collapse;}
#content .desp .bang0 th{padding:0;border:#ababab 0px solid;}
#content .desp .bang0 td{padding:0;border:#ababab 0px solid;}

#content .desp .khung{width:100%;margin:0 0 15px;overflow-x:scroll;font:400 16px/26px Roboto;}
#content .desp .khung::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;}
#content .desp .khung::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;}
#content .desp .khung::-webkit-scrollbar-track {padding:8px;}
#content .desp .khung table{min-width:1000px;}

#content .desp ul,
#content .desp ol{width:auto;margin:5px 0 5px 13px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .desp ul li,
#content .desp ol li{width:100%;margin:0;padding:3px 0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .desp ul li:before,
#content .desp ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

#content .desp .youtube{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .desp .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .desp .bang2n {margin:0;border-collapse: collapse;}
#content .desp .bang2n td{display:inline-block;vertical-align:top;width:49% !important;margin:0 0 0 2%;padding:10px 0;border:#ababab 0px solid;}
#content .desp .bang2n td:nth-child(odd){margin-left:0;}
#content .desp .bang2n td img{display:inline-block;vertical-align:top;margin:0;width:100%;height:auto;border:none}
#content .desp .bang2n ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .desp .bang2n ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .desp .bang2n ul li a{display:block;margin:0;padding:5px 0;}
#content .desp .bang2n ul li a:hover{color:#ff9900;}

#content .desp .bang3n {margin:0;border-collapse: collapse;}
#content .desp .bang3n td{display:inline-block;vertical-align:top;width:32% !important;margin:0 0 0 2%;padding:10px 0;border:#ababab 0px solid;}
#content .desp .bang3n td:first-child,
#content .desp .bang3n td:nth-child(4),
#content .desp .bang3n td:nth-child(7),
#content .desp .bang3n td:nth-child(10),
#content .desp .bang3n td:nth-child(13){margin-left:0;}
#content .desp .bang3n td img{display:inline-block;vertical-align:top;margin:0;width:100%;height:auto;border:none}
#content .desp .bang3n ul{display:block;margin:0 auto;padding:10px 0;list-style:none}
#content .desp .bang3n ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content .desp .bang3n ul li a{display:block;margin:0;padding:5px 0;}
#content .desp .bang3n ul li a:hover{color:#ff9900;}

#content .desp .thongso {width:100%;margin:0;padding:0;border-color:#e1e1e0;border-collapse:collapse;color:#222;}
#content .desp .thongso th{width:100%;margin:0;padding:10px 15px;background:#f6f3f2;font-size:16px;font-weight:bold;}
#content .desp .thongso td{width:60%;margin:0;padding:10px 15px;}
#content .desp .thongso td:nth-child(odd){width:40%;font-weight:bold;}

#content .desp .nhienlieu {width:100%;margin:0;padding:0;border-color:#e1e1e0;border-collapse:collapse;color:#222;}
#content .desp .nhienlieu th{width:100%;margin:0;padding:10px 15px;background:#f6f3f2;font-size:16px;font-weight:bold;}
#content .desp .nhienlieu td{width:25%;margin:0;padding:10px 15px;}

.size14{font-size:14px;line-height:25px;}
.size15{font-size:15px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}
/* END CHI TIẾT SP */
	
/* START BOX GROUP GENERAL */
#content .boxgroup{display:block;width:100%;font:400 16px/25px Roboto;color:#1b3868;}
#content .boxgroup .head{padding:35px 0 45px;}
#content .boxgroup .head h1{margin:0;padding:10px 0 30px;font:400 35px/45px Roboto;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .boxgroup ul{width:100%;padding:0;margin:0;list-style:none}
#content .boxgroup ul li{width:23.5%;display:inline-block;vertical-align:top;margin:0 0 25px 2%;padding:0;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#content .boxgroup ul li:hover{box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}

#content .boxgroup ul li:first-child,
#content .boxgroup ul li:nth-child(5){margin-left:0;}
#content .boxgroup ul li .thumb{position:relative;display:block;background-size:cover !important;background-position:50% 50% !important;}
#content .boxgroup ul li .thumb img{display:block;width:100%;border:none;}
#content .boxgroup ul li h2{margin:0;padding:15px 15px;font:400 17px/25px Roboto;color:#1b3868;}
#content .boxgroup ul li h2 a{color:#1b3868}
#content .boxgroup ul li h2 a:hover{color:#1b3868;}
/* END BOX GROUP GENERAL */

/* START BOX GENERAL */
#content .maingen{display:block;width:100%;font:400 16px/25px Roboto;color:#1b3868;}
#content .maingen .head{padding:35px 0 45px;}
#content .maingen .head h1{margin:0;padding:10px 0 30px;font:450 35px/45px Roboto;text-align:center;text-transform:uppercase;
    background:url('/images/global/cheadbg.png') no-repeat bottom center;
	}
#content .boxgen{font:400 17px/26px Roboto;color:#222;text-align: justify;}
#content .boxgen .title{padding:10px 0;font:400 26px/30px Roboto;}
#content .boxgen .updated {padding:0 0 4px;font:400 italic 15px/15px Arial;}
#content .boxgen .updated img{display:inline-block;margin:0 0 0 6px}
#content .boxgen .desc{padding:5px 0;font:400 16px/22px Roboto;}
#content .boxgen .source{padding:10px 0 0 0;font:400 italic 14px/22px Roboto;text-align:right}
#content .boxgen h1{font:26px/30px Roboto;padding:5px 0;}
#content .boxgen h2{font:24px/28px Roboto;padding:5px 0;}
#content .boxgen h3{font:22px/26px Roboto;padding:5px 0;}
#content .boxgen h4{font:20px/26px Roboto;padding:5px 0;}
#content .boxgen p,
#content .boxgen div{padding:5px 0;}
#content .boxgen a{color:#1b3868;text-decoration:none}
#content .boxgen a:hover{color:red;}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .boxgen ul,
#content .boxgen ol{width:auto;margin:5px 0 5px 13px;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .boxgen ul li,
#content .boxgen ol li{width:100%;margin:0;padding:3px 0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .boxgen ul li:before,
#content .boxgen ol li:before{
	position: absolute;
	margin-left:-10px;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: "\f0da";
	color: #666;
}

#content .boxgen .youtube{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxgen .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .share{padding:10px 0;text-align:left}
/* END BOX GENERAL */

.overlay:hover {opacity: 1;}
.overlay {
    background-color: rgba(0, 0, 0, 0.1);
	display:flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px Roboto, Arial;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px Roboto, Arial;color:#fff;}

.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sitemap {padding: 0 0 5px 30px;list-style:none;}
#sitemap li{padding:5px 0 5px 0;list-style:none;}
#sitemap li a{font:bold 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li a:hover{text-decoration:underline}

#sitemap li ul {padding: 0 0 5px 30px}
#sitemap li ul li{padding:5px 0 5px 0;}
#sitemap li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li a:hover{text-decoration:underline}

#sitemap li ul li ul {padding: 0 0 5px 30px}
#sitemap li ul li ul li{padding:5px 0 5px 0;}
#sitemap li ul li ul li a{font:400 14px/18px Arial;text-decoration:none;color:#222;}
#sitemap li ul li ul li a:hover{text-decoration:underline}

/* START GROUP LIST */
#fgroup{width:1200px;padding:0 0 10px 0;margin:0 auto;list-style:none;}
#fgroup li{
	margin:0;
	padding: 0 10px 0;
	list-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#fgroup li.section-1{padding:0;}
#fgroup li.section-1 .section-title{margin:0 0 20px 0;padding:0;border-bottom: 1px solid #dea52a;}
#fgroup li.section-1 .section-title h2{margin:0;padding:0;font:400 22px/36px "Helvetica Neue",Arial;text-transform:uppercase;color:#666;}
/* END GROUP LIST */

#doitac{display:block;background:#fff;padding:25px 0;border-top:#d5d4d4 1px dashed;}
#doitac .box{width:1200px;margin:0 auto;}

/* START FOOTER */
#foot{position:relative;margin:0;padding:35px 0 25px;background-size:cover;z-index:1;}
#foot:before{background:rgba(0,0,0,0.1);position:absolute;top:0;bottom:0;left:0;right:0;content:'';z-index:2;}
#foot .box{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3;}

#foot .box ul{width:100%;padding:0;margin:0;list-style-type:none;}
#foot .box ul li{width:34%;display:inline-block;vertical-align:top;padding:0;margin:0 0 0 2%;}
#foot .box ul li:first-child{width:42%;margin-left:0;}
#foot .box ul li:last-child{width:20%;}

#foot .box ul li div.head{padding:0 0 12px;font:450 18px/30px Roboto;color:#222;text-transform:uppercase}
#foot .box ul li div.head a{color:#222;}
#foot .box ul li div.head a:hover{color:#222;}

#foot .box ul li .info {display:block;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li .info div,
#foot .box ul li .info p{display:block;padding:3px 0;margin:0;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li .info a{font:400 16px/22px Roboto;color:#222;}
#foot .box ul li .info ul{padding:0;margin:0;list-style:none}
#foot .box ul li .info ul li{position:relative;display:inline-block;width:100%;margin:0;padding:5px 0 5px 15px;vertical-align:top;}
#foot .box ul li .info ul li:first-child,
#foot .box ul li .info ul li:last-child{width:100%;}
#foot .box ul li .info ul li:before{position:absolute;top:7px;left:0;content:'\f105';font: normal normal normal 16px / 1 FontAwesome;}
#foot .box ul li .info ul li a{display:block;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li .info ul li a:hover{color:#222;}

#foot .box ul li ul{padding:0;margin:0;list-style:none}
#foot .box ul li ul li{display:inline-block;width:100%;margin:0;padding:5px 0;vertical-align:top;}
#foot .box ul li ul li:first-child,
#foot .box ul li ul li:last-child{width:100%;}
#foot .box ul li ul li a{display:block;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li ul li a:hover{color:#222;}
#foot .box ul li ul li a i{padding-right:8px;font-size:16px;}

#foot .box ul li ul li.sp{display:inline-block;width:50%;margin:0;padding:5px 0;vertical-align:top;}
#foot .box ul li ul li.sp:first-child,
#foot .box ul li ul li.sp:last-child{width:50%;}
#foot .box ul li ul li.sp a{display:block;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li ul li.sp a:hover{color:#222;}
#foot .box ul li ul li.sp a i{padding-right:8px;font-size:16px;}

#foot .box ul li ul.office{padding:0;margin:0;list-style:none}
#foot .box ul li ul.office li{display:inline-block;width:100%;margin:0;padding:5px 0 5px 25px;font:400 16px/22px Roboto;color:#222;vertical-align:top;position: relative;}
#foot .box ul li ul.office li:last-child{padding:5px 0;}
#foot .box ul li ul.office li div.follow{display:block;padding:5px 0 10px;font:bold 16px/22px Roboto;color:#222;}
#foot .box ul li ul.office li .mxh{margin:0;padding:0;}
#foot .box ul li ul.office li .mxh .bct{display:inline-block;vertical-align:top;padding:0 10px 0 0;}
#foot .box ul li ul.office li .mxh .bct a{display:inline-block;vertical-align:top;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li ul.office li .mxh .bct a:hover{color:#222;}
#foot .box ul li ul.office li .mxh .bct a img{display:block;height:40px;border:none;}
#foot .box ul li ul.office li .mxh .mxhs{display:inline-block;vertical-align:top;padding:4px 0;}

#foot .box ul li ul.office li.address:before {
    content: '\f041';
    font: 450 18px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.tel1:before {
    content: '\f095';
    font: 450 15px/20px fontawesome;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.hotline:before {
    content: '\f10b';
    font: 450 20px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.email:before {
    content: '\f003';
    font: 450 14px/20px fontawesome;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#foot .box ul li ul.office li.time{padding:8px 0 8px 25px;font:400 14px/20px Roboto,sans-serif;color:#222;}
#foot .box ul li ul.office li.time:before {
    content: '\f017';
    font: 450 20px/20px fontawesome;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

#foot .box ul li ul.office li p{margin:0;padding:1px 10px;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li ul.office li p span{font:bold 16px/22px Roboto;}
#foot .box ul li ul.office li a{display:inline-block;font:400 16px/22px Roboto;color:#222;}
#foot .box ul li ul.office li a:hover{color:#222;}

#footer{}
#footer .copy{background:rgba(0,0,0,0.25);padding:10px 2%;font:400 14px/20px Roboto,sans-serif;color:#222;text-align:center;}
#footer .copy a{color:#222;}
#footer .copy a:hover{color:#222;}
/* END FOOTER */

#chat {
    position: fixed;
    bottom: 85px;
	width:40px;
    height: auto;
    z-index: 998;
    left: 10px;
}
#chat .zalo{
    display:block;
	background:url("/images/global/icon-zalo.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .face{
    display:block;
	background:url("/images/global/icon-facebook.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .fb{
    display:block;
	background:url("/images/global/icon-fb.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .youtube{
    display:block;
	background:url("/images/global/icon-youtube.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .call{
    display:block;
	background:url("/images/global/icon-call.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}

.fone {
    color: #ff0;
    font:450 18px/30px Roboto;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:30px;left:10px;z-index:998;}
.fix_tel a {text-decoration: none; display:block;}
.tel {background:#f00;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #f00;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #f68121;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}
	
/* END FOOTER */

/* Inner */
.popup-inner {
	max-width:700px;
	width:90%;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.popup-inner img{display:block;width:100%;border:none}
/* Close Button */
.popup-close {
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:#f00;
	font:400 30px/34px Arial;
	text-align:center;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}
/* END FOOTER */

#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:400 18px OpenSansSemibold;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px arial;color:#3b5998;}

#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}

#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}

#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 16px/22px Roboto;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#454545;}
#errormsg p.xacminh a{font:400 16px/22px Roboto;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px 'Roboto', sans-serif;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px 'Roboto', sans-serif;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px 'Roboto', sans-serif;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 16px/22px Roboto;color:#ff0000;text-align:left;}

#herrormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 16px/22px Roboto;color:#fff;text-align:center;}
#herrormsg p{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#fff;text-align:center;}
#herrormsg p.xacminh{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#fff;}
#herrormsg p.xacminh a{font:400 16px/22px Roboto;color:#fff;}
#herrormsg p.xacminh a:hover{color:#fff;}
#herrormsg span{font:700 14px/22px 'Roboto', sans-serif;color:#fff;}
.herrormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px 'Roboto', sans-serif;color:#fff;text-align:center;text-transform:uppercase}
.herrormsg-error{margin:0;padding:5px 0;font:700 15px/22px 'Roboto', sans-serif;color:#fff;text-align:left;}
.herrormsg-message{margin:0;padding:5px 0 30px;font:400 16px/22px Roboto;color:#fff;text-align:left;}

#bookmsg {width:100%;font:400 16px/22px Roboto;color:#454545;
    background: #fff;
    margin: 0 0 25px 0;
	padding:25px;
	text-align:center;
	overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px 'Roboto', sans-serif;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#454545;}
#bookmsg p a{font:400 16px/22px Roboto;color:#007ff0;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#58b712;}
#bookmsg div{margin:0;padding:5px 0;font:400 16px/22px Roboto;color:#454545;}
#bookmsg div span{display:inline-block;background:#58b712;padding:10px 25px;font:400 18px/22px 'Roboto', sans-serif;color:#fff;}

#mainlink {margin:20px 0 5px;padding:0;text-align:center;}
#mainlink a {
	background-color:#fff;
	font:400 16px/22px Arial;
	color: #333;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;}
#mainlink a.active {
	background-color:#e72c3f;
	font:400 16px/22px Arial;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#e72c3f 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;}

/* START BOX ENQUIRE */
.fade{
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
#reg1 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg2 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg3 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg4 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg5 {
    background: #fff;
    position:absolute;
    left: 50px;
    /*bottom: 50px;*/
    z-index: 999999;
	font:400 14px/18px Roboto;
    color: #222;
    height: auto;
    width:80%;
    padding: 15px 20px;
    border-radius: 4px;
	top:100px;
    /*top: 50% !important;*/
    left: 50% !important;
    transform: translate(-50%,0) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg5 .reg5left{width:65%;display:inline-block;vertical-align:top;}
#reg5 .reg5right{width:35%;display:inline-block;vertical-align:top;padding-left:20px;}
#reg5 .reg5right .thumb {display: block;position:relative;text-align: center;width: 100%;overflow:hidden;}
#reg5 .reg5right .thumb img{display:block;width: 100%;border:none;}
#reg5 .reg5right .info {position:relative;padding:5px 0;}
#reg5 .reg5right .info h2{margin:3px 0;padding:0;font:400 14px/22px 'Roboto', sans-serif;color:#666;text-align:center}
#reg5 .reg5right .info h2 a{font:400 14px/22px 'Roboto', sans-serif;color:#666}
#reg5 .reg5right .info h2 a:hover{color:#222;}
#reg5 .reg5right .info p{position:relative;margin:0;padding:3px 0;font:400 13px/20px OpenSans;color:#666;text-align:center;}
#reg5 .reg5right .info span.oprice{position:absolute;left:0;top:3px;font:400 14px/20px 'Roboto', sans-serif;color:#ef4248;text-decoration:line-through}
#reg5 .reg5right .info span.price{font:900 16px/20px 'Roboto', sans-serif;color:#f00;}	

#reg6{width:94%;max-width:800px;
    background: #fff;
	font:400 14px/18px Roboto;
    color: #222;
    padding:0;
    border-radius: 4px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.regclose{
    position: absolute;
    font-size: 20px;
    right: 20px;
    top: 15px;
    opacity: 1;
    cursor: pointer;
}
.regclose.reg6close{color:#fff !important;
    right:15px !important;
    top:10px !important;
}
.regheading{
    font:450 18px/20px Roboto;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
    padding: 0 0 10px;
}
.regheading1{background:#c4172c;border-bottom:5px solid #991223;
	margin:0 0 12px;
    padding:10px 15px;
}
.regheading1 h1,
.regheading1 h2,
.regheading1 h3{margin:0;padding:5px 0;font:450 22px/25px Roboto;color:#fff;}
.regheading1 p,
.regheading1 div{margin:0;padding:5px 0;font:400 15px/22px Roboto;color:#fff;}

.body .msg{margin:0;padding:15px 25px 25px;}
.body .msg h1,
.body .msg h2,
.body .msg h3{margin:0;padding:5px 0;font:450 22px/25px Roboto;color:#222;}
.body .msg p,
.body .msg div{margin:0;padding:5px 0;font:400 15px/22px Roboto;color:#222;}

#regbody.regbody1{padding:5px 15px 15px;}

#regbody form{}
#regbody ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#regbody ul li{display:inline-block;width:33.33333%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;}
#regbody ul li.li50{display:inline-block;width:50%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;}
#regbody ul li.li11{width:30%;margin:0;padding:5px 1%;}
#regbody ul li.li12{width:70%;margin:0;padding:5px 1%;}
#regbody ul li.textarea{width:100%;}
#regbody ul li:last-child{width:100%;padding-top:0;text-align:center;}

#regbody ul li p{margin:0;padding:0 3px 5px;font:400 14px/20px Roboto;color:#222;}
#regbody ul li p span {color: #ff0000;}

#regbody ul li.li11 p{margin:0;padding:8px 0 6px;font:400 14px/20px Roboto;color:#222;}
#regbody ul li.li11 p span {color:#ff0000;}

#regbody ul li div{margin:0;padding:0;font:400 14px/20px Roboto;color:#222;}

#regbody ul li i{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px Roboto;color:#fff;}
#regbody ul li i{
    display: block;
    vertical-align: top;
    padding: 5px 0 0 3px;
    font: 400 12px/12px Roboto;
    color: #f00;
}

#regbody ul li #ketqua{
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: #ccc 1px solid;
    margin: 10px 0;
    padding:0;
	font:400 14px/20px 'Roboto', sans-serif;
    color: #555;
}
#regbody ul li #kqlai{
    width: 100%;
    margin:0;
    padding:20px 0 0;
	font:400 14px/20px 'Roboto', sans-serif;
    color: #555;
}
#regbody ul li #ketqua ul{width:100%;padding:10px 0;margin:0;list-style:none;}
#regbody ul li #ketqua ul li{display:inline-block;width:50%;margin:0;padding:5px 5%;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;text-align:left;}
#regbody ul li #ketqua ul li:nth-child(even){text-align:right}
#regbody ul li #ketqua ul li span{font:400 14px/20px Roboto;}
#regbody ul li #ketqua ul li b{font:400 14px/20px Roboto;color:#f00;}

#regbody ul li #ketqua ul li:last-child{display:inline-block;width:100%;margin:0;padding:10px 5% 5px;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;}

#regbody ul li #kqlai table{width:100%;margin:0;border-collapse:collapse;}
#regbody ul li #kqlai table td{width:19%;padding:3px 5px;border:#ababab 1px solid;font:400 14px/20px Roboto;color:#222;}
#regbody ul li #kqlai table td:first-child{width:12%}
#regbody ul li #kqlai table td:last-child{width:12%}

#regbody ul li #kqlai ul{display:block;width:100%;padding:0;margin:0;list-style:none;text-align:left;}
#regbody ul li #kqlai ul li{display:inline-block;width:auto;margin:0;padding:15px 20px;list-style:none;vertical-align:top;font:400 14px/20px Roboto;color:#222;}
#regbody ul li #kqlai ul li:first-child{padding-left:0;}
	
#regbody select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#regbody input[type="text"], #regbody input[type="password"], #regbody input[type="file"], #regbody textarea {
	display:inline-block;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}

#regbody input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px 'Roboto', sans-serif;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#regbody input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	outline:none;
	margin:0;
	padding:6px 25px;
	font: 400 14px/20px 'Roboto', sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#regbody select:hover, #regbody input[type="text"]:hover, .formbox input[type="password"]:hover, #regbody textarea:hover, #regbody input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#regbody input[type="button"]:hover {background:#f00;border:#f00 1px solid;}
/* END BOX ENQUIRE */

/* START FORM MEM BOX */
#hmap {}
#hmap .gmap {
	width:100%;
	height:280px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
#hmap .gmap .fmap {
	width:100%;
	height:380px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#hmap .gmap .fmap button{height:30px !important;width:30px !important;}
#hmap .gmap .fmap div{font-size:14px !important}
#hmap .mapTitle{font:450 12px/18px Roboto;color:#222}

#form{}
#form .formhead{
	width:100%;
	border-bottom:#d3d3d3 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	}
#form .formhead p{font: 400 13px/18px Verdana;padding:3px 0;color:#222;}
#form .formhead span{font: 400 italic 13px Verdana;color:#ff0000;}
	
#form .formdetail{width:50%;margin:0 auto;padding: 3px 0 10px 0;font:400 16px/22px Roboto;}
#form .formdetail p{font: 400 14px/18px Roboto;padding:3px 0;}
#form .formdetail span{font: 400 14px Roboto;color:#f00}
	
#form .formbox {width:100%;margin:0 auto;color:#222;}
.formbox90 {width:80% !important;}
#form .formbox div.head{width:100%;padding:9px 0 12px;font: bold 15px/16px Roboto;}
#form .formbox .formleft{float:left;width:30%;padding:9px 0;font:400 16px/22px Roboto;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 16px/22px Roboto;color:#333;}
#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 14px Robotof;color:#f00;}
#form .formbox .formright a{font:400 16px/22px Roboto;text-decoration:none}
#form .formbox .formright a:hover{color:#f00;}

#form .formbox select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox input[type="text"], #form .formbox input[type="password"], #form .formbox input[type="file"], #form .formbox textarea {
	display:inline-block;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

::placeholder {font-size:14px;color:#666;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#666;}
::-ms-input-placeholder {font-size:14px;color:#666;}

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#form .formbox input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:5px 0 0;
	padding:6px 25px;
	font: 400 14px/20px Roboto;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox select:hover, #form .formbox input[type="text"]:hover, .formbox input[type="password"]:hover, #form .formbox textarea:hover, #form .formbox input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#form .formbox input[type="button"]:hover {background:#f00;border:#f00 1px solid;}

.fsize0{width:45px !important}
.fsize01{width:85px !important}
.fsize1{width:150px !important}
.fsize2{width:200px !important}
.fsize3{width:250px !important}

/* END FORM BOX */

#top {
    position: fixed;
    bottom: 40px;
    right: 1em;
    /*background: #7e1d0c;
    font-size: 12px;
	color: #fff;
	text-decoration: none;*/
    padding:0;
	width:32px;
	height:auto;
    display: none;
    border-radius: 4px;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#top img{display:block;width:32px;border:none;}
#top:hover{}

.cta {
  position     : fixed;
  right        : -65px;
  top          : 50%;
  transform    : translate(0, -50%);
  display      : flex;
  flex-flow    : column;
  width        : 65px;
  z-index      : 99;
  background   : #222;
  border-radius: 8px 0px 0px 8px;
  padding      : 10px 5px;
  transition   : all 0.3s ease;
}

.cta .icons-right-open-big{
  display: none;
}

.cta .showhidecta {
  position     : absolute;
  right        : 100%;
  background   : var(--color-1);
  padding      : 24px 8px;
  border-radius: 8px 0 0 8px;
  top          : 50%;
  transform    : translate(0, -50%);
  color        : #fff;
  cursor       : pointer;
}

.cta.active {
  right: 0px;
}

.cta.active .icons-right-open-big{
  display: block;
}

.cta.active .icons-left-open-big{
  display: none;
}

.cta .--item {
  padding-bottom: 8px;
  margin-bottom : 8px;
  font-size     : 12px;
  display       : flex;
  flex-flow     : column;
  align-items   : center;
  color         : #fff;
  border-bottom : 1px solid rgba(255, 255, 255, 0.16);
  transition    : all 0.3s ease;
  cursor        : poMontserrat;
}

.cta .--item:hover {
  opacity: 0.6;
}

.cta .--item:last-child {
  padding-bottom: 0;
  margin-bottom : 0;
  border-bottom : none;
}

.cta span {
  line-height:18px;
  margin-top: 8px;
  text-align: center;
}

/* START MANG XH */
a.vs-social-link {
  background: #105caa;
  width: 30px;
  display: inline-block;
  text-align: center;
  margin: 0 5px 0 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link i {
  font-size:18px;
  color: #fff;
  margin: 4px 0;
  padding:3px 0 !important;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link.rss {
  background: #0066b3;
}
a.vs-social-link.facebook {
  background: #0066b3;
}
a.vs-social-link.twitter {
  background: #0066b3;
}
a.vs-social-link.google {
  background: #0066b3;
}
a.vs-social-link.linkedin {
  background: #0066b3;
}
a.vs-social-link.youtube {
  background: #0066b3;
}
a.vs-social-link-b.pinterest {
  background: #0066b3;
}
a.vs-social-link:last-child {
  margin: 0;
}
a.vs-social-link:hover {
  background: #0672c4;
}
a.vs-social-link:hover i {
  color: #fff;
}

/* BOTTOM */

a.vs-social-link-b {
  background: #105caa;
  width: 34px;
  display: inline-block;
  text-align: center;
  margin: 3px 8px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-b i {
  font-size:15px;
  color: #fff;
  margin: 6px 0;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-b.rss-b {
  background: #ee6d12;
}
a.vs-social-link-b.facebook-b {
  background: #39517b;
}
a.vs-social-link-b.twitter-b {
  background: #4ec5ec;
}
a.vs-social-link-b.google-b {
  background: #dc1b18;
}
a.vs-social-link-b.linkedin-b {
  background: #2f5d93;
}
a.vs-social-link-b.youtube-b {
  background: #bd1111;
}
a.vs-social-link-b.pinterest-b {
  background: #fe0000;
}
a.vs-social-link-b:last-child {
  margin: 0;
}
a.vs-social-link-b:hover {
  background: #fff;
}
a.vs-social-link-b:hover i {
  color: #4f5972;
}
/* END MANG XH */

/* START VIDEO LIST */
#promap{width:100%;height:450px;margin:25px 0 10px;}
/* END MAP LIST */

#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-width: 25px;vertical-align: middle;
}
@-webkit-keyframes phone-vr-circle-fill {
  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 zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    background: rgb(232, 58, 58);
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

@media (max-width:1950px){


	
}

@media (max-width:1650px){
	

	
}

@media (max-width:1366px){
	

	
}

@media (max-width:1280px){
	


	#ptop .box,
	#content div.home ul li.pgroup .head,
	#content div.home ul li.pgroup ul,
	#content div.home ul li.overview .head,
	#content div.home ul li.overview .ovbox,
	#content div.home ul li.ngroup .nbbox,
	#foot .box,
	#navi .navibox,
	#content .conbox,
	#content .divpro .protop .box,
	#content .menuScroll .divFixed .wrapper,
	#content .divpro .procon,
	#content .proother,
	#content .proview,
	#content div.home ul li.dichvu .dvbox,
	#content .consp .overview .ibox,
	#content .consp .c360 .ibox,
	#content .consp .cblock .ibox,
	#content .consp .ctech .ibox{width:96%;}
	
	#header .box,
	#content div.home ul li.formdv .box,
	#sliderh,
	#anhbn{width:100%;}
	
	#header .box .sebox{right:10px;}

	#content .degen .bang2 td,
	#content .degen .bang3 td,
	#content .degen .bang4 td{padding:5px;}
		
}

@media (max-width:1024px){


	
}

@media (max-width:900px){



	.spfull{position:relative !important;}
	.menu .full_width{padding:0;}
	.menu .mega_menu .portfolio li{width:100% !important;margin:0 !important;padding:0;}
	.menu .mega_menu .portfolio li p{padding:0 15px;}
	.menu .mega_menu .portfolio li p a{text-align:left;}

	#ptop .box .logo{position:relative;padding:10px 0;text-align:center;}
	#ptop .box .logo img{height:60px;display:inline-block;vertical-align:top;}
	#ptop .box .mid{display: none;}
	#ptop .box .hotline{top:inherit;bottom:-35px;right:0;}
	#ptop .box .hotline span{font:600 10px/10px Roboto;}
	#ptop .box .hotline span span{font:450 16px/16px Roboto;}
	#ptop .box .hotline i { position: relative; font-size: 20px; color: #e41515; border: 2px solid; border-radius: 50%; margin-right: 12px; height: 30px; width: 30px; line-height: 30px; font-size: 20px; }

	#header .box .right{display: none;}
	
	#header .box .left{padding-right:0;}
	
	#content div.home ul li.formdv .box{padding:25px 25px 25px 0;}

	#foot .box ul li{width:25%;}
	#foot .box ul li:first-child{width:46%;}

	#reg1,
	#reg2,
	#reg3,
	#reg4 {
		width: 96%;
		padding: 15px 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#content .degen .box600,
	#content .degen .box650,
	#content .degen .box700,
	#content .degen .box750,
	#content .degen .box800,
	#content .degen .box850,
	#content .degen .box900,
	#content .degen .box950,
	#content .degen .box1000,
	#content .degen .box1100{width:98% !important}
		
}

@media (max-width:768px){

	
	#content div.home ul li.formdv .box{display:block;}
	#content div.home ul li.formdv .box{width:100%;padding:15px;}
	#content div.home ul li.formdv .box .fdvright{width:100%;padding:15px;text-align:center;}
	
	#content div.home ul li.overview .ovbox{display:block;padding:0 10px}
	#content div.home ul li.overview .ovbox .info{width:100%;}
	#content div.home ul li.overview .ovbox .thumb{width:100%;padding:25px 0 0;}

	#content .conbox{display:block}
	#content .conbox .coleft{width:100%;padding:0;border-right:none;}
	#content .conbox .coright{width:100%;padding:20px 0 0;}
	#content .conbox .coright .ibook{margin:0;}
	#content .conbox .coright .inews{display:none;}
	
	#content div.conbox .left{width:100%;padding:0 0 25px;}
	#content div.conbox .right{width:100%;}

}

@media (max-width:640px){

	
	#ptop .box .left img{height:20px;}
	#ptop .box .right{padding:16px 0 0;font:bold 20px/30px Roboto;}

	#content div.home ul li.pgroup ul{gap:10px;}	
	#content div.home ul li.pgroup ul li{background:#f5f5f5;text-align:center;padding:10px;border-radius:6px;
	flex:0 0 calc(50% - 10px);
	max-width:calc(50% - 10px);}
	
	#content div.home ul li.pgroup ul li .thumb{padding:15px 5px;}
	#content div.home ul li.pgroup ul li .info h3{padding:8px 0;}
	#content div.home ul li.pgroup ul li .info h3 a{font:450 14px/25px Roboto;}
	#content div.home ul li.pgroup ul li .info div{font:400 14px / 20px Roboto, Arial;}
	
	#content div.home ul li.dichvu .dvbox .tbox ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	#content div.home ul li.dichvu .dvbox .tbox ul li .info div{font:450 14px / 20px 'Roboto', Arial;}
	#content div.home ul li.dichvu .dvbox .tbox ul li .thumb{width:100px;}
	#content div.home ul li.dichvu .dvbox .tbox ul li .thumb img{height:100px;}
	
	#content .pro li{width:48%;margin:25px 0 0 4%;}
	#content .pro li:nth-child(odd){margin-left:0;}
	#content .pro li:nth-child(even){margin-left:4%;}

	#content div.home ul li.pgroup .head h2,
	#content div.home ul li.dichvu .dvbox .head h2,
	#content div.home ul li.overview .head h2,
	#content div.home ul li.ngroup .nbbox .head span{font:450 25px/30px Roboto;}
	
	#content div.home ul li.dichvu .dvbox .head::before,
	#content div.home ul li.ngroup .nbbox .head::before{display:none}

	#content .groupsp .head h1{font:450 25px / 30px Roboto;}
	
	#content .groupsp ul{gap:10px;}	
	#content .groupsp ul li{background:#f5f5f5;text-align:center;padding:10px;border-radius:6px;
	flex:0 0 calc(50% - 10px);
	max-width:calc(50% - 10px);}
	
	#content .groupsp ul li .thumb{padding:15px 5px;}
	#content .groupsp ul li .info h3{padding:8px 0;}
	#content .groupsp ul li .info h3 a{font:450 14px/25px Roboto;}
	#content .groupsp ul li .info div{font:400 14px / 20px Roboto, Arial;}
	
	#content .maingen .head h1{font:450 25px / 30px Roboto;}
	
	#content .boxgen{font:400 15px/25px Roboto;color:#222;}
	#content .boxgen h1{font:20px/28px Roboto;padding:5px 0;}
	#content .boxgen h2{font:19px/28px Roboto;padding:5px 0;}
	#content .boxgen h3{font:18px/26px Roboto;padding:5px 0;}
	#content .boxgen h4{font:17px/26px Roboto;padding:5px 0;}
	
	#content .degen .bang2 td,
	#content .degen .bang3 td,
	#content .degen .bang4 td{display:inline-block;width:100% !important;}

	#content .divpro .protop .left{width:100%;}
	#content .divpro .protop .right{width:100%;padding:15px 0 0;}
	#content .divpro .protop .right h1{font:bold 25px/30px Roboto;}
	#content .menuScroll .divFixed .wrapper ul li a{padding:5px 12px;font:bold 15px/30px Roboto;}

	#content .headsp .srv-midl-sec{display:none}
	#content .consp .cmenu{overflow-x:scroll;}
	#content .consp .cmenu .ibox .left{display:none;}
	#content .consp .cmenu .ibox .right{float:none;}
	#content .consp .cmenu .ibox .right a{padding:10px 12px;font:400 18px/25px Roboto;}
	#content .consp .overview .ibox .left{padding:0 0 15px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
	#content .consp .overview .ibox .right{padding:0;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}

	#content .desp .bang2n td,
	#content .desp .bang3n td{width:100% !important;margin:0;}

	#content .desp h1{font:400 30px/40px Roboto;}
	#content .desp h2{font:400 28px/40px Roboto;}
	#content .desp h3{font:400 26px/35px Roboto;}
	#content .desp h4{font:400 24px/35px Roboto;}
	#content .desp h4{font:400 22px/35px Roboto;}

	#content .consp .cblock .ibox .head span{font:400 30px/40px Roboto;}

	#content .consp .c360 .ibox .inbox .angle-view ul{width:100%;}

	#content .consp .c360 .ibox .inbox .angle-mnu div{width:35px;height:35px;}
	#content .consp .c360 .ibox .inbox .angle-mnu div img{width:35px;height:35px;}
	
	#anhbn .head span{font:400 25px/30px Roboto;}
	#anhbn .head i{font:400 25px/30px Roboto;}
	
	#content .boxgroup ul li{width:100%;margin:0 0 25px;}
	
	.menu .mega_menu .portfolio li{width:50% !important;}
	.menu .mega_menu .portfolio li p{padding:0 10px;}
	.menu ul li a{padding:10px 15px !important;font:450 16px/30px Roboto, Arial !important;}
	.menu .mega_menu .portfolio li p a{padding:6px 10px !important;}

}

@media (max-width:580px){
	

	
}

@media (max-width:480px){
	

	
	#ptop .box .left{padding:15px 0 10px;width:100%;text-align:center;}
	#ptop .box .left img{display:inline-block;height:25px;}
	#ptop .box .right{display:none;width:100%;padding:0;font:bold 20px/30px Roboto;text-align:center;}

	.rsMinW .rsArrow{display:none !important;}
	
	#content div.home ul li.formdv .box .ibox ul li{width:100%;margin:0;padding:0;}
	#content div.home ul li.formdv .box .ibox ul li:first-child{width:100%;}
	#content div.home ul li.formdv .box .ibox ul li.submit{padding:5px 0;}

	#content div.home ul li.pgroup .head::before{display:none}
	#content div.home ul li.overview .head::before{display:none}

	#content .nbox li .left{width:100%;padding:0;}
	#content .nbox li .right{width:100%;padding:12px 0 0;}

	#content .divpro .protop .right .procart{padding:15px 0 0;text-align:center;}
	#content .divpro .protop .right .procart span.dcart{margin:5px;padding:5px 8px;}

	#foot .box ul li{width:100%;margin:0;padding:10px 2%;}
	#foot .box ul li:first-child{width:100%;padding:10px 2%;}
	#foot .box ul li ul li:first-child{width:100%;padding:5px 0;}
	#foot .box ul li ul.office li:first-child{padding: 5px 0 5px 25px;}
	#foot .box ul li:last-child{width:100%;}
	
	#regbody ul li {width:100%;}
	
	#reg1,
	#reg2,
	#reg3,
	#reg4{
		width: 96%;
		top: 65% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	#reg5 {
		width: 96%;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	#reg5 .reg5left{width:100%;}
	#reg5 .reg5right{width:100%;padding:15px 0;}
	
	#regbody ul li.li50 {width:100%;}
	
}

@media (max-width:420px){


	
	#form .formbox .formleft{width:100%;padding:3px;}
	#form .formbox .formright{width:100%;padding:3px 0;}
		
}

@media (max-width:400px){
	
    #content .consp .cblock .ibox .head span {
        font: 450 25px / 40px Roboto;
    }
	
}