1894 lines
70 KiB
CSS
1894 lines
70 KiB
CSS
:root { --custom-red: #ee2b4b;}
|
|
|
|
body { font-family: "Oswald", Arial, sans-serif; font-size: 16px; color: #494949; line-height: 1.6; }
|
|
::-moz-selection { background: #08327e; color: #fff; text-shadow: none; }
|
|
::selection { background: #08327e; color: #fff; text-shadow: none; }
|
|
hr { display: block; height: 0; border: 0; border-top: 1px solid #636363; margin: 30px 0; opacity: .5; padding: 0; }
|
|
img { vertical-align: middle; }
|
|
fieldset { border: 0; margin: 0; padding: 0; }
|
|
textarea { resize: none; }
|
|
::-webkit-input-placeholder { color: #6d6e70 !important; opacity: 1 !important; }
|
|
:-moz-placeholder { color: #6d6e70 !important; opacity: 1 !important; }
|
|
::-moz-placeholder { color: #6d6e70 !important; opacity: 1 !important; }
|
|
:-ms-input-placeholder { color: #6d6e70 !important; opacity: 1 !important; }
|
|
.form-control:focus::-webkit-input-placeholder { color:transparent !important; }
|
|
.form-control:focus:-moz-placeholder { color:transparent !important; }
|
|
.form-control:focus::-moz-placeholder { color:transparent !important; }
|
|
.form-control:focus:-ms-input-placeholder { color:transparent !important; }
|
|
address { font-style: normal; }
|
|
blockquote { border: none; font-size: 1em; padding: 0; }
|
|
|
|
*:hover, *:visited, *:active, *:focus { outline: none; }
|
|
|
|
a { -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; }
|
|
a:link, a:visited, a:focus { color: #e74c3c; outline: none !important; text-decoration: none; }
|
|
a:hover { color: #000; outline: none; text-decoration: none; }
|
|
|
|
.animatedParent { overflow: hidden; }
|
|
.video-wrap { margin: 15px 0; }
|
|
.video-wrap iframe { width: 100%; }
|
|
|
|
img { max-width: 100%; height:auto;}
|
|
|
|
body, html { height: 100%; }
|
|
p,li,figcaption{
|
|
font-family: arial!important;
|
|
color: #333;
|
|
}
|
|
.imgeffect { display: block; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.imgeffect .imgwrap { display: block; overflow: hidden; position: relative; }
|
|
.imgeffect img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5 ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
|
|
.imgeffect:hover img { opacity: 0.7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
|
|
|
|
.modal-content { padding: 10px; position: relative; }
|
|
.modal .md-title { color: #110c47; font-size: 2em; font-weight: 700; margin: 0 0 20px; text-transform: capitalize; margin-bottom: 10px; }
|
|
.modal .fa-close { background: none; border: #bdbdbd solid 1px; border-radius: 100%; color: #65696d; height: 26px; opacity: 1 !important; position: absolute; top: 5px; right: 5px; width: 26px; }
|
|
.modal .fa-close:hover { background: #f63440; border-color: #f63440; color: #fff; }
|
|
.pp-tempt-1 .modal-dialog { width: 1100px; }
|
|
|
|
.panel { border: none; box-shadow: none; margin: 30px 0; }
|
|
.panel .panel-heading { padding: 0; }
|
|
.panel .panel-title a { background: #e91947; border-radius: 5px; color: #fff !important; display: block; font-size: 1.4em; padding: 12px 50px 12px 20px; position: relative; text-decoration: none !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.panel .panel-title a.collapsed { background: #f2f2f2; color: #444; }
|
|
.panel .panel-body { border: none !important; margin: 0; padding: 30px; }
|
|
.panel .panel-heading { background: none; }
|
|
.panel .panel-heading a:after { content:"\f078"; font-family: FontAwesome; font-size: 14px; margin-top: -12px; position: absolute; top: 50%; right: 15px; }
|
|
.panel .panel-heading a.collapsed { background: #b7b7b7; color: #444; }
|
|
.panel .panel-heading a.collapsed:after { content:"\f054"; }
|
|
.panel .panel-heading a.collapsed:hover { background: #e91947; color: #fff; }
|
|
.panel .image { margin-bottom: 20px; }
|
|
.panel-group .panel, .panel-group .panel + .panel { margin-top: 20px; }
|
|
|
|
table.dataTable thead th, table.dataTable tfoot th { border: none; font-weight: 500; }
|
|
table.dataTable thead th, table.dataTable tfoot th, table.dataTable tbody th, table.dataTable tbody td { padding: 11px 13px; }
|
|
table.dataTable tbody th, table.dataTable tbody td { vertical-align: top; }
|
|
table.dataTable tfoot th, table.dataTable tfoot td { border-top: #999 solid 1px !important; color: #333; font-size: 1.1em; font-weight: 500; }
|
|
table.dataTable.no-footer { border-bottom: none; }
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background: #333; top: 10px; }
|
|
table.dataTable > tbody > tr.child span.dtr-title { color: #333; font-weight: 500; min-width: 150px; }
|
|
.dataTables_length { display: none !important; }
|
|
.dataTables_paginate { font-size: .9em; margin-top: 15px; }
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 1px 5px; }
|
|
.dataTables_wrapper.no-footer .dataTables_scrollBody { border: #ddd solid 1px !important; }
|
|
table.dataTable .even td { background: #fafafa; }
|
|
|
|
.btn, .dropdown-menu { font-size: 1em; }
|
|
.form-control { background: #fff; border: #cacaca solid 1px; border-radius: 0; box-shadow: none !important; font-size: 13px; height: 35px; padding: 7px 15px; }
|
|
textarea.form-control { height: auto; }
|
|
.form-control:focus { border-color: #bababa !important; box-shadow: none !important; }
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #f6f6f6; }
|
|
|
|
.bootstrap-select > .dropdown-toggle, .control-sub .control { border: #e4e4e4 solid 1px; border-radius: 30px; color: #333 !important; display: block; height: 60px; padding: 5px 30px 5px 15px; text-overflow: ellipsis; }
|
|
.bootstrap-select > .dropdown-toggle { font-size: 1em; }
|
|
.control-sub { position: relative; }
|
|
.control-sub .control { line-height: 30px; }
|
|
.control-sub .control .caret { margin-top: -2px; position: absolute; right: 12px; top: 50%; }
|
|
.control-sub .dropsub { background: #fff; border: #d7d7d7 solid 1px; border-radius: 4px; display: none; left: 0; max-height: 300px; overflow-y: auto; padding: 10px 0; position: absolute; top: 100%; right: 0; z-index: 99; }
|
|
.control-sub .dropsub .checkbox { margin: 0; padding: 6px 10px 6px 30px; }
|
|
.control-sub .dropsub .checkbox:hover { background: #f1f1f1; }
|
|
.control-sub .dropsub label, .control-sub .open-control { display: block; }
|
|
|
|
.bootstrap-select.btn-group .dropdown-menu { max-height: 300px !important; padding: 0; }
|
|
.bootstrap-select.btn-group .dropdown-menu li a { border-bottom: #ddd solid 1px; padding: 10px 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.bootstrap-select.btn-group .dropdown-menu li:last-child a { border-bottom: none; }
|
|
.bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.btn-group .dropdown-menu li a:hover { background: #f1f1f1; color: #333; }
|
|
|
|
.gotop { bottom: 60px; color: #333 !important; font-size: 0; opacity: 0; position: fixed; right: 10px; z-index: 9999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.gotop:hover { color: #000 !important; }
|
|
.gotop:before { content: "\f0aa"; font-family: 'FontAwesome'; font-size: 36px; line-height: 1; }
|
|
|
|
label { font-weight: 500; }
|
|
|
|
.bg { background: no-repeat center 0; background-size: cover; }
|
|
.bg .bgimg { display: none; }
|
|
.bgfix { background-attachment: fixed; }
|
|
|
|
.slick-arrow { background: #fff; border: none; border-radius: 100%; color: #231f20; display: block; font-size: 0; height: 50px; margin-top: -25px; padding: 0; position: absolute; top: 50%; z-index: 2; width: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.slick-arrow:before { font-family: 'FontAwesome'; font-size: 20px; line-height: 1; }
|
|
.slick-arrow:after { background: #d7d7d7; bottom: -5px; border-radius: 100%; content: ""; left: -5px; opacity: .2; position: absolute; top: -5px; right: -5px; }
|
|
.slick-next { right: 10px; }
|
|
.slick-next:before { content: "\f105"; }
|
|
.slick-prev { left: 10px; }
|
|
.slick-prev:before { content: "\f104"; }
|
|
.slick-arrow:hover { background: #320c3e; color: #fff; }
|
|
|
|
.slick-1 .slick-arrow { margin-top: -50px; }
|
|
.slick-1 .slick-next { right: -10px; }
|
|
.slick-1 .slick-prev { left: -10px; }
|
|
|
|
.slick-dots { list-style: none; margin: 0; padding: 0; }
|
|
.slick-dots li { display: inline-block; font-size: 0; margin: 5px; }
|
|
.slick-dots li button { background: #dbdbdb; border: none; border-radius: 100%; display: block; height: 10px; padding: 0; width: 10px; }
|
|
.slick-dots li.slick-active button { background: #aac63f; }
|
|
|
|
.page-wrap { margin-bottom: -50px; min-height: 100%; width: 100%; }
|
|
.main { padding-bottom: 80px; }
|
|
.main-wrap { position: relative; z-index: 5; }
|
|
.main-content { float: left; padding: 20px 30px 30px 0; width: 74%; }
|
|
.sidebar { float: right; padding: 20px 0; width: 26%; }
|
|
.inner { background: url(../img/bg.png) no-repeat center bottom; }
|
|
|
|
.tempt-1 .sidebar { float: left; }
|
|
.tempt-1 .main-content { float: right; padding-left: 30px; padding-right: 0; }
|
|
|
|
.bootstrap-select { width: 100% !important; }
|
|
|
|
.date-wrap { position: relative; }
|
|
.date-wrap:before { color: #bcbcbc; font-size: 11px; margin-top: -6px; position: absolute; right: 15px; top: 50%; }
|
|
.date-wrap .form-control { padding-right: 30px; }
|
|
|
|
.pager { font-size: 0; margin: 0; text-align: center; }
|
|
.pager ol, .pager ul { list-style: none; margin: 0; padding: 0; }
|
|
.pager li { display: inline-block; font-size: 1em; margin: 5px; vertical-align: top; }
|
|
.pager li > a, .pager li > span { background: none; border: #a6a6a6 solid 1px; border-radius: 0; color: #a6a6a6 !important; display: block; font-size: 12px; line-height: 1; padding: 5px 10px; text-align: center; text-decoration: none !important; text-transform: uppercase; }
|
|
.pager li.active > a, .pager li > a:hover, .pager li > a:focus { background: #f40000; border-color: #f40000; color: #fff !important; }
|
|
|
|
.dropdown-menu li a { padding: 7px 10px; white-space: normal; }
|
|
.dropdown-menu li:last-child a { border-radius: 0 0 3px 3px; }
|
|
.dropdown-menu li:first-child a { border-radius: 3px 3px 0 0; }
|
|
.dropdown-menu li a em { background: #f63440; border-radius: 100%; color: #fff; display: inline-block; font-size: .9em; font-style: normal; height: 20px; line-height: 20px; text-align: center; width: 20px; }
|
|
.dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { background: #f1f1f1; color: #333 !important; }
|
|
|
|
.breadcrumb { background: none; border-radius: 0; color: #f26e30; font-size: 12px; font-weight: 600; margin: 20px auto; padding: 0; text-align: right; text-transform: uppercase; max-width: 1235px; }
|
|
.breadcrumb ul { list-style: none; margin: 0; padding: 0; }
|
|
.breadcrumb li { margin-bottom: 0 !important; }
|
|
.breadcrumb a:link, .breadcrumb a:visited { color: #898989; }
|
|
.breadcrumb a:hover { color: #fff; }
|
|
.breadcrumb > li + li { padding-left: 25px; position: relative; }
|
|
.breadcrumb > li + li:before { background: url(../img/ico-breadcrumb.png) no-repeat 0 0; content: ""; height: 9px; left: 5px; position: absolute; top: 4px; width: 9px; }
|
|
|
|
.tb-col { display: table; width: 100%; }
|
|
.tb-col .col { display: table-cell; vertical-align: top; }
|
|
|
|
.title-1 { color: #262626; font-size: 30px; font-weight: 500; line-height: 1; margin: 0 0 30px; padding-bottom: 15px; position: relative; }
|
|
.title-1:before { border-bottom: #e74c3c solid 2px; bottom: 0; content: ""; left: 0; position: absolute; width: 80px; }
|
|
.title-1.fa:before { background: #fff; bottom: -14px; font-size: 24px; left: 0; padding-right: 5px; position: absolute; }
|
|
.title-2 { color: #076ef1; margin: 30px 0; text-align: center; text-transform: uppercase; }
|
|
.title-3 { color: #000; font-size: 24px; margin: 0 0 15px; text-transform: uppercase; }
|
|
.title-4 { color: #262626; font-size: 18px; font-weight: 500; margin: 40px 0 20px; text-transform: uppercase; }
|
|
|
|
.btn-1, .btn-2, .btn-3, .btn-4 { border: none; color: #fff !important; display: inline-block; font-size: 14px; line-height: 1; padding: 10px 25px; position: relative; text-align: center; text-transform: uppercase; vertical-align: top; }
|
|
.btn-2, .btn-3, .btn-4 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.btn-1 { background: #466bfe;
|
|
background: -moz-linear-gradient(top, #466bfe 0%, #0167db 100%);
|
|
background: -webkit-linear-gradient(top, #466bfe 0%,#0167db 100%);
|
|
background: linear-gradient(to bottom, #466bfe 0%,#0167db 100%); border: #4b78ff solid 1px; border-radius: 8px; box-shadow: #8ea4fe inset 0 1px; font-size: 16px; padding: 10px 15px; text-transform: none; }
|
|
.btn-1:hover { background: #466bfe; }
|
|
.btn-2 { background: #e74c3c; border-radius: 20px; }
|
|
.btn-2:hover { background: #bc1a0a; }
|
|
.btn-3 { background: #fff; color: #ff003b !important; }
|
|
.btn-3:hover { background: #ff003b; color: #fff !important; }
|
|
.btn-4 { background: #f40000; }
|
|
.btn-4:hover { background: #ae0303; }
|
|
|
|
.btn-block { display: block; }
|
|
.btn-medium { padding: 13px 30px; }
|
|
|
|
.marquee { overflow: hidden; width: 100%; }
|
|
|
|
.nav-list, .nav-list ul { list-style: none; margin: 0; padding: 0; }
|
|
.nav-list { margin: 0 0 30px; }
|
|
.nav-list li { border-bottom: #dcdcdc solid 1px; }
|
|
.nav-list li a { color: #000; display: block; padding: 5px 0 5px 10px; position: relative; }
|
|
.nav-list > li > a:before { color: #6c6765; content: "\f105"; font-family:'FontAwesome'; font-size: 10px; left: 0; position: absolute; top: 9px; }
|
|
.nav-list li.active > a, .nav-list li > a:hover { color: #e84c3d; }
|
|
.nav-list ul { display: none; }
|
|
.nav-list ul li.active > a, .nav-list ul li > a:hover { background: none; color: #e00a16 ; }
|
|
.nav-list .open > ul { display: block; }
|
|
.nav-list .open > a:after { content: "\f107"; }
|
|
.nav-list ul li a { border-bottom: none; }
|
|
|
|
.socials { font-size: 0; list-style: none; margin: 0; padding: 0; }
|
|
.socials li { display: inline-block; margin: 3px 0 3px 5px; }
|
|
.socials li a:before { color: #fff !important; font-size: 12px; line-height: 26px; }
|
|
.socials .fa { border-radius: 100%; display: block; height: 26px; text-align: center; width: 26px; }
|
|
.socials .fa-facebook { background: #077fe4; }
|
|
.socials .fa-facebook:hover { background: #04447a; }
|
|
.socials .fa-tiktok{ background: black; }
|
|
.socials .fa-tiktok:hover { background: #8b0333; }
|
|
|
|
.socials .fa-google-plus { background: #e10050; }
|
|
.socials .fa-google-plus:hover { background: #8b0333; }
|
|
.socials .fa-instagram { background: #00d3a9; }
|
|
.socials .fa-instagram:hover { background: #037760; }
|
|
.socials .fa-twitter { background: #00dfe8; }
|
|
.socials .fa-twitter:hover { background: #037d82; }
|
|
.socials .fa-youtube-play { background: #e10051; }
|
|
.socials .fa-youtube-play:hover { background: #830230; }
|
|
|
|
.socials-page-intro { list-style: none; margin: 0; padding: 0; }
|
|
.socials-page-intro li { display: inline-block; margin: 3px 0 3px 5px; }
|
|
.socials-page-intro li a:before { color: #fff !important; font-size: 12px; line-height: 26px; }
|
|
.socials-page-intro .fa { border-radius: 100%; display: block; height: 26px; text-align: center; width: 26px; }
|
|
.socials-page-intro .fa-facebook { background: #077fe4; }
|
|
.socials-page-intro .fa-facebook:hover { background: #04447a; }
|
|
.socials-page-intro .fa-tiktok{ background: black; }
|
|
.socials-page-intro .fa-tiktok:hover { background: #8b0333; }
|
|
|
|
.socials-page-intro .fa-google-plus { background: #e10050; }
|
|
.socials-page-intro .fa-google-plus:hover { background: #8b0333; }
|
|
.socials-page-intro .fa-instagram { background: #00d3a9; }
|
|
.socials-page-intro .fa-instagram:hover { background: #037760; }
|
|
.socials-page-intro .fa-twitter { background: #00dfe8; }
|
|
.socials-page-intro .fa-twitter:hover { background: #037d82; }
|
|
.socials-page-intro .fa-youtube-play { background: #e10051; }
|
|
.socials-page-intro .fa-youtube-play:hover { background: #830230; }
|
|
|
|
.footer-container { border-top: #cfcfcf solid 1px; color: #262626; font-family: "Open Sans", Arial, sans-serif; font-size: 13px; position: relative; z-index: 3; }
|
|
.footer-container p { margin: 5px 0; }
|
|
.footer-container hr { border-top: #bcbcbc solid 1px; margin: 0; opacity: 1; }
|
|
.footer-container .phone { color: #3c5bfd; margin: 10px 0; }
|
|
.footer-container .phone strong { font-size: 24px; font-weight: 700; line-height: 1; }
|
|
.footer-container .copyright .col { padding-bottom: 10px; padding-top: 10px; }
|
|
.footer-container .copyright .col:last-child { text-align: right; }
|
|
.footer-container .info { font-family: "Oswald", Arial, sans-serif; font-size: 16px; font-weight: 500; padding-bottom: 10px; padding-top: 10px; text-align: center; }
|
|
.footer-container .info .col { padding: 0px; width: 25%; }
|
|
.footer-container .icon { background: #e74c3c; border-radius: 100%; display: block; height: 64px; line-height: 60px; margin: 0 auto 20px; width: 64px; }
|
|
.footer-container .links { list-style: none; margin: 10px 0; padding: 0; }
|
|
.footer-container .links li { margin-top: 5px; }
|
|
.footer-container .links a { color: #101010; }
|
|
.footer-container .links a:hover { color: #e74c3c; }
|
|
.footer-container .logo { padding: 40px 0 20px; text-align: center; }
|
|
|
|
.header-info { background: #fff; color: #fff; font-family: "Oswald", Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; padding: 2px 0; text-transform: uppercase; }
|
|
.header-info .marquee { font-size: 16px; font-weight: 500; text-transform: none; }
|
|
|
|
.header-info a:hover { color: #fedcd8; }
|
|
.header-info p, .header-info address { display: inline-block; margin: 0; }
|
|
.header-info .last { text-align: right; }
|
|
.header-info .fa { margin: 3px 20px 3px 0; padding-left: 18px; position: relative; }
|
|
.header-info .fa:before { font-size: 16px; left: 0; position: absolute; top: 0; }
|
|
.header-info .fa-user { margin-right: 0; white-space: nowrap; }
|
|
.header-info .fa-clock-o:before { top: -1px; }
|
|
.header-info .line { display: inline-block; margin: 2px 10px; vertical-align: top; }
|
|
.header-info .dropdown { display: inline-block; margin: 3px 0; }
|
|
.header-info .dropdown-menu { min-width: 70px; }
|
|
.header-info .dropdown-menu a { color: #333; }
|
|
|
|
.header-container { background: #fff; }
|
|
.header-container .info { position: relative; }
|
|
.header-container a { color: #000; }
|
|
.header-container a:hover, .header-container .link.active { color: #a45d92; }
|
|
.header-container .tb-col .col { padding:0 0 1px 0; }
|
|
.header-container .tb-col .col:last-child { text-align: center; }
|
|
.header-container hr { border-top-color: #f4b5af; margin: 0; }
|
|
.header-container .logo { max-width: 170px; }
|
|
.header-container .btn-book { background: #466bfe;
|
|
background: -moz-linear-gradient(top, #466bfe 0%, #0167db 100%);
|
|
background: -webkit-linear-gradient(top, #466bfe 0%,#0167db 100%);
|
|
background: linear-gradient(to bottom, #466bfe 0%,#0167db 100%); border: #4b78ff solid 1px; border-radius: 10px; color: #fff !important; display: block; box-shadow: #8ea4fe inset 0 1px; font-size: 24px; font-weight: 500; padding: 10px 10px 10px 55px; position: relative; text-transform: uppercase; white-space: nowrap; text-align: left !important; line-height: 1.1 !important; margin:5px 0; }
|
|
.header-container .btn-book:hover { background: #466bfe; }
|
|
.header-container .btn-book img, .hotline-emergency img { left: 10px; margin-top: -18px; position: absolute; top: 50%; width:37px; border-radius: 5px; }
|
|
.header-container .fa-heartbeat:before { font-size: 30px; margin-right: 10px; vertical-align: middle; }
|
|
.header-container .fa-search { background: none; border: none; color: #fff !important; display: block; font-size: 0;text-align: center; }
|
|
.header-container .fa-search:before { font-size: 20px; line-height: 50px; }
|
|
.header-container .tb-col .slogan { padding-left: 60px; padding-right: 30px; }
|
|
|
|
.quick-search { border-bottom: #fff solid 1px; float: right; margin-top: 5px; width: 200px; }
|
|
.quick-search .form-control { background: none; border: none; color: #fff; font-family: "Oswald", Arial, sans-serif; font-size: 16px; font-weight: 300; height: 30px; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.quick-search ::-webkit-input-placeholder { color: #fff !important; }
|
|
.quick-search :-moz-placeholder { color: #fff !important; }
|
|
.quick-search ::-moz-placeholder { color: #fff !important; }
|
|
.quick-search :-ms-input-placeholder { color: #fff !important; }
|
|
.quick-search .form-control:focus::-webkit-input-placeholder { color:transparent !important; }
|
|
.quick-search .form-control:focus:-moz-placeholder { color:transparent !important; }
|
|
.quick-search .form-control:focus::-moz-placeholder { color:transparent !important; }
|
|
.quick-search .form-control:focus:-ms-input-placeholder { color:transparent !important; }
|
|
.quick-search .btn-go { background: url(../img/ico-search.png) no-repeat center center; border: none; font-size: 0; height: 30px; width: 18px; }
|
|
|
|
.menu-wrap { background: #e74c3c; position: relative; }
|
|
.menu, .menu ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
|
|
.menu .fa-angle-down { padding-right: 25px; position: relative; }
|
|
.menu .fa-angle-down:before { font-size: 14px; position: absolute; right: 5px; top: 5px; }
|
|
.menu > li { display: inline-block; font-size: 14px; position: relative; vertical-align: middle; }
|
|
.menu > li > a { color: #fff !important; display: block; padding: 12px 10px; position: relative; z-index: 2; font-weight: bold; }
|
|
.menu > li:hover > a, .menu > li.active > a { background: #c11200; }
|
|
.menu ul { border-bottom: #e5e5e5 solid 1px; height: 0; left: 0; margin-top: 30px; min-width: 180px; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; text-transform: capitalize; top: 100%; z-index: 3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.menu ul li { display: block; }
|
|
.menu ul li:last-child { border-bottom: none; }
|
|
.menu ul li a { background: #fff; border: #e5e5e5 solid 1px; border-bottom: none; color: #6c6765 !important; display: block; font-size: .9em; line-height: normal; padding: 10px 15px; position: relative; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.menu ul .fa-angle-down:before { bottom: auto; content: "\f105"; left: auto; top: 11px; right: 10px; }
|
|
.menu ul li > a:hover, .menu ul li.active > a, .menu ul > li.hover > a { color: #000 !important; }
|
|
.menu ul ul { left: 100%; margin-top: 0; top: -1px; }
|
|
.menu > li:hover > ul, .menu > li:hover > ul > li:hover > ul { height: auto; margin-top: 0; opacity: 1; overflow: visible; }
|
|
|
|
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
|
|
|
|
@-webkit-keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 0% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }
|
|
@-moz-keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }
|
|
@keyframes bg { 0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } 50% { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } 100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } }
|
|
|
|
@-webkit-keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }
|
|
@-moz-keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }
|
|
@keyframes moveTopBot { from { opacity:0; top: -300px; } to { opacity:1; top: 0; } }
|
|
|
|
@-webkit-keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }
|
|
@-moz-keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }
|
|
@keyframes moveBotTop { from { opacity:0; top: 300px; } to { opacity:1; top: 0; } }
|
|
|
|
@-webkit-keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }
|
|
@-moz-keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }
|
|
@keyframes moveLeftRight { from { opacity:0; left: -300px; } to { opacity:1; left: 0; } }
|
|
|
|
@-webkit-keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }
|
|
@-moz-keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }
|
|
@keyframes moveRightLeft { from { opacity:0; right: -300px; } to { opacity:1; right: 0; } }
|
|
|
|
.banner, .bn-inner { color: #2a2a2a; font-size: 14px; position: relative; text-transform: uppercase; }
|
|
.bg-bn { bottom: 0; left: 0; position: absolute; right: 0; z-index: 2; }
|
|
.bg-bn img { width: 100%; }
|
|
.banner img, .bn-inner img { width: 100%; }
|
|
.banner .item { position: relative; }
|
|
.banner .bn-slide .container, .bn-inner-1 .container { bottom: 0; color: #fff; left: 0; position: absolute; top: 0; right: 0; }
|
|
.banner .tb-col, .bn-inner-1 .tb-col { height: 100%; }
|
|
.banner .content {display: inline-block; padding: 20px; }
|
|
.banner h2, .bn-inner-1 h1 { color: #e74c3c; font-size: 30px; font-weight: 400; line-height: 1; margin: 0 0 20px; }
|
|
.banner h2 strong { color: #000; font-weight: 400; }
|
|
.bn-inner-1 h1, .title-1 { color: #000; margin: 0; padding-bottom: 10px; position: relative; text-transform: capitalize; }
|
|
.bn-inner-1 h1:before, .title-1:before { border-bottom: #e4001b solid 2px; bottom: 0; content: ""; left: 0; position: absolute; width: 50px; }
|
|
.banner .btn-3 { margin-top: 20px; }
|
|
.banner .slick-arrow { display: none !important; }
|
|
.banner:hover .slick-arrow { display: block !important; }
|
|
.banner .slick-current .first { -webkit-animation: moveRightLeft ease-in 1;
|
|
-moz-animation:moveRightLeft ease-in 1;
|
|
animation:moveRightLeft ease-in 1;
|
|
-webkit-animation-fill-mode:forwards;
|
|
-moz-animation-fill-mode:forwards;
|
|
animation-fill-mode:forwards;
|
|
-webkit-animation-duration:.3s;
|
|
-moz-animation-duration:.3s;
|
|
animation-duration:.3s;
|
|
-webkit-animation-delay: .3s;
|
|
-moz-animation-delay: .3s;
|
|
animation-delay: .3s; }
|
|
.banner .slick-current .last { -webkit-animation: moveLeftRight ease-in 1;
|
|
-moz-animation:moveLeftRight ease-in 1;
|
|
animation:moveLeftRight ease-in 1;
|
|
-webkit-animation-fill-mode:forwards;
|
|
-moz-animation-fill-mode:forwards;
|
|
animation-fill-mode:forwards;
|
|
-webkit-animation-duration:.3s;
|
|
-moz-animation-duration:.3s;
|
|
animation-duration:.3s;
|
|
-webkit-animation-delay: .6s;
|
|
-moz-animation-delay: .6s;
|
|
animation-delay: .6s; }
|
|
.banner .slick-dots { bottom: 0; font-size: 0; left: 0; right: 0; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; }
|
|
.banner .slick-dots li { display: inline-block; margin: 2px 5px; }
|
|
.banner .slick-dots button { background: #fff; border-radius: 100%; border: none; color: #fff; display: inline-block; font-size: 0; height: 12px; line-height: 1; margin: 15px 0; padding: 0; width: 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.banner .slick-dots .slick-active button, .banner .slick-dots button:hover { background: #e74c3c; opacity: 1; }
|
|
.bn-inner { background: url(../img/tempt/bn-inner.jpg) no-repeat center center; background-size: cover; }
|
|
.bn-inner .header-container { left: auto; position: relative; right: auto; top: auto; }
|
|
|
|
.modal { text-align: center; }
|
|
.modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
|
|
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
|
|
.modal { display: block; height: 0; overflow: hidden; }
|
|
.modal .close { position: absolute; right: 10px; top: 10px; }
|
|
.fade.in { height: auto; }
|
|
|
|
.document { line-height: 1.6; }
|
|
.document a:link, .document a:visited { color: #e91947; text-decoration: underline; }
|
|
.document a:hover { color: #c00; text-decoration: none; }
|
|
.margin-none { margin: 0px !important; }
|
|
.document p, .document ol, .document ul { margin: 0 0 30px; }
|
|
.document h1, .document h2, .document h3, .document h4 { color: #333; font-weight: 600; line-height: 1.2; margin: 20px 0; }
|
|
.document h1 { font-size: 26px; line-height: 1.2; margin: 0 0 20px; }
|
|
.document h2 { font-size: 24px; }
|
|
.document h3 { font-size: 20px; }
|
|
.document h4 { font-size: 18px; }
|
|
.document h5 { font-size: 14px; }
|
|
.document strong { color: #141515; font-weight: 600; }
|
|
.document ol li, .document ul li { margin-bottom: 5px; }
|
|
.document figure { margin: 30px 0; }
|
|
.document .date { color: #aac73e; font-weight: 700; text-transform: uppercase; }
|
|
|
|
.map { height: 380px; width: 100%; }
|
|
.map iframe { width: 100%; }
|
|
.map h1 { color: #393939; font-size: 1.2em; margin: 0 0 5px; }
|
|
|
|
.radio label:before, .checkbox label:before { top: 5px; }
|
|
.radio label:after { background: #bfd541; top: 8px; }
|
|
.checkbox label:after { top: 3px; }
|
|
|
|
.intro-1 { background: #e74c3c; color: #fff; font-size: 15px; margin-top: 10px; margin-bottom: 15px; position: relative; }
|
|
.intro-1 .content { padding: 50px 55% 50px 0; }
|
|
.intro-1 .bg { bottom: 0; color: #181818; padding: 50px 5vw; position: absolute; top: 0; right: 0; width: 50%; }
|
|
.intro-1 .bg h3 { font-size: 30px; font-weight: 300; margin: 0 0 20px; text-transform: uppercase; }
|
|
.intro-1 .bg h3 strong { display: block; font-weight: 500; margin-bottom: 10px; }
|
|
.intro-1 .btn-3 { margin-top: 10px; }
|
|
.intro-1 .btn-3 .fa { margin-right: 5px; }
|
|
.intro-1 .title-1 { color: #fff; }
|
|
.intro-1 .title-1.fa:before { background: #e74c3c; }
|
|
.intro-1 p { margin: 20px 0; }
|
|
|
|
.intro-2 { background: #fcfcfc; padding: 50px 0; }
|
|
|
|
.intro-3 { background: url(../img/bg-intro-3.jpg) no-repeat center center; background-size: cover; position: relative; }
|
|
.intro-3 .container { position: relative; }
|
|
.intro-3 h2 { background: #e74c3c; color: #fff; font-size: 23px; margin: 0; padding: 25px 20px 25px 100px; position: relative; }
|
|
.intro-3 ul { font-size: 24px; list-style: none; margin: 0; padding: 0; }
|
|
.intro-3 ul li a { background: #ea6e61; color: #fff; display: block; line-height: 1.4; margin-top: 2px; padding: 25px 20px 25px 100px; position: relative; }
|
|
.intro-3 ul li img, .intro-3 h2 img { left: 20px; margin-top: -30px; position: absolute; top: 50%; }
|
|
.intro-3 h2 img { left: 17px; }
|
|
.intro-3 figure { bottom: 0; left: 0; position: absolute; text-align: center; width: 50%; }
|
|
.intro-3 .image { width: 50%; }
|
|
.intro-3 .content { padding-bottom: 50px; padding-top: 50px; vertical-align: bottom; font-size: 15px; text-transform: uppercase; }
|
|
|
|
.date { background: #e74c3c; bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 1.2; padding: 5px 3px; position: absolute; text-align: center; width: 45px; }
|
|
.date strong { display: block; font-weight: 400; }
|
|
|
|
.grid-1 { border-bottom: #e2e2e2 solid 1px; margin-bottom: 25px; padding-bottom: 25px; }
|
|
.grid-1:last-child { border-bottom: none; padding-bottom: 0; }
|
|
.grid-1 figure { float: left; width: 189px; }
|
|
.grid-1 figure img { width: 100%; }
|
|
.grid-1 .content { margin-left: 220px; }
|
|
.grid-1 h3 { font-size: 16px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; }
|
|
.grid-1 h3 a { color: #494949; }
|
|
.grid-1 h3 a:hover { color: #e74c3c; }
|
|
.grid-1 p { margin: 10px 0 0; }
|
|
.grid-1 .fa { display: inline-block; font-size: 13px; margin-top: 10px; padding-left: 15px; position: relative; text-transform: uppercase; }
|
|
.grid-1 .fa:before { left: 0; position: absolute; top: 4px; }
|
|
|
|
.grid-2 { border-bottom: #b1b1b1 solid 1px; margin-bottom: 35px; padding-bottom: 20px; }
|
|
.grid-2 .btn-3 { border: #ddd solid 1px; color: #333 !important; margin-top: 10px; padding: 10px 15px; }
|
|
.grid-2 .btn-3 .fa { margin-left: 5px; }
|
|
.grid-2 .btn-3:hover { color: #fff !important; }
|
|
.grid-2 .title-wrap { margin: 20px 0; width: 100%; }
|
|
.grid-2 .title-wrap p { margin: 0; }
|
|
.grid-2 .title-wrap a { color: #000; }
|
|
.grid-2 .title-wrap a:hover { color: #e84c3d; }
|
|
.grid-2 .title-wrap .date { background: #016ff8; bottom: auto; color: #fff; left: auto; padding: 10px 0px; position: relative; top: auto; width: 75px; }
|
|
.grid-2 .title-wrap .fa { color: #b3b3b3; font-size: 20px; margin-left: 10px; }
|
|
.grid-2 .title-wrap .fa:hover { color: #e84c3d; }
|
|
.grid-2 .title-wrap .title { padding-left: 10px; padding-right: 10px; }
|
|
.grid-2 .title-wrap .col:last-child { white-space: nowrap; }
|
|
.grid-2 .title-wrap .type { font-size: .9em; }
|
|
.grid-2 .title-wrap .type a { color: #016ff8; display: inline-block; }
|
|
.grid-2 .title-wrap .type a:hover { color: #000; }
|
|
.grid-2 figure { margin: 0 0 20px; }
|
|
.grid-2 h2 { font-size: 1.1em; margin: 0 0 5px; }
|
|
|
|
.grid-3 { border-bottom: #dbdbdb solid 1px; color: #666; margin-bottom: 15px; padding-bottom: 15px; }
|
|
.grid-3 figure { float: left; margin-top: 5px; width: 75px; }
|
|
.grid-3 .descript { margin-left: 85px; }
|
|
.grid-3 h4 { font-size: 1em; font-weight: 400; line-height: 1.4; margin: 0 0 10px; }
|
|
.grid-3 h4 a { color: #000; }
|
|
.grid-3 h4 a:hover { color: #e84c3d; }
|
|
.grid-3 p { margin: 0; }
|
|
|
|
.grid-4 { margin: 0 -15px; }
|
|
.grid-4 .item { float: left; padding: 15px; width: 33%; }
|
|
.grid-4 h4 { font-size: 1.1em; margin: 10px 0 5px; }
|
|
.grid-4 p { margin: 0; }
|
|
.grid-4 h4 a { color: #000; }
|
|
.grid-4 h4 a:hover { color: #e84c3d; }
|
|
.grid-4 .type { color: #999; font-size: .9em; }
|
|
.grid-4 .type a { color: #016ff8; display: inline-block; }
|
|
.grid-4 .type a:hover { color: #000; }
|
|
|
|
|
|
|
|
/* .grid-5 { font-size: 0; margin: 0 -75px 30px; } */
|
|
.grid-5 .item { font-size: 16px; text-align: left; vertical-align: top; }
|
|
.grid-5 .imgwrap { margin-bottom: 10px; }
|
|
|
|
.grid-6 { font-family: "Open San", Arial, sans-serif; margin-top: 40px; }
|
|
.grid-6 .date-post { background: #b22214; color: #fff; float: left; font-family: "Oswald", Arial, sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; width: 60px; }
|
|
.grid-6 .date-post strong { background: #fff; color: #e74c3c; display: block; font-size: 36px; font-weight: 400; }
|
|
.grid-6 .descript { margin-left: 80px; }
|
|
.grid-6 .descript a { color: #fff; }
|
|
.grid-6 .descript a:hover { text-decoration: underline; }
|
|
.grid-6 .descript h3 { font-family: "Oswald", Arial, sans-serif; font-size: 16px; font-weight: 300; margin: 0 0 10px; }
|
|
.grid-6 .more { display: inline-block; font-family: "Oswald", Arial, sans-serif; font-weight: 300; padding-left: 18px; position: relative; text-transform: uppercase; }
|
|
.grid-6 .more:before { font-size: 13px; left: 0; margin-right: 5px; margin-top: -6px; position: absolute; top: 50%; }
|
|
|
|
.grid-7 { margin-bottom: 40px; }
|
|
.grid-7 figure { float: left; width: 23%; }
|
|
.grid-7 .descript { float: left; font-size: 16px; padding-left: 20px; text-align: justify; width: 77%; }
|
|
.grid-7 .name { color: #e74c3c; font-size: 18px; font-weight: bold; text-transform: uppercase; }
|
|
.grid-7 .more { font-size: 13px; text-align: right; text-transform: uppercase; }
|
|
.grid-7 .more .fa { padding-left: 17px; position: relative; }
|
|
.grid-7 .more .fa:before { font-size: 12px; left: 0; position: absolute; top: 4px; }
|
|
|
|
.grid-8 { margin: 0 -10px; }
|
|
.grid-8 .item { display: inline-block; padding: 10px; text-align: center; text-transform: uppercase; vertical-align: top; width: 117px; }
|
|
.grid-8 .item figure { margin-bottom: 10px; }
|
|
|
|
.modal .grid-7 figure { width: 22%; }
|
|
.modal .grid-7 .descript { width: 70%; }
|
|
.modal button.close { font-size: 32px; position: absolute; top: 3px; right: 8px; }
|
|
|
|
.booking-form-wrap { background: #f8f8f8; border: #ddd solid 1px; margin: 20px 0 50px; width: 100%; }
|
|
.booking-form-wrap > .col,.login-form { padding: 50px; vertical-align: top; }
|
|
.book-info h2 { font-size: 1.4em; margin: 0 0 10px; }
|
|
.book-info p { margin: 0; }
|
|
.booking-form,.login-form { background: url(../img/bg-intro-1.jpg) no-repeat center center; background-size: cover; color: #fff; width: 40%; }
|
|
.booking-form h3 { font-size: 1.8em; margin: 0 0 10px; text-transform: uppercase; }
|
|
.booking-form a { color: #fff; text-decoration: underline; }
|
|
.booking-form a:hover { text-decoration: none; }
|
|
.booking-form .form-control, .booking-form .bootstrap-select > .dropdown-toggle { background: none; border: #fff solid 1px; border-radius: 0; color: #fff !important; height: 35px; }
|
|
.booking-form textarea.form-control { height: auto; }
|
|
.booking-form .lb { display: block; margin-top: 15px; }
|
|
.booking-form .type { font-size: 1.2em; margin: 10px 0; text-align: center; }
|
|
.booking-form .btn-3 { margin-top: 20px; padding: 15px; text-decoration: none; width: 100%; }
|
|
.booking-form .btn-3 .fa { margin-right: 5px; }
|
|
.booking-form .check-wrap .radio { display: inline-block; margin-right: 20px; }
|
|
.booking-form .checkbox { margin: 20px 0 10px; }
|
|
|
|
.loading-spiner-holder{
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9999;
|
|
background: url('../img/loading.gif') 50% 50% no-repeat rgba(249,249,249,0.6);
|
|
}
|
|
|
|
.login-form {margin:auto;}
|
|
|
|
.box-1 { font-size: 15px; }
|
|
.box-1 figure a { display: block; position: relative; }
|
|
.box-1 figure img { width: 100%; }
|
|
.box-1 figure .date { font-size: 24px; padding: 10px 5px; width: 70px; }
|
|
.box-1 h3 { font-size: 20px; font-weight: 400; margin: 20px 0 10px; }
|
|
.box-1 h3 a { color: #494949; }
|
|
.box-1 h3 a:hover { color: #e74c3c; }
|
|
|
|
.box-2 { background: #fff; border: #e74c3c solid 2px; font-size: 1.2em; margin: 50px 0; padding: 20px 50px; text-align: center; }
|
|
.box-2 p { margin: 20px 0; }
|
|
.box-2 strong { color: #e74c3c; font-size: 1.4em; }
|
|
|
|
.box-3 { background: #fff; font-size: 1.2em; margin: 0 0 30px; }
|
|
.box-3 h3 { background: #5b5b5b;
|
|
background: -moz-linear-gradient(top, #5b5b5b 0%, #333333 100%);
|
|
background: -webkit-linear-gradient(top, #5b5b5b 0%,#333333 100%);
|
|
background: linear-gradient(to bottom, #5b5b5b 0%,#333333 100%); border-radius: 5px 5px 0 0; color: #fff; font-size: 1.2em; margin: 0; padding: 15px 20px; text-transform: uppercase; }
|
|
.box-3 .content { border: #ddd solid 1px; border-top: none; border-radius: 0 0 5px 5px; padding: 10px 20px; }
|
|
.box-3 ul { list-style: none; margin: 0; padding: 0; }
|
|
.box-3 ul li a { border-bottom: #ddd solid 1px; color: #666; display: block; padding: 10px 0; }
|
|
.box-3 ul li.active a { color: #ff003b; }
|
|
.box-3 ul li a:hover { color: #000; }
|
|
.box-3 ul li:last-child a { border-bottom: none; }
|
|
.box-3 ul ul { margin-left: 30px; }
|
|
.box-3 ul ul li a { border-bottom: none; }
|
|
|
|
.box-4 { background: #fef6cc; border: #ffaf79 solid 1px; color: #181818; padding: 20px; }
|
|
|
|
.contact-info { text-align: center; }
|
|
.contact-info address, .contact-info p { margin: 5px 0; }
|
|
.contact-info .fa { background: #e40021; border-radius: 100%; color: #fff; display: inline-block; font-size: 30px; height: 94px; line-height: 94px; margin-bottom: 20px; text-align: center; width: 94px; }
|
|
.contact-info .col { margin: 10px 0 40px; }
|
|
|
|
.contact-wrap { padding: 50px !important; position: relative !important; }
|
|
.contact-wrap .map { bottom: 0; left: 0; height: 100%; position: absolute; right: 0; top: 0; }
|
|
.wpcf7 { padding: 30px; position: relative; width: 520px; z-index: 5; }
|
|
.contact-form { background: #fff; padding: 30px; width: 520px; z-index: 6; }
|
|
.contact-form h3 { font-size: 20px; margin: 0 0 20px; text-transform: uppercase; }
|
|
.contact-form .row { margin-left: -5px; margin-right: -5px; }
|
|
.contact-form .col { margin-bottom: 10px; padding-left: 5px; padding-right: 5px; }
|
|
.contact-form .output { margin-top: 10px; text-align: right; }
|
|
.contact-form .output .fa { margin-left: 5px; }
|
|
|
|
.space-1 { margin-top: 40px !important; }
|
|
|
|
.result {
|
|
margin-bottom: 80px
|
|
}
|
|
|
|
.result__highlight {
|
|
position: absolute;
|
|
background: #4baf4f;
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
border-radius: 0 0 5px 5px;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
top: 0;
|
|
left: 30px
|
|
}
|
|
|
|
.result__item,
|
|
.tbl-wrapper {
|
|
position: relative
|
|
}
|
|
|
|
.result__highlight i {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.result__title {
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
margin-bottom: 35px;
|
|
border-bottom: 2px solid #274da8
|
|
}
|
|
|
|
.result__head,
|
|
.result__item {
|
|
border: 1px solid #ddd;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 1px 5px #ddd
|
|
}
|
|
|
|
.result__title span {
|
|
position: relative;
|
|
background: #fff;
|
|
padding: 0 20px;
|
|
top: 11px;
|
|
display: inline-block
|
|
}
|
|
|
|
.result__head {
|
|
padding: 5px 10px;
|
|
background: #fff
|
|
}
|
|
|
|
.result__head__text {
|
|
padding: 15px 0 0 10px;
|
|
display: inline-block
|
|
}
|
|
|
|
.result__item {
|
|
padding: 5px 15px;
|
|
background: #fafafa;
|
|
border-radius: 3px 3px 0 0
|
|
}
|
|
|
|
.result__item h4 { font-size: 1.1em; margin: 10px 0 5px; }
|
|
.result__item p { margin: 0 0 5px; }
|
|
|
|
.result__item:nth-child(even) {
|
|
background: #f2f5fa
|
|
}
|
|
|
|
.result__item .tbl-wrapper {
|
|
padding-top: 20px
|
|
}
|
|
|
|
.tbl-wrapper .nextCalendar,
|
|
.tbl-wrapper .prevCalendar {
|
|
position: absolute;
|
|
top: 20px
|
|
}
|
|
|
|
.tbl-wrapper .nextCalendar {
|
|
right: 0
|
|
}
|
|
|
|
.tbl-wrapper-highlight {
|
|
margin: 0 -15px;
|
|
padding: 0 15px;
|
|
background: #fff
|
|
}
|
|
|
|
.tbl-wrapper-highlight .nextCalendar {
|
|
right: 10px
|
|
}
|
|
|
|
.tbl-wrapper-highlight .prevCalendar {
|
|
left: 10px
|
|
}
|
|
|
|
.calendar-tbl .column-free-text a {
|
|
display: inline-block;
|
|
width: auto;
|
|
background: 0 0;
|
|
border: none;
|
|
color: #274da8;
|
|
font-size: 15px
|
|
}
|
|
|
|
.calendar-tbl .column-free-text a:hover {
|
|
color: #274da8;
|
|
background: 0 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.calendar-tbl {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.calendar-tbl thead tr th {
|
|
text-align: center;
|
|
border-bottom: none
|
|
}
|
|
|
|
.calendar-tbl thead tr th span {
|
|
display: block;
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
color: #333
|
|
}
|
|
|
|
.calendar-tbl tbody tr td {
|
|
text-align: center;
|
|
border-top: none
|
|
}
|
|
|
|
.calendar-tbl a {
|
|
background: #efecec;
|
|
display: inline-block;
|
|
padding: 5px;
|
|
color: #696969;
|
|
width: 90px;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
border-bottom: 2px solid #e74c3c
|
|
}
|
|
|
|
.calendar-tbl a:hover {
|
|
background: #e74c3c;
|
|
color: #fff
|
|
}
|
|
|
|
.calendar-tbl a.disabled {
|
|
background: #ededed;
|
|
color: #dadada;
|
|
border-bottom: 2px solid #ededed;
|
|
cursor: default
|
|
}
|
|
|
|
.calendar-tbl a.less,
|
|
.calendar-tbl a.more,
|
|
.calendar-tbl a.space {
|
|
background: 0 0;
|
|
border: none;
|
|
color: #274da8
|
|
}
|
|
|
|
.calendar-tbl a.less:hover,
|
|
.calendar-tbl a.more:hover,
|
|
.calendar-tbl a.space:hover {
|
|
color: #375ebc
|
|
}
|
|
|
|
.calendar-tbl a.space {
|
|
height: 1px;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.filter-labels {
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.filter-labels__item {
|
|
display: inline-block;
|
|
background: #375ebc;
|
|
color: #fff;
|
|
padding: 7px 10px;
|
|
margin: 0 10px 10px 0
|
|
}
|
|
|
|
.filter-labels__item h1 {
|
|
font-size: 15px;
|
|
display: inline-block;
|
|
font-weight: 400
|
|
}
|
|
|
|
.doctor {
|
|
padding: 25px 0 20px
|
|
}
|
|
|
|
.doctor__left {
|
|
float: left;
|
|
max-width: 157px
|
|
}
|
|
|
|
.doctor__right {
|
|
padding-left: 180px
|
|
}
|
|
|
|
|
|
.doctor__photo img {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.doctor__photo-noborder {
|
|
border: none;
|
|
float: left
|
|
}
|
|
|
|
.doctor__name {
|
|
color: #274da8;
|
|
font-size: 20px;
|
|
margin: 0 0 5px;
|
|
position: relative;
|
|
padding-right: 25px
|
|
}
|
|
|
|
.doctor__name i {
|
|
margin-left: 10px;
|
|
color: #4baf4f
|
|
}
|
|
|
|
.doctor__name i.active {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 1px
|
|
}
|
|
|
|
.doctor__name a,
|
|
.doctor__name a:hover {
|
|
color: #274da8
|
|
}
|
|
|
|
.doctor__detail-link {
|
|
background: #e74c3c;
|
|
color: #fff !important;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
font-size: 14px;
|
|
position: relative;
|
|
margin-top: 10px;
|
|
z-index: 99
|
|
}
|
|
|
|
.doctor__detail-link:focus,
|
|
.doctor__detail-link:hover {
|
|
color: #fff;
|
|
background: #375ebc
|
|
}
|
|
|
|
.doctor__short-info {
|
|
font-size: 16px;
|
|
display: block;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.doctor__favourite {
|
|
display: block;
|
|
padding: 5px 10px;
|
|
text-align: center;
|
|
color: #fff !important;
|
|
background: #006ff8;
|
|
margin-top: 10px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.doctor__favourite.active i {
|
|
color: #ffd800
|
|
}
|
|
|
|
.doctor__favourite:focus,
|
|
.doctor__favourite:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.doctor__favourite i {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.doctor__more {
|
|
color: #274da8;
|
|
display: inline-block
|
|
}
|
|
|
|
.doctor__more i {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.doctor__more:focus,
|
|
.doctor__more:hover {
|
|
color: #274da8
|
|
}
|
|
|
|
.doctor__package {
|
|
margin-top: 7px;
|
|
padding: 3px 0 3px 15px;
|
|
border: 2px solid #274da8;
|
|
color: #274da8;
|
|
display: block;
|
|
width: 157px;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.doctor__package i,
|
|
.doctor__package span {
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.doctor__package i {
|
|
font-size: 30px;
|
|
margin-right: 15px
|
|
}
|
|
|
|
.doctor__package span {
|
|
max-width: 90px;
|
|
font-size: 15px
|
|
}
|
|
|
|
.doctor__package:hover {
|
|
color: #fff;
|
|
background: #274da8
|
|
}
|
|
|
|
.doctor__info {
|
|
box-shadow: 0 1px 5px #ddd;
|
|
margin: 0 10px 30px;
|
|
padding: 20px;
|
|
display: none;
|
|
position: relative;
|
|
max-height: 280px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.doctor__info__title {
|
|
margin-bottom: 10px;
|
|
color: #333
|
|
}
|
|
|
|
.doctor__info__title img {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
height: 20px
|
|
}
|
|
|
|
.doctor__info__title span {
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.doctor__info__title i {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.doctor__info__des {
|
|
text-align: justify
|
|
}
|
|
|
|
.doctor__info__overlay {
|
|
position: absolute;
|
|
text-align: center;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 60%;
|
|
background: rgba(250, 250, 255, .58);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(250, 250, 255, 0)), color-stop(19%, rgba(250, 250, 250, .9)), color-stop(38%, rgba(250, 250, 250, .96)), color-stop(66%, #fafafa), color-stop(100%, #fafafa));
|
|
background: linear-gradient(to bottom, rgba(250, 250, 255, 0) 0, rgba(250, 250, 250, .9) 19%, rgba(250, 250, 250, .96) 38%, #fafafa 66%, #fafafa 100%);
|
|
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafaff', endColorstr='#fafafa', GradientType=0)
|
|
}
|
|
|
|
.doctor__info__overlay a {
|
|
color: #4ca5e8;
|
|
display: inline-block;
|
|
top: 60%;
|
|
left: 50%;
|
|
margin-left: -42px;
|
|
font-weight: 600;
|
|
position: absolute
|
|
}
|
|
|
|
.doctor__clinic {
|
|
background: #fff;
|
|
padding: 15px 10px 1px 30px;
|
|
margin-left: -15px
|
|
}
|
|
|
|
.doctor__clinic .room-list .slick-next {
|
|
right: -6px;
|
|
height: 25px
|
|
}
|
|
|
|
.doctor__clinic .room-list .slick-prev {
|
|
left: -25px;
|
|
height: 25px
|
|
}
|
|
|
|
.result__item.old .doctor__info__overlay {
|
|
background: rgba(242, 245, 250, .71);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(242, 245, 250, .71)), color-stop(19%, rgba(242, 245, 250, .71)), color-stop(10%, rgba(242, 245, 250, .88)), color-stop(22%, rgba(242, 245, 250, .92)), color-stop(44%, rgba(242, 245, 250, .95)), color-stop(69%, #f2f5fa), color-stop(100%, #f2f5fa));
|
|
background: linear-gradient(to bottom, rgba(242, 245, 250, 0) 0, rgba(242, 245, 250, .71) 19%, rgba(242, 245, 250, .88) 10%, rgba(242, 245, 250, .92) 22%, rgba(242, 245, 250, .95) 44%, #f2f5fa 69%, #f2f5fa 100%);
|
|
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f5fa', endColorstr='#f2f5fa', GradientType=0)
|
|
}
|
|
|
|
.show-info { margin-top: 20px; }
|
|
|
|
#chart-container { height: 420px; overflow: auto; text-align: center; }
|
|
.orgchart { background: none; border: none; padding: 0; }
|
|
.orgchart .node .title { padding: 0 23px; position: relative; }
|
|
.orgchart .node .title .symbol { left: 3px; margin-top: 0; position: absolute; top: 0; }
|
|
|
|
.tab-wrap .nav { float: left; padding-right: 5px; text-transform: uppercase; width: 230px; }
|
|
.tab-wrap .nav a { background: #d2d2d2; color: #0d0d0d; height: 40px; margin-bottom: 2px; padding: 10px 20px; position: relative; white-space: nowrap; }
|
|
.tab-wrap .nav .active a { background: #e74c3c; color: #fff; }
|
|
.tab-wrap .nav .active a:before { background: #e74c3c; bottom: 0; content: ""; position: absolute; right: -25px; top: 0; width: 30px; }
|
|
.tab-wrap .nav .active a:after { border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #e74c3c; content: ""; position: absolute; right: -40px; top: 0; }
|
|
.tab-wrap .tab-content { border: #e3e3e3 solid 1px; margin-left: 230px; padding: 20px 20px 20px 50px; }
|
|
.tab-wrap .list { list-style: none; margin: 0; padding: 0;}
|
|
@media (max-width:1480px){
|
|
}
|
|
|
|
@media (max-width:1360px){
|
|
.menu { padding-left: 0; }
|
|
.menu > li { margin: 0 5px; }
|
|
.menu > li > a { padding: 5px; }
|
|
.contact-form { width: 400px; }
|
|
}
|
|
|
|
@media (max-width:1199px){
|
|
.pp-tempt-1 .modal-dialog { width: 900px; }
|
|
.intro-1 { margin: 50px 0; }
|
|
}
|
|
|
|
@media (min-width:992px){
|
|
.hide-992 { display: block !important; }
|
|
}
|
|
|
|
@media (max-width:991px){
|
|
.pp-tempt-1 .modal-dialog { width: 700px; }
|
|
.break-991 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-991 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.menu-wrap { z-index: 999; background: #333; bottom: 0; height: 100%; padding: 0; position: fixed; right: -270px; top: 0; width: 250px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.menu { display: block; }
|
|
.menu-wrap .container {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
.menu .fa-angle-down:before { display: none; }
|
|
.menu > ul { display: block; height: auto; text-align: left; }
|
|
.menu li { display: block; height: auto !important; margin: 0; padding: 0 !important; position: relative; }
|
|
.menu li a { color: #fff !important; display: block; line-height: normal !important; padding: 15px 50px 15px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.menu > li > a:hover, .menu > li.active > a { background-color: #ff003b; color: #fff !important; }
|
|
.menu > li { border-bottom: #000 solid 1px; }
|
|
.menu ul, .menu ul { border: none; display: none; float: none; height: auto !important; margin: 0; opacity: 1; position: relative; left: auto; top: auto; white-space: normal; }
|
|
.menu ul { background: none; padding: 0; width: auto; }
|
|
.menu ul:before { display: none; }
|
|
.menu ul li a { padding: 10px 10px 10px 25px; position: relative; }
|
|
.menu ul li a:before { content: "\f105"; font-family: 'FontAwesome'; left: 20px; position: absolute; top: 13px; }
|
|
.menu > ul > li a:before, .menu .sub:after { display: none; }
|
|
/*.menu ul li a:hover, .menu ul li.active a { background: #ddd; color: #333 !important; }*/
|
|
.menu ul li a { padding-left: 45px; }
|
|
.menu .subarrow { background: #000; border-radius: 2px; cursor: pointer; height: 30px; line-height: 30px; position: absolute; text-align: center; top: 8px; right: 10px; width: 30px; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.menu .subarrow:hover { background: #666; }
|
|
.menu .subarrow:after { color: #fff; content: "\f105"; display: block; font-family: 'FontAwesome'; height: 100%; position: absolute; top: 0; right: 0; width: 100%; }
|
|
.menu .open:after {content: "\f107"; }
|
|
.btn-menu{ background: #333; color: #fff !important; height: 37px; font-size: 0; line-height: 1; margin-top: -18px; padding: 8px 10px; position: absolute; top: 50%; right: 15px; text-transform: uppercase; width: 40px; vertical-align: middle; z-index: 5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
|
|
.btn-menu span { background: #fff; height:3px;margin-bottom:5px;display:block;position:relative}
|
|
.burger-icon-2{transition:opacity .1s ease;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-ms-transition:opacity .1s ease;-o-transition:opacity .1s ease}
|
|
.burger-icon-1,.burger-icon-3{ display: block; transition:transform .2s ease;-webkit-transition:-webkit-transform .2s ease;-moz-transition:-moz-transform .2s ease;-ms-transition:-ms-transform .2s ease;-o-transition:-o-transform .2s ease}
|
|
.active-burger { border-radius: 0; margin-top: 0; position: fixed; right: 250px; top: 0; }
|
|
.active-burger .burger-icon-2{opacity:0}
|
|
.active-burger .burger-icon-1{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);top:8px;}
|
|
.active-burger .burger-icon-3{ -webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);top:-8px;}
|
|
.open-sub { right: 0; z-index: 9999; }
|
|
.intro-1 .content { padding-bottom: 20px; padding-top: 20px; }
|
|
.box-1 { border-bottom: #e2e2e2 solid 1px; margin-bottom: 30px; padding-bottom: 20px; }
|
|
.intro-3 ul { font-size: 20px; }
|
|
.header-container .info { padding-right: 80px; }
|
|
.header-container .btn-search, .quick-search .btn-close { display: none; }
|
|
.header-container .fa-search { width: 65px; }
|
|
.header-container .btn-book { font-size: 18px; }
|
|
.header-container .tb-col .slogan { max-width: 400px; }
|
|
.quick-search { float: none; left: auto; position: relative; right: auto; top: auto; width: 100% !important; }
|
|
.quick-search .form-control { padding: 20px; width: auto !important; }
|
|
|
|
.contact-wrap { padding: 0; }
|
|
.contact-form { background: #f6f6f6; width: 100%; }
|
|
.contact-wrap .map { bottom: auto; height: 300px; left: auto; position: relative; top: auto; right: auto; }
|
|
.main-content { width: 68%; }
|
|
.sidebar { width: 32%; }
|
|
}
|
|
|
|
@media (min-width:768px){
|
|
.hide-767 { display: block !important; }
|
|
}
|
|
@media (max-width:767px){
|
|
.hide-767 { display: none; }
|
|
.pp-tempt-1 .modal-dialog { width: 600px; }
|
|
.modal .modal-title { font-size: 24px; }
|
|
.pp-tempt-1 .modal-dialog , .modal-dialog { width: 600px; }
|
|
.modal-header, .modal-body { padding: 20px; }
|
|
.intro-3 { margin-top: 50px; }
|
|
.result__head {
|
|
background: rgba(255, 255, 255, .8)
|
|
}
|
|
.tbl-wrapper {
|
|
min-height: 40px
|
|
}
|
|
.tbl-wrapper .nextCalendar,
|
|
.tbl-wrapper .prevCalendar {
|
|
top: 12px
|
|
}
|
|
.doctor {
|
|
padding: 35px 0 0
|
|
}
|
|
.doctor__name {
|
|
font-size: 18px
|
|
}
|
|
.doctor__detail-link,
|
|
.doctor__favourite,
|
|
.doctor__package span,
|
|
.doctor__short-info {
|
|
font-size: 14px
|
|
}
|
|
.doctor__left {
|
|
float: none;
|
|
text-align: center;
|
|
max-width: none
|
|
}
|
|
.doctor__photo {
|
|
display: inline-block;
|
|
margin-bottom: 7px
|
|
}
|
|
.doctor__favourite {
|
|
padding: 9px
|
|
}
|
|
.doctor__package {
|
|
width: 100%;
|
|
padding-left: 0
|
|
}
|
|
.doctor__right {
|
|
padding: 20px 0 0
|
|
}
|
|
.doctor__info .col-sm-6 {
|
|
margin-bottom: 20px;
|
|
font-size: 14px
|
|
}
|
|
.doctor__info .col-sm-6__title {
|
|
font-size: 16px
|
|
}
|
|
.doctor__more {
|
|
font-size: 15px
|
|
}
|
|
.dropdown .btn {
|
|
margin-bottom: 10px
|
|
}
|
|
.calendar-tbl tbody tr td {
|
|
display: block
|
|
}
|
|
.calendar-tbl a {
|
|
margin: 0 5px 10px
|
|
}
|
|
.calendar-tbl .table-caption {
|
|
margin-bottom: 10px;
|
|
color: #333;
|
|
font-weight: 400
|
|
}
|
|
.calendar-tbl .space,
|
|
.calendar-tbl br {
|
|
display: none!important
|
|
}
|
|
.result__highlight {
|
|
font-size: 16px
|
|
}
|
|
.doctor__clinic {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
@media (min-width:721px){
|
|
.hide-720 { display: block !important; }
|
|
}
|
|
@media (max-width:720px){
|
|
.hide-720 { display: none; }
|
|
.pp-tempt-1 .modal-dialog { width: 560px; }
|
|
.intro-1 .bg { bottom: auto; left: auto; position: relative; right: auto; top: auto; width: auto; }
|
|
.intro-1 .content { padding: 20px 0; }
|
|
.intro-3 { padding-left: 10px; }
|
|
.intro-3 figure { width: 40%; }
|
|
.main-content { padding-bottom: 20px; padding-left: 0 !important; padding-right: 0; width: 100%; }
|
|
.sidebar { width: 100%; }
|
|
.grid-5 .item { width: 50%; }
|
|
}
|
|
@media (max-width:640px){
|
|
.break-640 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-640 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.hide-640 { display: none; }
|
|
.pp-tempt-1 .modal-dialog, .modal-dialog { width: 520px; }
|
|
.intro-3 ul { font-size: 17px; }
|
|
.intro-3 .content { padding-top: 0; }
|
|
.intro-3 .image { text-align: center; }
|
|
.intro-3 .image img { width: 50%; }
|
|
.banner h2 { font-size: 20px; margin-bottom: 10px; }
|
|
.banner .btn-2 { font-size: 13px; }
|
|
.banner .slick-dots button { margin: 5px 0; }
|
|
.grid-4 .item { width: 50%; }
|
|
.header-container .tb-col .slogan { display: none; }
|
|
}
|
|
@media (min-width:560px){
|
|
.hide-560 { display: block !important; }
|
|
}
|
|
@media (max-width:560px){
|
|
.break-560 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-560 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.show-560, .menu .btn-1 { display: block; }
|
|
.hide-560, .hide-mb { display: none; }
|
|
.pp-tempt-1 .modal-dialog, .modal-dialog { width: 440px; }
|
|
.grid-1 figure { width: 120px; }
|
|
.grid-1 .content { margin-left: 140px; }
|
|
.intro-3 { margin: 0; padding-left: 0; }
|
|
.intro-3 figure { bottom: auto; left: auto; top: -21px; right: 0; padding: 0; width: 100px; z-index: 3; }
|
|
.header-container .logo { max-width: 200px; }
|
|
.box-2 { margin: 30px 0; padding: 20px; }
|
|
.footer-container .copyright .col, .footer-container .copyright .col:last-child { text-align: center; }
|
|
.modal .grid-7 figure { width: 100%; }
|
|
.modal .grid-7 .descript { padding-left: 0; padding-top: 30px; width: 100%; }
|
|
}
|
|
@media (max-width:480px){
|
|
.pp-tempt-1 .modal-dialog, .modal-dialog { width: 300px; }
|
|
.break-480 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-480 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.intro-3 ul { font-size: 16px; }
|
|
.header-container .info { padding-right: 70px; }
|
|
.header-container .logo { max-width: 180px; }
|
|
.intro-1 { margin: 0; }
|
|
}
|
|
@media (max-width:425px){
|
|
.modal-tempt-1 .modal-dialog, .modal-dialog { width: 280px; }
|
|
.break-425 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-425 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.header-container { left: auto; position: relative; top: auto; right: auto; }
|
|
.header-container .info { padding-right: 15px; }
|
|
.header-container .logo { max-width: 250px; }
|
|
.header-container .tb-col .col:last-child { padding-top: 70px; vertical-align: top; }
|
|
.header-container .btn-1 { display: block; padding: 12px 15px; }
|
|
.header-container .btn-1:before { display: inline-block; left: auto; margin-top: -4px; position: relative; top: auto; }
|
|
.bn-slide .col { padding: 20px 0 !important; }
|
|
.btn-menu { margin-top: 0; top: 20px; }
|
|
.active-burger { top: 0; }
|
|
.grid-5 .item { width: 100%; }
|
|
.banner h2 { font-size: 16px; }
|
|
.banner .content { padding: 10px; }
|
|
.banner .btn-2 { padding: 5px 10px; }
|
|
.grid-7 figure { width: 100%; }
|
|
.grid-7 .descript { margin-top: 30px; padding-left: 0; width: 100%; }
|
|
.tab-wrap .nav { float: none; padding-right: 0; width: auto; }
|
|
.tab-wrap .nav li { display: inline-block; }
|
|
.tab-wrap .nav a { height: auto; margin-bottom: 3px; padding: 10px 20px; position: relative; white-space: normal; }
|
|
.tab-wrap .nav .active a { background: #e74c3c; color: #fff; }
|
|
.tab-wrap .nav .active a:before, .tab-wrap .nav .active a:after { display: none; }
|
|
.tab-wrap .tab-content { margin-left: 0; margin-top: 10px; padding: 20px; }
|
|
}
|
|
@media (max-width:375px){
|
|
.header-container .logo img { max-width: 140px; }
|
|
.header-container .btn-book { font-size: 15px; padding-left: 45px; }
|
|
.header-container .btn-book img { left: 6px; margin-top: -15px; width: 30px; }
|
|
.banner h2 { font-size: 14px; }
|
|
.banner .content { padding: 5px; }
|
|
}
|
|
@media (max-width:320px){
|
|
.break-320 { display: block; margin-left: 0 !important; margin-right: 0 !important; }
|
|
.break-320 > .col { display: block; float: none; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
|
|
.grid-1 figure { float: none; width: auto; }
|
|
.grid-1 .content { margin-left: 0; margin-top: 20px; }
|
|
.grid-4 .item { width: 100%; }
|
|
}
|
|
|
|
@media print{
|
|
aside { display: none; }
|
|
a[href]:after { content: none !important; }
|
|
}
|
|
|
|
.box-find-doctor .form-control {
|
|
color: #000000 !important;
|
|
border-radius:0!important
|
|
}
|
|
.timeslots-container{
|
|
display:inline-block;
|
|
}
|
|
|
|
.ytc_video_container {
|
|
margin:15px 0 !important;
|
|
}
|
|
.btn-booking{
|
|
font-size: 28px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.tab-content {
|
|
padding: 15px;
|
|
}
|
|
|
|
#info img.cuscomter-pic {
|
|
height: 220px;
|
|
}
|
|
#info .col{
|
|
padding: 0 20px;
|
|
|
|
}
|
|
#info .col ul{
|
|
list-style: none;
|
|
}
|
|
.customer-cmd {
|
|
margin: 30px 0;
|
|
}
|
|
.customer-cmd a {
|
|
border: solid 3px;
|
|
border-radius: 20px;
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px;
|
|
-ms-border-radius: 20px;
|
|
-o-border-radius: 20px;
|
|
padding: 5px 20px;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
margin:0 10px;
|
|
}
|
|
|
|
.bn-inner-1 {position: relative;}
|
|
.loading
|
|
{
|
|
position: fixed;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
z-index: 999998;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.lds-default {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 64px;
|
|
height: 64px;
|
|
left: calc(50% - 32px);
|
|
top: calc(50% - 32px);
|
|
}
|
|
.lds-default div {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
animation: lds-default 1.2s linear infinite;
|
|
}
|
|
.lds-default div:nth-child(1) {
|
|
animation-delay: 0s;
|
|
top: 29px;
|
|
left: 53px;
|
|
}
|
|
.lds-default div:nth-child(2) {
|
|
animation-delay: -0.1s;
|
|
top: 18px;
|
|
left: 50px;
|
|
}
|
|
.lds-default div:nth-child(3) {
|
|
animation-delay: -0.2s;
|
|
top: 9px;
|
|
left: 41px;
|
|
}
|
|
.lds-default div:nth-child(4) {
|
|
animation-delay: -0.3s;
|
|
top: 6px;
|
|
left: 29px;
|
|
}
|
|
.lds-default div:nth-child(5) {
|
|
animation-delay: -0.4s;
|
|
top: 9px;
|
|
left: 18px;
|
|
}
|
|
.lds-default div:nth-child(6) {
|
|
animation-delay: -0.5s;
|
|
top: 18px;
|
|
left: 9px;
|
|
}
|
|
.lds-default div:nth-child(7) {
|
|
animation-delay: -0.6s;
|
|
top: 29px;
|
|
left: 6px;
|
|
}
|
|
.lds-default div:nth-child(8) {
|
|
animation-delay: -0.7s;
|
|
top: 41px;
|
|
left: 9px;
|
|
}
|
|
.lds-default div:nth-child(9) {
|
|
animation-delay: -0.8s;
|
|
top: 50px;
|
|
left: 18px;
|
|
}
|
|
.lds-default div:nth-child(10) {
|
|
animation-delay: -0.9s;
|
|
top: 53px;
|
|
left: 29px;
|
|
}
|
|
.lds-default div:nth-child(11) {
|
|
animation-delay: -1s;
|
|
top: 50px;
|
|
left: 41px;
|
|
}
|
|
.lds-default div:nth-child(12) {
|
|
animation-delay: -1.1s;
|
|
top: 41px;
|
|
left: 50px;
|
|
}
|
|
@keyframes lds-default {
|
|
0%, 20%, 80%, 100% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.5);
|
|
}
|
|
}
|
|
|
|
.modal-window {
|
|
position: fixed;
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 99999;
|
|
opacity: 1;
|
|
display: none;
|
|
pointer-events: none;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.modal-window:target {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
.modal-window > div {
|
|
width: 400px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 2em;
|
|
background: #fff;
|
|
color: #333;
|
|
}
|
|
.modal-window header {
|
|
font-weight: bold;
|
|
background:red;
|
|
color: #fff;
|
|
}
|
|
.modal-window h1 {
|
|
font-size: 150%;
|
|
margin: 0 0 15px;
|
|
color: #333;
|
|
}
|
|
.modal-close {
|
|
color: #aaa;
|
|
line-height: 50px;
|
|
font-size: 80%;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 70px;
|
|
text-decoration: none;
|
|
}
|
|
.modal-close:hover {
|
|
color: #000;
|
|
font-family: "Oswald", Arial, sans-serif; font-size: 14px; font-weight: 400;
|
|
}
|
|
|
|
|
|
p.slogan-text{
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
a.hotline-emergency {
|
|
background: #fa7062;
|
|
background: -moz-linear-gradient(top, #fa7062 0%, #e74c3c 100%);
|
|
background: -webkit-linear-gradient(top, #fa7062 0%,#e74c3c 100%);
|
|
background: linear-gradient(to bottom, #fa7062 0%,#e74c3c 100%);
|
|
border: #e74c3c solid 1px;
|
|
border-radius: 10px;
|
|
color: #fff !important;
|
|
display: block;
|
|
box-shadow: #ff978c inset 0 1px;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
padding: 10px 10px 10px 55px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-align: left !important;
|
|
line-height: 1.1 !important;
|
|
margin:5px 0;
|
|
}
|
|
.header-container .hotline-emergency:hover { background: #fa7062; }
|
|
.intro-2 .ads-banner img {
|
|
padding: 5px 0px;
|
|
}
|
|
.sidebar a img {
|
|
margin: 5px 0;
|
|
}
|
|
.document .address-block, .document .tel-block, .document .email-block {
|
|
text-indent: 40px;
|
|
line-height: 30px;
|
|
}
|
|
.document .address-block {
|
|
background: url(../img/addr-ico.png) no-repeat left center;
|
|
}
|
|
.document .tel-block {
|
|
background: url(../img/tel-ico.png) no-repeat left center;
|
|
}
|
|
.document .email-block {
|
|
background: url(../img/email-ico.png) no-repeat left center;
|
|
}
|
|
.title-1 {
|
|
margin-bottom: 30px;
|
|
}
|
|
ul.sub-menu{
|
|
display: none;
|
|
}
|
|
.box-3 .sub-menu>li>a{
|
|
padding: 5px 0;
|
|
}
|
|
.menu-item-has-children{
|
|
position: relative;
|
|
}
|
|
.menu-item-has-children>a::after{
|
|
position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 9px; top: 16px; font-size: 13px; color: #cccccc;
|
|
content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;
|
|
}
|
|
|
|
.full-width {
|
|
float: none;
|
|
margin: auto;
|
|
}
|
|
.tablepress-table-name {
|
|
color: white !important;
|
|
background: #e74c3c !important;
|
|
font-weight: normal !important;
|
|
text-align: center !important;
|
|
padding: 5px 0 !important;
|
|
font-size: 18px !important;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
.lich-kham th, .lich-kham td {
|
|
vertical-align: middle !important;
|
|
border: 2px solid white !important;
|
|
}
|
|
.lich-kham .odd td {
|
|
background: #c9c9c9 !important;
|
|
}
|
|
.lich-kham .even td {
|
|
background: #ededed !important;
|
|
}
|
|
#map-info-marker{
|
|
text-align: center;
|
|
}
|
|
select option{
|
|
color: #000;
|
|
}
|
|
.validationMessage{
|
|
color: yellow;
|
|
}
|
|
.menu .fa-angle-down:before{
|
|
content: ''!important;
|
|
}
|
|
.g-recaptcha {
|
|
text-align: -webkit-center;
|
|
}
|
|
.booking-form ul>li>a{
|
|
text-decoration: none;
|
|
}
|
|
.tb-col .booking-form{
|
|
padding: 0;
|
|
border-radius: 3px;
|
|
border-top: solid 0px #fff;
|
|
}
|
|
.booking-form .nav-tabs>li {
|
|
width: 50%;
|
|
}
|
|
.booking-form .login-form{
|
|
width: 100%;
|
|
}
|
|
.booking-form .tab-content{
|
|
padding: 30px;
|
|
}
|
|
@media (max-width: 768){
|
|
.booking-form-wrap > .col {
|
|
padding: 5px !important;
|
|
}
|
|
.booking-form .tab-content{
|
|
padding:0;
|
|
}
|
|
}
|
|
|
|
#myModalConfirmBooking .validationMessage{
|
|
color: red;
|
|
}
|
|
|
|
body{
|
|
text-align: justify;
|
|
}
|
|
|
|
@media (max-width: 991px){
|
|
.header-container .btn-book {
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 699px){
|
|
.col-under-slide{
|
|
background: #f3f3f3;
|
|
width: 100%;
|
|
border-radius: 50;
|
|
line-height: 50px;
|
|
position: fixed;
|
|
bottom: 5px;
|
|
left: 0;
|
|
z-index: 999;
|
|
margin: 0;
|
|
box-shadow: 0 4px 10px 0 #000;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
.col-under-slide .btn-book{
|
|
width: 49.3%;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
width: 49.3%;
|
|
}
|
|
|
|
.header-container .tb-col .col:last-child {
|
|
padding: 0vw;
|
|
}
|
|
|
|
|
|
a.hotline-emergency {
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.tb-col .col {
|
|
display: initial; !important
|
|
}
|
|
|
|
.header-container .btn-book img, .hotline-emergency img {
|
|
top: 60%;
|
|
width: 18%;
|
|
}
|
|
|
|
.tb-col .col {
|
|
display: inline;
|
|
}
|
|
.header-container .btn-book {
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.header-container .tb-col .slogan img {
|
|
max-width: 93vw;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.header-container .tb-col .slogan {
|
|
display: block;
|
|
font-size: 1.rem;
|
|
float: left;
|
|
}
|
|
.header-container .tb-col .slogan {
|
|
padding-left: 0px;
|
|
padding-right: 50px;
|
|
}
|
|
p.slogan-text {
|
|
display: none;
|
|
font-weight: 700;
|
|
color: green;
|
|
padding-left:5%;
|
|
}
|
|
|
|
.col-under-slide .btn-book{
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.header-container .tb-col .slogan {
|
|
display: block;
|
|
}
|
|
}
|
|
.header-container .btn-book {
|
|
display: inline-grid;
|
|
}
|
|
|
|
.header-container .hotline-emergency {
|
|
display: inline-grid;
|
|
}
|
|
|
|
.col-under-slide{
|
|
color: #e74c3c;
|
|
}
|
|
|
|
.col-under-slide .btn-book{
|
|
display: inline-block;
|
|
background: linear-gradient(to bottom, #466bfe 0%,#0167db 100%);
|
|
border-radius: 5px;
|
|
color: #fff !important;
|
|
box-shadow: #8ea4fe inset 0 1px;
|
|
font-weight: 500;
|
|
padding: 1px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-align: center !important;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
display: inline-block;
|
|
background: linear-gradient(to bottom, #fa7062 0%,#e74c3c 100%);
|
|
border-radius: 5px;
|
|
color: #fff !important;
|
|
box-shadow: #ff978c inset 0 1px;
|
|
font-weight: 500;
|
|
padding: 1px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-align: center !important;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.col-under-slide img{
|
|
max-width: 6vw;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
@media (max-width: 720px){
|
|
.intro-1 .bg {
|
|
height: 50vh;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1023px){
|
|
.col-under-slide{
|
|
background: #f3f3f3;
|
|
width: 100%;
|
|
border-radius: 50;
|
|
line-height: 50px;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
left: 0;
|
|
z-index: 999;
|
|
margin: 0;
|
|
box-shadow: 0 4px 10px 0 #000;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
.col-under-slide .btn-book{
|
|
width: 49.3%;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
width: 49.3%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px){
|
|
.col-under-slide{
|
|
padding-left: 18%;
|
|
}
|
|
|
|
.col-under-slide .btn-book{
|
|
width: 400px;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
width: 400px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px){
|
|
.col-under-slide .btn-book{
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.col-under-slide .btn-hotline{
|
|
font-size: 3rem;
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width: 1366px){
|
|
.col-under-slide{
|
|
padding-left: 20vw;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1600px){
|
|
.col-under-slide{
|
|
padding-left: 28vw;
|
|
}
|
|
}
|
|
|
|
.wp-block-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
@media (max-width: 991px){
|
|
.btn-menu {
|
|
top: 20px;
|
|
}
|
|
}
|
|
|
|
.logo img{
|
|
max-width: 160%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Fix logo center mobile */
|
|
@media (max-width: 500px)
|
|
{
|
|
.header-container .logo {
|
|
margin-left: 28% !important;
|
|
}
|
|
}
|
|
@media (min-width: 501px){
|
|
.header-container .logo {
|
|
margin-left: 40% !important;
|
|
}
|
|
}
|
|
#taoPopup{
|
|
bottom: 60px !important;
|
|
}
|
|
|
|
.grid {
|
|
display: -webkit-box;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
max-width: 90%;
|
|
}
|
|
|
|
.nmtrung{
|
|
padding-left:10px;
|
|
}
|
|
.item {
|
|
/* width: 24%; */
|
|
margin:15px;
|
|
}
|
|
|
|
#item-dao-tao-noi-vien{
|
|
width: 24%;
|
|
}
|
|
|
|
.custom-indent { text-indent: 50px; }
|
|
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
width: 1200px;
|
|
}
|
|
}
|
|
|
|
.main #map{
|
|
height: unset;
|
|
}
|