Showing source for: https://phongkhamdakhoahn.org/
Duration: 2.8034s
Server: Apache/2
<html lang="vi">
<head>
</head>
<body>
<title>
Phòng khám đa khoa Hưng Thịnh chất lượng uy tín
</title>
<meta charset="utf-8">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="1800" http-equiv="REFRESH">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=0" name="viewport">
<link href="https://phongkhamdakhoahn.org/assets/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="https://phongkhamdakhoahn.org/" rel="canonical">
<meta content="index, follow" name="robots">
<meta content="phòng khám đa khoa Hưng Thịnh, phòng khám Hưng Thịnh, phong kham da khoa Hưng Thịnh, phong kham Hưng Thịnh" name="keywords">
<meta content="phòng khám đa khoa Hưng Thịnh, phòng khám Hưng Thịnh, phong kham da khoa Hưng Thịnh, phong kham Hưng Thịnh" name="news_keywords">
<meta content="Phòng Khám đa khoa Hưng Thịnh với đội ngũ nhân viên giỏi Chất Lượng Phòng Khám Hưng Thịnh luôn được đảm bảo là sự lựa chọn hàng đầu cho người bệnh" name="description">
<meta content="https://phongkhamdakhoahn.org/" property="og:url">
<meta content="website" property="og:type">
<meta content="Phòng khám đa khoa Hưng Thịnh chất lượng uy tín" property="og:title">
<meta content="Phòng Khám đa khoa Hưng Thịnh với đội ngũ nhân viên giỏi Chất Lượng Phòng Khám Hưng Thịnh luôn được đảm bảo là sự lựa chọn hàng đầu cho người bệnh" property="og:description">
<meta content="" property="fb:admins">
<meta content="" property="fb:app_id">
<meta content="70c-mjv5XuLfMXxi22oz26yBGvPhrUMIjzubCjAg_Z4" name="google-site-verification">
<style type="text/css">
/*FONT AWESOME*/
@font-face {
font-family
:
"FontAwesome"
;
font-display
:
swap
;
src
:
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3")
;
src
:
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3")
format("embedded-opentype")
,
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3")
format("woff2")
,
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3")
format("woff")
,
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3")
format("truetype")
,
url("../../assets/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular")
format("svg")
;
font-weight
:
normal
;
font-style
:
normal
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size : 1.33333333em;
line-height : .75em;
vertical-align : -15%
}
.fa-2x {
font-size : 2em
}
.fa-3x {
font-size : 3em
}
.fa-4x {
font-size : 4em
}
.fa-5x {
font-size : 5em
}
.fa-fw {
width : 1.28571429em;
text-align : center
}
.fa-ul {
padding-left : 0;
margin-left : 2.14285714em;
list-style-type : none
}
.fa-ul>li {
position : relative
}
.fa-li {
position : absolute;
left : -2.14285714em;
width : 2.14285714em;
top : .14285714em;
text-align : center
}
.fa-li.fa-lg {
left : -1.85714286em
}
.fa-border {
padding : .2em .25em .15em;
border : solid .08em #eee;
border-radius : .1em
}
.fa-pull-left {
float : left
}
.fa-pull-right {
float : right
}
.fa.fa-pull-left {
margin-right : .3em
}
.fa.fa-pull-right {
margin-left : .3em
}
.pull-right {
float : right
}
.pull-left {
float : left
}
.fa.pull-left {
margin-right : .3em
}
.fa.pull-right {
margin-left : .3em
}
.fa-spin {
-webkit-animation : fa-spin 2s infinite linear;
animation : fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation : fa-spin 1s infinite steps(8);
animation : fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%
{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin {
0%
{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%
{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fa-rotate-90 {
-ms-filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform : rotate(90deg);
-ms-transform : rotate(90deg);
transform : rotate(90deg)
}
.fa-rotate-180 {
-ms-filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform : rotate(180deg);
-ms-transform : rotate(180deg);
transform : rotate(180deg)
}
.fa-rotate-270 {
-ms-filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform : rotate(270deg);
-ms-transform : rotate(270deg);
transform : rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform : scale(-1, 1);
-ms-transform : scale(-1, 1);
transform : scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform : scale(1, -1);
-ms-transform : scale(1, -1);
transform : scale(1, -1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
filter : none
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle
}
.fa-stack-1x,.fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center
}
.fa-stack-1x {
line-height : inherit
}
.fa-stack-2x {
font-size : 2em
}
.fa-inverse {
color : #fff
}
.fa-glass:before {
content : ""
}
.fa-music:before {
content : ""
}
.fa-search:before {
content : ""
}
.fa-envelope-o:before {
content : ""
}
.fa-heart:before {
content : ""
}
.fa-star:before {
content : ""
}
.fa-star-o:before {
content : ""
}
.fa-user:before {
content : ""
}
.fa-film:before {
content : ""
}
.fa-th-large:before {
content : ""
}
.fa-th:before {
content : ""
}
.fa-th-list:before {
content : ""
}
.fa-check:before {
content : ""
}
.fa-remove:before,.fa-close:before,.fa-times:before {
content : ""
}
.fa-search-plus:before {
content : ""
}
.fa-search-minus:before {
content : ""
}
.fa-power-off:before {
content : ""
}
.fa-signal:before {
content : ""
}
.fa-gear:before,.fa-cog:before {
content : ""
}
.fa-trash-o:before {
content : ""
}
.fa-home:before {
content : ""
}
.fa-file-o:before {
content : ""
}
.fa-clock-o:before {
content : ""
}
.fa-road:before {
content : ""
}
.fa-download:before {
content : ""
}
.fa-arrow-circle-o-down:before {
content : ""
}
.fa-arrow-circle-o-up:before {
content : ""
}
.fa-inbox:before {
content : ""
}
.fa-play-circle-o:before {
content : ""
}
.fa-rotate-right:before,.fa-repeat:before {
content : ""
}
.fa-refresh:before {
content : ""
}
.fa-list-alt:before {
content : ""
}
.fa-lock:before {
content : ""
}
.fa-flag:before {
content : ""
}
.fa-headphones:before {
content : ""
}
.fa-volume-off:before {
content : ""
}
.fa-volume-down:before {
content : ""
}
.fa-volume-up:before {
content : ""
}
.fa-qrcode:before {
content : ""
}
.fa-barcode:before {
content : ""
}
.fa-tag:before {
content : ""
}
.fa-tags:before {
content : ""
}
.fa-book:before {
content : ""
}
.fa-bookmark:before {
content : ""
}
.fa-print:before {
content : ""
}
.fa-camera:before {
content : ""
}
.fa-font:before {
content : ""
}
.fa-bold:before {
content : ""
}
.fa-italic:before {
content : ""
}
.fa-text-height:before {
content : ""
}
.fa-text-width:before {
content : ""
}
.fa-align-left:before {
content : ""
}
.fa-align-center:before {
content : ""
}
.fa-align-right:before {
content : ""
}
.fa-align-justify:before {
content : ""
}
.fa-list:before {
content : ""
}
.fa-dedent:before,.fa-outdent:before {
content : ""
}
.fa-indent:before {
content : ""
}
.fa-video-camera:before {
content : ""
}
.fa-photo:before,.fa-image:before,.fa-picture-o:before {
content : ""
}
.fa-pencil:before {
content : ""
}
.fa-map-marker:before {
content : ""
}
.fa-adjust:before {
content : ""
}
.fa-tint:before {
content : ""
}
.fa-edit:before,.fa-pencil-square-o:before {
content : ""
}
.fa-share-square-o:before {
content : ""
}
.fa-check-square-o:before {
content : ""
}
.fa-arrows:before {
content : ""
}
.fa-step-backward:before {
content : ""
}
.fa-fast-backward:before {
content : ""
}
.fa-backward:before {
content : ""
}
.fa-play:before {
content : ""
}
.fa-pause:before {
content : ""
}
.fa-stop:before {
content : ""
}
.fa-forward:before {
content : ""
}
.fa-fast-forward:before {
content : ""
}
.fa-step-forward:before {
content : ""
}
.fa-eject:before {
content : ""
}
.fa-chevron-left:before {
content : ""
}
.fa-chevron-right:before {
content : ""
}
.fa-plus-circle:before {
content : ""
}
.fa-minus-circle:before {
content : ""
}
.fa-times-circle:before {
content : ""
}
.fa-check-circle:before {
content : ""
}
.fa-question-circle:before {
content : ""
}
.fa-info-circle:before {
content : ""
}
.fa-crosshairs:before {
content : ""
}
.fa-times-circle-o:before {
content : ""
}
.fa-check-circle-o:before {
content : ""
}
.fa-ban:before {
content : ""
}
.fa-arrow-left:before {
content : ""
}
.fa-arrow-right:before {
content : ""
}
.fa-arrow-up:before {
content : ""
}
.fa-arrow-down:before {
content : ""
}
.fa-mail-forward:before,.fa-share:before {
content : ""
}
.fa-expand:before {
content : ""
}
.fa-compress:before {
content : ""
}
.fa-plus:before {
content : ""
}
.fa-minus:before {
content : ""
}
.fa-asterisk:before {
content : ""
}
.fa-exclamation-circle:before {
content : ""
}
.fa-gift:before {
content : ""
}
.fa-leaf:before {
content : ""
}
.fa-fire:before {
content : ""
}
.fa-eye:before {
content : ""
}
.fa-eye-slash:before {
content : ""
}
.fa-warning:before,.fa-exclamation-triangle:before {
content : ""
}
.fa-plane:before {
content : ""
}
.fa-calendar:before {
content : ""
}
.fa-random:before {
content : ""
}
.fa-comment:before {
content : ""
}
.fa-magnet:before {
content : ""
}
.fa-chevron-up:before {
content : ""
}
.fa-chevron-down:before {
content : ""
}
.fa-retweet:before {
content : ""
}
.fa-shopping-cart:before {
content : ""
}
.fa-folder:before {
content : ""
}
.fa-folder-open:before {
content : ""
}
.fa-arrows-v:before {
content : ""
}
.fa-arrows-h:before {
content : ""
}
.fa-bar-chart-o:before,.fa-bar-chart:before {
content : ""
}
.fa-twitter-square:before {
content : ""
}
.fa-facebook-square:before {
content : ""
}
.fa-camera-retro:before {
content : ""
}
.fa-key:before {
content : ""
}
.fa-gears:before,.fa-cogs:before {
content : ""
}
.fa-comments:before {
content : ""
}
.fa-thumbs-o-up:before {
content : ""
}
.fa-thumbs-o-down:before {
content : ""
}
.fa-star-half:before {
content : ""
}
.fa-heart-o:before {
content : ""
}
.fa-sign-out:before {
content : ""
}
.fa-linkedin-square:before {
content : ""
}
.fa-thumb-tack:before {
content : ""
}
.fa-external-link:before {
content : ""
}
.fa-sign-in:before {
content : ""
}
.fa-trophy:before {
content : ""
}
.fa-github-square:before {
content : ""
}
.fa-upload:before {
content : ""
}
.fa-lemon-o:before {
content : ""
}
.fa-phone:before {
content : ""
}
.fa-square-o:before {
content : ""
}
.fa-bookmark-o:before {
content : ""
}
.fa-phone-square:before {
content : ""
}
.fa-twitter:before {
content : ""
}
.fa-facebook-f:before,.fa-facebook:before {
content : ""
}
.fa-github:before {
content : ""
}
.fa-unlock:before {
content : ""
}
.fa-credit-card:before {
content : ""
}
.fa-feed:before,.fa-rss:before {
content : ""
}
.fa-hdd-o:before {
content : ""
}
.fa-bullhorn:before {
content : ""
}
.fa-bell:before {
content : ""
}
.fa-certificate:before {
content : ""
}
.fa-hand-o-right:before {
content : ""
}
.fa-hand-o-left:before {
content : ""
}
.fa-hand-o-up:before {
content : ""
}
.fa-hand-o-down:before {
content : ""
}
.fa-arrow-circle-left:before {
content : ""
}
.fa-arrow-circle-right:before {
content : ""
}
.fa-arrow-circle-up:before {
content : ""
}
.fa-arrow-circle-down:before {
content : ""
}
.fa-globe:before {
content : ""
}
.fa-wrench:before {
content : ""
}
.fa-tasks:before {
content : ""
}
.fa-filter:before {
content : ""
}
.fa-briefcase:before {
content : ""
}
.fa-arrows-alt:before {
content : ""
}
.fa-group:before,.fa-users:before {
content : ""
}
.fa-chain:before,.fa-link:before {
content : ""
}
.fa-cloud:before {
content : ""
}
.fa-flask:before {
content : ""
}
.fa-cut:before,.fa-scissors:before {
content : ""
}
.fa-copy:before,.fa-files-o:before {
content : ""
}
.fa-paperclip:before {
content : ""
}
.fa-save:before,.fa-floppy-o:before {
content : ""
}
.fa-square:before {
content : ""
}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
content : ""
}
.fa-list-ul:before {
content : ""
}
.fa-list-ol:before {
content : ""
}
.fa-strikethrough:before {
content : ""
}
.fa-underline:before {
content : ""
}
.fa-table:before {
content : ""
}
.fa-magic:before {
content : ""
}
.fa-truck:before {
content : ""
}
.fa-pinterest:before {
content : ""
}
.fa-pinterest-square:before {
content : ""
}
.fa-google-plus-square:before {
content : ""
}
.fa-google-plus:before {
content : ""
}
.fa-money:before {
content : ""
}
.fa-caret-down:before {
content : ""
}
.fa-caret-up:before {
content : ""
}
.fa-caret-left:before {
content : ""
}
.fa-caret-right:before {
content : ""
}
.fa-columns:before {
content : ""
}
.fa-unsorted:before,.fa-sort:before {
content : ""
}
.fa-sort-down:before,.fa-sort-desc:before {
content : ""
}
.fa-sort-up:before,.fa-sort-asc:before {
content : ""
}
.fa-envelope:before {
content : ""
}
.fa-linkedin:before {
content : ""
}
.fa-rotate-left:before,.fa-undo:before {
content : ""
}
.fa-legal:before,.fa-gavel:before {
content : ""
}
.fa-dashboard:before,.fa-tachometer:before {
content : ""
}
.fa-comment-o:before {
content : ""
}
.fa-comments-o:before {
content : ""
}
.fa-flash:before,.fa-bolt:before {
content : ""
}
.fa-sitemap:before {
content : ""
}
.fa-umbrella:before {
content : ""
}
.fa-paste:before,.fa-clipboard:before {
content : ""
}
.fa-lightbulb-o:before {
content : ""
}
.fa-exchange:before {
content : ""
}
.fa-cloud-download:before {
content : ""
}
.fa-cloud-upload:before {
content : ""
}
.fa-user-md:before {
content : ""
}
.fa-stethoscope:before {
content : ""
}
.fa-suitcase:before {
content : ""
}
.fa-bell-o:before {
content : ""
}
.fa-coffee:before {
content : ""
}
.fa-cutlery:before {
content : ""
}
.fa-file-text-o:before {
content : ""
}
.fa-building-o:before {
content : ""
}
.fa-hospital-o:before {
content : ""
}
.fa-ambulance:before {
content : ""
}
.fa-medkit:before {
content : ""
}
.fa-fighter-jet:before {
content : ""
}
.fa-beer:before {
content : ""
}
.fa-h-square:before {
content : ""
}
.fa-plus-square:before {
content : ""
}
.fa-angle-double-left:before {
content : ""
}
.fa-angle-double-right:before {
content : ""
}
.fa-angle-double-up:before {
content : ""
}
.fa-angle-double-down:before {
content : ""
}
.fa-angle-left:before {
content : ""
}
.fa-angle-right:before {
content : ""
}
.fa-angle-up:before {
content : ""
}
.fa-angle-down:before {
content : ""
}
.fa-desktop:before {
content : ""
}
.fa-laptop:before {
content : ""
}
.fa-tablet:before {
content : ""
}
.fa-mobile-phone:before,.fa-mobile:before {
content : ""
}
.fa-circle-o:before {
content : ""
}
.fa-quote-left:before {
content : ""
}
.fa-quote-right:before {
content : ""
}
.fa-spinner:before {
content : ""
}
.fa-circle:before {
content : ""
}
.fa-mail-reply:before,.fa-reply:before {
content : ""
}
.fa-github-alt:before {
content : ""
}
.fa-folder-o:before {
content : ""
}
.fa-folder-open-o:before {
content : ""
}
.fa-smile-o:before {
content : ""
}
.fa-frown-o:before {
content : ""
}
.fa-meh-o:before {
content : ""
}
.fa-gamepad:before {
content : ""
}
.fa-keyboard-o:before {
content : ""
}
.fa-flag-o:before {
content : ""
}
.fa-flag-checkered:before {
content : ""
}
.fa-terminal:before {
content : ""
}
.fa-code:before {
content : ""
}
.fa-mail-reply-all:before,.fa-reply-all:before {
content : ""
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
content : ""
}
.fa-location-arrow:before {
content : ""
}
.fa-crop:before {
content : ""
}
.fa-code-fork:before {
content : ""
}
.fa-unlink:before,.fa-chain-broken:before {
content : ""
}
.fa-question:before {
content : ""
}
.fa-info:before {
content : ""
}
.fa-exclamation:before {
content : ""
}
.fa-superscript:before {
content : ""
}
.fa-subscript:before {
content : ""
}
.fa-eraser:before {
content : ""
}
.fa-puzzle-piece:before {
content : ""
}
.fa-microphone:before {
content : ""
}
.fa-microphone-slash:before {
content : ""
}
.fa-shield:before {
content : ""
}
.fa-calendar-o:before {
content : ""
}
.fa-fire-extinguisher:before {
content : ""
}
.fa-rocket:before {
content : ""
}
.fa-maxcdn:before {
content : ""
}
.fa-chevron-circle-left:before {
content : ""
}
.fa-chevron-circle-right:before {
content : ""
}
.fa-chevron-circle-up:before {
content : ""
}
.fa-chevron-circle-down:before {
content : ""
}
.fa-html5:before {
content : ""
}
.fa-css3:before {
content : ""
}
.fa-anchor:before {
content : ""
}
.fa-unlock-alt:before {
content : ""
}
.fa-bullseye:before {
content : ""
}
.fa-ellipsis-h:before {
content : ""
}
.fa-ellipsis-v:before {
content : ""
}
.fa-rss-square:before {
content : ""
}
.fa-play-circle:before {
content : ""
}
.fa-ticket:before {
content : ""
}
.fa-minus-square:before {
content : ""
}
.fa-minus-square-o:before {
content : ""
}
.fa-level-up:before {
content : ""
}
.fa-level-down:before {
content : ""
}
.fa-check-square:before {
content : ""
}
.fa-pencil-square:before {
content : ""
}
.fa-external-link-square:before {
content : ""
}
.fa-share-square:before {
content : ""
}
.fa-compass:before {
content : ""
}
.fa-toggle-down:before,.fa-caret-square-o-down:before {
content : ""
}
.fa-toggle-up:before,.fa-caret-square-o-up:before {
content : ""
}
.fa-toggle-right:before,.fa-caret-square-o-right:before {
content : ""
}
.fa-euro:before,.fa-eur:before {
content : ""
}
.fa-gbp:before {
content : ""
}
.fa-dollar:before,.fa-usd:before {
content : ""
}
.fa-rupee:before,.fa-inr:before {
content : ""
}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
content : ""
}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
content : ""
}
.fa-won:before,.fa-krw:before {
content : ""
}
.fa-bitcoin:before,.fa-btc:before {
content : ""
}
.fa-file:before {
content : ""
}
.fa-file-text:before {
content : ""
}
.fa-sort-alpha-asc:before {
content : ""
}
.fa-sort-alpha-desc:before {
content : ""
}
.fa-sort-amount-asc:before {
content : ""
}
.fa-sort-amount-desc:before {
content : ""
}
.fa-sort-numeric-asc:before {
content : ""
}
.fa-sort-numeric-desc:before {
content : ""
}
.fa-thumbs-up:before {
content : ""
}
.fa-thumbs-down:before {
content : ""
}
.fa-youtube-square:before {
content : ""
}
.fa-youtube:before {
content : ""
}
.fa-xing:before {
content : ""
}
.fa-xing-square:before {
content : ""
}
.fa-youtube-play:before {
content : ""
}
.fa-dropbox:before {
content : ""
}
.fa-stack-overflow:before {
content : ""
}
.fa-instagram:before {
content : ""
}
.fa-flickr:before {
content : ""
}
.fa-adn:before {
content : ""
}
.fa-bitbucket:before {
content : ""
}
.fa-bitbucket-square:before {
content : ""
}
.fa-tumblr:before {
content : ""
}
.fa-tumblr-square:before {
content : ""
}
.fa-long-arrow-down:before {
content : ""
}
.fa-long-arrow-up:before {
content : ""
}
.fa-long-arrow-left:before {
content : ""
}
.fa-long-arrow-right:before {
content : ""
}
.fa-apple:before {
content : ""
}
.fa-windows:before {
content : ""
}
.fa-android:before {
content : ""
}
.fa-linux:before {
content : ""
}
.fa-dribbble:before {
content : ""
}
.fa-skype:before {
content : ""
}
.fa-foursquare:before {
content : ""
}
.fa-trello:before {
content : ""
}
.fa-female:before {
content : ""
}
.fa-male:before {
content : ""
}
.fa-gittip:before,.fa-gratipay:before {
content : ""
}
.fa-sun-o:before {
content : ""
}
.fa-moon-o:before {
content : ""
}
.fa-archive:before {
content : ""
}
.fa-bug:before {
content : ""
}
.fa-vk:before {
content : ""
}
.fa-weibo:before {
content : ""
}
.fa-renren:before {
content : ""
}
.fa-pagelines:before {
content : ""
}
.fa-stack-exchange:before {
content : ""
}
.fa-arrow-circle-o-right:before {
content : ""
}
.fa-arrow-circle-o-left:before {
content : ""
}
.fa-toggle-left:before,.fa-caret-square-o-left:before {
content : ""
}
.fa-dot-circle-o:before {
content : ""
}
.fa-wheelchair:before {
content : ""
}
.fa-vimeo-square:before {
content : ""
}
.fa-turkish-lira:before,.fa-try:before {
content : ""
}
.fa-plus-square-o:before {
content : ""
}
.fa-space-shuttle:before {
content : ""
}
.fa-slack:before {
content : ""
}
.fa-envelope-square:before {
content : ""
}
.fa-wordpress:before {
content : ""
}
.fa-openid:before {
content : ""
}
.fa-institution:before,.fa-bank:before,.fa-university:before {
content : ""
}
.fa-mortar-board:before,.fa-graduation-cap:before {
content : ""
}
.fa-yahoo:before {
content : ""
}
.fa-google:before {
content : ""
}
.fa-reddit:before {
content : ""
}
.fa-reddit-square:before {
content : ""
}
.fa-stumbleupon-circle:before {
content : ""
}
.fa-stumbleupon:before {
content : ""
}
.fa-delicious:before {
content : ""
}
.fa-digg:before {
content : ""
}
.fa-pied-piper-pp:before {
content : ""
}
.fa-pied-piper-alt:before {
content : ""
}
.fa-drupal:before {
content : ""
}
.fa-joomla:before {
content : ""
}
.fa-language:before {
content : ""
}
.fa-fax:before {
content : ""
}
.fa-building:before {
content : ""
}
.fa-child:before {
content : ""
}
.fa-paw:before {
content : ""
}
.fa-spoon:before {
content : ""
}
.fa-cube:before {
content : ""
}
.fa-cubes:before {
content : ""
}
.fa-behance:before {
content : ""
}
.fa-behance-square:before {
content : ""
}
.fa-steam:before {
content : ""
}
.fa-steam-square:before {
content : ""
}
.fa-recycle:before {
content : ""
}
.fa-automobile:before,.fa-car:before {
content : ""
}
.fa-cab:before,.fa-taxi:before {
content : ""
}
.fa-tree:before {
content : ""
}
.fa-spotify:before {
content : ""
}
.fa-deviantart:before {
content : ""
}
.fa-soundcloud:before {
content : ""
}
.fa-database:before {
content : ""
}
.fa-file-pdf-o:before {
content : ""
}
.fa-file-word-o:before {
content : ""
}
.fa-file-excel-o:before {
content : ""
}
.fa-file-powerpoint-o:before {
content : ""
}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
content : ""
}
.fa-file-zip-o:before,.fa-file-archive-o:before {
content : ""
}
.fa-file-sound-o:before,.fa-file-audio-o:before {
content : ""
}
.fa-file-movie-o:before,.fa-file-video-o:before {
content : ""
}
.fa-file-code-o:before {
content : ""
}
.fa-vine:before {
content : ""
}
.fa-codepen:before {
content : ""
}
.fa-jsfiddle:before {
content : ""
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
content : ""
}
.fa-circle-o-notch:before {
content : ""
}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before {
content : ""
}
.fa-ge:before,.fa-empire:before {
content : ""
}
.fa-git-square:before {
content : ""
}
.fa-git:before {
content : ""
}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
content : ""
}
.fa-tencent-weibo:before {
content : ""
}
.fa-qq:before {
content : ""
}
.fa-wechat:before,.fa-weixin:before {
content : ""
}
.fa-send:before,.fa-paper-plane:before {
content : ""
}
.fa-send-o:before,.fa-paper-plane-o:before {
content : ""
}
.fa-history:before {
content : ""
}
.fa-circle-thin:before {
content : ""
}
.fa-header:before {
content : ""
}
.fa-paragraph:before {
content : ""
}
.fa-sliders:before {
content : ""
}
.fa-share-alt:before {
content : ""
}
.fa-share-alt-square:before {
content : ""
}
.fa-bomb:before {
content : ""
}
.fa-soccer-ball-o:before,.fa-futbol-o:before {
content : ""
}
.fa-tty:before {
content : ""
}
.fa-binoculars:before {
content : ""
}
.fa-plug:before {
content : ""
}
.fa-slideshare:before {
content : ""
}
.fa-twitch:before {
content : ""
}
.fa-yelp:before {
content : ""
}
.fa-newspaper-o:before {
content : ""
}
.fa-wifi:before {
content : ""
}
.fa-calculator:before {
content : ""
}
.fa-paypal:before {
content : ""
}
.fa-google-wallet:before {
content : ""
}
.fa-cc-visa:before {
content : ""
}
.fa-cc-mastercard:before {
content : ""
}
.fa-cc-discover:before {
content : ""
}
.fa-cc-amex:before {
content : ""
}
.fa-cc-paypal:before {
content : ""
}
.fa-cc-stripe:before {
content : ""
}
.fa-bell-slash:before {
content : ""
}
.fa-bell-slash-o:before {
content : ""
}
.fa-trash:before {
content : ""
}
.fa-copyright:before {
content : ""
}
.fa-at:before {
content : ""
}
.fa-eyedropper:before {
content : ""
}
.fa-paint-brush:before {
content : ""
}
.fa-birthday-cake:before {
content : ""
}
.fa-area-chart:before {
content : ""
}
.fa-pie-chart:before {
content : ""
}
.fa-line-chart:before {
content : ""
}
.fa-lastfm:before {
content : ""
}
.fa-lastfm-square:before {
content : ""
}
.fa-toggle-off:before {
content : ""
}
.fa-toggle-on:before {
content : ""
}
.fa-bicycle:before {
content : ""
}
.fa-bus:before {
content : ""
}
.fa-ioxhost:before {
content : ""
}
.fa-angellist:before {
content : ""
}
.fa-cc:before {
content : ""
}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
content : ""
}
.fa-meanpath:before {
content : ""
}
.fa-buysellads:before {
content : ""
}
.fa-connectdevelop:before {
content : ""
}
.fa-dashcube:before {
content : ""
}
.fa-forumbee:before {
content : ""
}
.fa-leanpub:before {
content : ""
}
.fa-sellsy:before {
content : ""
}
.fa-shirtsinbulk:before {
content : ""
}
.fa-simplybuilt:before {
content : ""
}
.fa-skyatlas:before {
content : ""
}
.fa-cart-plus:before {
content : ""
}
.fa-cart-arrow-down:before {
content : ""
}
.fa-diamond:before {
content : ""
}
.fa-ship:before {
content : ""
}
.fa-user-secret:before {
content : ""
}
.fa-motorcycle:before {
content : ""
}
.fa-street-view:before {
content : ""
}
.fa-heartbeat:before {
content : ""
}
.fa-venus:before {
content : ""
}
.fa-mars:before {
content : ""
}
.fa-mercury:before {
content : ""
}
.fa-intersex:before,.fa-transgender:before {
content : ""
}
.fa-transgender-alt:before {
content : ""
}
.fa-venus-double:before {
content : ""
}
.fa-mars-double:before {
content : ""
}
.fa-venus-mars:before {
content : ""
}
.fa-mars-stroke:before {
content : ""
}
.fa-mars-stroke-v:before {
content : ""
}
.fa-mars-stroke-h:before {
content : ""
}
.fa-neuter:before {
content : ""
}
.fa-genderless:before {
content : ""
}
.fa-facebook-official:before {
content : ""
}
.fa-pinterest-p:before {
content : ""
}
.fa-whatsapp:before {
content : ""
}
.fa-server:before {
content : ""
}
.fa-user-plus:before {
content : ""
}
.fa-user-times:before {
content : ""
}
.fa-hotel:before,.fa-bed:before {
content : ""
}
.fa-viacoin:before {
content : ""
}
.fa-train:before {
content : ""
}
.fa-subway:before {
content : ""
}
.fa-medium:before {
content : ""
}
.fa-yc:before,.fa-y-combinator:before {
content : ""
}
.fa-optin-monster:before {
content : ""
}
.fa-opencart:before {
content : ""
}
.fa-expeditedssl:before {
content : ""
}
.fa-battery-4:before,.fa-battery-full:before {
content : ""
}
.fa-battery-3:before,.fa-battery-three-quarters:before {
content : ""
}
.fa-battery-2:before,.fa-battery-half:before {
content : ""
}
.fa-battery-1:before,.fa-battery-quarter:before {
content : ""
}
.fa-battery-0:before,.fa-battery-empty:before {
content : ""
}
.fa-mouse-pointer:before {
content : ""
}
.fa-i-cursor:before {
content : ""
}
.fa-object-group:before {
content : ""
}
.fa-object-ungroup:before {
content : ""
}
.fa-sticky-note:before {
content : ""
}
.fa-sticky-note-o:before {
content : ""
}
.fa-cc-jcb:before {
content : ""
}
.fa-cc-diners-club:before {
content : ""
}
.fa-clone:before {
content : ""
}
.fa-balance-scale:before {
content : ""
}
.fa-hourglass-o:before {
content : ""
}
.fa-hourglass-1:before,.fa-hourglass-start:before {
content : ""
}
.fa-hourglass-2:before,.fa-hourglass-half:before {
content : ""
}
.fa-hourglass-3:before,.fa-hourglass-end:before {
content : ""
}
.fa-hourglass:before {
content : ""
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before {
content : ""
}
.fa-hand-stop-o:before,.fa-hand-paper-o:before {
content : ""
}
.fa-hand-scissors-o:before {
content : ""
}
.fa-hand-lizard-o:before {
content : ""
}
.fa-hand-spock-o:before {
content : ""
}
.fa-hand-pointer-o:before {
content : ""
}
.fa-hand-peace-o:before {
content : ""
}
.fa-trademark:before {
content : ""
}
.fa-registered:before {
content : ""
}
.fa-creative-commons:before {
content : ""
}
.fa-gg:before {
content : ""
}
.fa-gg-circle:before {
content : ""
}
.fa-tripadvisor:before {
content : ""
}
.fa-odnoklassniki:before {
content : ""
}
.fa-odnoklassniki-square:before {
content : ""
}
.fa-get-pocket:before {
content : ""
}
.fa-wikipedia-w:before {
content : ""
}
.fa-safari:before {
content : ""
}
.fa-chrome:before {
content : ""
}
.fa-firefox:before {
content : ""
}
.fa-opera:before {
content : ""
}
.fa-internet-explorer:before {
content : ""
}
.fa-tv:before,.fa-television:before {
content : ""
}
.fa-contao:before {
content : ""
}
.fa-500px:before {
content : ""
}
.fa-amazon:before {
content : ""
}
.fa-calendar-plus-o:before {
content : ""
}
.fa-calendar-minus-o:before {
content : ""
}
.fa-calendar-times-o:before {
content : ""
}
.fa-calendar-check-o:before {
content : ""
}
.fa-industry:before {
content : ""
}
.fa-map-pin:before {
content : ""
}
.fa-map-signs:before {
content : ""
}
.fa-map-o:before {
content : ""
}
.fa-map:before {
content : ""
}
.fa-commenting:before {
content : ""
}
.fa-commenting-o:before {
content : ""
}
.fa-houzz:before {
content : ""
}
.fa-vimeo:before {
content : ""
}
.fa-black-tie:before {
content : ""
}
.fa-fonticons:before {
content : ""
}
.fa-reddit-alien:before {
content : ""
}
.fa-edge:before {
content : ""
}
.fa-credit-card-alt:before {
content : ""
}
.fa-codiepie:before {
content : ""
}
.fa-modx:before {
content : ""
}
.fa-fort-awesome:before {
content : ""
}
.fa-usb:before {
content : ""
}
.fa-product-hunt:before {
content : ""
}
.fa-mixcloud:before {
content : ""
}
.fa-scribd:before {
content : ""
}
.fa-pause-circle:before {
content : ""
}
.fa-pause-circle-o:before {
content : ""
}
.fa-stop-circle:before {
content : ""
}
.fa-stop-circle-o:before {
content : ""
}
.fa-shopping-bag:before {
content : ""
}
.fa-shopping-basket:before {
content : ""
}
.fa-hashtag:before {
content : ""
}
.fa-bluetooth:before {
content : ""
}
.fa-bluetooth-b:before {
content : ""
}
.fa-percent:before {
content : ""
}
.fa-gitlab:before {
content : ""
}
.fa-wpbeginner:before {
content : ""
}
.fa-wpforms:before {
content : ""
}
.fa-envira:before {
content : ""
}
.fa-universal-access:before {
content : ""
}
.fa-wheelchair-alt:before {
content : ""
}
.fa-question-circle-o:before {
content : ""
}
.fa-blind:before {
content : ""
}
.fa-audio-description:before {
content : ""
}
.fa-volume-control-phone:before {
content : ""
}
.fa-braille:before {
content : ""
}
.fa-assistive-listening-systems:before {
content : ""
}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
content : ""
}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
content : ""
}
.fa-glide:before {
content : ""
}
.fa-glide-g:before {
content : ""
}
.fa-signing:before,.fa-sign-language:before {
content : ""
}
.fa-low-vision:before {
content : ""
}
.fa-viadeo:before {
content : ""
}
.fa-viadeo-square:before {
content : ""
}
.fa-snapchat:before {
content : ""
}
.fa-snapchat-ghost:before {
content : ""
}
.fa-snapchat-square:before {
content : ""
}
.fa-pied-piper:before {
content : ""
}
.fa-first-order:before {
content : ""
}
.fa-yoast:before {
content : ""
}
.fa-themeisle:before {
content : ""
}
.fa-google-plus-circle:before,.fa-google-plus-official:before {
content : ""
}
.fa-fa:before,.fa-font-awesome:before {
content : ""
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0, 0, 0, 0);
border : 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
margin : 0;
overflow : visible;
clip : auto
}
/*SWIPER*/
.swiper-container {
margin : 0 auto;
position : relative;
overflow : hidden;
list-style : none;
padding : 0;
z-index : 1
}
.swiper-container-no-flexbox .swiper-slide {
float : left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient : vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction : column;
flex-direction : column
}
.swiper-wrapper {
position : relative;
width : 100%;
height : 100%;
z-index : 1;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property: transform;
transition-property : transform;
transition-property : transform,-webkit-transform;
-webkit-box-sizing : content-box;
box-sizing : content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin : 0 auto
}
.swiper-slide {
-webkit-flex-shrink : 0;
-ms-flex-negative : 0;
flex-shrink : 0;
width : 100%;
height : 100%;
position : relative;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property: transform;
transition-property : transform;
transition-property : transform,-webkit-transform
}
.swiper-invisible-blank-slide {
visibility : hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height : auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align : start;
-webkit-align-items : flex-start;
-ms-flex-align : start;
align-items : flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property : height,-webkit-transform;
-o-transition-property: transform,height;
transition-property : transform,height;
transition-property : transform,height,-webkit-transform
}
.swiper-container-3d {
-webkit-perspective : 1200px;
perspective : 1200px
}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style : preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
pointer-events : none;
z-index : 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image : -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image : -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image : -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image : -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image : -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image : -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image : -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image : -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image : linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action : pan-y;
touch-action : pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action : pan-x;
touch-action : pan-x
}
.swiper-button-next,.swiper-button-prev {
position : absolute;
top : 50%;
width : 27px;
height : 44px;
margin-top : -22px;
z-index : 10;
cursor : pointer;
background-size : 27px 44px;
background-position : center;
background-repeat : no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity : .35;
cursor : auto;
pointer-events : none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left : 10px;
right : auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right : 10px;
left : auto
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display : none
}
.swiper-pagination {
position : absolute;
text-align : center;
-webkit-transition : .3s opacity;
-o-transition : .3s opacity;
transition : .3s opacity;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
z-index : 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity : 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom : 10px;
left : 0;
width : 100%
}
.swiper-pagination-bullets-dynamic {
overflow : hidden;
font-size : 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform : scale(.33);
-ms-transform : scale(.33);
transform : scale(.33);
position : relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform : scale(1);
-ms-transform : scale(1);
transform : scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform : scale(1);
-ms-transform : scale(1);
transform : scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform : scale(.66);
-ms-transform : scale(.66);
transform : scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform : scale(.33);
-ms-transform : scale(.33);
transform : scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform : scale(.66);
-ms-transform : scale(.66);
transform : scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform : scale(.33);
-ms-transform : scale(.33);
transform : scale(.33)
}
.swiper-pagination-bullet {
width : 15px;
height : 15px;
display : inline-block;
border-radius : 100%;
background : #000;
opacity : .2
}
button.swiper-pagination-bullet {
border : none;
margin : 0;
padding : 0;
-webkit-box-shadow : none;
box-shadow : none;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor : pointer
}
.swiper-pagination-bullet-active {
opacity : 1;
background : #2691b0
}
.swiper-container-vertical>.swiper-pagination-bullets {
right : 10px;
top : 50%;
-webkit-transform : translate3d(0,-50%,0);
transform : translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin : 6px 0;
display : block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top : 50%;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
transform : translateY(-50%);
width : 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display : inline-block;
-webkit-transition : .2s top,.2s -webkit-transform;
transition : .2s top,.2s -webkit-transform;
-o-transition : .2s transform,.2s top;
transition : .2s transform,.2s top;
transition : .2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin : 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left : 50%;
-webkit-transform : translateX(-50%);
-ms-transform : translateX(-50%);
transform : translateX(-50%);
white-space : nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition : .2s left,.2s -webkit-transform;
transition : .2s left,.2s -webkit-transform;
-o-transition : .2s transform,.2s left;
transition : .2s transform,.2s left;
transition : .2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition : .2s right,.2s -webkit-transform;
transition : .2s right,.2s -webkit-transform;
-o-transition : .2s transform,.2s right;
transition : .2s transform,.2s right;
transition : .2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
background : rgba(0,0,0,.25);
position : absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background : #007aff;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
-webkit-transform : scale(0);
-ms-transform : scale(0);
transform : scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin : left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin : right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width : 100%;
height : 4px;
left : 0;
top : 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width : 4px;
height : 100%;
left : 0;
top : 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background : #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background : rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background : #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background : #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background : rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background : #000
}
.swiper-pagination-lock {
display : none
}
.swiper-scrollbar {
border-radius : 10px;
position : relative;
-ms-touch-action : none;
background : rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position : absolute;
left : 1%;
bottom : 3px;
z-index : 50;
height : 5px;
width : 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position : absolute;
right : 3px;
top : 1%;
z-index : 50;
width : 5px;
height : 98%
}
.swiper-scrollbar-drag {
height : 100%;
width : 100%;
position : relative;
background : rgba(0,0,0,.5);
border-radius : 10px;
left : 0;
top : 0
}
.swiper-scrollbar-cursor-drag {
cursor : move
}
.swiper-scrollbar-lock {
display : none
}
.swiper-zoom-container {
width : 100%;
height : 100%;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : center;
-webkit-justify-content: center;
-ms-flex-pack : center;
justify-content : center;
-webkit-box-align : center;
-webkit-align-items : center;
-ms-flex-align : center;
align-items : center;
text-align : center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width : 100%;
max-height : 100%;
-o-object-fit : contain;
object-fit : contain
}
.swiper-slide-zoomed {
cursor : move
}
.swiper-lazy-preloader {
width : 42px;
height : 42px;
position : absolute;
left : 50%;
top : 50%;
margin-left : -21px;
margin-top : -21px;
z-index : 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin : 50%;
-webkit-animation : swiper-preloader-spin 1s steps(12,end) infinite;
animation : swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display : block;
content : "";
width : 100%;
height : 100%;
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position : 50%;
background-size : 100%;
background-repeat : no-repeat
}
.swiper-lazy-preloader-white:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100%
{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin {
100%
{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.swiper-container .swiper-notification {
position : absolute;
left : 0;
top : 0;
pointer-events : none;
opacity : 0;
z-index : -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events : none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property : opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events : none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events : auto
}
.swiper-container-cube {
overflow : visible
}
.swiper-container-cube .swiper-slide {
pointer-events : none;
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
z-index : 1;
visibility : hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin : 0 0;
width : 100%;
height : 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events : none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin : 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events : auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events : auto;
visibility : visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index : 0;
-webkit-backface-visibility: hidden;
backface-visibility : hidden
}
.swiper-container-cube .swiper-cube-shadow {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100%;
background : #000;
opacity : .6;
-webkit-filter : blur(50px);
filter : blur(50px);
z-index : 0
}
.swiper-container-flip {
overflow : visible
}
.swiper-container-flip .swiper-slide {
pointer-events : none;
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
z-index : 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events : none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events : auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index : 0;
-webkit-backface-visibility: hidden;
backface-visibility : hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective : 1200px
}
/*OWL*/
.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position : relative
}
.owl-carousel {
display : none;
width : 100%;
z-index : 1
}
.owl-carousel .owl-stage {
position : relative;
-ms-touch-action : pan-Y;
touch-action : manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0
}
.owl-carousel .owl-stage-outer {
position : relative;
overflow : hidden;
-webkit-transform : translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform : translate3d(0,0,0);
-moz-transform : translate3d(0,0,0);
-ms-transform : translate3d(0,0,0)
}
.owl-carousel .owl-item {
min-height : 1px;
float : left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display : block;
width : 100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display : none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {
display : block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor : pointer;
-webkit-user-select : none;
-khtml-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
background : 0 0;
color : inherit;
border : none;
padding : 0!important;
font : inherit
}
.owl-carousel.owl-loading {
opacity : 0;
display : block
}
.owl-carousel.owl-hidden {
opacity : 0
}
.owl-carousel.owl-refresh .owl-item {
visibility : hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action : pan-y;
touch-action : pan-y;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none
}
.owl-carousel.owl-grab {
cursor : move;
cursor : grab
}
.owl-carousel.owl-rtl {
direction : rtl
}
.owl-carousel.owl-rtl .owl-item {
float : right
}
.owl-carousel .animated {
animation-duration : 1s;
animation-fill-mode : both
}
.owl-carousel .owl-animated-in {
z-index : 0
}
.owl-carousel .owl-animated-out {
z-index : 1
}
.owl-carousel .fadeOut {
animation-name : fadeOut
}
@keyframes fadeOut {
0%
{opacity:1}
100%
{opacity:0}
}
.owl-height {
transition : height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity : 0;
transition : opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height : 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style : preserve-3d
}
.owl-carousel .owl-video-wrapper {
position : relative;
height : 100%;
background : #000
}
.owl-carousel .owl-video-play-icon {
position : absolute;
height : 80px;
width : 80px;
left : 50%;
top : 50%;
margin-left : -40px;
margin-top : -40px;
background : url("owl.video.play.png") no-repeat;
cursor : pointer;
z-index : 1;
-webkit-backface-visibility: hidden;
transition : transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform : scale(1.3,1.3);
transform : scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display : none
}
.owl-carousel .owl-video-tn {
opacity : 0;
height : 100%;
background-position : center center;
background-repeat : no-repeat;
background-size : contain;
transition : opacity .4s ease
}
.owl-carousel .owl-video-frame {
position : relative;
z-index : 1;
height : 100%;
width : 100%
}
.owl-theme .owl-dots,.owl-theme .owl-nav {
text-align : center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top : 10px
}
.owl-theme .owl-nav [class*=owl-] {
color : #FFF;
font-size : 14px;
margin : 5px;
padding : 4px 7px;
background : #D6D6D6;
display : inline-block;
cursor : pointer;
border-radius : 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background : #869791;
color : #FFF;
text-decoration : none
}
.owl-theme .owl-nav .disabled {
opacity : .5;
cursor : default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top : 10px
}
.owl-theme .owl-dots .owl-dot {
display : inline-block;
zoom : 1
}
.owl-theme .owl-dots .owl-dot span {
width : 10px;
height : 10px;
margin : 5px 7px;
background : #D6D6D6;
display : block;
-webkit-backface-visibility: visible;
transition : opacity .2s ease;
border-radius : 30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background : #869791
}
.owl-theme .owl-dots,.owl-theme .owl-nav {
text-align : center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top : 10px
}
.owl-theme .owl-nav [class*=owl-] {
color : #FFF;
font-size : 14px;
margin : 5px;
padding : 4px 7px;
background : #D6D6D6;
display : inline-block;
cursor : pointer;
border-radius : 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background : #4DC7A0;
color : #FFF;
text-decoration : none
}
.owl-theme .owl-nav .disabled {
opacity : .5;
cursor : default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top : 10px
}
.owl-theme .owl-dots .owl-dot {
display : inline-block;
zoom : 1
}
.owl-theme .owl-dots .owl-dot span {
width : 10px;
height : 10px;
margin : 5px 7px;
background : #D6D6D6;
display : block;
-webkit-backface-visibility: visible;
transition : opacity .2s ease;
border-radius : 30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background : #4DC7A0
}
/*LIGHTBOX*/
.lb-loader,.lightbox {
text-align : center;
line-height : 0
}
.lb-dataContainer:after,.lb-outerContainer:after {
content : "";
clear : both
}
html.lb-disable-scrolling {
overflow : hidden;
position : fixed;
height : 100vh;
width : 100vw
}
.lightboxOverlay {
position : absolute;
top : 0;
left : 0;
z-index : 9999;
background-color : #000;
filter : alpha(Opacity=80);
opacity : .8;
display : none
}
.lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 10000;
font-weight : 400
}
.lightbox .lb-image {
display : block;
height : auto;
max-width : inherit;
max-height : none;
border-radius : 3px;
border : 4px solid #fff
}
.lightbox a img {
border : none
}
.lb-outerContainer {
position : relative;
width : 250px;
height : 250px;
margin : 0 auto;
border-radius : 4px;
background-color : #fff
}
.lb-loader,.lb-nav {
position : absolute;
left : 0
}
.lb-outerContainer:after {
display : table
}
.lb-loader {
top : 43%;
height : 25%;
width : 100%
}
.lb-cancel {
display : block;
width : 32px;
height : 32px;
margin : 0 auto;
background : url("../../assets/plugins/lightbox/src/images/loading.gif") no-repeat
}
.lb-nav {
top : 0;
height : 100%;
width : 100%;
z-index : 10
}
.lb-container>.nav {
left : 0
}
.lb-nav a {
outline : 0;
background-image : url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}
.lb-next,.lb-prev {
height : 100%;
cursor : pointer;
display : block
}
.lb-nav a.lb-prev {
width : 34%;
left : 0;
float : left;
background : url("../../assets/plugins/lightbox/src/images/prev.png") left 48% no-repeat;
filter : alpha(Opacity=0);
opacity : 0;
-webkit-transition : opacity .6s;
-moz-transition : opacity .6s;
-o-transition : opacity .6s;
transition : opacity .6s
}
.lb-nav a.lb-prev:hover {
filter : alpha(Opacity=100);
opacity : 1
}
.lb-nav a.lb-next {
width : 64%;
right : 0;
float : right;
background : url("../../assets/plugins/lightbox/src/images/next.png") right 48% no-repeat;
filter : alpha(Opacity=0);
opacity : 0;
-webkit-transition : opacity .6s;
-moz-transition : opacity .6s;
-o-transition : opacity .6s;
transition : opacity .6s
}
.lb-nav a.lb-next:hover {
filter : alpha(Opacity=100);
opacity : 1
}
.lb-dataContainer {
margin : 0 auto;
padding-top : 5px;
width : 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
display : table
}
.lb-data {
padding : 0 4px;
color : #ccc
}
.lb-data .lb-details {
width : 85%;
float : left;
text-align : left;
line-height : 1.1em
}
.lb-data .lb-caption {
font-size : 13px;
font-weight : 700;
line-height : 1em
}
.lb-data .lb-caption a {
color : #4ae
}
.lb-data .lb-number {
display : block;
clear : left;
padding-bottom : 1em;
font-size : 12px;
color : #999
}
.lb-data .lb-close {
display : block;
float : right;
width : 30px;
height : 30px;
background : url("../../assets/plugins/lightbox/src/images/close.png") top right no-repeat;
text-align : right;
outline : 0;
filter : alpha(Opacity=70);
opacity : .7;
-webkit-transition : opacity .2s;
-moz-transition : opacity .2s;
-o-transition : opacity .2s;
transition : opacity .2s
}
.lb-data .lb-close:hover {
cursor : pointer;
filter : alpha(Opacity=100);
opacity : 1
}
/*ANIMATE*/
.animated {
-webkit-animation-duration: 1s;
animation-duration : 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode : both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes bounce {
20%
,
53%
,
80%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
40%
,
43%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%
{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
20%
,
53%
,
80%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
40%
,
43%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%
{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%
{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce {
-webkit-animation-name: bounce;
animation-name : bounce;
-webkit-transform-origin: center bottom;
transform-origin : center bottom
}
@-webkit-keyframes flash {
50%
,
from,to {
opacity : 1
}
25%
,
75%
{opacity:0}
}
@keyframes flash {
50%
,
from,to {
opacity : 1
}
25%
,
75%
{opacity:0}
}
.flash {
-webkit-animation-name: flash;
animation-name : flash
}
@-webkit-keyframes pulse {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
50%
{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
@keyframes pulse {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
50%
{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
.pulse {
-webkit-animation-name: pulse;
animation-name : pulse
}
@-webkit-keyframes rubberBand {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
30%
{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%
{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%
{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%
{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%
{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@keyframes rubberBand {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
30%
{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%
{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%
{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%
{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%
{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name : rubberBand
}
@-webkit-keyframes shake {
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
10%
,
30%
,
50%
,
70%
,
90%
{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%
,
40%
,
60%
,
80%
{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
10%
,
30%
,
50%
,
70%
,
90%
{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%
,
40%
,
60%
,
80%
{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake {
-webkit-animation-name: shake;
animation-name : shake
}
@-webkit-keyframes headShake {
0%
{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%
{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%
{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%
{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%
{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%
{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%
{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%
{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%
{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%
{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%
{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%
{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name : headShake
}
@-webkit-keyframes swing {
20%
{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%
{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%
{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%
{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to {
-webkit-transform : rotate3d(0,0,1,0deg);
transform : rotate3d(0,0,1,0deg)
}
}
@keyframes swing {
20%
{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%
{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%
{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%
{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to {
-webkit-transform : rotate3d(0,0,1,0deg);
transform : rotate3d(0,0,1,0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin : top center;
-webkit-animation-name: swing;
animation-name : swing
}
@-webkit-keyframes tada {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
10%
,
20%
{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%
,
50%
,
70%
,
90%
{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%
,
60%
,
80%
{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
@keyframes tada {
from,to {
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
10%
,
20%
{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%
,
50%
,
70%
,
90%
{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%
,
60%
,
80%
{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
.tada {
-webkit-animation-name: tada;
animation-name : tada
}
@-webkit-keyframes wobble {
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
15%
{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%
{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%
{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
@keyframes wobble {
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
15%
{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%
{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%
{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%
{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%
{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
.wobble {
-webkit-animation-name: wobble;
animation-name : wobble
}
@-webkit-keyframes jello {
11.1%
,
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
22.2%
{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%
{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%
{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%
{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%
{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%
{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%
{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello {
11.1%
,
from,to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
22.2%
{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%
{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%
{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%
{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%
{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%
{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%
{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello {
-webkit-animation-name: jello;
animation-name : jello;
-webkit-transform-origin: center;
transform-origin : center
}
@-webkit-keyframes bounceIn {
20%
,
40%
,
60%
,
80%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%
{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%
{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%
{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%
{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {
opacity : 1;
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
}
@keyframes bounceIn {
20%
,
40%
,
60%
,
80%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%
{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%
{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%
{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%
{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {
opacity : 1;
-webkit-transform : scale3d(1,1,1);
transform : scale3d(1,1,1)
}
}
.bounceIn {
-webkit-animation-duration: .75s;
animation-duration : .75s;
-webkit-animation-name: bounceIn;
animation-name : bounceIn
}
.bounceOut,.flipOutX {
-webkit-animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%
{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%
{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%
{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes bounceInDown {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%
{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%
{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%
{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name : bounceInDown
}
@-webkit-keyframes bounceInLeft {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%
{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%
{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%
{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes bounceInLeft {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0%
{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%
{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%
{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%
{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name : bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity : 0;
-webkit-transform : translate3d(3000px,0,0);
transform : translate3d(3000px,0,0)
}
60%
{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%
{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%
{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes bounceInRight {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity : 0;
-webkit-transform : translate3d(3000px,0,0);
transform : translate3d(3000px,0,0)
}
60%
{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%
{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%
{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name : bounceInRight
}
@-webkit-keyframes bounceInUp {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity : 0;
-webkit-transform : translate3d(0,3000px,0);
transform : translate3d(0,3000px,0)
}
60%
{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%
{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%
{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes bounceInUp {
60%
,
75%
,
90%
,
from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity : 0;
-webkit-transform : translate3d(0,3000px,0);
transform : translate3d(0,3000px,0)
}
60%
{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%
{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%
{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name : bounceInUp
}
@-webkit-keyframes bounceOut {
20%
{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%
,
55%
{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {
opacity : 0;
-webkit-transform : scale3d(.3,.3,.3);
transform : scale3d(.3,.3,.3)
}
}
@keyframes bounceOut {
20%
{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%
,
55%
{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {
opacity : 0;
-webkit-transform : scale3d(.3,.3,.3);
transform : scale3d(.3,.3,.3)
}
}
.bounceOut {
animation-duration : .75s;
-webkit-animation-name: bounceOut;
animation-name : bounceOut
}
@-webkit-keyframes bounceOutDown {
20%
{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {
opacity : 0;
-webkit-transform : translate3d(0,2000px,0);
transform : translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown {
20%
{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%
,
45%
{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {
opacity : 0;
-webkit-transform : translate3d(0,2000px,0);
transform : translate3d(0,2000px,0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name : bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20%
{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft {
20%
{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name : bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20%
{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
}
@keyframes bounceOutRight {
20%
{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name : bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20%
{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp {
20%
{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%
,
45%
{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name : bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity : 0
}
to {
opacity : 1
}
}
@keyframes fadeIn {
from {
opacity : 0
}
to {
opacity : 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name : fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity : 0;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInDown {
from {
opacity : 0;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name : fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInDownBig {
from {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name : fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInLeft {
from {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name : fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInLeftBig {
from {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name : fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity : 0;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInRight {
from {
opacity : 0;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name : fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInRightBig {
from {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name : fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity : 0;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInUp {
from {
opacity : 0;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name : fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity : 0;
-webkit-transform : translate3d(0,2000px,0);
transform : translate3d(0,2000px,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes fadeInUpBig {
from {
opacity : 0;
-webkit-transform : translate3d(0,2000px,0);
transform : translate3d(0,2000px,0)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name : fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity : 1
}
to {
opacity : 0
}
}
@keyframes fadeOut {
from {
opacity : 1
}
to {
opacity : 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name : fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
}
@keyframes fadeOutDown {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name : fadeOutDown
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name : fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
}
@keyframes fadeOutLeft {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name : fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(-2000px,0,0);
transform : translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name : fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
}
@keyframes fadeOutRight {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name : fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
}
@keyframes fadeOutRightBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(2000px,0,0);
transform : translate3d(2000px,0,0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name : fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name : fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
}
@keyframes fadeOutUpBig {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(0,-2000px,0);
transform : translate3d(0,-2000px,0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name : fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform : perspective(400px) rotate3d(0,1,0,-360deg);
transform : perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40%
{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%
{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%
{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform : perspective(400px) rotate3d(0,1,0,-360deg);
transform : perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40%
{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%
{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%
{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility : visible;
-webkit-animation-name: flip;
animation-name : flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform : perspective(400px) rotate3d(1,0,0,90deg);
transform : perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity : 0
}
40%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform : perspective(400px) rotate3d(1,0,0,90deg);
transform : perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity : 0
}
40%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important;
-webkit-animation-name: flipInX;
animation-name : flipInX
}
.flipInY,.flipOutX {
-webkit-backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
from {
-webkit-transform : perspective(400px) rotate3d(0,1,0,90deg);
transform : perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity : 0
}
40%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform : perspective(400px) rotate3d(0,1,0,90deg);
transform : perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity : 0
}
40%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
}
.flipInY {
backface-visibility : visible!important;
-webkit-animation-name: flipInY;
animation-name : flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
30%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to {
-webkit-transform : perspective(400px) rotate3d(1,0,0,90deg);
transform : perspective(400px) rotate3d(1,0,0,90deg);
opacity : 0
}
}
@keyframes flipOutX {
from {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
30%
{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to {
-webkit-transform : perspective(400px) rotate3d(1,0,0,90deg);
transform : perspective(400px) rotate3d(1,0,0,90deg);
opacity : 0
}
}
.flipOutX {
animation-duration : .75s;
-webkit-animation-name: flipOutX;
animation-name : flipOutX;
backface-visibility : visible!important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
30%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to {
-webkit-transform : perspective(400px) rotate3d(0,1,0,90deg);
transform : perspective(400px) rotate3d(0,1,0,90deg);
opacity : 0
}
}
@keyframes flipOutY {
from {
-webkit-transform : perspective(400px);
transform : perspective(400px)
}
30%
{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to {
-webkit-transform : perspective(400px) rotate3d(0,1,0,90deg);
transform : perspective(400px) rotate3d(0,1,0,90deg);
opacity : 0
}
}
.flipOutY {
-webkit-animation-duration: .75s;
animation-duration : .75s;
-webkit-backface-visibility: visible!important;
backface-visibility : visible!important;
-webkit-animation-name: flipOutY;
animation-name : flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform : translate3d(100%,0,0) skewX(-30deg);
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0
}
60%
{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%
{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform : translate3d(100%,0,0) skewX(-30deg);
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0
}
60%
{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%
{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name : lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity : 1
}
to {
-webkit-transform : translate3d(100%,0,0) skewX(30deg);
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0
}
}
@keyframes lightSpeedOut {
from {
opacity : 1
}
to {
-webkit-transform : translate3d(100%,0,0) skewX(30deg);
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name : lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : rotate3d(0,0,1,-200deg);
transform : rotate3d(0,0,1,-200deg);
opacity : 0
}
to {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : rotate3d(0,0,1,-200deg);
transform : rotate3d(0,0,1,-200deg);
opacity : 0
}
to {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name : rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,-45deg);
transform : rotate3d(0,0,1,-45deg);
opacity : 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,-45deg);
transform : rotate3d(0,0,1,-45deg);
opacity : 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name : rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name : rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name : rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,-90deg);
transform : rotate3d(0,0,1,-90deg);
opacity : 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,-90deg);
transform : rotate3d(0,0,1,-90deg);
opacity : 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0);
opacity : 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name : rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin : center;
opacity : 1
}
to {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : rotate3d(0,0,1,200deg);
transform : rotate3d(0,0,1,200deg);
opacity : 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin : center;
opacity : 1
}
to {
-webkit-transform-origin: center;
transform-origin : center;
-webkit-transform : rotate3d(0,0,1,200deg);
transform : rotate3d(0,0,1,200deg);
opacity : 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name : rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
opacity : 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
opacity : 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,45deg);
transform : rotate3d(0,0,1,45deg);
opacity : 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name : rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
opacity : 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,-45deg);
transform : rotate3d(0,0,1,-45deg);
opacity : 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
opacity : 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,-45deg);
transform : rotate3d(0,0,1,-45deg);
opacity : 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name : rotateOutDownRight
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
opacity : 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin : left bottom;
-webkit-transform : rotate3d(0,0,1,-45deg);
transform : rotate3d(0,0,1,-45deg);
opacity : 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name : rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
opacity : 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,90deg);
transform : rotate3d(0,0,1,90deg);
opacity : 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
opacity : 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin : right bottom;
-webkit-transform : rotate3d(0,0,1,90deg);
transform : rotate3d(0,0,1,90deg);
opacity : 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name : rotateOutUpRight
}
@-webkit-keyframes hinge {
0%
{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%
,
60%
{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%
,
80%
{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {
-webkit-transform : translate3d(0,700px,0);
transform : translate3d(0,700px,0);
opacity : 0
}
}
@keyframes hinge {
0%
{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%
,
60%
{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%
,
80%
{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {
-webkit-transform : translate3d(0,700px,0);
transform : translate3d(0,700px,0);
opacity : 0
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration : 2s;
-webkit-animation-name: hinge;
animation-name : hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity : 0;
-webkit-transform : scale(.1) rotate(30deg);
transform : scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin : center bottom
}
50%
{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%
{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to {
opacity : 1;
-webkit-transform : scale(1);
transform : scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity : 0;
-webkit-transform : scale(.1) rotate(30deg);
transform : scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin : center bottom
}
50%
{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%
{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to {
opacity : 1;
-webkit-transform : scale(1);
transform : scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name : jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes rollIn {
from {
opacity : 0;
-webkit-transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
to {
opacity : 1;
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name : rollIn
}
@-webkit-keyframes rollOut {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}
@keyframes rollOut {
from {
opacity : 1
}
to {
opacity : 0;
-webkit-transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name : rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity : 0;
-webkit-transform : scale3d(.3,.3,.3);
transform : scale3d(.3,.3,.3)
}
50%
{opacity:1}
}
@keyframes zoomIn {
from {
opacity : 0;
-webkit-transform : scale3d(.3,.3,.3);
transform : scale3d(.3,.3,.3)
}
50%
{opacity:1}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name : zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name : zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform : scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform : scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name : zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform : scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform : scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name : zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {
from {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name : zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity : 1
}
50%
{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to {
opacity : 0
}
}
@keyframes zoomOut {
from {
opacity : 1
}
50%
{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to {
opacity : 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name : zoomOut
}
@-webkit-keyframes zoomOutDown {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutDown {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name : zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
opacity : 0;
-webkit-transform : scale(.1) translate3d(-2000px,0,0);
transform : scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin : left center
}
}
@keyframes zoomOutLeft {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
opacity : 0;
-webkit-transform : scale(.1) translate3d(-2000px,0,0);
transform : scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin : left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name : zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
opacity : 0;
-webkit-transform : scale(.1) translate3d(2000px,0,0);
transform : scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin : right center
}
}
@keyframes zoomOutRight {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
opacity : 0;
-webkit-transform : scale(.1) translate3d(2000px,0,0);
transform : scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin : right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name : zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutUp {
40%
{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {
opacity : 0;
-webkit-transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform : scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin : center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name : zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes slideInDown {
from {
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name : slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name : slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes slideInRight {
from {
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name : slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
@keyframes slideInUp {
from {
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0);
visibility : visible
}
to {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name : slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(0,100%,0);
transform : translate3d(0,100%,0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name : slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(-100%,0,0);
transform : translate3d(-100%,0,0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name : slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(100%,0,0);
transform : translate3d(100%,0,0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name : slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform : translate3d(0,0,0);
transform : translate3d(0,0,0)
}
to {
visibility : hidden;
-webkit-transform : translate3d(0,-100%,0);
transform : translate3d(0,-100%,0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name : slideOutUp
}
/*RESET*/
.clearfix,.clearfix:after {
clear : both;
display : block
}
.clearfix,html[xmlns] .clearfix {
display : block
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : 0 0;
font-weight : 400
}
body {
line-height : 1;
color : #555
}
ol,ul {
list-style : none!important
}
blockquote,q {
quotes : none
}
blockquote:after,blockquote:before,q:after,q:before {
content : "";
content : none
}
:focus {
outline : 0
}
a,ins {
text-decoration : none
}
del {
text-decoration : line-through
}
table {
border-collapse : collapse;
border-spacing : 0
}
.clearfix:after {
content : ".";
visibility : hidden;
line-height : 0;
height : 0
}
* html .clearfix {
height : 1%
}
* {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box
}
/*FONTS*/
@font-face {
font-family
:
"Tahoma"
;
font-display
:
swap
;
src
:
url("../../assets/fonts/tahoma.ttf")
;
src
:
url("../../assets/fonts/tahoma.ttf")
format("truetype")
}
@font-face {
font-family
:
"Tahoma Bold"
;
font-display
:
swap
;
src
:
url("../../assets/fonts/tahomabd.ttf")
;
src
:
url("../../assets/fonts/tahomabd.ttf")
format("truetype")
}
@font-face {
font-family
:
"UTM HelvetIns"
;
font-display
:
swap
;
src
:
url("../../assets/fonts/UTM HelvetIns_0.ttf")
format("truetype")
}
/*SHARE*/
.jssocials-shares * {
box-sizing : border-box
}
.jssocials-share {
display : inline-block;
vertical-align : top;
margin : 0 .35em 0em 0em
}
.jssocials-share:last-child {
margin-right : 0
}
.jssocials-share-logo {
width : 1em;
vertical-align : middle;
font-size : 0.8em
}
img.jssocials-share-logo {
width : auto;
height : 1em
}
.jssocials-share-link {
display : inline-block;
text-align : center;
text-decoration : none;
line-height : 1
}
.jssocials-share-link.jssocials-share-link-count {
padding-top : .2em
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
display : block;
font-size : .6em;
margin : 0 -.5em -.8em
}
.jssocials-share-link.jssocials-share-no-count {
padding-top : .5em
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
height : 1em
}
.jssocials-share-label {
padding-left : .3em;
vertical-align : middle
}
.jssocials-share-count-box {
display : inline-block;
height : 1.5em;
padding : 0 .3em;
line-height : 1;
vertical-align : middle;
cursor : default
}
.jssocials-share-count-box.jssocials-share-no-count {
display : none
}
.jssocials-share-count {
line-height : 1.5em;
vertical-align : middle
}
.jssocials-share-count-box,.jssocials-share-link {
-webkit-transition : background .2s ease-in-out,border-color .2s ease-in-out
}
.jssocials-share-twitter .jssocials-share-link {
background : #00aced
}
.jssocials-share-twitter .jssocials-share-link:hover {
background : #0087ba
}
.jssocials-share-facebook .jssocials-share-link {
background : #3b5998
}
.jssocials-share-facebook .jssocials-share-link:hover {
background : #2d4373
}
.jssocials-share-googleplus .jssocials-share-link {
background : #dd4b39
}
.jssocials-share-googleplus .jssocials-share-link:hover {
background : #c23321
}
.jssocials-share-linkedin .jssocials-share-link {
background : #007bb6
}
.jssocials-share-linkedin .jssocials-share-link:hover {
background : #005983
}
.jssocials-share-pinterest .jssocials-share-link {
background : #cb2027
}
.jssocials-share-pinterest .jssocials-share-link:hover {
background : #9f191f
}
.jssocials-share-email .jssocials-share-link {
background : #3490F3
}
.jssocials-share-email .jssocials-share-link:hover {
background : #0e76e6
}
.jssocials-share-stumbleupon .jssocials-share-link {
background : #eb4823
}
.jssocials-share-stumbleupon .jssocials-share-link:hover {
background : #c93412
}
.jssocials-share-whatsapp .jssocials-share-link {
background : #29a628
}
.jssocials-share-whatsapp .jssocials-share-link:hover {
background : #1f7d1e
}
.jssocials-share-telegram .jssocials-share-link {
background : #2ca5e0
}
.jssocials-share-telegram .jssocials-share-link:hover {
background : #1c88bd
}
.jssocials-share-line .jssocials-share-link {
background : #25af00
}
.jssocials-share-line .jssocials-share-link:hover {
background : #1a7c00
}
.jssocials-share-viber .jssocials-share-link {
background : #7b519d
}
.jssocials-share-viber .jssocials-share-link:hover {
background : #61407b
}
.jssocials-share-pocket .jssocials-share-link {
background : #ef4056
}
.jssocials-share-pocket .jssocials-share-link:hover {
background : #e9132e
}
.jssocials-share-messenger .jssocials-share-link {
background : #0084ff
}
.jssocials-share-messenger .jssocials-share-link:hover {
background : #006acc
}
.jssocials-share-vkontakte .jssocials-share-link {
background : #45668e
}
.jssocials-share-vkontakte .jssocials-share-link:hover {
background : #344d6c
}
.jssocials-share-link {
padding : .2em .3em;
color : #fff;
transition : background .2s ease-in-out,border-color .2s ease-in-out
}
.jssocials-share-link:active,.jssocials-share-link:focus,.jssocials-share-link:hover {
color : #fff
}
.jssocials-share-count-box {
position : relative;
height : 2.5em;
padding : 0 .3em;
margin-left : .3em;
background : #f5f5f5;
transition : background .2s ease-in-out,border-color .2s ease-in-out
}
.jssocials-share-count-box:hover {
background : #dcdcdc
}
.jssocials-share-count-box:hover:after {
border-color : transparent #dcdcdc transparent transparent
}
.jssocials-share-count-box:after {
content : "";
display : block;
position : absolute;
top : .85em;
left : -.3em;
width : 0;
height : 0;
border-width : .4em .4em .4em 0;
border-style : solid;
border-color : transparent #f5f5f5 transparent transparent;
-webkit-transform : rotate(360deg);
-ms-transform : rotate(360deg);
transform : rotate(360deg);
-webkit-transition : background .2s ease-in-out,border-color .2s ease-in-out;
transition : background .2s ease-in-out,border-color .2s ease-in-out
}
.jssocials-share-count-box .jssocials-share-count {
line-height : 2.5em;
color : #444
}
/*GLOBAL*/
body {
font-family : Tahoma;
line-height : normal;
font-size : 15px
}
.fl-left {
float : left
}
.fl-right {
float : right
}
img {
display : inline-block;
max-width : 100%;
height : auto
}
.inner-wp {
width : 1000px;
margin : 0 auto
}
a {
text-decoration : none!important
}
strong,b {
font-family : "Tahoma Bold";
}
/*HEADER*/
#main-menu>li,#main-menu>li:nth-child(3) .sub-menu li .sub-menu li a {
position : relative
}
.social {
min-height : 33px;
background : url("../../assets/images/top_bg.png") center center
}
.social .list-item {
float : right
}
#head-center #logo-01,#head-center #logo-02,.social .list-item li {
float : left
}
.social .list-item li a {
display : block;
width : 35px;
height : 33px;
border : 1px solid #f7f7f7
}
.social .list-item li:nth-child(1) a {
background : url("../../assets/images/top_button_social.png") no-repeat
}
.social .list-item li:nth-child(2) a {
background : url("../../assets/images/top_button_social.png") 0 -31px no-repeat
}
.social .list-item li:nth-child(3) a {
background : url("../../assets/images/top_button_social.png") 0 -62px no-repeat
}
#head-center {
padding : 10px 0
}
#head-center #logo-01,#head-center #logo-02,#head-center #logo-03 {
min-height : 60px
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(1),#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(3) {
min-height : 505px
}
#head-center #logo-03 {
float : right;
width : 22%;
padding-top : 1%
}
#head-center #logo-01 {
width : 43%
}
#head-center #logo-02 {
width : 27%;
border-left : 1px solid #d5d5d5;
border-right : 1px solid #d5d5d5;
padding : 1% 1% 0;
margin : 0 4%;
text-align : center
}
#head-foot {
display : block;
width : 100%;
height : 48px;
background : url("../../assets/images/top_bg_navigation.png") center center no-repeat
}
#main-menu>li {
float : left
}
#main-menu>li>a {
display : block;
padding : 15px;
color : #fff;
text-transform : uppercase;
font-size : 14px;
line-height : 18px;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#main-menu>li:hover>a {
background : #076660
}
#main-menu>li:nth-child(2) .sub-menu {
opacity : 0;
visibility : hidden
}
#main-menu>li:nth-child(2) .sub-menu li a,#main-menu>li:nth-child(3) .sub-menu li .sub-menu li a {
position : relative;
display : block;
font-size : 13px;
color : #333;
padding : 8px 10px;
border-bottom : 1px dotted #b7b7b7;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#main-menu>li:nth-child(2) .sub-menu li:last-child a {
border-bottom : none
}
#main-menu>li:nth-child(2) .sub-menu li a:before,#main-menu>li:nth-child(3) .sub-menu li .sub-menu li a:before {
position : absolute;
content : "";
top : 50%;
width : 3px;
height : 3px;
background : url("../../assets/images/top_sub_navigation_bullet.png") no-repeat;
visibility : hidden
}
#main-menu>li:nth-child(2) .sub-menu li a:before {
left : 5%;
transform : translateY(-50%);
-moz-transform : translateY(-50%);
-webkit-transform : translateY(-50%);
-o-transform : translateY(-50%);
-ms-transform : translateY(-50%)
}
#main-menu>li:nth-child(3) .sub-menu li .sub-menu li a:before {
left : 0;
transform : translateY(-50%);
-moz-transform : translateY(-50%);
-webkit-transform : translateY(-50%);
-o-transform : translateY(-50%);
-ms-transform : translateY(-50%)
}
#main-menu>li:nth-child(3) .sub-menu li .sub-menu li:hover a {
padding-left : 10px;
color : #2fa76d
}
#main-menu>li:nth-child(2) .sub-menu li:hover a {
padding-left : 20px;
color : #2fa76d
}
#main-menu>li:nth-child(2) .sub-menu li:hover a:before,#main-menu>li:nth-child(3) .sub-menu li .sub-menu li:hover a:before {
visibility : visible
}
#main-menu>li:nth-child(2):hover .sub-menu,#main-menu>li:nth-child(3):hover>.sub-menu {
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease;
top : 48px;
visibility : visible;
opacity : 1
}
#main-menu>li:nth-child(2) .sub-menu,#main-menu>li:nth-child(3)>.sub-menu {
position : absolute;
top : 75px;
border : 1px solid #076660;
z-index : 1000;
height : auto;
padding : 5px;
background : #fff
}
#main-menu>li:nth-child(2) .sub-menu {
left : 0;
width : 180px
}
#main-menu>li:nth-child(3)>.sub-menu {
left : -209px;
width : 1000px;
opacity : 0;
visibility : hidden
}
#main-menu>li:nth-child(3)>.sub-menu>li {
float : left;
width : 165px;
padding : 5px;
border-right : 1px solid #b8c2ce
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(2) {
width : 180px;
min-height : 505px
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(4) {
min-height : 307px;
border-bottom : 1px solid #b8c2ce
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(5) {
width : 312px;
border-right : none;
border-bottom : 1px solid #b8c2ce
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(5) .sub-menu li {
float : left;
width : 146px;
margin-right : 10px
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(5) .sub-menu li:nth-child(2n) {
margin-right : 0!important
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(7),#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(8) {
width : 156px;
min-height : 198px
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(8) {
border-right : none
}
#main-menu>li:nth-child(3)>.sub-menu>li>a {
display : block;
font-size : 13.5px;
text-transform : uppercase;
font-family : "Tahoma Bold";
border-bottom : 1px #b8aba9 solid;
padding-bottom : 8px
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(1)>a {
color : #a6dcec
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(2)>a {
color : #f17b7b
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(3)>a {
color : #b5e0bb
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(4)>a {
color : #fee390
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(5)>a {
color : #fae1c9
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(6)>a {
color : #b8c2ce
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(7)>a {
color : #b5b1d6
}
#main-menu>li:nth-child(3)>.sub-menu>li:nth-child(8)>a {
color : #b2e4cd
}
#main-menu>li:nth-child(3)>.sub-menu li .sub-menu li a {
position : relative;
display : block;
font-size : 13px;
color : #333;
padding : 5px;
border-bottom : 1px dotted #b7b7b7
}
#search-wp {
padding : 13px 0
}
#search-wp form {
position : relative
}
#search-wp input[type=text] {
font-size : 13px;
width : 210px;
background : #fff;
padding : 3px 30px 3px 10px;
border : none;
outline : 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
#search-wp input[type=submit] {
position : absolute;
top : 0;
right : 0;
height : 21px;
width : 24px;
cursor : pointer;
border : none;
outline : 0;
text-indent : 20px;
background-size : auto;
background-image : url("../../assets/images/top_timkiem.png")
}
.ajax-loader-wrap {
text-align : center;
margin-top : 10px;
}
.ajax-loader {
display : none;
font-size : 24px;
color : #fff;
}
/*BREADCRUMDS*/
#breadcumds {
padding : 20px 0 15px
}
#breadcumds ul li {
display : inline-block;
color : #c5c9cc;
padding-left : 5px
}
#breadcumds ul li:first-child {
padding-left : 0
}
#breadcumds ul li a,#breadcumds ul li span {
position : relative;
display : inline-block;
font-size : 14px;
color : #c5c9cc;
text-transform : uppercase!important;
}
#breadcumds ul li a:hover {
text-decoration : underline!important;
color : #006665!important;
}
#breadcumds ul li span {
color : #006665!important;
}
#breadcumds ul li:nth-child(1) a {
background : url("../../assets/images/icon0_home.png") top center no-repeat;
width : 18px;
height : 15px;
text-indent : -9999px
}
/*GENERAL*/
.section-general .list-item li .title,.section-general .list-item li .view-more,.section-general .section-title span {
font-family : "Tahoma Bold";
text-transform : uppercase
}
.section-general .section-head {
padding : 20px 0px 10px;
margin-bottom : 20px;
border-bottom : 4px solid #f5f5f5
}
.section-general .section-title {
display : inline-block;
font-size : 15px;
text-transform : uppercase;
color : #444
}
.section-general .section-title span {
position : relative;
display : inline-block;
font-size : 21px;
line-height : 32px;
padding-left : 50px;
color : #2691b0
}
.section-general .section-title span:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 38px;
height : 32px;
background : url("../../assets/images/content9_icon.png") center center no-repeat
}
.section-general .list-item li {
position : relative;
float : left;
width : 333.32px;
min-height : 270px;
padding : 15px 15px 45px;
overflow : hidden;
border : 1px solid #d3d3d3;
}
.section-general .list-item li .thumb {
display : block;
text-align : center;
width : 302px;
height : 140px;
overflow : hidden
}
.section-general .list-item li .title,.section-general .list-item li .desc {
display : -webkit-box;
-webkit-box-orient : vertical;
-moz-box-orient : vertical;
-o-box-orient : vertical;
max-height : 100%;
overflow : hidden;
font-size : 16px
}
.section-general .list-item li .title {
color : #45426c;
-webkit-line-clamp : 1;
-moz-line-clamp : 1;
-o-line-clamp : 1;
margin : 10px 0
}
.section-general .list-item li .desc {
-webkit-line-clamp : 2;
-moz-line-clamp : 2;
-o-line-clamp : 2;
line-height : 21px;
text-align : justify;
color : #555
}
.section-general .list-item li:hover {
background : #47C584;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
.section-general .list-item li:hover .title,.section-general .list-item li:hover .desc {
color : #fff
}
.section-general .list-item li .view-more {
display : inline-block;
position : absolute;
content : "";
bottom : -26px;
left : 50%;
transform : translateX(-50%);
color : #94785c;
background : #fff;
padding : 5px 10px;
font-size : 13px;
border-radius : 6px 6px 0 0;
transition : all .25s ease;
-moz-transition : all .25s ease;
-webkit-transition : all .25s ease;
-o-transition : all .25s ease
}
.section-general .list-item li:nth-child(5):after,.section-general .list-item li:nth-child(5):before,.section-general .list-item li:nth-child(6):before,.section-general .list-item li:nth-child(4):before {
position : absolute;
background : url("../../assets/images/content9_icon_4x4.png") 0 -8px no-repeat;
height : 8px;
width : 8px;
content : ""
}
.section-general .list-item li:hover .view-more {
bottom : 0
}
.section-general .list-item li:nth-child(2):after,.section-general .list-item li:nth-child(2):before,.section-general .list-item li:nth-child(3):before,.section-general .list-item li:nth-child(1):after {
bottom : -3px;
position : absolute;
content : "";
background : url("../../assets/images/content9_icon_4x4.png") 0 -8px no-repeat;
height : 8px;
width : 8px
}
.section-general .list-item li:nth-child(1):after {
right : -3px
}
.section-general .list-item li:nth-child(2):before {
left : -3px
}
.section-general .list-item li:nth-child(2):after {
right : -3px
}
.section-general .list-item li:nth-child(3):before {
left : -3px
}
.section-general .list-item li:nth-child(4):before {
right : -3px;
top : -3px
}
.section-general .list-item li:nth-child(5):before {
left : -3px;
top : -3px
}
.section-general .list-item li:nth-child(5):after {
right : -3px;
top : -3px
}
.section-general .list-item li:nth-child(6):before {
left : -3px;
top : -3px
}
.section-general .list-item li:nth-child(2):hover:after,.section-general .list-item li:nth-child(2):hover:before,.section-general .list-item li:nth-child(3):hover:before,.section-general .list-item li:nth-child(4):hover:before,.section-general .list-item li:nth-child(5):hover:after,.section-general .list-item li:nth-child(5):hover:before,.section-general .list-item li:nth-child(6):hover:before,.section-general .list-item li:nth-child(1):hover:after {
background-position-y: 0
}
#section-general-02 {
margin : 35px 0
}
#section-general-02 .section-head {
text-align : center
}
#section-general-02 .section-head .section-title {
position : relative;
display : block;
font-size : 18px;
text-transform : uppercase;
font-family : "Tahoma Bold";
padding-bottom : 15px;
margin-bottom : 25px
}
#section-general-02 .section-head .section-title:before {
position : absolute;
content : "";
bottom : 0;
left : 50%;
transform : translateX(-50%);
-moz-transform : translateX(-50%);
-webkit-transform : translateX(-50%);
-o-transform : translateX(-50%);
-ms-transform : translateX(-50%);
width : 150px;
height : 4px;
background : #ddd
}
#section-general-02 .section-head .section-title span {
font-family : "Tahoma Bold";
color : #65c895
}
#section-general-02 .section-detail .list-item li {
float : left;
width : 23.5%;
margin : 0 2% 1.5% 0
}
#section-general-02 .section-detail .list-item li:nth-child(4n) {
margin-right : 0
}
#section-general-02 .section-detail .list-item li a {
display : block;
text-transform : uppercase;
color : #4dbad9;
border : 1px solid #4dbad9;
border-radius : 5px;
text-align : center;
padding : 25px 10px;
transition : all .25s ease;
-moz-transition : all .25s ease;
-webkit-transition : all .25s ease;
-o-transition : all .25s ease
}
#section-general-02 .section-detail .list-item li a:hover {
background : #4dbad9;
color : #fff;
font-family : "Tahoma Bold"
}
/*SIDERBAR*/
#sidebar {
width : 265px
}
#sidebar #sidebar-title {
display : block;
font-size : 20px;
color : #fff;
background : url("../../assets/images/menu_left_bg.png") no-repeat;
background-size : cover;
text-align : center;
font-family : "Tahoma Bold";
text-transform : uppercase;
padding : 25px 0 15px;
margin-bottom : 10px
}
#sidebar #sidebar-menu>li>.item-menu {
padding : 13px 18px;
border-top : 3px solid #fff;
background : url("../../assets/images/menu_left_button_hien.png") right 15px center no-repeat #5dd9bf;
cursor : pointer;
font-size : 16px
}
#sidebar #sidebar-menu>li:first-child>.item-menu {
border-top : none
}
#sidebar #sidebar-menu>li.active>.item-menu {
background : url("../../assets/images/menu_left_button_an.png") right 15px center no-repeat #9fd285
}
#sidebar #sidebar-menu>li>.item-menu>a {
display : inline-block;
color : #fff;
text-transform : uppercase
}
#sidebar #sidebar-menu li .sub-menu {
display : none;
background : #F5F5F5;
padding : 0 10px 5px
}
#sidebar #sidebar-menu li.active .sub-menu {
display : block
}
#sidebar #sidebar-menu li .sub-menu li {
border-bottom : 1px dashed #ccc
}
#sidebar #sidebar-menu li .sub-menu li a {
display : block;
color : #505050;
text-transform : uppercase;
font-size : 14px;
padding : 12px 15px 12px 25px;
background : url("../../assets/images/menu_left_bullet_normal.png") 10px center no-repeat;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#sidebar #sidebar-menu li .sub-menu li.active a,#sidebar #sidebar-menu li .sub-menu li:hover a {
margin-left : 10px;
background : url("../../assets/images/menu_left_bullet_hover.png") 10px center no-repeat;
color : #ef7862
}
/*FOOTER*/
#banner-left-wrap {
position : fixed;
bottom : 10%;
left : 10px;
z-index : 999999
}
#menu-footer-m-wrap,#popup-m-wrap {
display : none
}
#foot-top {
margin-top : 50px;
background : #f5f5f5
}
#foot-top .wrap {
background : url("../../assets/images/content10_bg.png") 0 -8px no-repeat
}
#foot-top .wrap .thumb {
position : relative;
top : -35px;
left : 70px
}
#foot-center {
margin-top : 20px;
background : url("../../assets/images/footer_bg.png") center center no-repeat;
width : 100%;
height : 278px
}
#foot-center .wrap {
position : relative;
width : 100%;
height : 278px
}
#foot-center .wrap .advisory {
position : absolute;
right : 0;
bottom : 30px;
width : 43%
}
#foot-center .wrap .title {
display : block;
font-size : 20px;
color : #fff;
text-transform : uppercase;
margin-bottom : 10px
}
#foot-center .wrap .desc {
display : block;
font-size : 14.3px;
color : #fff;
text-transform : uppercase
}
#foot-center .wrap .form-wp {
margin-bottom : 10px
}
#foot-center .wrap .form-wp input[type=tel] {
width : 380px;
padding : 10px 15px;
font-size : 15px;
line-height : 20px;
text-transform : uppercase;
border : none;
outline : 0
}
#foot-center .wrap .form-wp input[type=submit] {
cursor : pointer;
width : 45px;
height : 40px;
text-indent : -9999px;
border : none;
outline : 0;
background : url("../../assets/images/footer_send.png") no-repeat;
position : relative;
left : -4px;
top : -1px;
transition : all .25s ease;
-moz-transition : all .25s ease;
-webkit-transition : all .25s ease;
-o-transition : all .25s ease
}
#foot-center .wrap .form-wp input[type=submit]:hover {
background : url("../../assets/images/footer_send.png") 0 -41px no-repeat
}
#foot-bottom {
padding : 35px 0 20px;
background : url("../../assets/images/top_bg.png")
}
#foot-bottom .contact-wp {
width : 40.5%;
margin-right : 4.5%
}
#foot-bottom .map-wp {
width : 55%
}
#foot-copyright {
text-align : center;
border-top : 1px solid #d8d8d8
}
#foot-copyright .detail {
position : relative;
display : inline-block;
font-size : 15px;
padding : 15px 0 15px 95px;
text-align : center;
color : #272727
}
#foot-copyright .detail:before {
position : absolute;
content : "";
top : 8px;
left : 0;
width : 85px;
height : 28px;
background : url("../../assets/images/footer_DMCA.png") no-repeat
}
.mess-noti {
display : none;
text-align : center;
font-size : 13px;
border : 1px solid #f7e700;
color : #fff;
padding : 5px
}
/*CUSTOM*/
@keyframes wawe {
0%
{background-position:0 top}
100%
{background-position:338px top}
}
@keyframes ripple {
0%
{transform:scale(1)}
75%
{transform:scale(1.75);opacity:1}
100%
{transform:scale(2);opacity:0}
}
@keyframes change_color {
0%
,
75%
{background:#fff000}
100%
,
50%
{background:#fff}
}
@keyframes zoom_scale {
0%
,
100%
{transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9)}
50%
{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
/*RESPONSIVE*/
#xemthem {
border : 1px dotted red;
DISPLAY : inline-block;
width : 99%;
}
#xemthem img {
width : 200px;
display : inline-block;
float : LEFT;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="assets/js/gtag.js">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-65522122-1');
</script>
<div id="site">
<div id="container">
<div id="header-wp">
<div id="head-top">
<div class="social">
</div>
</div>
<div id="head-center">
<div class="inner-wp clearfix">
<a href="https://phongkhamdakhoahn.org/" id="logo-01" title="Phòng khám đa khoa Hưng Thịnh">
<img alt="Phòng khám đa khoa Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/top_logo.png">
</a>
<div id="logo-02">
<img alt="" src="https://phongkhamdakhoahn.org/assets/images/top_chungnhan.png">
</div>
<a href="http://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" id="logo-03" title="Bác sĩ tư vấn">
<img alt="Bác sĩ tư vấn" src="https://phongkhamdakhoahn.org/assets/images/top_hotline.png">
</a>
</div>
</div>
<div id="head-foot">
<div class="inner-wp clearfix">
<div class="fl-left" id="main-menu-wp">
<ul id="main-menu">
<li>
<a href="https://phongkhamdakhoahn.org/" title="Trang chủ">
Trang chủ
</a>
<ul class="sub-menu">
</ul>
</li>
<li>
<a href="javascript:void(0);" title="Giới thiệu">
Giới thiệu
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/gioi-thieu-chung" title="Giới thiệu chung">
Giới thiệu chung
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/chuyen-de/doi-ngu-bac-si" title="Đội ngũ bác sĩ">
Đội ngũ bác sĩ
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/mo-hinh-quan-ly" title="Mô hình quản lý">
Mô hình quản lý
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/ky-thuat-noi-bat" title="Kỹ thuật nổi bật">
Kỹ thuật nổi bật
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/chi-phi-tham-khao" title="Chi phí tham khảo">
Chi phí tham khảo
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/hoat-dong-phong-kham.html" title="Hoạt động phòng khám">
Hoạt động phòng khám
</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0);" title="Hạng mục điều trị">
Hạng mục điều trị
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/nam-khoa" title="Nam khoa">
Nam khoa
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/liet-duong.html" title="Liệt dương">
Liệt dương
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/xuat-tinh-som.html" title="Xuất tinh sớm">
Xuất tinh sớm
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/yeu-sinh-ly.html" title="Yếu sinh lý">
Yếu sinh lý
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/dau-tinh-hoan.html" title="Đau tinh hoàn">
Đau tinh hoàn
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-nieu-dao.html" title="Viêm niệu đạo">
Viêm niệu đạo
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-bang-quang.html" title="Viêm bàng quang">
Viêm bàng quang
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-tuyen-tien-liet.html" title="Bệnh tuyến tiền liệt">
Bệnh tuyến tiền liệt
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/tieu-buot.html" title="Tiểu buốt">
Tiểu buốt
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/tieu-nhieu.html" title="Tiểu nhiều">
Tiểu nhiều
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/dai-bao-quy-dau.html" title="Dài Bao Quy Đầu">
Dài Bao Quy Đầu
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/hep-bao-quy-dau.html" title="Hẹp bao quy đầu">
Hẹp bao quy đầu
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/cat-bao-quy-dau.html" title="Cắt Bao Quy Đầu">
Cắt Bao Quy Đầu
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/phu-khoa" title="Phụ khoa">
Phụ khoa
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/viem-phu-khoa.html" title="Viêm phụ khoa">
Viêm phụ khoa
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-ong-dan-trung.html" title="Viêm ống dẫn trứng">
Viêm ống dẫn trứng
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-buong-trung.html" title="Viêm buồng trứng">
Viêm buồng trứng
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-am-dao.html" title="Viêm âm đạo">
Viêm âm đạo
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/u-xo-co-tu-cung.html" title="U xơ cổ tử cung">
U xơ cổ tử cung
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/kinh-nguyet-khong-deu.html" title="Kinh Nguyệt Không Đều">
Kinh Nguyệt Không Đều
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/khi-hu-bat-thuong.html" title="Khí hư bất thường">
Khí hư bất thường
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-vung-chau.html" title="Viêm vùng chậu">
Viêm vùng chậu
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/viem-co-tu-cung.html" title="Viêm cổ tử cung">
Viêm cổ tử cung
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-tri" title="Bệnh Trĩ">
Bệnh Trĩ
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/tri-noi.html" title="Trĩ nội">
Trĩ nội
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/tri-ngoai.html" title="Trĩ ngoại">
Trĩ ngoại
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/dai-tien-ra-mau.html" title="Đại tiện ra máu">
Đại tiện ra máu
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/tri-hon-hop.html" title="Trĩ Hỗn Hợp">
Trĩ Hỗn Hợp
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-hau-mon.html" title="Bệnh Hậu Môn">
Bệnh Hậu Môn
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/pha-thai" title="Phá thai">
Phá thai
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/pha-thai-khong-dau.html" title="Phá thai không đau">
Phá thai không đau
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/pha-thai-bang-thuoc.html" title="Phá thai bằng thuốc">
Phá thai bằng thuốc
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/hoi-nach" title="Hôi nách">
Hôi nách
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/tri-hoi-nach.html" title="Trị hôi nách">
Trị hôi nách
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/phong-benh-hoi-nach.html" title="Phòng Bệnh Hôi Nách">
Phòng Bệnh Hôi Nách
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/cam-nang-benh.html" title="Cẩm nang bệnh">
Cẩm nang bệnh
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/goc-benh-nhan.html" title="Góc bệnh nhân">
Góc bệnh nhân
</a>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-xa-hoi" title="Bệnh xã hội">
Bệnh xã hội
</a>
<ul class="sub-menu">
<li>
<a href="https://phongkhamdakhoahn.org/sui-mao-ga.html" title="Sùi mào gà">
Sùi mào gà
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-lau.html" title="Bệnh lậu">
Bệnh lậu
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/benh-giang-mai.html" title="Bệnh giang mai">
Bệnh giang mai
</a>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/mun-rop-sinh-duc.html" title="Mụn rộp sinh dục">
Mụn rộp sinh dục
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/dich-vu-an-toan" title="Dịch vụ an toàn">
Dịch vụ an toàn
</a>
<ul class="sub-menu">
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/goc-benh-nhan.html" title="Góc bệnh nhân">
Góc bệnh nhân
</a>
<ul class="sub-menu">
</ul>
</li>
<li>
<a href="https://phongkhamdakhoahn.org/lien-he" title="Liên hệ">
Liên hệ
</a>
<ul class="sub-menu">
</ul>
</li>
</ul>
</div>
<div class="fl-right" id="search-wp">
<form action="https://phongkhamdakhoahn.org/tim-kiem.html" method="GET">
<input id="s" name="s" placeholder="Tìm kiếm bệnh..." required="required" type="text" value="">
<input type="submit" value="Submit">
</form>
</div>
</div>
</div>
</div>
<style type="text/css">
#home-page #section-01 .swiper-container-pc {
height : 480px;
overflow : hidden
}
#home-page #section-01 .main-slide {
width : 100%;
height : 480px
}
#home-page #section-01 .item-slide-left {
display : block;
width : 375px;
min-height : 120px;
padding-top : 15px
}
#home-page #section-01 .item-slide-right {
display : block;
width : 625px;
min-height : 420px;
padding-left : 75px
}
#home-page #section-01 .block-01 {
width : 60%;
padding-top : 85px
}
#home-page #section-01 .block-02 {
width : 40%
}
#home-page #section-01 .block-03 {
margin : 20px 0 15px
}
#home-page #section-01 .block-04,#section-01 .block-05,#section-01 .block-06 {
margin-bottom : 5px
}
#home-page #section-01 .block-06 {
margin-bottom : 0!important
}
#home-page #section-02 {
display : block;
padding : 20px 0;
background : url("../../assets/images/top_bg.png") center center
}
#home-page #section-02 .list-item li {
position : relative;
top : 0;
float : left;
width : 10.75%;
margin-right : 2%;
text-align : center;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#home-page #section-02 .list-item li:last-child {
margin-right : 0!important
}
#home-page #section-02 .list-item li a {
display : block;
font-family : "Tahoma Bold";
font-size : 13px;
color : #272727
}
#home-page #section-02 .list-item li .icon {
display : inline-block;
width : 91px;
height : 103px
}
#home-page #section-02 .list-item li .title {
display : block;
color : #444;
text-transform : uppercase;
margin-top : 10px
}
#home-page #section-02 .list-item li .nam-khoa .icon {
background : url("../../assets/images/menu_nk.png") center center no-repeat
}
#home-page #section-02 .list-item li .phu-khoa .icon {
background : url("../../assets/images/menu_pk.png") center center no-repeat
}
#home-page #section-02 .list-item li .benh-xa-hoi .icon {
background : url("../../assets/images/menu_bxh.png") center center no-repeat
}
#home-page #section-02 .list-item li .benh-tri .icon {
background : url("../../assets/images/menu_bt.png") center center no-repeat
}
#home-page #section-02 .list-item li .pha-thai .icon {
background : url("../../assets/images/menu_pt.png") center center no-repeat
}
#home-page #section-02 .list-item li .hoi-nach .icon {
background : url("../../assets/images/menu_hn.png") center center no-repeat
}
#home-page #section-02 .list-item li .benh-da-lieu .icon {
background : url("../../assets/images/menu_dl.png") center center no-repeat
}
#home-page #section-02 .list-item li .tham-mi-da .icon {
background : url("../../assets/images/menu_tmh.png") center center no-repeat
}
#home-page #section-02 .list-item li:hover {
top : -10px
}
#home-page #section-02 .list-item li:hover .title {
color : #2691b0
}
#home-page #section-03 .section-title span:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 38px;
height : 32px;
background : url("../../assets/images/content1_icon.png") center center no-repeat
}
#home-page #section-03 .section-detail {
margin-bottom : 25px
}
#home-page #section-03 .section-detail .video {
width : 47%
}
#home-page #section-03 .section-detail .video iframe {
width : 100%!important
}
#home-page #section-03 .section-detail .detail {
width : 51.5%;
margin-left : 1.5%;
background : #f5f5f5;
padding : 10px 15px;
text-align : justify;
font-size : 15px;
color : #555;
line-height : 24px
}
#home-page #section-03 .section-detail .detail strong {
color : #26a119;
font-weight : 700
}
#home-page #section-04 {
background : #f5f5f5
}
#home-page #section-04 .section-head {
text-align : center;
margin-bottom : 25px
}
#home-page #section-04 .section-head .section-title {
display : block;
font-size : 22px;
line-height : 21px;
color : #2691b0;
text-transform : uppercase;
padding : 25px 0 10px;
font-family : "Tahoma Bold"
}
#home-page #section-04 .section-head .section-desc {
display : block;
text-transform : uppercase;
font-size : 15px;
color : #555
}
#home-page #section-04 .section-detail {
padding-bottom : 25px
}
#home-page #section-04 .list-item li {
position : relative;
float : left;
width : 24.25%;
height : 385px;
margin-right : 1%;
overflow : hidden
}
#home-page #section-04 .list-item li:hover,#home-page #section-11 .list-item li:hover {
cursor : pointer
}
#home-page #section-04 .list-item li:last-child {
margin-right : 0!important
}
#home-page #section-04 .list-item li:nth-child(1) {
background : url("../../assets/images/content2_pic1.png") center center no-repeat;
background-size : cover
}
#home-page #section-04 .list-item li:nth-child(2) {
background : url("../../assets/images/content2_pic2.png") center center no-repeat;
background-size : cover
}
#home-page #section-04 .list-item li:nth-child(3) {
background : url("../../assets/images/content2_pic3.png") center center no-repeat;
background-size : cover
}
#home-page #section-04 .list-item li:nth-child(4) {
background : url("../../assets/images/content2_pic4.png") center center no-repeat;
background-size : cover
}
#home-page #section-04 .list-item li .wrap {
position : absolute;
background : #49d683;
padding : 15px;
top : 338px;
left : 0;
transition : all .75s ease;
-moz-transition : all .75s ease;
-webkit-transition : all .75s ease;
-o-transition : all .75s ease;
z-index : 1000
}
#home-page #section-04 .list-item li .wrap .title {
text-align : center;
color : #fff;
text-transform : uppercase;
font-size : 14.5px;
padding-bottom : 15px
}
#home-page #section-04 .list-item li .wrap .detail {
display : block;
font-size : 14.5px;
line-height : 21px;
text-align : justify;
color : #fff
}
#home-page #section-04 .list-item li:hover .wrap {
top : 158px;
background : url("../../assets/images/content2_bg_hover.png");
height : 100%;
padding-top : 30px;
animation : wawe 1s infinite linear
}
#home-page #section-05 .section-title span:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 38px;
height : 32px;
background : url("../../assets/images/content3_icon.png") center center no-repeat;
background-size : cover
}
#home-page #section-05 .section-detail {
position : relative;
min-height : 660px;
background : url("../../assets/images/content3_bg.png") center center no-repeat;
margin-bottom : 50px
}
#home-page #section-05 .section-detail .thumb {
padding-top : 120px;
padding-left : 310px
}
#home-page #section-05 .block-list .block-item {
position : absolute;
padding : 20px;
color : #fff;
width : 300px;
height : 100px;
font-size : 15px;
line-height : 21px;
text-align : justify
}
#home-page #section-05 .block-list .block-item:nth-child(1) {
top : 0;
left : 35%;
background : #31b095
}
#home-page #section-05 .block-list .block-item:nth-child(2) {
top : 27%;
right : 0;
background : #504f60
}
#home-page #section-05 .block-list .block-item:nth-child(3) {
top : 62%;
right : 0;
background : #97aaa9
}
#home-page #section-05 .block-list .block-item:nth-child(4) {
bottom : 0;
left : 35%;
background : #56c881
}
#home-page #section-05 .block-list .block-item:nth-child(5) {
top : 62%;
left : 0;
background : #ec7774
}
#home-page #section-05 .block-list .block-item:nth-child(6) {
top : 27%;
left : 0;
background : #ffbf46
}
#home-page #section-06 .section-detail {
text-align : center;
margin-bottom : 30px
}
#home-page #section-06 .section-detail a {
background : #009488;
color : #fff;
display : block;
padding : 20px 0
}
#home-page #section-06 .section-detail a .icon {
position : relative;
display : inline-block;
width : 15px;
height : 15px;
background : #fff;
border-radius : 50%;
margin-right : 15px;
transition : height .25s ease,width .25s ease
}
#home-page #section-06 .section-detail a .icon:after,#home-page #section-06 .section-detail a .icon:before {
content : "";
display : block;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
border-radius : 50%;
border : 1px solid #fff;
animation : ripple 2s linear infinite
}
#home-page #section-06 .section-detail a .icon:before {
animation : ripple 2s linear infinite
}
#home-page #section-06 .section-detail a .icon:after {
animation : ripple 2s linear 1s infinite
}
#home-page #section-06 .section-detail a .title {
font-family : "Tahoma Bold";
text-transform : uppercase
}
#home-page #section-06 .section-detail a .title strong {
font-family : "Tahoma Bold";
color : #ffdea0;
font-size : 20px;
text-transform : uppercase
}
#home-page #section-07 {
background : url("../../assets/images/content4_bg.png") center center no-repeat;
background-size : cover
}
#home-page #section-07 .section-detail {
text-align : center;
padding : 25px 0 30px
}
#home-page #section-07 .section-detail .title {
font-family : "Tahoma Bold";
font-size : 20px;
color : #fff;
text-transform : uppercase;
padding-bottom : 10px;
margin-bottom : 20px;
border-bottom : 2px solid #fff;
display : inline-block
}
#home-page #section-07 .section-detail .detail {
position : relative;
background : #fff;
width : 620px;
display : inline-block;
padding : 15px;
border-radius : 10px;
font-size : 15px;
text-align : justify;
line-height : 24px;
margin-top : 20px;
color : #666
}
#home-page #section-07 .section-detail .detail:before {
position : absolute;
content : "";
top : -15px;
left : 50%;
transform : translateX(-50%);
-moz-transform : translateX(-50%);
-webkit-transform : translateX(-50%);
-o-transform : translateX(-50%);
-ms-transform : translateX(-50%);
width : 0;
height : 0;
border-bottom : 15px solid #fff;
border-left : 15px solid transparent
}
#home-page #section-08 {
background : #6b6892
}
#home-page #section-08 .section-detail {
text-align : center;
padding : 15px 0;
font-size : 17px;
color : #fff;
text-transform : uppercase;
line-height : 26px
}
#home-page #section-08 .section-detail strong {
font-size : 20px;
font-weight : 700
}
#home-page #section-08 .section-detail span {
font-size : 26px;
color : #ff0;
font-weight : 700
}
#home-page #section-09 .section-detail {
padding : 30px 0
}
#home-page #section-09 .section-detail .item {
float : left;
width : 49.5%;
margin : 0 1% 1% 0;
background : #f5f5f5
}
#home-page #section-09 .section-detail .item:nth-child(2n) {
margin-right : 0!important
}
#home-page #section-09 .section-detail .item:nth-child(n/**/+3) {
margin-bottom : 0!important
}
#home-page #section-09 .section-detail .main-box {
width : 252.5px;
color : #333;
font-size : 15px;
line-height : 22px;
padding : 15px;
text-align : justify
}
#home-page #section-09 .section-detail .main-box strong {
font-family : "Tahoma Bold";
color : #272727
}
#home-page #section-09 .section-detail .view {
width : 240px;
height : 184px;
float : left;
position : relative;
box-shadow : 1px 1px 2px rgba(0,0,0,.05);
background : #f5f5f5;
-webkit-perspective : 500px;
-moz-perspective : 500px;
-o-perspective : 500px;
-ms-perspective : 500px;
perspective : 500px
}
#home-page #section-09 .section-detail .view div.view-back {
position : absolute;
right : 0;
width : 20%;
height : 100%;
background : #3bae6a;
z-index : 0;
padding : 10px 15px
}
#home-page #section-09 .section-detail .view:hover .s2 {
-webkit-transform : translate3d(59px,0,0) rotate3d(0,1,0,-45deg);
-moz-transform : translate3d(59px,0,0) rotate3d(0,1,0,-45deg);
-o-transform : translate3d(59px,0,0) rotate3d(0,1,0,-45deg);
-ms-transform : translate3d(59px,0,0) rotate3d(0,1,0,-45deg);
transform : translate3d(59px,0,0) rotate3d(0,1,0,-45deg)
}
#home-page #section-09 .section-detail .view:hover .s3,#home-page #section-09 .section-detail .view:hover .s5 {
-webkit-transform : translate3d(59px,0,0) rotate3d(0,1,0,90deg);
-moz-transform : translate3d(59px,0,0) rotate3d(0,1,0,90deg);
-o-transform : translate3d(59px,0,0) rotate3d(0,1,0,90deg);
-ms-transform : translate3d(59px,0,0) rotate3d(0,1,0,90deg);
transform : translate3d(59px,0,0) rotate3d(0,1,0,90deg)
}
#home-page #section-09 .section-detail .view:hover .s4 {
-webkit-transform : translate3d(59px,0,0) rotate3d(0,1,0,-90deg);
-moz-transform : translate3d(59px,0,0) rotate3d(0,1,0,-90deg);
-o-transform : translate3d(59px,0,0) rotate3d(0,1,0,-90deg);
-ms-transform : translate3d(59px,0,0) rotate3d(0,1,0,-90deg);
transform : translate3d(59px,0,0) rotate3d(0,1,0,-90deg)
}
#home-page #section-09 .section-detail .view .s1>.overlay {
background : -moz-linear-gradient(right,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%);
background : -webkit-linear-gradient(right,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%);
background : -o-linear-gradient(right,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%);
background : -ms-linear-gradient(right,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%);
background : linear-gradient(right,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%)
}
#home-page #section-09 .section-detail .view .s2>.overlay {
background : -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%);
background : -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%);
background : -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%);
background : -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%);
background : linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%)
}
#home-page #section-09 .section-detail .view .s3>.overlay {
background : -moz-linear-gradient(right,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 100%);
background : -webkit-linear-gradient(right,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 100%);
background : -o-linear-gradient(right,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 100%);
background : -ms-linear-gradient(right,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 100%);
background : linear-gradient(right,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 100%)
}
#home-page #section-09 .section-detail .view .s4>.overlay {
background : -moz-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
background : -webkit-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
background : -o-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
background : -ms-linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);
background : linear-gradient(left,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%)
}
#home-page #section-09 .section-detail .view .s5>.overlay {
background : -moz-linear-gradient(left,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
background : -webkit-linear-gradient(left,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
background : -o-linear-gradient(left,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
background : -ms-linear-gradient(left,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
background : linear-gradient(left,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%)
}
#home-page #section-09 .section-detail .view .slice {
width : 60px;
height : 100%;
z-index : 100;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style : preserve-3d;
-ms-transform-style : preserve-3d;
transform-style : preserve-3d;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin : left center;
-ms-transform-origin: left center;
transform-origin : left center;
-webkit-transition : -webkit-transform 150ms ease-in-out;
-moz-transition : -moz-transform 150ms ease-in-out;
-o-transition : -o-transform 150ms ease-in-out;
-ms-transition : -ms-transform 150ms ease-in-out;
transition : transform 150ms ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility : hidden
}
#home-page #section-09 .section-detail .view-back a:hover {
color : #fff;
border-color : #fff
}
#home-page #section-09 .section-detail .view-back span[data-icon]:before {
content : attr(data-icon);
font-family : icons;
color : #aaa;
color : rgba(255,255,255,.2);
text-shadow : 0 0 1px rgba(255,255,255,.2);
padding-right : 5px
}
#home-page #section-03 .section-title span,#home-page #section-05 .section-title span,#home-page #section-10 .section-detail .info .title,#home-page #section-10 .section-detail .info a,#home-page #section-11 .section-title span,#home-page #section-12 .section-title span,#home-page #section-13 .list-item li .info .name,#home-page #section-13 .section-title,.section-general .list-item li .title,.section-general .list-item li .view-more,.section-general .section-title span {
text-transform : uppercase;
font-family : "Tahoma Bold"
}
#home-page #section-09 .section-detail .view .s2,#home-page #section-09 .section-detail .view .s3,#home-page #section-09 .section-detail .view .s4,#home-page #section-09 .section-detail .view .s5 {
-webkit-transform : translate3d(60px,0,0);
-moz-transform : translate3d(60px,0,0);
-o-transform : translate3d(60px,0,0);
-ms-transform : translate3d(60px,0,0);
transform : translate3d(60px,0,0)
}
#home-page #section-09 .section-detail .view .s1 {
background-position : 0 0
}
#home-page #section-09 .section-detail .view .s2 {
background-position : -60px 0
}
#home-page #section-09 .section-detail .view .s3 {
background-position : -120px 0
}
#home-page #section-09 .section-detail .view .s4 {
background-position : -180px 0
}
#home-page #section-09 .section-detail .view .s5 {
background-position : -240px 0
}
#home-page #section-09 .section-detail .view .overlay {
width : 60px;
height : 100%;
opacity : 0;
position : absolute;
-webkit-transition : opacity 150ms ease-in-out;
-moz-transition : opacity 150ms ease-in-out;
-o-transition : opacity 150ms ease-in-out;
-ms-transition : opacity 150ms ease-in-out;
transition : opacity 150ms ease-in-out
}
#home-page #section-09 .section-detail .view img {
position : absolute;
z-index : 0;
-webkit-transition : left .3s ease-in-out;
-o-transition : left .3s ease-in-out;
-moz-transition : left .3s ease-in-out;
-ms-transition : left .3s ease-in-out;
transition : left .3s ease-in-out
}
#home-page #section-09 .section-detail .view-back span {
white-space : nowrap;
display : block;
-webkit-transform : rotate(90deg);
-moz-transform : rotate(90deg);
-o-transform : rotate(90deg);
-ms-transform : rotate(90deg);
transform : rotate(90deg);
font-weight : bolder;
color : #fff;
text-transform : uppercase;
font-size : 17px;
line-height : 18px
}
#home-page #section-09 .section-detail .view-back a {
position : absolute;
font-size : 18px;
color : #fff;
right : 9px;
bottom : 10px;
border : 2px solid #fff;
border-radius : 50%;
width : 30px;
height : 30px;
line-height : 21px;
text-align : center
}
#home-page #section-09 .section-detail .view-back a:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 0%;
height : 100%;
background : #333;
border-radius : 50%;
z-index : -1;
transition : all .5s ease;
-moz-transition : all .5s ease;
-webkit-transition : all .5s ease;
-o-transition : all .5s ease
}
#home-page #section-09 .section-detail .view-back a:hover:before {
width : 100%
}
#home-page #section-09 .section-detail .view:hover .overlay {
opacity : .7
}
#home-page #section-10 .section-detail {
padding : 20px 0;
text-align : center;
background : url("../../assets/images/content5_bg.png") center center no-repeat;
background-size : cover
}
#home-page #section-10 .section-detail .info {
position : relative;
display : inline-block;
width : 40%;
padding-left : 65px
}
#home-page #section-10 .section-detail .info:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 64px;
height : 69px;
background : url("../../assets/images/content5_icon.png") no-repeat
}
#home-page #section-10 .section-detail .info .title {
font-size : 20px;
color : #fff;
margin-bottom : 10px;
line-height : 26px
}
#home-page #section-10 .section-detail .info a {
display : inline-block;
background : #fff000;
border-radius : 10px;
color : #2d563e;
padding : 5px 20px;
text-align : center;
animation : change_color 3s linear infinite
}
#home-page #section-03 .section-head,#home-page #section-05 .section-head,#home-page #section-11 .section-head,#home-page #section-12 .section-head {
padding : 20px 0 10px;
margin-bottom : 20px;
border-bottom : 4px solid #f5f5f5
}
#home-page #section-03 .section-title,#home-page #section-05 .section-title,#home-page #section-11 .section-title,#home-page #section-12 .section-title {
display : inline-block;
font-size : 15px;
text-transform : uppercase;
color : #444
}
#home-page #section-03 .section-title span,#home-page #section-05 .section-title span,#home-page #section-11 .section-title span,#home-page #section-12 .section-title span {
position : relative;
display : inline-block;
font-size : 21px;
line-height : 32px;
padding-left : 50px;
color : #2691b0
}
#home-page #section-11 .section-title span:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 38px;
height : 32px;
background : url("../../assets/images/content6_icon.png") center center no-repeat
}
#home-page #section-11 .list-item li {
position : relative;
float : left;
width : 32.666666666666664%;
margin : 0 1% 1% 0;
text-align : center;
padding : 10px 15px;
background : #F5F5F5;
border : 1px solid #e8e8e8;
min-height : 219px
}
#home-page #section-11 .list-item li:nth-child(3n) {
margin-right : 0!important
}
#home-page #section-11 .list-item li:nth-child(n/**/+3) {
margin-bottom : 0!important
}
#home-page #section-11 .list-item li .thumb {
display : inline-block;
width : 88px;
height : 88px;
background : url("../../assets/images/content6_icon_88x88.png") center center no-repeat
}
#home-page #section-11 .list-item li:nth-child(1) .thumb {
background-position-y: 0
}
#home-page #section-11 .list-item li:nth-child(2) .thumb {
background-position-y: -88px
}
#home-page #section-11 .list-item li:nth-child(3) .thumb {
background-position-y: -176px
}
#home-page #section-11 .list-item li:nth-child(4) .thumb {
background-position-y: -264px
}
#home-page #section-11 .list-item li:nth-child(5) .thumb {
background-position-y: -352px
}
#home-page #section-11 .list-item li:nth-child(6) .thumb {
background-position-y: -440px
}
#home-page #section-11 .list-item li .detail {
font-size : 15.5px;
line-height : 24px;
text-align : justify;
padding-top : 5px
}
#home-page #section-11 .list-item li:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 100%;
height : 100%;
background : #afafaf;
z-index : -1;
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#home-page #section-11 .list-item li:hover:before {
top : 8px;
left : 8px
}
#home-page #section-12 .section-title span:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 38px;
height : 32px;
background : url("../../assets/images/content7_icon.png") center center no-repeat
}
#home-page #section-12 .section-detail {
background : url("../../assets/images/content7_bg.png") center center no-repeat;
background-size : cover;
padding : 30px 0
}
#home-page #section-12 .block-left {
width : 38%;
margin-right : 1%;
height : 379px
}
#home-page #section-12 .block-right {
width : 61%
}
#home-page #section-12 .block-list .block-item {
position : relative;
float : left
}
#home-page #section-12 .block-list .block-item:nth-child(1) {
width : 66%;
height : 181.11px;
margin-right : 1.5%
}
#home-page #section-12 .block-list .block-item:nth-child(2) {
width : 32%;
height : 184px
}
#home-page #section-12 .block-list .block-item:nth-child(2),#home-page #section-12 .block-list .block-item:nth-child(5) {
margin-right : 0
}
#home-page #section-12 .block-list .block-item:nth-child(n/**/+3) {
width : 32%;
margin-right : 1.75%;
margin-top : 1.7%
}
#home-page #section-12 .block-list .block-item:last-child {
margin-right : 0
}
#home-page #section-12 .block-left a,#home-page #section-12 .block-list .block-item a {
position : relative;
display : block
}
#home-page #section-12 .block-left .icon,#home-page #section-12 .block-list .block-item .icon {
position : absolute;
top : 45%;
left : 45%;
transform : translate(-45%,-45%);
-moz-transform : translate(-45%,-45%);
-webkit-transform : translate(-45%,-45%);
-ms-transform : translate(-45%,-45%);
transform : scale(0,0);
-moz-transform : scale(0,0);
-webkit-transform : scale(0,0);
-o-transform : scale(0,0);
-ms-transform : scale(0,0);
transition : all .3s ease;
-moz-transition : all .3s ease;
-webkit-transition : all .3s ease;
-o-transition : all .3s ease
}
#home-page #section-12 .block-list .block-item:nth-child(n/**/+2) .icon {
top : 40%;
left : 40%
}
#home-page #section-12 .block-left a:before,#home-page #section-12 .block-list .block-item a:before {
position : absolute;
content : "";
top : 0;
left : 0;
width : 100%;
height : 100%;
background : rgba(51,51,51,.25);
z-index : 0;
transform : scale(0,0);
-moz-transform : scale(0,0);
-webkit-transform : scale(0,0);
-o-transform : scale(0,0);
-ms-transform : scale(0,0)
}
#home-page #section-12 .block-left a:hover:before,#home-page #section-12 .block-left:hover .icon,#home-page #section-12 .block-list .block-item a:hover:before,#home-page #section-12 .block-list .block-item:hover .icon {
transform : scale(1,1);
-moz-transform : scale(1,1);
-webkit-transform : scale(1,1);
-o-transform : scale(1,1);
-ms-transform : scale(1,1)
}
#home-page #section-13 .section-head {
text-align : center
}
#home-page #section-13 .section-title {
position : relative;
font-size : 22px;
padding : 30px 0 15px;
margin-bottom : 20px;
display : inline-block;
color : #2691b0
}
#home-page #section-13 .section-title:before {
position : absolute;
content : "";
width : 150px;
height : 4px;
background : #DEEECD;
bottom : 0;
left : 50%;
transform : translateX(-50%);
-moz-transform : translateX(-50%);
-webkit-transform : translateX(-50%);
-o-transform : translateX(-50%);
-ms-transform : translateX(-50%)
}
#home-page #section-13 .list-item:last-child {
display : none
}
#home-page #section-13 .list-item li {
float : left;
width : 31.333333333333332%;
margin-right : 3%
}
#home-page #section-13 .list-item li:last-child {
margin-right : 0
}
#home-page #section-13 .list-item li .info {
width : 100%;
height : 140px;
padding : 25px 20px 15px 125px
}
#home-page #section-13 .list-item li .info .address,#home-page #section-13 .list-item li .info .comment,#home-page #section-13 .list-item li .info .name {
display : block;
color : #222;
padding-bottom : 5px;
font-size : 15px
}
#home-page #section-13 .list-item li:nth-child(1) .info {
background : url("../../assets/images/content8_bg1.png") center center no-repeat;
background-size : cover
}
#home-page #section-13 .list-item li:nth-child(2) .info {
background : url("../../assets/images/content8_bg2.png") center center no-repeat;
background-size : cover
}
#home-page #section-13 .list-item li:nth-child(3) .info {
background : url("../../assets/images/content8_bg3.png") center center no-repeat;
background-size : cover
}
#home-page #section-13 .list-item li .detail {
background : #f5f5f5;
padding : 15px 10px 25px
}
#home-page #section-13 .list-item li .wrap {
background : url("../../assets/images/dau_content8.png") 12px 20px no-repeat #FFF;
color : #555;
font-size : 15px;
line-height : 23px;
text-align : justify;
text-indent : 35px;
padding : 20px 10px 15px;
min-height : 175px
}
</style>
<div class="main-content-wp" id="home-page">
<div class="section" id="section-01">
<div class="section-detail">
<div class="swiper-container swiper-container-pc">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://phongkhamdakhoahn.org/uu-dai-moi" title="Ưu Đãi Mới">
<div class="main-slide item-slide" style="background: url(admin/media/slider/desktop_banner4.jpg) center center no-repeat; background-size: cover;">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="chuyen-de/bac-si-bui-thi-minh-hue" title="New3">
<div class="main-slide item-slide" style="background: url(admin/media/slider/03banner_hungthinh_bs_hue.jpg) center center no-repeat; background-size: cover;">
</div>
</a>
</div>
<!--
<div class="swiper-slide">
<div class="main-slide item-slide" style="background: url(../../assets/images/banner_bg.png) center center no-repeat;">
<div class="inner-wp clearfix">
<div class="item-slide-left wow zoomInLeft fl-left" data-wow-duration="1.5s"><img alt="Phòng khám" src="https://phongkhamdakhoahn.org/assets/images/banner_pk.png"></div>
<div class="item-slide-right fl-right">
<div class="wrap clearfix">
<div class="wow slideInDown block-01 fl-left" data-wow-duration="1s">
<img alt="Phòng khám đa khoa chất lượng cao" src="https://phongkhamdakhoahn.org/assets/images/banner_pkchatluongcao.png">
<img alt="Đạt tiêu chuẩn" src="https://phongkhamdakhoahn.org/assets/images/banner_dattieuchuan.png">
</div>
<div class="wow zoomIn block-02 fl-right" data-wow-duration="1s"><img alt="3H" src="https://phongkhamdakhoahn.org/assets/images/banner_3h.png"></div>
</div>
<div class="wow flash block-03" data-wow-duration="2s" data-wow-iteration="3"><img alt="Cùng trải nghiệm dịch vụ khám & chữa bệnh đạt tiêu chuẩn 3H" src="https://phongkhamdakhoahn.org/assets/images/banner_txt1.png"></div>
<div class="wow bounceInUp block-04" data-wow-duration="1s" ><img alt="Quy mô an toàn như bệnh viện" src="https://phongkhamdakhoahn.org/assets/images/banner_txt2.png"></div>
<div class="wow bounceInUp block-05" data-wow-delay="0.5s" data-wow-duration="1s"><img alt="Chất lượng dịch vụ như khách sạn" src="https://phongkhamdakhoahn.org/assets/images/banner_txt3.png"></div>
<div class="wow bounceInUp block-06" data-wow-delay="1s" data-wow-duration="1s"><img alt="Chăm sóc người bệnh tận tâm như người thân" src="https://phongkhamdakhoahn.org/assets/images/banner_txt4.png"></div>
</div>
</div>
</div>
</div>
</div>
<!--Add Pagination-->
<div class="swiper-pagination">
</div>
</div>
</div>
</div>
<div class="section" id="section-02">
<div class="inner-wp wow fadeIn" data-wow-duration="2s">
<div class="section-detail">
<ul class="list-item clearfix">
<li>
<a class="nam-khoa" href="https://phongkhamdakhoahn.org/nam-khoa" target="_self" title="Nam khoa">
<span class="icon">
</span>
<span class="title">
Nam khoa
</span>
</a>
</li>
<li>
<a class="phu-khoa" href="https://phongkhamdakhoahn.org/phu-khoa" target="_self" title="Phụ khoa">
<span class="icon">
</span>
<span class="title">
Phụ khoa
</span>
</a>
</li>
<li>
<a class="benh-xa-hoi" href="https://phongkhamdakhoahn.org/benh-xa-hoi" target="_self" title="Bệnh xã hội">
<span class="icon">
</span>
<span class="title">
Bệnh xã hội
</span>
</a>
</li>
<li>
<a class="benh-tri" href="https://phongkhamdakhoahn.org/benh-tri" target="_self" title="Bệnh trĩ">
<span class="icon">
</span>
<span class="title">
Bệnh trĩ
</span>
</a>
</li>
<li>
<a class="pha-thai" href="https://phongkhamdakhoahn.org/pha-thai" target="_self" title="Phá thai">
<span class="icon">
</span>
<span class="title">
Phá thai
</span>
</a>
</li>
<li>
<a class="hoi-nach" href="https://phongkhamdakhoahn.org/hoi-nach" target="_self" title="Hôi nách">
<span class="icon">
</span>
<span class="title">
Hôi nách
</span>
</a>
</li>
<li>
<a class="benh-da-lieu" href="#" target="_self" title="Bệnh da liễu">
<span class="icon">
</span>
<span class="title">
Bệnh da liễu
</span>
</a>
</li>
<li>
<a class="tham-mi-da" href="#" target="_self" title="Thẩm mỹ da">
<span class="icon">
</span>
<span class="title">
Thẩm mỹ da
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="section" id="section-03">
<div class="inner-wp wow fadeIn">
<div class="section-head">
<h2 class="section-title">
<span>
Giới thiệu
</span>
về phòng khám
</h2>
</div>
<div class="section-detail clearfix">
<div class="video fl-left">
<div id="video-jw">
</div>
</div>
<div class="detail fl-right">
Ở Việt Nam, thật khó để người bệnh có thể tìm thấy được một cơ sở y tế có thể đáp ứng được hết những yêu cầu khắt khe của người bệnh: Quy mô phải thật lớn, chất lượng phải thật tốt, chi phí cũng phải hợp lý mà lại không mất thời gian chờ đợi. Với đội ngũ các nhà lãnh đạo nhìn xa trông rộng và tâm huyết với ngành y,
<a href="https://trungtamytethanhthuy.com/phong-kham-da-khoa-hung-thinh/" rel="dofollow" target="_blank" title="Phòng khám đa khoa Hưng Thịnh">
Phòng khám đa khoa Hưng Thịnh
</a>
đã được xây dựng theo mô hình 3H tiêu chuẩn quốc tế:
<strong>
3H (Hospital - Hotel - Home)
</strong>
. Phòng khám đã đáp ứng được nhu cầu chăm sóc sức khỏe an toàn như bệnh viện, chất lượng dịch vụ tiện ích, hoàn hảo như khách sạn và giúp người bệnh được tận hưởng không khí thân thiện, ấm cúng như gia đình. Sự gắn bó và tin tưởng giữa bệnh nhân và phòng khám gần 20 năm qua là minh chứng rõ ràng nhất cho những nhiệt huyết mà bác sĩ phòng khám Hưng Thịnh mong muốn mang tới cho người bệnh.
</div>
</div>
</div>
</div>
<div class="section" id="section-04">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
<a href="https://phongkham.webflow.io/blog/danh-sach-phong-kham-da-khoa-tu-nhan-uy-tin-o-ha-noi" rel="dofollow" target="_blank" title="Phòng khám đa khoa tư nhân">
Phòng khám đa khoa tư nhân
</a>
Hưng Thịnh
</h2>
<span class="section-desc">
áp dụng phương pháp trị liệu quốc tế, giảm thời gian điều trị, mang lại hiệu quả cao
</span>
</div>
<div class="section-detail">
<ul class="list-item clearfix">
<li class="wow fadeIn" data-wow-delay="0.3s">
<div class="wrap">
<h3 class="title">
Tâm lý trị liệu
</h3>
<div class="detail">
đây là phương pháp giúp cải thiện sức khỏe của người bệnh thông qua việc ổn định tinh thần, điều chỉnh cảm xúc và hành vi của con người.
</div>
</div>
</li>
<li class="wow fadeIn" data-wow-delay="0.6s">
<div class="wrap">
<h3 class="title">
Vật lý trị liệu
</h3>
<div class="detail">
các bác sĩ sẽ sử dụng các tác nhân vật lý để tác động vào bộ phận nhất định trên cơ thể nhằm điều trị bệnh như nhiệt, điện, ánh sáng,...
</div>
</div>
</li>
<li class="wow fadeIn" data-wow-delay="0.9s">
<div class="wrap">
<h3 class="title">
Hóa chất trị liệu
</h3>
<div class="detail">
hóa chất trị liệu là phương pháp dùng thuốc uống hay hóa chất nhằm tác động vào những tế bào gây hại và tiêu diệt chúng, giúp cơ thể có thể phục hồi.
</div>
</div>
</li>
<li class="wow fadeIn" data-wow-delay="1.2s">
<div class="wrap">
<h3 class="title">
Tâm lý trị liệu
</h3>
<div class="detail">
là thủ thuật ngoại khoa vừa dùng để chẩn đoán bệnh, vừa dùng để điều trị bệnh. Đây là hành động tác động cơ học vào một tổ chức hay cơ quan, bộ phận trên cơ thể nhằm đạt hiệu quả trị bệnh mong muốn.
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="section" id="section-05">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
<span>
Thực hiện
</span>
bởi đội ngũ chuyên gia giàu kinh nghiệm
</h2>
</div>
<div class="section-detail">
<div class="thumb wow flipInY" data-wow-duration="5.25s" data-wow-offset="100">
<img alt="" src="https://phongkhamdakhoahn.org/assets/images/content3_pic1.png">
</div>
<div class="block-list">
<div class="block-item wow zoomInRight" data-wow-delay="0.25s" data-wow-duration="1.5s">
Được đào tạo bài bản tại các trường đại học y lớn tại Việt Nam và nước ngoài.
</div>
<div class="block-item wow zoomInRight" data-wow-delay="0.5s" data-wow-duration="1.5s">
Nhiều công trình nghiên cứu về y học, phương pháp điều trị được thực hiện và công bố.
</div>
<div class="block-item wow zoomInRight" data-wow-delay="0.75s" data-wow-duration="1.5s">
Phòng khám thường xuyên có các cuộc giao lưu trao đổi kinh nghiệm trong nghề với các bệnh viện lớn.
</div>
<div class="block-item wow zoomInRight" data-wow-delay="1s" data-wow-duration="1.5s">
Các bác sĩ có kinh nghiệm làm việc lâu năm tại các bệnh viện, từng tu nghiệp thời gian dài tại nước ngoài.
</div>
<div class="block-item wow zoomInRight" data-wow-delay="1.25s" data-wow-duration="1.5s">
Luôn giữ thái độ đúng mực, biết chia sẻ, cảm thông và tận tụy với người bệnh.
</div>
<div class="block-item wow zoomInRight" data-wow-delay="1.50s" data-wow-duration="1.5s">
Đội ngũ bác sĩ có khả năng quan sát, phán đoán giỏi trong việc tìm và điều trị bệnh.
</div>
</div>
</div>
</div>
</div>
<div class="section" id="section-06">
<div class="inner-wp">
<div class="section-detail wow fadeIn">
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Tư vấn ngay">
<div class="title">
<span class="icon">
</span>
<strong>
Tư vấn ngay
</strong>
để tìm hiểu phương pháp điều trị phù hợp với từng bệnh
</div>
</a>
</div>
</div>
</div>
<div class="section" id="section-07">
<div class="inner-wp">
<div class="section-detail">
<div class="title">
Lỗi lòng người bệnh
</div>
<div class="thumb">
<img alt="Nỗi lòng người bệnh" src="https://phongkhamdakhoahn.org/assets/images/content4_pic1.png">
</div>
<div class="detail wow zoomIn" data-wow-duration="1.5s">
“Tôi là mẹ của hai đứa trẻ và là vợ của một người chồng vô cùng bận rộn. Dạo gần đây tôi thấy cần đi khám phụ khoa vì có vài điều bất thường nhưng công việc bộn bề. Chồng tôi còn bận hơn nên việc sắp xếp được thời gian đi khám cùng tôi là cả một việc khó khăn. Giá mà có chỗ nào khám bệnh buổi tối thì tốt quá!”
</div>
</div>
</div>
</div>
<div class="section" id="section-08">
<div class="inner-wp">
<div class="section-detail wow fadeIn">
Chuyện phải
<strong>
nghỉ làm đi chữa bệnh
</strong>
nay sẽ
<strong>
không còn nữa
</strong>
<br>
<span>
&
</span>
<strong>
giải pháp là...
</strong>
</div>
</div>
</div>
<div class="section" id="section-09">
<div class="inner-wp">
<div class="section-detail clearfix">
<div class="item wow zoomIn" data-wow-delay="0.3s">
<div class="view fl-left">
<div class="view-back">
<span>
Đặt lịch hẹn
</span>
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Đặt lịch hẹn">
→
</a>
</div>
<div class="slice s1" style="background-image: url(../../assets/images/content4_pic2.png);">
<span class="overlay">
</span>
<div class="slice s2" style="background-image: url(../../assets/images/content4_pic2.png);">
<span class="overlay">
</span>
<div class="slice s3" style="background-image: url(../../assets/images/content4_pic2.png);">
<span class="overlay">
</span>
<div class="slice s4" style="background-image: url(../../assets/images/content4_pic2.png);">
<span class="overlay">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-box fl-right">
Hãy gọi
<strong>
0395 456 294
</strong>
hoặc chat trực tuyến trên website với bác sĩ để đặt lịch hẹn. Bạn có thể đặt lịch khám trong khung giờ từ 8h-20h tất cả các ngày trong tuần, cả chủ nhật và ngày lễ.
</div>
</div>
<div class="item wow zoomIn" data-wow-delay="0.6s">
<div class="view fl-left">
<div class="view-back">
<span>
Đặt lịch hẹn
</span>
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Đặt lịch hẹn">
→
</a>
</div>
<div class="slice s1" style="background-image: url(../../assets/images/content4_pic3.png);">
<span class="overlay">
</span>
<div class="slice s2" style="background-image: url(../../assets/images/content4_pic3.png);">
<span class="overlay">
</span>
<div class="slice s3" style="background-image: url(../../assets/images/content4_pic3.png);">
<span class="overlay">
</span>
<div class="slice s4" style="background-image: url(../../assets/images/content4_pic3.png);">
<span class="overlay">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-box fl-right">
Tới phòng khám theo lịch đã hẹn, đưa mã số khám cho nhân viên lễ tân để được hướng dẫn làm thủ tục thăm khám.
</div>
</div>
<div class="item wow zoomIn" data-wow-delay="0.9s">
<div class="view fl-left">
<div class="view-back">
<span>
Đặt lịch hẹn
</span>
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Đặt lịch hẹn">
→
</a>
</div>
<div class="slice s1" style="background-image: url(../../assets/images/content4_pic4.png);">
<span class="overlay">
</span>
<div class="slice s2" style="background-image: url(../../assets/images/content4_pic4.png);">
<span class="overlay">
</span>
<div class="slice s3" style="background-image: url(../../assets/images/content4_pic4.png);">
<span class="overlay">
</span>
<div class="slice s4" style="background-image: url(../../assets/images/content4_pic4.png);">
<span class="overlay">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-box fl-right">
Chờ tới giờ khám để được bác sĩ thăm khám lâm sàng và làm các thủ tục xét nghiệm cần thiết. Sau khi có kết quả bạn sẽ được tư vấn phương pháp điều trị phù hợp.
</div>
</div>
<div class="item wow zoomIn" data-wow-delay="1.2s">
<div class="view fl-left">
<div class="view-back">
<span>
Đặt lịch hẹn
</span>
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Đặt lịch hẹn">
→
</a>
</div>
<div class="slice s1" style="background-image: url(../../assets/images/content4_pic5.png);">
<span class="overlay">
</span>
<div class="slice s2" style="background-image: url(../../assets/images/content4_pic5.png);">
<span class="overlay">
</span>
<div class="slice s3" style="background-image: url(../../assets/images/content4_pic5.png);">
<span class="overlay">
</span>
<div class="slice s4" style="background-image: url(../../assets/images/content4_pic5.png);">
<span class="overlay">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-box fl-right">
Bạn hoàn toàn có thể đặt hoặc thay đổi lịch hẹn trên hệ thống tư vấn trực tuyến của chúng tôi mà không cần phải mất thời gian đến tận nơi.
</div>
</div>
</div>
</div>
</div>
<div class="section" id="section-10">
<div class="inner-wp">
<div class="section-detail wow fadeIn">
<div class="info">
<div class="title">
Bạn muốn khám giờ nào?
</div>
<a href="https://tuvan.bacsytuvan.vn/LR/Chatpre.aspx?id=MMG33595587&lng=en" title="Hãy đăng ký khám ngay">
Hãy đăng ký khám ngay
</a>
</div>
</div>
</div>
</div>
<div class="section" id="section-11">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
<span>
Khám chữa ngoài giờ
</span>
quyền lợi không đổi
</h2>
</div>
<div class="section-detail">
<ul class="list-item clearfix wow fadeIn">
<li>
<div class="thumb">
</div>
<div class="detail">
Chi phí khám và điều trị bệnh ngoài giờ hành chính vẫn giữ nguyên, không có chi phí phát sinh hay tăng giá dịch vụ.
</div>
</li>
<li>
<div class="thumb">
</div>
<div class="detail">
Quy trình khám chữa 1 bác sĩ - 1 y tá - 1 bệnh nhân đảm bảo chất lượng và an toàn trong thăm khám.
</div>
</li>
<li>
<div class="thumb">
</div>
<div class="detail">
Được thăm khám và điều trị bởi bác sĩ giỏi, có kinh nghiệm. Được tư vấn kỹ lưỡng trước khi bước vào điều trị.
</div>
</li>
<li>
<div class="thumb">
</div>
<div class="detail">
Được đón tiếp, chăm sóc chu đáo, hướng dẫn tận tình tất cả mọi quy trình, thủ tục bởi đội ngũ y tá chuyên nghiệp.
</div>
</li>
<li>
<div class="thumb">
</div>
<div class="detail">
Được sử dụng tất cả các dịch vụ tiện ích: Đọc báo, xem Ti vi, sử dụng wifi, phục vụ nước uống,… giúp bệnh nhân cảm thấy thoải mái trong khi chờ.
</div>
</li>
<li>
<div class="thumb">
</div>
<div class="detail">
Toàn bộ thông tin hồ sơ bệnh án của bệnh nhân đều được bảo mật tuyệt đối, giúp người bệnh an tâm hơn.
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="section" id="section-12">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
<span>
Một số hình ảnh
</span>
phòng khám đa khoa Hưng Thịnh
</h2>
</div>
</div>
<div class="section-detail wow fadeIn">
<div class="inner-wp clearfix">
<div class="block-left fl-left">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="https://phongkhamdakhoahn.org/assets/images/content7_pic1_full.png">
<img alt="Phòng khám Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/content7_pic1.png">
<span class="icon">
<img alt="Icon" src="https://phongkhamdakhoahn.org/assets/images/content7_fullsize.png">
</span>
</a>
</div>
<div class="block-right fl-right">
<div class="block-list">
<div class="block-item">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="https://phongkhamdakhoahn.org/assets/images/content7_pic2_full.png">
<img alt="Phòng khám Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/content7_pic2.png">
<span class="icon">
<img alt="Icon" src="https://phongkhamdakhoahn.org/assets/images/content7_fullsize.png">
</span>
</a>
</div>
<div class="block-item">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="assets/images/content7_pic3_full.png">
<img alt="Phòng khám Hưng Thịnh" src="assets/images/content7_pic3.png">
<span class="icon">
<img alt="Icon" src="assets/images/content7_fullsize.png">
</span>
</a>
</div>
<div class="block-item">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="https://phongkhamdakhoahn.org/assets/images/content7_pic4_full.png">
<img alt="Phòng khám Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/content7_pic4.png">
<span class="icon">
<img alt="Icon" src="https://phongkhamdakhoahn.org/assets/images/content7_fullsize.png">
</span>
</a>
</div>
<div class="block-item">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="https://phongkhamdakhoahn.org/assets/images/content7_pic5_full.png">
<img alt="Phòng khám Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/content7_pic5.png">
<span class="icon">
<img alt="Icon" src="https://phongkhamdakhoahn.org/assets/images/content7_fullsize.png">
</span>
</a>
</div>
<div class="block-item">
<a data-lightbox="roadtrip" data-title="Phòng khám Hưng Thịnh" href="https://phongkhamdakhoahn.org/assets/images/content7_pic6_full.png">
<img alt="Phòng khám Hưng Thịnh" src="https://phongkhamdakhoahn.org/assets/images/content7_pic6.png">
<span class="icon">
<img alt="Icon" src="https://phongkhamdakhoahn.org/assets/images/content7_fullsize.png">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="section-13">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
Chia sẻ kinh nghiệm khám chữa bệnh
</h2>
</div>
<div class="section-detail">
<ul class="list-item clearfix">
<li class="wow fadeIn" data-wow-delay="0.3s">
<div class="info">
<div class="name">
Chị Thanh
</div>
<div class="address">
(25 tuổi - Hà Nội)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_5.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Mình gọi điện đến
<a href="https://phongkhamdakhoahungthinh.webflow.io/" rel="dofollow" target="_blank" title="Phòng khám đa khoa Hưng Thịnh">
Phòng khám Hưng Thịnh
</a>
để đặt lịch chữa hôi nách. Đến chỉ cần đưa mã số là được khám luôn rồi. Thủ tục khám chữa rất nhanh gọn chứ không rườm rà như một số bệnh viện, phòng khám tư khác.
</div>
</div>
</li>
<li class="wow fadeIn" data-wow-delay="0.6s">
<div class="info">
<div class="name">
Chị Hương
</div>
<div class="address">
(34 tuổi - Hưng Yên)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_4.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Tôi đã từng đưa người nhà tới đây khám bệnh, thấy rất hài lòng vì phòng khám sạch sẽ, thoáng mát, yên tĩnh. Phòng chờ còn có cả ti vi, wifi, báo,..rất tiện nghi và thoải mái. Mức chi phí ở đây cũng hợp lý, không hề đắt đỏ chút nào.
</div>
</div>
</li>
<li class="wow fadeIn" data-wow-delay="0.9s">
<div class="info">
<div class="name">
Chú Hùng
</div>
<div class="address">
(47 tuổi - Nam Định)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_4.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Tôi bị Bệnh Trĩ đã 3 năm nay. Trước có đi điều trị 1 chỗ những gần 1 tháng mà không khỏi. Tới đây tiểu phẫu được gây tê nên không đau, 2 ngày sau tôi đã xuất viện. Giờ đây được 9 tháng, bệnh đã khỏi dứt điểm.
</div>
</div>
</li>
</ul>
<ul class="list-item clearfix">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<li class="wow fadeIn" data-wow-delay="0.3s">
<div class="info">
<div class="name">
Chị Thanh
</div>
<div class="address">
(25 tuổi - Hà Nội)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_5.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Mình gọi điện đến phòng khám để đặt lịch chữa hôi nách. Đến chỉ cần đưa mã số là được khám luôn rồi. Thủ tục khám chữa rất nhanh gọn chứ không rườm rà như một số bệnh viện, phòng khám tư khác.
</div>
</div>
</li>
</div>
<div class="swiper-slide">
<li class="wow fadeIn" data-wow-delay="0.6s">
<div class="info">
<div class="name">
Chị Hương
</div>
<div class="address">
(34 tuổi - Hưng Yên)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_4.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Tôi đã từng đưa người nhà tới đây khám bệnh, thấy rất hài lòng vì phòng khám sạch sẽ, thoáng mát, yên tĩnh. Phòng chờ còn có cả ti vi, wifi, báo,..rất tiện nghi và thoải mái. Mức chi phí ở đây cũng hợp lý, không hề đắt đỏ chút nào.
</div>
</div>
</li>
</div>
<div class="swiper-slide">
<li class="wow fadeIn" data-wow-delay="0.9s">
<div class="info">
<div class="name">
Chú Hùng
</div>
<div class="address">
(47 tuổi - Nam Định)
</div>
<div class="comment">
Đánh giá phòng khám:
</div>
<div class="rate">
<img alt="Đánh giá" src="https://phongkhamdakhoahn.org/assets/images/content8_star_4.png">
</div>
</div>
<div class="detail">
<div class="wrap">
Tôi bị Bệnh Trĩ đã 3 năm nay. Trước có đi điều trị 1 chỗ những gần 1 tháng mà không khỏi. Tới đây tiểu phẫu được gây tê nên không đau, 2 ngày sau tôi đã xuất viện. Giờ đây được 9 tháng, bệnh đã khỏi dứt điểm.
</div>
</div>
</li>
</div>
</div>
<div class="swiper-pagination">
</div>
</div>
</ul>
</div>
</div>
</div>
<div class="section section-general">
<div class="inner-wp">
<div class="section-head">
<h2 class="section-title">
<span>
Kiến thức y khoa
</span>
cho bạn vui khỏe mỗi ngày
</h2>
</div>
</div>
<div class="section-detail">
<div class="inner-wp">
<ul class="list-item clearfix">
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/chi-phi-cat-bao-quy-dau-o-ha-noi-tai-ha-noi-12WEFAZE.html" title="Chi phí cắt bao quy đầu ở hà nội tại Hà Nội">
<img alt="Chi phí cắt bao quy đầu ở hà nội tại Hà Nội" src="https://namkhoahn.vn/media/images/bao-quy-dau/nghet-bao-quy-dau.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/chi-phi-cat-bao-quy-dau-o-ha-noi-tai-ha-noi-12WEFAZE.html" title="Chi phí cắt bao quy đầu ở hà nội tại Hà Nội">
Chi phí cắt bao quy đầu ở hà nội tại Hà Nội
</a>
<div class="desc">
Cắt da quy đầu có nghe nói tới là 1 phẫu thuật ngoại khoa dễ thực hiện, nhưng mà lây ý nghĩa khá là quan trọng với những người dài, hẹp bao quy đầu ở nam giới. để xử lý các câu hỏi về lớp ...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/chi-phi-cat-bao-quy-dau-o-ha-noi-tai-ha-noi-12WEFAZE.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/hon-40-tuoi-moi-biet-cach-bao-ve-suc-khoe-ban-than-12WEFAZC.html" title="Hơn 40 tuổi mới biết cách bảo vệ sức khỏe bản thân">
<img alt="Hơn 40 tuổi mới biết cách bảo vệ sức khỏe bản thân" src="/media/images/az/8.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/hon-40-tuoi-moi-biet-cach-bao-ve-suc-khoe-ban-than-12WEFAZC.html" title="Hơn 40 tuổi mới biết cách bảo vệ sức khỏe bản thân">
Hơn 40 tuổi mới biết cách bảo vệ sức khỏe bản thân
</a>
<div class="desc">
Hơn 40 tuổi mới biết cách bảo vệ sức khỏe bản thân
Nam giới thường ít khi quan tâm tới sức khỏe của mình và cho rằng mình luôn khỏe mạnh và không thể nào bị bệnh. Do đó, họ luôn chủ...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/hon-40-tuoi-moi-biet-cach-bao-ve-suc-khoe-ban-than-12WEFAZC.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/su-chu-quan-khien-chung-ta-phai-hoi-han-ca-doi-12WEFAZB.html" title="Sự chủ quan khiến chúng ta phải hối hận cả đời">
<img alt="Sự chủ quan khiến chúng ta phải hối hận cả đời" src="/media/images/az/7.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/su-chu-quan-khien-chung-ta-phai-hoi-han-ca-doi-12WEFAZB.html" title="Sự chủ quan khiến chúng ta phải hối hận cả đời">
Sự chủ quan khiến chúng ta phải hối hận cả đời
</a>
<div class="desc">
Sự chủ quan khiến chúng ta phải hối hận cả đời
Mới 8h sáng, chúng tôi đã tiếp 2 bệnh nhân đầu tiên, đó là hai vợ chồng còn khá trẻ nhưng trên khuôn mặt đều không giấu nổi sự lo...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/su-chu-quan-khien-chung-ta-phai-hoi-han-ca-doi-12WEFAZB.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/noi-dau-nay-se-con-dai-dang--12WEFAZA.html" title="Nỗi đau này sẽ còn dai dẳng!">
<img alt="Nỗi đau này sẽ còn dai dẳng!" src="/media/images/az/6.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/noi-dau-nay-se-con-dai-dang--12WEFAZA.html" title="Nỗi đau này sẽ còn dai dẳng!">
Nỗi đau này sẽ còn dai dẳng!
</a>
<div class="desc">
Nỗi đau này sẽ còn dai dẳng!
Căn phòng chờ khá đông người nhưng ai cũng yên lặng chờ đến giờ khám của mình. Có hai mẹ con bước vào phòng khám. Ban đầu tôi cũng nghĩ có thể hai mẹ con...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/noi-dau-nay-se-con-dai-dang--12WEFAZA.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/luon-thong-cam-la-dong-luc-lon-nhat-cho-nguoi-benh-12WEFAZ9.html" title="Luôn thông cảm là động lực lớn nhất cho người bệnh">
<img alt="Luôn thông cảm là động lực lớn nhất cho người bệnh" src="/media/images/az/6.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/luon-thong-cam-la-dong-luc-lon-nhat-cho-nguoi-benh-12WEFAZ9.html" title="Luôn thông cảm là động lực lớn nhất cho người bệnh">
Luôn thông cảm là động lực lớn nhất cho người bệnh
</a>
<div class="desc">
Luôn thông cảm là động lực lớn nhất cho người bệnh
Anh M. (Hà Đông) đến với chúng tôi bởi lí do mà người đàn ông nào cũng không muốn nói đó là “chưa đến chợ đã hết tiền”. Theo...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/luon-thong-cam-la-dong-luc-lon-nhat-cho-nguoi-benh-12WEFAZ9.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
<li>
<a class="thumb" href="https://phongkhamdakhoahn.org/suyt-chia-tay-nguoi-yeu-vi-hoi-nach--12WEFAZ8.html" title="Suýt chia tay người yêu vì “hôi nách”">
<img alt="Suýt chia tay người yêu vì “hôi nách”" src="/media/images/az/5.jpg">
</a>
<a class="title" href="https://phongkhamdakhoahn.org/suyt-chia-tay-nguoi-yeu-vi-hoi-nach--12WEFAZ8.html" title="Suýt chia tay người yêu vì “hôi nách”">
Suýt chia tay người yêu vì “hôi nách”
</a>
<div class="desc">
Suýt chia tay người yêu vì “hôi nách”
Làm bác sĩ tư vấn online tưởng dễ mà không phải dễ vì không chỉ phải tư vấn cho khách hàng về bệnh, mà bác sĩ còn như một nhà tư vấn tâm lí cho...
</div>
<a class="view-more" href="https://phongkhamdakhoahn.org/suyt-chia-tay-nguoi-yeu-vi-hoi-nach--12WEFAZ8.html" title="Xem chi tiết">
Xem chi tiết
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer-wp">
<div id="foot-top">
<div class="inner-wp">
<div class="wrap">
<div class="thumb">
<img alt="Đặt câu hỏi liền tay - Bác sĩ sẽ trả lời bạn ngay" src="https://phongkhamdakhoahn.org/assets/images/content10_pic.png">
</div>
</div>
</div>
</div>
<div id="foot-center">
<div class="inner-wp">
<div class="wrap">
<div class="advisory">
<h2 class="title">
Bạn cần được tư vấn?
</h2>
<div class="form-wp">
<form action="https://phongkhamdakhoahn.org/templates/includes/send_mail_phone" data-current-url="https://phongkhamdakhoahn.org/" data-url="https://phongkhamdakhoahn.org/templates/includes/send_mail_phone" id="btn-send-mail" method="POST">
<input id="tel-text" name="tel" placeholder="Nhập số điện thoại của bạn" type="tel">
<input type="submit" value="submit">
</form>
</div>
<div class="desc">
Bác sĩ chúng tôi sẽ gọi điện cho bạn trong ít phút
</div>
<div class="ajax-loader-wrap">
<span class="ajax-loader fa fa-spinner fa-spin fa-fw">
</span>
</div>
<span class="mess-noti">
</span>
</div>
</div>
</div>
</div>
<div id="foot-bottom">
<div class="inner-wp clearfix">
<div class="contact-wp fl-left">
<div class="info">
<img alt="" src="https://phongkhamdakhoahn.org/assets/images/footer_addres.png">
</div>
</div>
<div class="map-wp fl-right">
<a href="https://g.page/phongkhamhungthinh?share" rel="nofollow" target="_blank" title="Click để xem chi tiết bản đồ">
<img alt="Bản đồ" src="https://phongkhamdakhoahn.org/assets/images/bando.png">
</a>
</div>
</div>
</div>
<div id="foot-copyright">
<div class="inner-wp">
<div class="detail">
Bản quyền thuộc về phòng khám đa khoa Hưng Thịnh 2024
</div>
</div>
</div>
</div>
</div>
<div id="banner-left-wrap">
<a href="https://phongkhamdakhoahn.org/uu-dai-moi" rel="nofollow" title="Ưu đãi mới">
<img alt="Ưu đãi mới" src="https://phongkhamdakhoahn.org/admin/media/banner_left/onlineimgsrc_en222.gif">
</a>
</div>
</div>
</div>
<script src="https://phongkhamdakhoahn.org/assets/js/jquery.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/behavior.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/rating.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/platform.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/jssocials.min.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/main.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/js/mainn.js" type="text/javascript">
</script>
<script src="https://phongkhamdakhoahn.org/assets/plugins/jwplayer/jwplayer.js" type="text/javascript">
</script>
<script type="text/javascript">
jwplayer.key = "CKjOe06GxAOe3Dj9NaWPCQKtqvqQdyFV8z9wsg==";
</script>
<script type="text/javascript">
jwplayer("video-jw").setup({
width: "100%",
aspectratio: "16:9",
playlist: [{
sources: [{
file: "/assets/video/video.mp4"
}]
}]
});
</script>
<!--R CHAT START-->
<script language="javascript" src="https://tuvan.bacsytuvan.vn/JS/LsJS.aspx?siteid=MMG33595587&float=1&lng=en">
</script>
<style type="text/css">
.LR_Mini_ICON {
right : 27px!important;
bottom : 18px!important
}
div#LRMINIBar {
height : auto!important
}
@media only screen and (max-width:320px) {
.LR_Mini_ICON {
right : 18px!important
}
}
</style>
<!--R CHAT END-->
<script src="https://phongkhamdakhoahn.org/assets/js/codexoa.js" type="text/javascript">
</script>
</body>
</html>