@-webkit-keyframes moveUp { 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @-webkit-keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @-webkit-keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-webkit-keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @-webkit-keyframes videobutton { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes videobutton { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } html { box-sizing: border-box; } a { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #505050; } a, a:hover, a:focus, a:before, a:after { outline: none; text-decoration: none; } a:hover, a:focus { color: #54be73; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #f2f6f6; -webkit-font-smoothing: antialiased; line-height: 2; color: #4d4d4d; font-size: 14px; font-family: 'Arial','Microsoft YaHei'; font-weight: 400; overflow-x: hidden; } h1, .h1 { font-size: 60px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 30px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 17px; } h6, .h6 { font-size: 15px; } @media screen and (max-width: 991px) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 20px; } } img { height: auto; } label { margin-bottom: 0; } table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } table th { color: #222; } caption, td { font-weight: normal; text-align: left; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 13px 8px; } th { font-weight: 700; } td { /*--- Definition Lists ---*/ } dl dt { font-weight: normal; line-height: 1.6; text-transform: uppercase; color: #222; } b, strong { color: #222; } dl dd a { color: #54be73; } dl dd a:hover { color: #54be73; } code, kbd { background-color: transparent; border-radius: 4px; color: inherit; font-size: 100%; padding: 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } ins { color: #fff; border: none; padding: 2px; text-decoration: none; background-color: #54be73; } pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } .cms-ul-custom { list-style: none; padding-left: 0; margin-bottom: 33px; } .cms-ul-custom li { position: relative; padding-left: 20px; line-height: 1.6; } @media screen and (max-width: 575px) { .cms-ul-custom li { margin-bottom: 15px; } } .cms-ul-custom li:before { position: absolute; content: " "; background-color: #c29765; top: 10px; left: 0; width: 5px; height: 5px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; } blockquote { padding: 0px 15px; background: transparent; margin: 25px 0; font-style: italic; border-left: 4px solid #54be73; font-size: 15px; font-family: 'Lora'; line-height: 1.6; font-weight: 400; color: #222; } @media screen and (max-width: 575px) { blockquote { margin-top: 25px; margin-bottom: 25px; } } .btn, button, .button, input[type="submit"] { font-size: 14px; border: none; text-transform: capitalize; padding: 0 26px; line-height: 40px; letter-spacing: 0.01em; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: relative; display: inline-block; text-align: center; cursor: pointer; } .btn { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus { outline: medium none; text-decoration: none; } .btn { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .btn .icon-left { margin-right: 4px; } .btn .icon-right { margin-left: 4px; } .btn img.icon-left { margin-right: 10px; } .btn img.icon-right { margin-left: 10px; } .btn.btn-lg, .btn.btn-size-lg { line-height: 70px; } .btn.btn-round { padding-left: 35px; padding-right: 35px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; } .btn.btn-default { padding-left: 50px; line-height: 40px; padding-right: 50px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #5B9073; border-radius: 40px; /* background: #54be73; */ color: #5B9073; } .btn.btn-default:hover { background: #5B9073; border: 1px solid #5B9073; color:#fff; } .btn.btn-1x, .btn.btn-2x { padding-left: 25px; padding-right: 25px; border: 1px solid; font-weight: 500; } .btn.btn-1x { border: 1px solid; line-height: 48px; } .btn.btn-2x { border: 2px solid; line-height: 46px; } .btn-align-right { text-align: right; } .btn-align-center { text-align: center; } .btn-group { margin-top: 26px; } .btn-group + .btn-group { margin-left: 30px; } li { list-style: none; } dl + h2 + ul { list-style: none; padding: 0 0 0 35px; } dl + h2 + ul li { position: relative; padding-left: 15px; } dl + h2 + ul li:before { content: "\f111"; font-family: FontAwesome; font-size: 7px; left: 0; position: absolute; } dl + h2 + ul li ul { padding-left: 35px; list-style: none; } .br-1px { -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .br-2px { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .br-3px { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .br-4px { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .br-5px { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .br-6px { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .br-7px { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .br-8px { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .br-9px { -webkit-border-radius: 9px; -khtml-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } .br-10px { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .screen-reader-text { display: none; } .alignleft, .alignright, .aligncenter { margin-bottom: 1em; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .bg-overlay { position: relative; } .bg-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: inherit; display: block; } .page-title .bg-overlay:before { background: rgba(0, 0, 0, 0.4); } .box-white { background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 29px; } .box-white .menu li { font-size: 18px; line-height: 29px; font-weight: 600; } .bg-primary { background-color: #54be73 !important; } .br-radius { -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .cms-box { background-color: #fff; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); margin-bottom: 40px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; } .cms-box .cms-box-title { font-size: 20px; color: #54be73; margin: 0; padding: 15px 29px; border-bottom: 1px solid #e5e5e5; } .cms-box .cms-box-inner { padding: 20px 29px; } .text-lg { font-size: 22px; line-height: 32px; color: #54be73; } .cms-bgimage { background-position: center; background-repeat: no-repeat; background-size: cover; } body .row-visible { overflow: visible !important; } @media screen and (max-width: 991px) { body .row-visible { margin-top: 0 !important; } } @media screen and (max-width: 991px) { body .row-visible .vc_column-inner { margin-top: 0 !important; } } @media screen and (max-width: 767px) { body .row-visible .vc_column-inner { background-color: transparent !important; } } @media screen and (max-width: 767px) { body .row-visible { background-color: transparent !important; } } .cms-close { display: inline-block; height: 32px; line-height: 32px; width: 30px; cursor: pointer; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-close:before, .cms-close:after { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; content: ""; background-color: #282828; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; top: 21px; } .cms-close:before { top: 15px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cms-close:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; } .cms-close:hover:before, .cms-close:hover:after { background-color: ; } .cms-col-5 { width: 20%; float: left; padding: 0 15px; } .cms-icon-plus { height: 10px; width: 10px; position: relative; display: inline-block; } .cms-icon-plus:before, .cms-icon-plus:after { content: ""; background-color: ; position: absolute; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-icon-plus:before { width: 100%; height: 2px; top: 4px; left: 0; } .cms-icon-plus:after { width: 2px; height: 100%; left: 4px; top: 0; } .cms-icon-plus.icon-lg { height: 20px; width: 20px; } .cms-icon-plus.icon-lg:before { top: 9px; } .cms-icon-plus.icon-lg:after { left: 9px; } .cms-icon-plus.align-middle { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .a-dark, .comment-title a { color: #222; } .a-dark:hover, .comment-title a:hover { color: ; } .title-medium { font-weight: 500; } .title-semibold { font-weight: 600; } .title-bold { font-weight: 600; } .post-category { font-size: 13px; color: ; } @media screen and (min-width: 992px) { .flex { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; } .flex .flex-col { display: flex !important; display: -webkit-flex !important; display: -ms-flex !important; flex-wrap: wrap; align-items: center; -webkit-align-items: center; -ms-align-items: center; } .flex-two { display: flex; display: -webkit-flex; display: -ms-flex; flex-flow: row wrap; } .flex-two .flex-col { flex: 1 0 0px; -webkit-flex: 1 0 0px; -ms-flex: 1 0 0px; display: flex !important; display: -webkit-flex !important; display: -ms-flex !important; flex-wrap: wrap; align-items: center; -webkit-align-items: center; -ms-align-items: center; } .top-footer .cms-col-5:nth-child(1) { width: 24%; } .top-footer .cms-col-5:nth-child(2) { width: 17%; } .top-footer .cms-col-5:nth-child(3) { width: 17%; } .top-footer .cms-col-5:nth-child(4) { width: 17%; } .top-footer .cms-col-5:nth-child(5) { width: 25%; } } .text-right, .align-right { text-align: right; } .text-left, .align-left { text-align: left; } .text-center, .align-center { text-align: center; } .remove-btn { background-color: transparent; background-image: none; font-size: 14px; font-weight: 700; color: #222; padding: 0; margin: 0; border: none; line-height: normal; } .remove-btn:hover { background-color: transparent; background-image: none; color: #54be73; } @media screen and (max-width: 1199px) { .align-center-md { text-align: center; } .align-left-md { text-align: left; } .align-right-md { text-align: right; } } @media screen and (max-width: 991px) { .text-center-md { text-align: center !important; } .text-left-md { text-align: left !important; } .text-right-md { text-align: right !important; } .align-center-sm { text-align: center; } .align-left-sm { text-align: left; } .align-right-sm { text-align: right; } .cms-col-5 { width: 50%; } } @media screen and (max-width: 767px) { .text-center-sm { text-align: center !important; } .text-left-sm { text-align: left !important; } .text-right-sm { text-align: right !important; } .align-center-xs { text-align: center; } .align-left-xs { text-align: left; } .align-right-xs { text-align: right; } .cms-col-5 { width: 100%; } } input::-moz-placeholder, textarea::-moz-placeholder { color: #777; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777; opacity: 1; } input::-o-placeholder, textarea::-o-placeholder { color: #777; opacity: 1; } input::-ms-placeholder, textarea::-ms-placeholder { color: #777; opacity: 1; } .tnp-field-email input::-moz-placeholder, .tnp-field-email textarea::-moz-placeholder { color: #777; opacity: 1; } .tnp-field-email input::-webkit-input-placeholder, .tnp-field-email textarea::-webkit-input-placeholder { color: #777; opacity: 1; } .tnp-field-email input::-o-placeholder, .tnp-field-email textarea::-o-placeholder { color: #777; opacity: 1; } .tnp-field-email input::-ms-placeholder, .tnp-field-email textarea::-ms-placeholder { color: #777; opacity: 1; } .placeholder-white input::-moz-placeholder, .placeholder-white textarea::-moz-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-webkit-input-placeholder, .placeholder-white textarea::-webkit-input-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-o-placeholder, .placeholder-white textarea::-o-placeholder { color: #fff; opacity: 1; } .placeholder-white input::-ms-placeholder, .placeholder-white textarea::-ms-placeholder { color: #fff; opacity: 1; } .cms-select form { position: relative; } .cms-select select { padding: 0 10px; height: 39px; line-height: 37px; font-size: 13px; background-color: transparent; position: relative; z-index: 99; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cms-select i { position: absolute; font-size: 10px; right: 12px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); font-weight: normal; } .wpcf7 .wpcf7-form { margin: 30px 0; } .wpcf7 .wpcf7-form .ajax-loader { background-color: transparent; background-image: none; display: block; height: 100%; left: 15px; position: absolute; right: 15px; top: 0; width: initial; margin: 0; } .wpcf7 .wpcf7-form .wpcf7-response-output { border: none; text-align: center; } .wpcf7 .wpcf7-form .wpcf7-form-control { margin-bottom: 23px; } .wpcf7 .wpcf7-form .wpcf7-form-control:focus { border: 1px solid #54be73 !important; -webkit-box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); -khtml-box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); -moz-box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); -ms-box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); -o-box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); box-shadow: 0px 2px 23px 2px rgba(119, 119, 119, 0.3); } .wpcf7 .wpcf7-form .wpcf7-submit { border: none; background: #333; color: #fff; min-width: 170px; height: 45px; border-radius: 0; padding: 0; text-align: center; line-height: 44px; font-size: 15px; font-weight: 500; text-transform: uppercase; margin-top: 10px; display: inherit; } .wpcf7 .wpcf7-form .wpcf7-submit:hover { background-color: #54be73; } .wpcf7-box { background-color: #fff; border-radius: 3px; box-shadow: 0 10px 10px rgba(224, 224, 224, 0.3); padding: 92px 100px 100px; position: relative; z-index: 99; } .wpcf7-box > h3 { text-align: center; margin-bottom: 55px; } @media screen and (max-width: 991px) { .wpcf7-box { padding: 42px 50px 50px; } } .wpcf7-form-control-wrap textarea { height: 170px; } .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; } .wpcf7-form-control-wrap .wpcf7-not-valid { -webkit-box-shadow: 0 0 2px #f13c3c; -khtml-box-shadow: 0 0 2px #f13c3c; -moz-box-shadow: 0 0 2px #f13c3c; -ms-box-shadow: 0 0 2px #f13c3c; -o-box-shadow: 0 0 2px #f13c3c; box-shadow: 0 0 2px #f13c3c; } .wpcf7-mail-sent-ok { color: green; border: 1px solid green !important; padding: 10px 15px !important; background: #fff; } .wpcf7-response-output.wpcf7-validation-errors { border: 1px solid red; margin: 15px 0 0; background: #fff; } .wpcf7-validation-errors { color: red; border: 1px solid red !important; padding: 10px 15px !important; } .input-filled { margin-bottom: 30px; } .select2 .select2-selection--single { -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; border: 1px solid #e7e8e9; background: #f8f8f8; height: 47px; } .select2 .select2-selection--single .select2-selection__rendered { padding-left: 15px; line-height: 47px; } .select2 .select2-selection--single .select2-selection__arrow { right: 8px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .acm-radio { display: inline-block; height: 40px; width: 40px; position: relative; } .acm-radio + .acm-radio { margin-left: 14px; } .acm-radio i { height: 40px; width: 40px; border: 2px solid #e7e8e9; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; line-height: 38px; font-size: 22px; color: #e7e8e9; text-align: center; } .acm-radio [type="radio"] { position: absolute; top: 0; left: 0; height: 40px; width: 40px; opacity: 99; opacity: 0; cursor: pointer; } .acm-radio [type="radio"]:checked + i { background-color: #54be73; border-color: #54be73; color: #fff; } .acm-radio [type="radio"]:checked + i:before { content: "\f26b"; } .acm-radio.acm-radio-true i:before { content: "\f26b"; } .acm-radio.acm-radio-false i:before { content: "\f136" !important; } .wpcf7 .wpcf7-form .cms-request-table .wpcf7-form-control-wrap .wpcf7-form-control { padding-left: 13px; padding-right: 13px; margin-bottom: 28px; background: transparent; border: 1px solid #c8c8c8; } .wpcf7 .wpcf7-form .cms-request-table .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-textarea { min-height: 100px; height: 100px; } .wpcf7 .wpcf7-form .cms-request-table .wpcf7-submit { min-width: 100%; background-color: #54be73; text-align: center; font-weight: 500; height: 40px; line-height: 40px; letter-spacing: 0.05em; margin-bottom: 18px; margin-top: 0; } .wpcf7-form .nice-select { margin-bottom: 10px; border: 1px solid #d8d8d8; color: #9b9b9b; padding: 0px 20px; line-height: 40px; height: 40px; font-size: 15px; width: 100%; } .wpcf7-form .nice-select .current { color: #999; font-style: italic; } .wpcf7-form .nice-select:after { top: 45%; content: "\f0dd"; font-family: "FontAwesome"; color: #777; } .wpcf7-form input::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder { color: #999; font-style: italic; } .wpcf7-form input::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder { color: #999; font-style: italic; } .wpcf7-form input::-ms-input-placeholder, .wpcf7-form textarea::-ms-input-placeholder { color: #999; font-style: italic; } .wpcf7-form input::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder { color: #999; font-style: italic; } #ui-datepicker-div { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.24); border: none; padding: 0; } #ui-datepicker-div .ui-datepicker-header { background-color: #54be73; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-weight: normal; padding: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: transparent; border: none; cursor: pointer; padding: 0; margin: 0; top: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span { display: none; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:before { font-family: "Material-Design-Iconic-Font"; font-size: 16px; color: rgba(255, 255, 255, 0.4); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { left: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:before { content: "\f2f4"; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { right: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:before { content: "\f2f6"; } #ui-datepicker-div .ui-datepicker-title { color: #fff; font-size: 16px; line-height: 40px; margin: 0 40px; } #ui-datepicker-div .ui-datepicker-title select { font-size: inherit; color: #fff; line-height: normal; height: inherit; background-color: transparent; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; margin: 0; padding: 0; width: inherit; border: none; } #ui-datepicker-div .ui-datepicker-title select option { padding: 0; } #ui-datepicker-div .ui-datepicker-calendar { background-color: transparent; border: none; margin: 0; } #ui-datepicker-div .ui-datepicker-calendar thead { background-color: #54be73; } #ui-datepicker-div .ui-datepicker-calendar th span { text-transform: uppercase; color: #fff; } #ui-datepicker-div .ui-datepicker-calendar td { font-size: 13px; border-top: 1px solid #ededed; } #ui-datepicker-div .ui-datepicker-calendar td a, #ui-datepicker-div .ui-datepicker-calendar td span { background-color: transparent; border: medium none; text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active, #ui-datepicker-div .ui-datepicker-calendar td span.ui-state-active, #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight, #ui-datepicker-div .ui-datepicker-calendar td span.ui-state-highlight { background-color: #54be73; color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight, #ui-datepicker-div .ui-datepicker-calendar td span.ui-state-highlight { background-color: rgba(197, 164, 109, 0.0); } #ui-datepicker-div { background-color: #fff; padding: 22px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: absolute; top: -9999px; min-width: 300px; z-index: 10001 !important; } @media (max-width: 575px) { #ui-datepicker-div { min-width: 250px; left: 30px !important; padding: 20px 15px; } } #ui-datepicker-div .ui-datepicker-header { position: relative; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; cursor: pointer; position: absolute; top: 0; padding: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:before { content: "\f104"; color: #040e24; font-family: FontAwesome; font-size: 16px; left: 0; position: absolute; right: 0; top: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover:before { color: #fff; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all span { display: none; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 0; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before { content: "\f105"; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { font-weight: 700; line-height: 30px; margin-bottom: 0px; min-height: 25px; text-align: center; text-transform: uppercase; font-size: 15px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month option { color: #222; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span { display: inline-block; vertical-align: middle; line-height: 1; } #ui-datepicker-div .ui-datepicker-calendar { margin: 0; width: 100%; } #ui-datepicker-div .ui-datepicker-calendar th { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar td { text-align: center; padding: 6px; color: rgba(0, 0, 0, 0.6); } #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled { color: rgba(0, 0, 0, 0.2); } #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a { color: #54be73; } #ui-datepicker-div .ui-datepicker-calendar td a { color: #999; } #ui-datepicker-div .ui-datepicker-calendar td a:hover { color: #fff; background: #54be73; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } body .clockpicker-popover { min-width: 300px; z-index: 99999; } body .clockpicker-popover .popover-title { color: #54be73 !important; } body .clockpicker-popover.bottom { margin-top: 0; } body .clockpicker-popover.top { margin-bottom: 0; } body .clockpicker-popover > .arrow { display: none; } body .clockpicker-popover .clockpicker-plate { margin: auto; } body .clockpicker-popover span { color: #54be73; } body .clockpicker-popover .clockpicker-tick:hover, body .clockpicker-popover .clockpicker-tick.active { background-color: rgba(197, 164, 109, 0.6); } .acm-field { margin-bottom: 16px; } .acm-field:last-child { margin-bottom: 0; } .acm-field label { font-size: 15px; line-height: 28px; font-weight: 700; margin-bottom: 0; } .acm-field label span { color: #dd1766; } .acm-field input { border-width: 0 0 1px 0; border-color: #eee; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0; } .acm-wg-field { margin-bottom: 15px; position: relative; } .acm-wg-field .field-icon { color: #8f8f8f; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); right: 15px; font-size: 17px; } .acm-wg-field input[type="number"]::-webkit-outer-spin-button, .acm-wg-field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .acm-wg-field input[type="number"] { -moz-appearance: textfield; } .acm-wg-field .select2-selection__arrow { display: none; } .acm-field-radio { display: inline-block; position: relative; padding-left: 28px; } .acm-field-radio span, .acm-field-radio input { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .acm-field-radio span { height: 16px; width: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; border: 2px solid #54be73; display: block; z-index: 88; } .acm-field-radio span:before { background-color: #54be73; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; content: ""; height: 8px; left: 2px; position: absolute; top: 2px; width: 8px; opacity: 0; } .acm-field-radio input { opacity: 0; height: 100%; width: 100%; cursor: pointer; z-index: 99; } .acm-field-radio input:checked + span:before { opacity: 1; } .acm-field-radio label { font-weight: 500; margin: 0; } .acm-error, .acm-error .select2-selection--single { border-color: #f13c3c !important; } form .select2-container--default { width: 100% !important; } form .select2-container--default .select2-selection { border: 1px solid #e7e8e9; height: 47px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } form .select2-container--default .select2-selection .select2-selection__rendered { line-height: 47px; padding-left: 15px; } form .select2-container--default .select2-selection .select2-selection__arrow { right: 10px; top: 50%; color: #8f8f8f; } form .select2-container--default .select2-selection .select2-selection__clear { height: 20px; line-height: 20px; position: absolute; right: 30px; text-align: center; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); width: 20px; color: #8f8f8f; } form .select2-container--default .select2-selection .select2-selection__placeholder { color: rgba(55, 55, 55, 0.87); } .select2-container.select2-container--open .select2-dropdown { border-color: #e7e8e9; } .select2-container.select2-container--open .select2-dropdown .select2-search__field { border: 1px solid #e7e8e9; padding-left: 15px; padding-right: 15px; } .select2-container.select2-container--open .select2-results li.select2-results__option--highlighted { background-color: #54be73; } .no-results.not-found .page-title { font-size: 45px; margin-bottom: 10px; } .no-results.not-found .search-form { margin-top: 45px; } .no-results.not-found .search-form .searchform-wrap { height: 40px; position: relative; } .no-results.not-found .search-form .searchform-wrap .search-field { background: transparent; height: 40px; line-height: 38px; padding-right: 50px; } .no-results.not-found .search-form .searchform-wrap .search-field + .search-submit { padding: 0px 15px; position: absolute; top: 0; right: 0; height: 40px; width: 50px; line-height: 40px; padding: 0; text-align: center; border: none; background-color: #54be73; background-image: none; color: #fff; font-size: 17px; } .cms-field-checkbox { position: relative; padding-left: 27px; } .cms-field-checkbox .icon-check { border: 1px solid #e1e3e3; border-radius: 1px; display: block; height: 17px; width: 17px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; } .cms-field-checkbox .icon-check:before { content: "\f00c"; font-size: 13px; color: #54be73; position: absolute; top: -4px; left: 1px; font-family: FontAwesome; opacity: 0; } .cms-field-checkbox input { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; opacity: 0; cursor: pointer; z-index: 3; } .cms-field-checkbox input:checked + .icon-check:before { opacity: 1; } .cms-modal .cms-field-checkbox .icon-check:before { top: 0px; } .nice-select { position: relative; padding-right: 40px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .nice-select:after { content: "\f312"; font-family: "Material-Design-Iconic-Font"; font-size: 18px; color: #b19565; position: absolute; right: 24px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .nice-select span.current { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nice-select .option { text-overflow: ellipsis; overflow: hidden; } .nice-select.open .list { padding: 5px; min-width: 230px; width: 100%; max-height: 250px; overflow: auto; font-size: 14px; opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #ccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; padding: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; right: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; color: rgba(0, 0, 0, 0.87); } .nice-select .list .selected { color: #000; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; line-height: normal; list-style: none; outline: none; padding: 8px 24px; text-align: left; -webkit-transition: all 0.2s; -khtml-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f3f3f4; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .rev_slider_wrapper .btn { padding-left: 45px; padding-right: 45px; } .rev_slider_wrapper .tp-bullets.hesperiden .tp-bullet { border: none; height: 7px; width: 7px; display: inline-block; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; background-color: #fff !important; background-image: none !important; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .rev_slider_wrapper .tp-bullets.hesperiden .tp-bullet:before { content: ""; height: 7px; width: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; border: 2px solid #fff; position: absolute; top: -2px; opacity: 0; left: -2px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .rev_slider_wrapper .tp-bullets.hesperiden .tp-bullet.selected { background-color: transparent !important; } .rev_slider_wrapper .tp-bullets.hesperiden .tp-bullet.selected:before { opacity: 1; } .hermes .tp-bullet { width: 12px; height: 12px; } .hermes .tp-bullet.selected:after { background: #54be73; } @media (min-width: 992px) and (max-width: 1199px) { .btn-align-left-md { text-align: left; } .btn-align-right-md { text-align: right; } .btn-align-center-md { text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .btn-align-left-sm { text-align: left; } .btn-align-right-sm { text-align: right; } .btn-align-center-sm { text-align: center; } } @media screen and (max-width: 767px) { .btn-align-left-xs { text-align: left; } .btn-align-right-xs { text-align: right; } .btn-align-center-xs { text-align: center; } } #site-header-wrap { position: relative; z-index: 1002; } #site-header-wrap ul { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } #site-header-wrap .site-branding { position: relative; } #site-header-wrap .site-branding > a { line-height: 0; float: left; } #site-header-wrap .site-branding > a:not(.logo-dark) { position: absolute; left: 0; top: 0; opacity: 0; } #site-header-wrap .site-branding img { max-height: 38px; } #site-header-wrap .site-menu-right { margin-left: 20px; } #site-header-wrap .site-menu-right span.h-btn-search { padding-left: 15px; border-left: 1px solid #fff; } #site-header-wrap .site-menu-right .menu-right-item { font-size: 15px; font-weight: 900; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; cursor: pointer; } #site-header-wrap .site-menu-right .menu-right-item.h-btn { border: 2px solid #282828; -webkit-border-radius: 33px; -khtml-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; border-radius: 33px; display: inline-block; line-height: 27px; padding: 0 11px; -webkit-transition: all 120ms linear 0ms; -khtml-transition: all 120ms linear 0ms; -moz-transition: all 120ms linear 0ms; -ms-transition: all 120ms linear 0ms; -o-transition: all 120ms linear 0ms; transition: all 120ms linear 0ms; } #site-header-wrap .site-menu-right .menu-right-item + .menu-right-item { margin-left: 16px; } #site-header-wrap.header-layout1 .site-menu-right span.h-btn-search { border-left: 1px solid ; } .topbar-panel-mobile { display: none; } @media screen and (max-width: 991px) { .topbar-panel-mobile { display: block; } .topbar-panel-mobile .top-information li { display: inline-block; padding: 10px 0; margin-right: 20px; font-size: 13px; color: #222; } .topbar-panel-mobile .top-information li:last-child { margin-right: 0; } .topbar-panel-mobile .top-information li i { margin-right: 13px; font-size: 15px; } .topbar-panel-mobile .top-information li.li-phone { display: none; } .topbar-panel-mobile .top-information .li-sign-up { float: right; text-transform: uppercase; font-weight: 400; cursor: pointer; padding-left: 25px; } .topbar-panel-mobile .top-information .li-sign-up .swh-user-db i { color: #54be73; } .topbar-panel-mobile .top-information .li-sign-up i { position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; width: 20px; height: 20px; line-height: 17px; border: 1px solid #54be73; text-align: center; margin-right: 0; border-radius: 50%; } .topbar-panel-mobile .top-information .li-sign-up a { cursor: pointer; } } @media screen and (max-width: 767px) { .topbar-panel-mobile .top-information .li-adderess { display: none; } } @media screen and (max-width: 575px) { .topbar-panel-mobile { display: none; } .topbar-panel-mobile .top-information { text-align: left; padding: 10px 0; display: table; width: 100%; } .topbar-panel-mobile .top-information .li-sign-up { float: none; display: none; width: 155px; color: #54be73; } .topbar-panel-mobile .top-information .li-sign-up a { color: #54be73; } .topbar-panel-mobile .top-information li { margin-left: 10px; margin-right: 10px; padding: 5px 0; } .topbar-panel-mobile .top-information li.li-phone { float: left; margin-left: 0; margin-right: 0; } .topbar-panel-mobile .top-information li.lg-language { float: right; margin-left: 0; margin-right: 0; } } @media screen and (max-width: 991px) { .topbar-panel { display: none; } } .top-information li { position: relative; } @media screen and (max-width: 767px) { .top-information .li-address { display: none; } } .top-information.pull-left li { padding-left: 28px; margin-right: 35px; } .top-information.pull-left li i { font-size: 18px; margin-right: 13px; position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; } .top-information.pull-right i { font-size: 18px; display: inline-block; margin-right: 13px; } .top-information.pull-right .li-sign-up { text-transform: uppercase; position: relative; font-weight: 400; cursor: pointer; position: relative; } .top-information.pull-right .li-sign-up .navigations { display: none; position: absolute; background: #fff; padding-top: 10px; padding-right: 30px; padding-left: 30px !important; padding-bottom: 10px !important; z-index: 2; right: 0px; min-width: 230px; top: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .top-information.pull-right .li-sign-up .navigations.active { display: block; } .top-information.pull-right .li-sign-up .navigations li { display: block; padding: 0 !important; margin-left: 0 !important; border-top: 1px solid #eee; } .top-information.pull-right .li-sign-up .navigations li:first-child { border-top: none; } .top-information.pull-right .li-sign-up .navigations li a { display: block; padding: 7px 0; color: #222 !important; } .top-information.pull-right .li-sign-up .navigations li a:hover { color: #54be73 !important; } .top-information.pull-right .li-sign-up .navigations li.is-active a { color: #54be73 !important; } .top-information.pull-right .li-sign-up .navigations .bullet { background-color: #fff; position: relative; z-index: 3; left: 0px; width: 10px; height: 10px; top: -35px; display: block; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .top-information.pull-right .li-sign-up i { position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; } .top-information.pull-right .li-sign-up a { cursor: pointer; } .li-sign-up { text-transform: uppercase; position: relative; font-weight: 400; cursor: pointer; position: relative; } .li-sign-up .navigations { display: none; position: absolute; background: #fff; padding-top: 10px; padding-right: 30px; padding-left: 30px !important; padding-bottom: 10px !important; z-index: 9999; right: 0px; min-width: 230px; top: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .li-sign-up .navigations.active { display: block; } .li-sign-up .navigations li { display: block; padding: 0 !important; margin-left: 0 !important; border-top: 1px solid #eee; margin-right: 0; } .li-sign-up .navigations li:first-child { border-top: none; } .li-sign-up .navigations li a { display: block; padding: 7px 0; margin-left: -30px; color: #222 !important; } .li-sign-up .navigations li a:before { opacity: 0; display: inline-block; content: "\f068"; font-family: FontAwesome; margin-right: 7px; width: 18px; color: #54be73; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .li-sign-up .navigations li a:hover { color: #54be73 !important; margin-left: 0px; } .li-sign-up .navigations li a:hover:before { opacity: 1; } .li-sign-up .navigations li.nav-reservations a:before { content: "\f044"; } .li-sign-up .navigations li.nav-profile a:before { content: "\f236"; } .li-sign-up .navigations li.nav-dashboard a:before { content: "\f2bd"; } .li-sign-up .navigations li.nav-logout a:before { content: "\f08b"; } .li-sign-up .navigations li.is-active a { margin-left: 0; color: #54be73 !important; } .li-sign-up .navigations li.is-active a:before { opacity: 1; } .li-sign-up .navigations .bullet { background-color: #fff; position: relative; z-index: 3; left: 0px; width: 10px; height: 10px; top: -35px; display: block; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .li-sign-up i { position: absolute; top: 50%; transform: translate(0px, -50%); left: 0; } .li-sign-up a { cursor: pointer; } .header-1 .topbar-panel-mobile { border-bottom: 1px solid #eee; } .header-1 .topbar-panel-mobile .top-information li.li-sign-up { color: #54be73; } .header-1 .topbar-panel-mobile .top-information li.li-sign-up a { color: #54be73; } .header-1 .topbar-panel { background-color: #222; } .header-1 .topbar-panel .top-information { padding: 0; } .header-1 .topbar-panel .top-information.pull-left, .header-1 .topbar-panel .top-information.pull-right { display: flex; } .header-1 .topbar-panel .top-information.pull-left li, .header-1 .topbar-panel .top-information.pull-right li { padding-top: 17px; padding-bottom: 16px; } .header-1 .topbar-panel .top-information.pull-left.pull-left .li-phone, .header-1 .topbar-panel .top-information.pull-right.pull-left .li-phone { margin-right: 35px; } .header-1 .topbar-panel .top-information.pull-left.pull-right li, .header-1 .topbar-panel .top-information.pull-right.pull-right li { margin-left: 55px; } .header-1 .topbar-panel .top-information.pull-left.pull-right .li-sign-up, .header-1 .topbar-panel .top-information.pull-right.pull-right .li-sign-up { padding-left: 30px; font-weight: 400; } .header-1 .topbar-panel .top-information.pull-left a, .header-1 .topbar-panel .top-information.pull-right a { color: #fff; } .header-1 .topbar-panel .top-information.pull-left a:hover, .header-1 .topbar-panel .top-information.pull-right a:hover { color: #54be73; } .header-1 .header-medium { position: relative; padding: 0 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-1 .header-medium .site-branding { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1199px) { .header-1 .header-medium .site-branding img { width: 120px; } } .header-1 .header-medium .main-navigation { flex-grow: 1; } @media screen and (min-width: 992px) { .header-1 .header-medium .main-navigation .primary-menu { float: right; } } .header-1 .header-medium .site-menu-right { justify-self: flex-end; } .header-1 #headroom { background-color: #f2f6f6; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12); } .header-1 .site-branding a { opacity: 0; } .header-1 .site-branding a.logo-dark { opacity: 1 !important; } .header-2 .topbar-panel-mobile { border-bottom: 1px solid #eee; } .header-2 .topbar-panel { border-bottom: 1px solid #9ca8b1; } .header-2 .topbar-panel .top-information { padding: 0; } .header-2 .topbar-panel .top-information.pull-left, .header-2 .topbar-panel .top-information.pull-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-2 .topbar-panel .top-information.pull-left li, .header-2 .topbar-panel .top-information.pull-right li { padding-top: 20px; padding-bottom: 20px; } .header-2 .topbar-panel .top-information.pull-left li.li-phone { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; border-right: 1px solid #9ca8b1; margin-right: 20px; } .header-2 .topbar-panel .top-information.pull-right li.li-sign-up { justify-self: flex-end; padding-left: 15px; border-left: 1px solid #9ca8b1; color: #fff; margin-left: 20px; padding-left: 50px; } .header-2 .topbar-panel .top-information.pull-right li.li-sign-up i { left: 20px !important; } .header-2 .topbar-panel .top-information.pull-right li.li-sign-up:hover { color: #54be73; } .header-2 .topbar-panel .top-information.pull-right li.li-sign-up a { color: #fff; } .header-2 .topbar-panel .top-information.pull-right li.li-sign-up a:hover { color: #54be73; } .header-2 .site-branding a { opacity: 0; } .header-2 .site-branding a.logo-light { opacity: 1 !important; } .header-2 .header-medium { position: relative; padding: 0 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-2 .header-medium .site-branding { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1199px) { .header-2 .header-medium .site-branding img { width: 120px; } } .header-2 .header-medium .main-navigation { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 992px) { .header-2 .header-medium .main-navigation .primary-menu { float: right; } } @media screen and (max-width: 991px) { .header-2 .header-medium .main-navigation { margin-left: -15px; margin-right: -15px; } } .header-2 .header-medium .site-menu-right { justify-self: flex-end; } .header-2 #pagetitle .page-title-content { padding-top: 363px; } .header-3 .topbar-panel-mobile { border-bottom: 1px solid #eee; } .header-3 .topbar-panel { border-bottom: 1px solid #adb2ad; } .header-3 .topbar-panel .top-information { padding-top: 0; padding-bottom: 0; } .header-3 .topbar-panel .top-information.pull-left, .header-3 .topbar-panel .top-information.pull-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-3 .topbar-panel .top-information.pull-left li, .header-3 .topbar-panel .top-information.pull-right li { padding-top: 16px; padding-bottom: 16px; } .header-3 .topbar-panel .top-information.pull-left .li-phone { margin-right: 33px; } .header-3 .topbar-panel .top-information.pull-left .li-phone a:hover { color: #54be73; } .header-3 .topbar-panel .top-information.pull-right .lg-language { color: #fff; padding-top: 16px; padding-bottom: 16px; } .header-3 .topbar-panel .top-information.pull-right .li-sign-up { padding-top: 16px; padding-bottom: 16px; color: #54be73; text-transform: uppercase; padding-left: 30px; margin-left: 55px; } .header-3 .topbar-panel .top-information.pull-right .li-sign-up:hover { color: #54be73; } .header-3 .topbar-panel .top-information.pull-right .li-sign-up a { color: #54be73; } .header-3 .topbar-panel .top-information.pull-right .cms-socials { margin-left: 40px; font-size: 15px; } .header-3 .topbar-panel .top-information.pull-right .cms-socials li { margin-left: 15px; } .header-3 .topbar-panel .top-information.pull-right .cms-socials a { color: #fff; } .header-3 .topbar-panel .top-information.pull-right .cms-socials a:hover { color: #54be73; } .header-3 .topbar-panel .top-information.pull-right .cms-socials a i { margin-right: 0; } .header-3 .site-branding a { opacity: 0; } .header-3 .site-branding a.logo-light { opacity: 1 !important; } .header-3 .header-medium { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-3 .header-medium .site-branding { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1199px) { .header-3 .header-medium .site-branding img { width: 120px; } } .header-3 .header-medium .main-navigation { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 992px) { .header-3 .header-medium .main-navigation .primary-menu { float: right; } } .header-3 .header-medium .site-menu-right { justify-self: flex-end; } .header-3 #pagetitle .page-title-content { padding-top: 363px; } .topbar-panel .top-information.pull-left li.li-sign-up { color: #54be73; cursor: pointer; } .topbar-panel .top-information.pull-left li.li-sign-up a { text-transform: uppercase; color: #54be73; cursor: pointer; } .topbar-panel .top-information { padding: 13px 0; } .topbar-panel .top-information li { font-size: 14px; color: #fff; display: inline-block; } .topbar-panel .top-information li a { color: #fff; } @media (min-width: 992px) and (max-width: 1199px) { .topbar-panel .top-information li { font-size: 12px; } } .topbar-panel .top-information.pull-left li { margin-right: 20px; } .topbar-panel .top-information.pull-left li:last-child { margin-right: 0; } @media screen and (max-width: 991px) { .topbar-panel .top-information.pull-left { width: 100%; display: table; } .topbar-panel .top-information.pull-left li:first-child { float: left; } .topbar-panel .top-information.pull-left li:last-child { float: right; } } .topbar-panel .top-information.pull-right li { margin-left: 20px; } .topbar-panel .top-information.pull-right li:first-child { margin-left: 0; } .topbar-panel .top-information.pull-right li.li-sign-up { color: #54be73; cursor: pointer; } .topbar-panel .top-information.pull-right li.li-sign-up a { color: #54be73; text-transform: uppercase; cursor: pointer; } @media screen and (max-width: 991px) { .topbar-panel .col-hidden { display: none; } } #main-menu-mobile { display: none; } #main-menu-mobile #search-mobile { background-color: #54be73; border-radius: 2px; right: 10px; height: 34px; width: 40px; display: inline-block; line-height: 32px; color: #fff; text-align: center; font-size: 15px; cursor: pointer; margin-right: 10px; float: left; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #main-menu-mobile #search-mobile .h-btn-search { width: 100%; height: 100%; display: block; } #main-menu-mobile .btn-login { display: none; cursor: pointer; } @media screen and (max-width: 575px) { #main-menu-mobile .btn-login { display: inline-block; border-radius: 2px; background-color: #54be73; color: #fff; display: inline-block; font-size: 15px; height: 30px; margin-right: 5px; line-height: 30px; text-align: center; vertical-align: middle; width: 35px; padding-left: 0px; padding-right: 0px; cursor: pointer; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #main-menu-mobile .btn-login a { color: #fff; } #main-menu-mobile .btn-login span { color: #fff; font-size: 0; width: 100%; height: 100%; display: block; } #main-menu-mobile .btn-login span i { font-size: 15px; } #main-menu-mobile .btn-login .navigations { display: none; position: absolute; background: #fff; padding-top: 10px; padding-right: 30px; padding-left: 30px !important; padding-bottom: 10px !important; z-index: 2; right: 0px; min-width: 230px; top: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } #main-menu-mobile .btn-login .navigations.active { display: block; } #main-menu-mobile .btn-login .navigations li { display: block; padding: 0 !important; margin-left: 0 !important; border-top: 1px solid #eee; text-align: left; } #main-menu-mobile .btn-login .navigations li:first-child { border-top: none; } #main-menu-mobile .btn-login .navigations li a { display: block; padding: 7px 0; color: #222 !important; } #main-menu-mobile .btn-login .navigations li a:hover { color: #54be73 !important; } #main-menu-mobile .btn-login .navigations li.is-active a { color: #54be73 !important; } #main-menu-mobile .btn-login .navigations .bullet { background-color: #fff; position: relative; z-index: 3; left: 0px; width: 10px; height: 10px; top: -35px; display: block; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #main-menu-mobile .btn-login i { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; transform: translate(-50%, -50%); } #main-menu-mobile .btn-login a { cursor: pointer; } } #main-menu-mobile .btn-nav-mobile { display: inline-block; border-radius: 2px; /* background-color: #54be73; */ color: #282828; display: inline-block; font-size: 15px; height: 34px; line-height: 33px; text-align: center; vertical-align: middle; width: 40px; padding-left: 5px; padding-right: 5px; cursor: pointer; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; content: ""; background-color: #54be73; display: block; height: 3px; left: 0; margin: auto; position: absolute; right: 0; width: 30px; top: 23px; } #main-menu-mobile .btn-nav-mobile:before { top: 9px; } #main-menu-mobile .btn-nav-mobile span { top: 16px; } #main-menu-mobile .btn-nav-mobile.opened:before { top: 15px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #main-menu-mobile .btn-nav-mobile.opened:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; } #main-menu-mobile .btn-nav-mobile.opened span { display: none; } @media screen and (max-width: 575px) { #main-menu-mobile #search-mobile { height: 30px; width: 35px; line-height: 30px; } #main-menu-mobile .btn-nav-mobile { /* font-size: 15px; */ height: 30px; line-height: 30px; width: 35px; } #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span { width: 30px; top: 23px; } #main-menu-mobile .btn-nav-mobile:before { top: 7px; } #main-menu-mobile .btn-nav-mobile span { top: 15px; } } @media screen and (min-width: 992px) { #site-header-wrap.rf-no-active .site-menu-right .menu-right-item { color: #fff; } #site-header-wrap.header-layout1 #headroom.headroom--not-top.headroom--not-bottom { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); -khtml-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); background-color: #fff; } #site-header-wrap.header-layout1 #headroom.headroom--not-top.headroom--not-bottom .site-branding .logo-dark { opacity: 1; } #site-header-wrap.header-layout1 #headroom.headroom--not-top.headroom--not-bottom .site-branding img { max-height: 40px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #site-header-wrap.header-layout1 #headroom.headroom--not-top.headroom--not-bottom .primary-menu > li > a { line-height: 80px; } #site-header-wrap.header-layout2 .site-menu-right .menu-right-item { color: #fff; } #site-header-wrap.header-layout3 .site-menu-right .menu-right-item { color: #fff; } #site-header-wrap.header-transparent { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #site-header-wrap.header-transparent #headroom.headroom--top.headroom--not-bottom .primary-menu-not-set a:hover, #site-header-wrap.header-transparent.no-sticky #headroom .primary-menu-not-set a:hover { color: #54be73; } #site-header-wrap.header-transparent #headroom.headroom--top.headroom--not-bottom .site-menu-right .menu-right-item.h-btn, #site-header-wrap.header-transparent.no-sticky #headroom .site-menu-right .menu-right-item.h-btn { border-color: #fff; } .col-text-left { display: flex; display: -webkit-flex; display: -ms-flex; justify-content: start; -webkit-justify-content: start; -ms-justify-content: start; align-items: center; } .col-text-right { display: flex; display: -webkit-flex; display: -ms-flex; justify-content: flex-end; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; align-items: center; } .admin-bar #site-header-wrap.header-transparent { top: 32px; } } @media (min-width: 992px) and (max-width: 1199px) { #site-header-wrap .site-contact-top { padding-right: 32px; font-size: 17px; } } @media screen and (max-width: 991px) { #main-menu-mobile { display: block; } #site-header-wrap { position: relative; } #site-header-wrap .site-branding { min-height: 60px; text-align: left; } #site-header-wrap .site-branding img { max-height: 60px; padding: 8px 0; } #site-header-wrap .site-branding > a { display: none; line-height: 60px !important; float: none; } #site-header-wrap .site-branding > a.logo-mobile { opacity: 1 !important; display: inline-block; position: static; } #site-header-wrap .site-branding > a.logo-mobile img { max-height: 45px; } #site-header-wrap #main-menu-mobile { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #site-header-wrap #main-menu-mobile { right: 20px; } #site-header-wrap #headroom { position: relative; } } @media screen and (max-width: 575px) { #site-header-wrap .site-branding img { max-height: 60px; } } #headroom.headroom--up, #headroom.headroom--down { -webkit-transition: all 400ms linear 0ms; -khtml-transition: all 400ms linear 0ms; -moz-transition: all 400ms linear 0ms; -ms-transition: all 400ms linear 0ms; -o-transition: all 400ms linear 0ms; transition: all 400ms linear 0ms; } #headroom.headroom--pinned:not(.headroom--top), #headroom.headroom--unpinned:not(.headroom--top) { left: 0; position: fixed !important; right: 0; top: 0; z-index: 1001; background-color: #f2f6f6; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12); } @media screen and (max-width: 991px) { #headroom.headroom--pinned:not(.headroom--top), #headroom.headroom--unpinned:not(.headroom--top) { position: static !important; } } #headroom.headroom--pinned:not(.headroom--top) .primary-menu > li > a, #headroom.headroom--unpinned:not(.headroom--top) .primary-menu > li > a { line-height: 80px; color: #333; } #headroom.headroom--pinned:not(.headroom--top) .primary-menu > li > a:hover, #headroom.headroom--unpinned:not(.headroom--top) .primary-menu > li > a:hover { color: #ffffff; background: #54be73; } @media screen and (max-width: 991px) { #headroom.headroom--pinned:not(.headroom--top) .primary-menu > li > a, #headroom.headroom--unpinned:not(.headroom--top) .primary-menu > li > a { line-height: inherit; } } .admin-bar #headroom.headroom--pinned:not(.headroom--top), .admin-bar #headroom.headroom--unpinned:not(.headroom--top) { top: 32px; } @media screen and (min-width: 992px) { .primary-menu > li > a { text-transform: uppercase; } } @media screen and (min-width: 992px) { .primary-menu > li > a:hover:before { opacity: 1; } } @media screen and (min-width: 992px) { .primary-menu > li.menu-item-has-children > a { text-transform: uppercase; } } @media screen and (min-width: 992px) { .primary-menu > li.menu-item-has-children > a:hover:before { opacity: 1; } } .primary-menu li { font-family: 'Arial','Microsoft YaHei'; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .primary-menu li a { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } @media screen and (min-width: 992px) { .header-1 .primary-menu li a { color: #000; } .header-1 .primary-menu > li { } .header-1 .primary-menu > li:last-child { padding-right: 0; } .header-1 .primary-menu > li > a { font-size: 14px; letter-spacing: 0.5px; color: #333; font-weight: 400; line-height: 80px; padding: 0 25px; background-color: transparent; } .header-1 .primary-menu > li:hover > a, .header-1 .primary-menu > li.current_page_item > a, .header-1 .primary-menu > li.current-menu-item > a, .header-1 .primary-menu > li.current_page_ancestor > a, .header-1 .primary-menu > li.current-menu-ancestor > a { color: #54be73; } .header-1 .primary-menu > li:hover > a.no-one-page, .header-1 .primary-menu > li.current_page_item > a.no-one-page, .header-1 .primary-menu > li.current-menu-item > a.no-one-page, .header-1 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-1 .primary-menu > li.current-menu-ancestor > a.no-one-page { color: #fff; background: #54be73; } .header-1 .primary-menu .sub-menu li a { border-bottom: 1px solid #eee; } .header-1 .primary-menu .sub-menu li:hover, .header-1 .primary-menu .sub-menu li.current_page_item, .header-1 .primary-menu .sub-menu li.current-menu-item, .header-1 .primary-menu .sub-menu li.current_page_ancestor, .header-1 .primary-menu .sub-menu li.current-menu-ancestor { background-color: #54be73; } .header-1 .primary-menu .sub-menu li:hover > a, .header-1 .primary-menu .sub-menu li.current_page_item > a, .header-1 .primary-menu .sub-menu li.current-menu-item > a, .header-1 .primary-menu .sub-menu li.current_page_ancestor > a, .header-1 .primary-menu .sub-menu li.current-menu-ancestor > a { color: #fff; } .header-1 .primary-menu > li > .sub-menu { border-top: 2px solid #54be73; } .header-1 .site-menu-right .menu-right-item { color: #000; } .header-2 .primary-menu li a { color: #fff; } .header-2 .primary-menu > li { padding: 0; } .header-2 .primary-menu > li:last-child { padding-right: 0; } .header-2 .primary-menu > li > a { font-size: 14px; color: #fff; letter-spacing: 0.5px; font-weight: 400; line-height: 100px; background-color: transparent; padding: 0 25px; } .header-2 .primary-menu > li:hover > a, .header-2 .primary-menu > li.current_page_item > a, .header-2 .primary-menu > li.current-menu-item > a, .header-2 .primary-menu > li.current_page_ancestor > a, .header-2 .primary-menu > li.current-menu-ancestor > a { color: #54be73; } .header-2 .primary-menu > li:hover > a.no-one-page, .header-2 .primary-menu > li.current_page_item > a.no-one-page, .header-2 .primary-menu > li.current-menu-item > a.no-one-page, .header-2 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-2 .primary-menu > li.current-menu-ancestor > a.no-one-page { color: #fff; background: #54be73; } .header-2 .primary-menu .sub-menu li a { color: #222; border-bottom: 1px solid #eee; } .header-2 .primary-menu .sub-menu li:hover, .header-2 .primary-menu .sub-menu li.current_page_item, .header-2 .primary-menu .sub-menu li.current-menu-item, .header-2 .primary-menu .sub-menu li.current_page_ancestor, .header-2 .primary-menu .sub-menu li.current-menu-ancestor { background-color: #54be73; } .header-2 .primary-menu .sub-menu li:hover > a, .header-2 .primary-menu .sub-menu li.current_page_item > a, .header-2 .primary-menu .sub-menu li.current-menu-item > a, .header-2 .primary-menu .sub-menu li.current_page_ancestor > a, .header-2 .primary-menu .sub-menu li.current-menu-ancestor > a { color: #fff; } .header-2 .primary-menu > li > .sub-menu { border-top: 2px solid #54be73; } .header-2 .site-menu-right .menu-right-item { color: #000; } .header-3 .primary-menu li a { color: #fff; } .header-3 .primary-menu > li { padding: 0 18px; } .header-3 .primary-menu > li:last-child { padding-right: 0; } .header-3 .primary-menu > li > a { font-size: 18px; color: #fff; font-weight: 600; line-height: 110px; background-color: transparent; } .header-3 .primary-menu > li:hover > a, .header-3 .primary-menu > li.current_page_item > a, .header-3 .primary-menu > li.current-menu-item > a, .header-3 .primary-menu > li.current_page_ancestor > a, .header-3 .primary-menu > li.current-menu-ancestor > a { color: #54be73; } .header-3 .primary-menu > li:hover > a.no-one-page, .header-3 .primary-menu > li.current_page_item > a.no-one-page, .header-3 .primary-menu > li.current-menu-item > a.no-one-page, .header-3 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-3 .primary-menu > li.current-menu-ancestor > a.no-one-page { color: #54be73; } .header-3 .primary-menu .sub-menu li a { color: #222; border-bottom: 1px solid #eee; } .header-3 .primary-menu .sub-menu li:hover, .header-3 .primary-menu .sub-menu li.current_page_item, .header-3 .primary-menu .sub-menu li.current-menu-item, .header-3 .primary-menu .sub-menu li.current_page_ancestor, .header-3 .primary-menu .sub-menu li.current-menu-ancestor { background-color: #54be73; } .header-3 .primary-menu .sub-menu li:hover > a, .header-3 .primary-menu .sub-menu li.current_page_item > a, .header-3 .primary-menu .sub-menu li.current-menu-item > a, .header-3 .primary-menu .sub-menu li.current_page_ancestor > a, .header-3 .primary-menu .sub-menu li.current-menu-ancestor > a { color: #fff; } .header-3 .primary-menu > li > .sub-menu { border-top: 2px solid #54be73; } .header-3 .site-menu-right .menu-right-item { color: #000; } } @media (min-width: 992px) and (max-width: 1199px) { .header-1 .primary-menu > li > a, .header-2 .primary-menu > li > a, .header-3 .primary-menu > li > a { font-size: 14px; padding:0 14px; } .header-2 .primary-menu > li { padding: 0; } } @media screen and (max-width: 991px) { .header-1 .main-navigation { margin-left: -15px; margin-right: -15px; } .header-1 .primary-menu > li > a { font-size: 14px; color: #000; font-weight: 400; line-height:1.8; } .header-1 .primary-menu > li:hover > a, .header-1 .primary-menu > li.current_page_item > a, .header-1 .primary-menu > li.current-menu-item > a, .header-1 .primary-menu > li.current_page_ancestor > a, .header-1 .primary-menu > li.current-menu-ancestor > a { color: #54be73; } .header-1 .primary-menu > li:hover > a.no-one-page, .header-1 .primary-menu > li.current_page_item > a.no-one-page, .header-1 .primary-menu > li.current-menu-item > a.no-one-page, .header-1 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-1 .primary-menu > li.current-menu-ancestor > a.no-one-page { color: #54be73; } .header-1 .primary-menu .sub-menu { padding-left: 20px !important; } .header-1 .primary-menu .sub-menu li a { border-bottom: 1px solid #eee; } .header-1 .primary-menu .sub-menu li:hover > a, .header-1 .primary-menu .sub-menu li.current_page_item > a, .header-1 .primary-menu .sub-menu li.current-menu-item > a, .header-1 .primary-menu .sub-menu li.current_page_ancestor > a, .header-1 .primary-menu .sub-menu li.current-menu-ancestor > a { color: #54be73; } .header-2 .primary-menu > li > a, .header-3 .primary-menu > li > a { font-size: 14px; color: #000; font-weight: 400; line-height:1.8; } .header-2 .primary-menu > li:hover > a, .header-3 .primary-menu > li:hover > a, .header-2 .primary-menu > li.current_page_item > a, .header-3 .primary-menu > li.current_page_item > a, .header-2 .primary-menu > li.current-menu-item > a, .header-3 .primary-menu > li.current-menu-item > a, .header-2 .primary-menu > li.current_page_ancestor > a, .header-3 .primary-menu > li.current_page_ancestor > a, .header-2 .primary-menu > li.current-menu-ancestor > a, .header-3 .primary-menu > li.current-menu-ancestor > a { color: #54be73; } .header-2 .primary-menu > li:hover > a.no-one-page, .header-3 .primary-menu > li:hover > a.no-one-page, .header-2 .primary-menu > li.current_page_item > a.no-one-page, .header-3 .primary-menu > li.current_page_item > a.no-one-page, .header-2 .primary-menu > li.current-menu-item > a.no-one-page, .header-3 .primary-menu > li.current-menu-item > a.no-one-page, .header-2 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-3 .primary-menu > li.current_page_ancestor > a.no-one-page, .header-2 .primary-menu > li.current-menu-ancestor > a.no-one-page, .header-3 .primary-menu > li.current-menu-ancestor > a.no-one-page { color: #54be73; } .header-2 .primary-menu .sub-menu, .header-3 .primary-menu .sub-menu { padding-left: 20px !important; } .header-2 .primary-menu .sub-menu li a, .header-3 .primary-menu .sub-menu li a { border-bottom: 1px solid #eee; } .header-2 .primary-menu .sub-menu li:hover > a, .header-3 .primary-menu .sub-menu li:hover > a, .header-2 .primary-menu .sub-menu li.current_page_item > a, .header-3 .primary-menu .sub-menu li.current_page_item > a, .header-2 .primary-menu .sub-menu li.current-menu-item > a, .header-3 .primary-menu .sub-menu li.current-menu-item > a, .header-2 .primary-menu .sub-menu li.current_page_ancestor > a, .header-3 .primary-menu .sub-menu li.current_page_ancestor > a, .header-2 .primary-menu .sub-menu li.current-menu-ancestor > a, .header-3 .primary-menu .sub-menu li.current-menu-ancestor > a { color: #54be73; } } @media screen and (min-width: 992px) { .primary-menu-not-set { list-style: none; text-align: right; } .primary-menu-not-set a { line-height: 120px; color: #222; } .primary-menu-not-set a:hover { color: #54be73; } .menu-toggle { display: none; } .main-navigation ul { display: block; } .primary-menu { list-style: none; margin: 0; padding: 0; } .primary-menu li { position: relative; list-style: none; } .primary-menu li a { display: block; -webkit-transition: all 300ms linear 0ms !important; -khtml-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; -o-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; } .primary-menu > li { display: inline-block; vertical-align: middle; float: left; white-space: nowrap; } .primary-menu > li > a { line-height: 60px; font-size: 18px; display: block; position: relative; padding: 0; } .primary-menu > li:hover > a:before, .primary-menu > li.current_page_item > a:before, .primary-menu > li.current-menu-item > a:before, .primary-menu > li.current_page_ancestor > a:before, .primary-menu > li.current-menu-ancestor > a:before { opacity: 1; bottom: 0; } .primary-menu .sub-menu { list-style: none; margin: 15px 0 0; position: absolute; background: #fff; padding: 0; top: 100%; left: 0; min-width: 235px; z-index: 99; visibility: hidden; opacity: 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; clip: rect(1px, 1px, 1px, 1px); } .primary-menu .sub-menu li { padding: 0; } .primary-menu .sub-menu li a { font-size: 17px; font-family: inherit; padding: 10px 20px; } .primary-menu .sub-menu li:last-child > a { border-bottom: none; } .primary-menu .sub-menu .sub-menu { top: 0; left: 100%; } .primary-menu .sub-menu .menu-item-has-children > a { position: relative; } .primary-menu .sub-menu .menu-item-has-children > a:before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 15px; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .primary-menu li:hover, .primary-menu li.focus { overflow: visible; } .primary-menu li:hover > .sub-menu, .primary-menu li.focus > .sub-menu { visibility: visible; opacity: 1; margin-top: 0; clip: inherit; } } @media screen and (max-width: 991px) { .primary-menu-not-set a { color: #222; } .primary-menu-not-set a:hover { color: #54be73; } .main-navigation { background-color: #f2f6f6; border-top: 1px solid rgba(0, 0, 0, 0.08); position: absolute; z-index: 1001; padding: 15px 20px; top: calc(100% + 30px); top: -webkit-calc(100% + 30px); top: -ms-calc(100% + 30px); top: -o-calc(100% + 30px); bottom: auto; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; z-index: -1; } .main-navigation.navigation-open { opacity: 1; visibility: visible; top: 100%; z-index: 999; } .primary-menu { list-style: none; margin: 0; padding: 0; } .primary-menu li { position: relative; list-style: none; } .primary-menu li a { display: block; padding: 10px 20px; font-weight: 400; font-size: 14px; } .primary-menu > li > a { font-weight: 400; } .primary-menu .sub-menu { position: relative; padding-left: 20px; display: none; } .primary-menu .sub-menu.submenu-open + .main-menu-toggle:before { height: 0; } .primary-menu li.focus > .sub-menu { visibility: visible; opacity: 1; max-height: none; overflow: visible; } .main-menu-toggle { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; cursor: pointer; display: inline-block; height: 19px; line-height: 19px; position: absolute; right: 20px; text-align: center; top: 10px; width: 19px; } .main-menu-toggle:before, .main-menu-toggle:after { content: ""; position: absolute; background-color: #222; } .main-menu-toggle:before { height: 11px; left: 9px; top: 5px; width: 1px; } .main-menu-toggle:after { height: 1px; left: 4px; top: 10px; width: 11px; } } .comment-navigation, .posts-navigation, .post-navigation { /* add class back when submenu out body */ } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } ul.back { right: 100%; left: auto !important; } #pagetitle { background-color: #54be73; background-image: url(../images/page-title.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (min-width: 1200px) { #pagetitle { background-attachment: fixed; } } #pagetitle .page-title-content { padding: 160px 0 24px; text-align: center; } @media screen and (max-width: 1199px) { #pagetitle .page-title-content { display: block; padding: 150px 0 50px !important; } } @media screen and (max-width: 767px) { #pagetitle .page-title-content { padding: 80px 0 !important; } } #pagetitle h1.page-title { text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: 0.05em; font-size: 60px; margin-bottom: 115px; word-wrap: break-word; } @media screen and (max-width: 767px) { #pagetitle h1.page-title { font-size: 40px; margin-bottom: 50px; } } @media screen and (max-width: 575px) { #pagetitle h1.page-title { font-size: 30px; margin-bottom: 15px; } } #pagetitle h1.page-title + .cms-breadcrumb { padding-left: 0; margin-bottom: 0; } @media screen and (max-width: 767px) { #pagetitle h1.page-title + .cms-breadcrumb { margin-top: 30px; } } @media screen and (max-width: 575px) { #pagetitle h1.page-title + .cms-breadcrumb { margin-top: 0px; } } #pagetitle .cms-breadcrumb li { display: inline-block; color: #fff; font-size: 15px; font-weight: 400; text-transform: uppercase; } #pagetitle .cms-breadcrumb li + li { padding-left: 6px; position: relative; } #pagetitle .cms-breadcrumb li + li:before { margin-right: 6px; content: "/"; display: inline-block; } #pagetitle .cms-breadcrumb li a { color: rgba(255, 255, 255, 0.87); } #pagetitle .cms-breadcrumb li a:hover { color: #fff; } .page-template-blog-standard .posts-pagination { padding-top: 0; } .article-hentry-item { margin-bottom: 50px; background-color: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); -khtml-box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); -moz-box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); -ms-box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); -o-box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); box-shadow: 0 2px 29px rgba(34, 34, 34, 0.14); -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .article-hentry-item:last-child { margin-bottom: 0; } .article-hentry-item .entry-featured { -webkit-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; overflow: hidden; } .article-hentry-item .entry-featured img { width: 100%; } .article-hentry-item .entry-title { font-family: 'Montserrat'; font-weight: 600; font-size: 25px; } .article-hentry-item .entry-title i { font-size: 20px; } .article-hentry-item .entry-holder { padding: 27px 33px 56px 33px; position: relative; } @media screen and (max-width: 575px) { .article-hentry-item .entry-holder { padding: 15px 15px 56px; } } .article-hentry-item .entry-readmore { position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; } .article-hentry-item .entry-readmore a { background: #222; padding: 0 43px; text-transform: none; line-height: 48px; font-size: 16px; color: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); -khtml-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.36); border-radius: 50px; position: relative; display: inline-block; text-align: center; cursor: pointer; overflow: hidden; z-index: 1; font-weight: 500; outline: none; white-space: nowrap; } .article-hentry-item .entry-meta { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 22px; padding-bottom: 15px; border-bottom: 1px solid #ececf0; position: relative; } .article-hentry-item .entry-meta:before { content: ''; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: -1px; left: 0; } .article-hentry-item .entry-meta li.li-sticky { font-weight: bold; color: #222; } .article-hentry-item .entry-meta li.li-comment { float: none; } .article-hentry-item .entry-meta li.li-comment a:hover { color: #54be73; } .article-hentry-item .entry-meta li.li-comment i { color: #54be73; } .article-hentry-item:hover .entry-readmore { bottom: -30px; opacity: 1; visibility: visible; } .article-hentry-item:hover .entry-readmore a { background-color: #54be73; } @media screen and (min-width: 768px) { .article-hentry-item .entry-featured img { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .article-hentry-item { margin-bottom: 50px; } } @media screen and (max-width: 767px) { .article-hentry-item { margin-bottom: 50px; } } .search-results article.single-hentry { border-color: transparent; background-color: #fff; padding: 55px 70px 50px; border: 1px solid #d8d8d8; margin-bottom: 50px; background-color: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .search-results article.single-hentry:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11); } .search-results article.single-hentry .entry-title i { font-size: 18px; } .search-results article.single-hentry .entry-content { margin-bottom: 30px; } .cms-back-blog { font-size: 15px; font-weight: 500; } .cms-back-blog a { color: #222; } .cms-back-blog a:hover { color: #54be73; } .cms-back-blog i { padding-right: 9px; } .sticky { display: block; } .updated:not(.published) { display: none; } .entry-featured { position: relative; } @media screen and (max-width: 767px) { .entry-featured .post-image img { width: 100%; } } .entry-featured .post-image a, .entry-featured .post-image span { display: block; } .format-gallery .entry-featured { position: relative; } .format-gallery .entry-featured .owl-next, .format-gallery .entry-featured .owl-prev { background: #fff; width: 34px; height: 34px; line-height: 34px; text-align: center; position: absolute; color: #222; font-size: 18px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; opacity: 0; } .format-gallery .entry-featured .owl-next:hover, .format-gallery .entry-featured .owl-prev:hover { background: #54be73; color: #fff; } .format-gallery .entry-featured .owl-next { right: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .format-gallery .entry-featured .owl-prev { left: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .format-gallery .entry-featured:hover .owl-next, .format-gallery .entry-featured:hover .owl-prev { opacity: 1; } .format-gallery .entry-featured:hover .owl-next.disabled, .format-gallery .entry-featured:hover .owl-prev.disabled { opacity: 0.76; } .page-template-blog-standard .single-hentry .entry-holder, .archive .single-hentry .entry-holder { padding: 33px 0 23px; } .blog .single-hentry .entry-holder { padding: 33px 30px 18px; margin-bottom: 50px; background: #f8f8f8; } .blog .single-hentry .entry-meta li, .blog .single-hentry .entry-meta li a { color: #777; font-weight: 300; } .blog .single-hentry .entry-meta li { font-weight: 300; color: #777; } .blog .single-hentry .entry-meta li i { color: #54be73; } .entry-video iframe, .entry-video .wp-video { width: 100% !important; } .entry-meta { padding-left: 0; display: table; width: 100%; } @media screen and (min-width: 576px) { .entry-meta li.li-comment { float: right; } } .entry-meta li.li-comment a, .entry-meta li.li-comment i { color: #777; } .entry-meta li { text-transform: capitalize; display: inline-block; font-size: 14px; margin-bottom: 6px; font-weight: 300; color: #777; } @media screen and (max-width: 575px) { .entry-meta li:first-child { margin-right: 10px; } } .entry-meta li a { font-weight: 300; color: #777; } .entry-meta li i { margin-right: 5px; color: #54be73; } .entry-meta li + li { padding-left: 16px; } @media screen and (max-width: 575px) { .entry-meta li + li { padding-left: 0; margin-right: 16px; } } .posts-pagination { text-align: center; width: 100%; padding-top: 20px; } .posts-pagination .loop-pagination { display: table; margin-left: auto; margin-right: auto; } .posts-pagination .page-numbers { background-color: #222; color: #fff; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; height: 45px; width: 45px; line-height: 45px; text-align: center; display: inline-block; float: left; font-size: 20px; font-weight: 500; } .posts-pagination .page-numbers + .page-numbers { margin-left: 10px; } .posts-pagination .page-numbers.next, .posts-pagination .page-numbers.prev { position: relative; } .posts-pagination .page-numbers.next i, .posts-pagination .page-numbers.prev i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .posts-pagination .page-numbers:hover { color: #fff; background-color: #54be73; } .posts-pagination .page-numbers.current { background-color: #54be73; line-height: 45px; color: #fff; } .single-post .entry-meta, .single-gallerie .entry-meta { font-size: 12px; margin-top: 0; margin-bottom: 18px; } .single-post .entry-meta .li-comment, .single-gallerie .entry-meta .li-comment { color: #777; float: none; } .single-post .entry-meta .li-author, .single-gallerie .entry-meta .li-author { color: #777; } .single-post .entry-meta li i, .single-gallerie .entry-meta li i { color: #54be73; } .single-post .entry-meta li a, .single-gallerie .entry-meta li a { font-weight: 300; color: #777; } .single-post .entry-meta li a:hover, .single-gallerie .entry-meta li a:hover { color: #54be73; } .single-post .entry-meta li a:hover i, .single-gallerie .entry-meta li a:hover i { color: #54be73; } .single-post .entry-meta li + li, .single-gallerie .entry-meta li + li { margin-right: 5px; padding-left: 10px; } .single-post .entry-featured, .single-gallerie .entry-featured { margin-bottom: 30px; } .single-post .entry-featured .post-image, .single-gallerie .entry-featured .post-image { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: hidden; } .single-post .entry-featured .post-image img, .single-gallerie .entry-featured .post-image img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .single-post .entry-featured .post-image img:hover, .single-gallerie .entry-featured .post-image img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .single-post .entry-featured + .entry-holder .entry-meta, .single-gallerie .entry-featured + .entry-holder .entry-meta { font-size: 12px; margin-top: 0; margin-bottom: 10px; } @media screen and (max-width: 575px) { .single-post .entry-featured, .single-gallerie .entry-featured { margin-bottom: 30px; } .single-post .entry-featured .post-image, .single-gallerie .entry-featured .post-image { position: relative; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .single-post .entry-featured + .entry-holder .entry-meta, .single-gallerie .entry-featured + .entry-holder .entry-meta { display: table; text-align: center; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; border: 1px solid #f9f9f9; border-top: none; text-align: center; padding-bottom: 10px; } } .single-post .entry-holder, .single-gallerie .entry-holder { margin-bottom: 0px; margin-top: 0; padding-top: 0; } .single-post .meta-single-post, .single-gallerie .meta-single-post { padding-top: 30px; margin-top: 0px; padding-left: 15px; padding-right: 15px; border-top: none; padding-bottom: 20px; border-bottom: none; margin-bottom: 25px; background: #f9f9f9; } .single-post .meta-single-post .post-like, .single-gallerie .meta-single-post .post-like, .single-post .meta-single-post .entry-social-share, .single-gallerie .meta-single-post .entry-social-share { font-size: 20px; } .single-post .meta-single-post .post-like, .single-gallerie .meta-single-post .post-like { margin-right: 30px; } .single-post .meta-single-post .post-like a, .single-gallerie .meta-single-post .post-like a { color: #222; } .single-post .meta-single-post .post-like a i, .single-gallerie .meta-single-post .post-like a i { margin-right: 10px; color: #54be73; } .single-post .meta-single-post .post-like a i:hover, .single-gallerie .meta-single-post .post-like a i:hover { color: rgba(197, 164, 109, 0.8); } .single-post .meta-single-post .entry-social-share, .single-gallerie .meta-single-post .entry-social-share { color: #222; } .single-post .meta-single-post .entry-social-share ul, .single-gallerie .meta-single-post .entry-social-share ul { padding-left: 0; display: inline-block; margin-top: 0; margin-bottom: 0; } .single-post .meta-single-post .entry-social-share ul li, .single-gallerie .meta-single-post .entry-social-share ul li { display: inline-block; margin-left: 15px; float: left; } .single-post .meta-single-post .entry-social-share ul li a, .single-gallerie .meta-single-post .entry-social-share ul li a { color: #fff; width: 37px; height: 37px; display: block; text-align: center; font-size: 18px; position: relative; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .single-post .meta-single-post .entry-social-share ul li a i, .single-gallerie .meta-single-post .entry-social-share ul li a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single-post .meta-single-post .entry-social-share ul li.title-social, .single-gallerie .meta-single-post .entry-social-share ul li.title-social { line-height: 40px; height: 37px; color: #565656; margin-left: 0; margin-right: 3px; } .single-post .meta-single-post .entry-social-share ul li.fb-social a, .single-gallerie .meta-single-post .entry-social-share ul li.fb-social a { background: #3b5998; } .single-post .meta-single-post .entry-social-share ul li.tw-social a, .single-gallerie .meta-single-post .entry-social-share ul li.tw-social a { background: #00acee; } .single-post .meta-single-post .entry-social-share ul li.em-social a, .single-gallerie .meta-single-post .entry-social-share ul li.em-social a { background: #ca1f27; } .single-post .meta-single-post .entry-social-share ul li.g-social a, .single-gallerie .meta-single-post .entry-social-share ul li.g-social a { background: #dd4b39; } @media screen and (min-width: 768px) { .single-post .meta-single-post, .single-gallerie .meta-single-post { display: flex; } .single-post .meta-single-post .post-like, .single-gallerie .meta-single-post .post-like { flex-grow: 1; } .single-post .meta-single-post .entry-social-share, .single-gallerie .meta-single-post .entry-social-share { flex-grow: 0; } } @media screen and (max-width: 767px) { .single-post .meta-single-post, .single-gallerie .meta-single-post { text-align: center; } .single-post .meta-single-post .post-like, .single-gallerie .meta-single-post .post-like { margin-right: 0px; padding-bottom: 10px; } } .single-post .cms-title-sinlge-custom, .single-gallerie .cms-title-sinlge-custom { font-size: 20px; font-family: 'Arial','Microsoft YaHei'; font-weight: bold; color: #222; } .single-post .cms-p-custom, .single-gallerie .cms-p-custom { margin-bottom: 24px; } .single-post .cms-blockquote-custom, .single-gallerie .cms-blockquote-custom { color: #222; } .single-post .entry-content-bottom, .single-gallerie .entry-content-bottom { margin: 0px 0 10px; } .single-post .entry-content-bottom .entry-tags, .single-gallerie .entry-content-bottom .entry-tags { padding: 0px; margin-top: 30px; } .single-post .entry-tags, .single-gallerie .entry-tags { float: left; padding: 0 15px; } .single-post .entry-tags a, .single-gallerie .entry-tags a { font-size: 12px; display: inline-block; border: 1px solid #54be73; border-image-slice: 1; color: #54be73; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; line-height: 28px; height: 30px; padding: 0 13px; } .single-post .entry-tags a:hover, .single-gallerie .entry-tags a:hover { color: #fff; background: #222; border-color: #222; } .single-post .entry-tags a + a, .single-gallerie .entry-tags a + a { margin-left: 6px; } @media screen and (max-width: 991px) { } .single-post .entry-holder, .single-gallerie .entry-holder { padding-bottom: 10px; } .single-post .entry-author-info, .single-gallerie .entry-author-info { margin-top: 30px; padding-bottom: 25px; border-bottom: 1px solid #d8d8d8; } .single-post .entry-author-info .author-avatar, .single-gallerie .entry-author-info .author-avatar { width: 100px; float: left; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: hidden; } .single-post .entry-author-info .author-description, .single-gallerie .entry-author-info .author-description { padding-left: 130px; font-size: 15px; } .single-post .entry-author-info .author-description span, .single-gallerie .entry-author-info .author-description span { color: #282828; display: inline-block; font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 15px; margin-top: -4px; } .single-post .entry-author-info .author-description .user-social, .single-gallerie .entry-author-info .author-description .user-social { padding-left: 0; margin-bottom: 0; } .single-post .entry-author-info .user-social li, .single-gallerie .entry-author-info .user-social li { display: inline-block; } .single-post .entry-author-info .user-social li a, .single-gallerie .entry-author-info .user-social li a { color: #5d5d5d; font-size: 15px; } .single-post .entry-author-info .user-social li a:hover, .single-gallerie .entry-author-info .user-social li a:hover { color: #54be73; } .single-post .entry-author-info .user-social li + li, .single-gallerie .entry-author-info .user-social li + li { margin-left: 24px; } .single-post .post-previous-next, .single-gallerie .post-previous-next { padding: 0 0 25px; border-bottom: 1px solid #d8d8d8; } .single-post .post-previous-next a, .single-gallerie .post-previous-next a { position: relative; width: 100%; display: block; } .single-post .post-previous-next .nav-image, .single-gallerie .post-previous-next .nav-image { width: 100px; height: 65px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: hidden; display: inline-block; margin-top: 5px; position: relative; } .single-post .post-previous-next .nav-image:before, .single-gallerie .post-previous-next .nav-image:before { display: block; content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-color: #222; opacity: 0; z-index: 1; } .single-post .post-previous-next .nav-image:after, .single-gallerie .post-previous-next .nav-image:after { content: "\f0c1"; font-family: "FontAwesome"; display: block; top: 0; left: 50%; z-index: 2; position: absolute; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; font-size: 18px; color: #fff; opacity: 0; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-post .post-previous-next .nav-image:hover:after, .single-gallerie .post-previous-next .nav-image:hover:after { top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .single-post .post-previous-next .nav-image:hover:before, .single-gallerie .post-previous-next .nav-image:hover:before { opacity: 0.5; } @media screen and (max-width: 575px) { .single-post .post-previous-next .nav-image, .single-gallerie .post-previous-next .nav-image { width: 100px; height: 70px; } } .single-post .post-previous-next .nav-inner, .single-gallerie .post-previous-next .nav-inner { position: absolute; top: 6px; } .single-post .post-previous-next .nav-inner span, .single-gallerie .post-previous-next .nav-inner span { text-transform: capitalize; font-size: 14px; color: #222; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; display: block; font-weight: 500; } .single-post .post-previous-next .nav-inner span:before, .single-gallerie .post-previous-next .nav-inner span:before, .single-post .post-previous-next .nav-inner span:after, .single-gallerie .post-previous-next .nav-inner span:after { display: inline-block; font-family: "FontAwesome"; } .single-post .post-previous-next .nav-link-prev, .single-gallerie .post-previous-next .nav-link-prev { width: 50% !important; } .single-post .post-previous-next .nav-link-prev .nav-inner, .single-gallerie .post-previous-next .nav-link-prev .nav-inner { left: 120px; } .single-post .post-previous-next .nav-link-prev .nav-inner span:first-child, .single-gallerie .post-previous-next .nav-link-prev .nav-inner span:first-child { color: #b8b8b8; } .single-post .post-previous-next .nav-link-prev .nav-inner span:first-child:before, .single-gallerie .post-previous-next .nav-link-prev .nav-inner span:first-child:before { content: "\f104"; margin-right: 5px; } .single-post .post-previous-next .nav-link-prev .nav-inner span:first-child:hover, .single-gallerie .post-previous-next .nav-link-prev .nav-inner span:first-child:hover { color: #54be73; } .single-post .post-previous-next .nav-link-prev .nav-inner span:first-child:hover:before, .single-gallerie .post-previous-next .nav-link-prev .nav-inner span:first-child:hover:before { color: #54be73; } .single-post .post-previous-next .nav-link-next, .single-gallerie .post-previous-next .nav-link-next { width: 50% !important; } .single-post .post-previous-next .nav-link-next .nav-inner, .single-gallerie .post-previous-next .nav-link-next .nav-inner { right: 120px; } .single-post .post-previous-next .nav-link-next .nav-inner span:first-child, .single-gallerie .post-previous-next .nav-link-next .nav-inner span:first-child { color: #b8b8b8; } .single-post .post-previous-next .nav-link-next .nav-inner span:first-child:after, .single-gallerie .post-previous-next .nav-link-next .nav-inner span:first-child:after { content: "\f105"; margin-left: 5px; } @media screen and (max-width: 575px) { .single-post .post-previous-next .nav-link-prev, .single-gallerie .post-previous-next .nav-link-prev { width: 100% !important; margin-bottom: 0; padding-bottom: 50px; position: relative; } .single-post .post-previous-next .nav-link-prev:after, .single-gallerie .post-previous-next .nav-link-prev:after { position: absolute; content: ""; width: 100px; height: 1px; bottom: 25px; display: block; background: #777; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-post .post-previous-next .nav-link-next, .single-gallerie .post-previous-next .nav-link-next { width: 100% !important; } } @media screen and (min-width: 992px) { .single-post #primary.content-has-sidebar, .page-template-blog-standard #primary.content-has-sidebar { flex: 0 0 66.6667%; max-width: 66.6667%; } } .error404 .page-title { display: none; } @media screen and (min-width: 992px) { .error-404 { padding-top: 25px; padding-bottom: 105px; } } @media screen and (max-width: 991px) { .error-404 { padding-bottom: 20px; padding-top: 0; } } @media screen and (max-width: 767px) { .error-404 { padding-bottom: 0; } } .error-404 .img-404 { margin-top: 30px; margin-bottom: 50px; max-width: 100%; } @media screen and (max-width: 767px) { .error-404 .img-404 { width: 250px; } } .error-404 .sub-title-404 { font-size: 40px; color: #222; line-height: 36px; font-weight: 400; position: relative; margin-bottom: 12px; text-transform: uppercase; font-family: 'Arial','Microsoft YaHei'; } @media screen and (max-width: 767px) { .error-404 .sub-title-404 { font-size: 20px; } } .error-404 .excerpt-404 { color: #54be73; font-size: 17px; font-weight: 400; margin-bottom: 42px; font-family: 'Arial','Microsoft YaHei'; } .error-404 .btn-404 { background: #54be73; min-width: 186px; height: 38px; display: inline-block; padding: 0; text-align: center; line-height: 38px; font-size: 15px; font-weight: 500; text-transform: uppercase; margin-top: 10px; color: #fff; } .error-404 .btn-404:hover { background: #222; } .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; } .widget.widget_newsletterwidgetminimal .widget-title { display: none; } .widget.widget_newsletterwidgetminimal form { position: relative; max-width: 484px; } .widget.widget_newsletterwidgetminimal form .tnp-email { height: 50px; line-height: 48px; margin-bottom: 0; padding-right: 137px; padding-left: 20px; font-style: italic; background-color: transparent; border: 1px solid #c8c8c8; } .widget.widget_newsletterwidgetminimal form .tnp-email:focus { border-color: #54be73; } .widget.widget_newsletterwidgetminimal form .tnp-email::-webkit-input-placeholder { color: #c8c8c8; font-size: 12px; font-style: italic; } .widget.widget_newsletterwidgetminimal form .tnp-email::-moz-placeholder { color: #c8c8c8; font-size: 12px; font-style: italic; } .widget.widget_newsletterwidgetminimal form .tnp-email::-ms-input-placeholder { color: #c8c8c8; font-size: 12px; font-style: italic; } .widget.widget_newsletterwidgetminimal form .tnp-email::-moz-placeholder { color: #c8c8c8; font-size: 12px; font-style: italic; } .widget.widget_newsletterwidgetminimal form .tnp-submit { position: absolute; top: 0; right: 0; font-weight: 500; width: 137px; text-align: center; height: 50px; line-height: 50px; padding: 0; letter-spacing: 1px; background-color: #54be73; color: #fff; font-size: 15px; text-transform: uppercase; } @media screen and (max-width: 767px) { .widget.widget_newsletterwidgetminimal form { max-width: 100%; } .widget.widget_newsletterwidgetminimal form .tnp-email { padding-right: 25px; margin-bottom: 20px; } .widget.widget_newsletterwidgetminimal form .tnp-submit { position: static; width: 100%; } } .new-letter-form-home1 .widget.widget_newsletterwidgetminimal form .tnp-email { color: #fff; border: 1px solid #c8c8c8; } .wpb_widgetised_column .widget { margin-bottom: 50px; } .wpb_widgetised_column .widget:last-child { margin-bottom: 0; } .logged-in .hide-logged { display: none; } #content .widget_product_categories ul ul ul ul ul, #content .widget_categories ul ul ul ul ul, #content .widget_pages ul ul ul ul ul, #content .widget_nav_menu ul ul ul ul ul, #content .widget_meta ul ul ul ul ul { padding-left: 0; } #content .widget_categories ul li, #content .widget_nav_menu ul li, #content .widget_pages ul li, #content .widget_archive ul li, #content .widget_meta ul li { padding-bottom: 2px; margin-bottom: 5px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #content .widget_categories ul li:last-child, #content .widget_nav_menu ul li:last-child, #content .widget_pages ul li:last-child, #content .widget_archive ul li:last-child, #content .widget_meta ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #content .widget_categories ul li a, #content .widget_nav_menu ul li a, #content .widget_pages ul li a, #content .widget_archive ul li a, #content .widget_meta ul li a { margin-left: -25px; color: #222; font-weight: 400; padding: 0px 15px 0px 0; font-size: 15px; line-height: normal; } #content .widget_categories ul li a:before, #content .widget_nav_menu ul li a:before, #content .widget_pages ul li a:before, #content .widget_archive ul li a:before, #content .widget_meta ul li a:before { opacity: 0; display: inline-block; content: ' '; margin-right: 8px; position: relative; top: 3px; background-image: url('../images/icon-menu.svg'); background-size: 17px 17px; height: 17px; width: 17px; color: inherit; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #content .widget_categories ul li a:hover, #content .widget_nav_menu ul li a:hover, #content .widget_pages ul li a:hover, #content .widget_archive ul li a:hover, #content .widget_meta ul li a:hover { color: #54be73; margin-left: 0px; } #content .widget_categories ul li a:hover:before, #content .widget_nav_menu ul li a:hover:before, #content .widget_pages ul li a:hover:before, #content .widget_archive ul li a:hover:before, #content .widget_meta ul li a:hover:before { opacity: 1; } #content .widget_categories ul li { padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .widget_meta ul li { color: #000; } .widget_product_categories ul li { margin-bottom: 2px; } .widget_product_categories ul li:first-child { margin-top: 7px; } .widget_product_categories ul li:last-child { margin-bottom: 5px; } .widget_product_categories ul li a { display: block; background: #f8f8f8; padding: 12px 15px 12px 50px; color: ; position: relative; -webkit-transition: all 500ms ease-in-out 0s; -khtml-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; } .widget_product_categories ul li a:before { top: 13px; left: 35px; content: "\25A0"; float: left; color: #cecece; font-family: FontAwesome; position: absolute; } .widget_product_categories ul li a:hover { background: #54be73; color: #fff; } #secondary .swh-widget-search { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } #secondary .widget_search .widget-title { margin-bottom: 12px !important; display: none; } #secondary .widget_search .search-field { margin-bottom: 0; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } #secondary .widget_widget-price-filter { margin-bottom: 50px !important; } #secondary .widget_widget-price-filter .widget-title span { font-family: 'Arial','Microsoft YaHei'; font-weight: 400; margin-left: 10px; } @media screen and (min-width: 992px) { #secondary .widget_widget-price-filter .widget-title span { float: right; } } #secondary .widget_widget-price-filter .widget-content { padding-top: 45px; padding-bottom: 48px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; } #secondary .widget_widget-price-filter .swh-price-filter { margin: 0; height: 4px; background: #c8c8c8; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #secondary .widget_widget-price-filter .swh-price-filter .ui-slider-range { background: #54be73; } #secondary .widget_widget-price-filter .swh-price-filter .ui-slider-handle { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 16px; height: 16px; background: #54be73; border: none; top: -7px; } #secondary .widget_cms_recent_posts, #secondary .widget_widget-best-rooms { overflow: hidden; } #secondary .widget_cms_recent_posts .posts-list, #secondary .widget_widget-best-rooms .posts-list { padding-top: 3px; } #secondary .widget_cms_recent_posts .entry-brief, #secondary .widget_widget-best-rooms .entry-brief { margin-bottom: 25px; padding-bottom: 8px; } #secondary .widget_cms_recent_posts .entry-brief:last-child, #secondary .widget_widget-best-rooms .entry-brief:last-child { border-bottom: none; margin-bottom: 5px; padding-bottom: 0; } #secondary .widget_cms_recent_posts .entry-brief .entry-media, #secondary .widget_widget-best-rooms .entry-brief .entry-media { max-width: 101px; float: left; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: hidden; } #secondary .widget_cms_recent_posts .entry-brief .entry-media img, #secondary .widget_widget-best-rooms .entry-brief .entry-media img { width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #secondary .widget_cms_recent_posts .entry-brief .entry-media img:hover, #secondary .widget_widget-best-rooms .entry-brief .entry-media img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #secondary .widget_cms_recent_posts .entry-brief .entry-media + .entry-content, #secondary .widget_widget-best-rooms .entry-brief .entry-media + .entry-content { padding-left: 125px; } #secondary .widget_cms_recent_posts .entry-brief .entry-content .entry-title, #secondary .widget_widget-best-rooms .entry-brief .entry-content .entry-title { font-size: 15px; font-weight: 500; clear: none; margin-bottom: 12px; } #secondary .widget_cms_recent_posts .entry-brief .entry-content .entry-title a, #secondary .widget_widget-best-rooms .entry-brief .entry-content .entry-title a { color: #222; } #secondary .widget_cms_recent_posts .entry-brief .entry-content .entry-title a:hover, #secondary .widget_widget-best-rooms .entry-brief .entry-content .entry-title a:hover { color: #54be73; } #secondary .widget_cms_recent_posts .entry-brief .entry-date, #secondary .widget_widget-best-rooms .entry-brief .entry-date, #secondary .widget_cms_recent_posts .entry-brief .cms-price-wg, #secondary .widget_widget-best-rooms .entry-brief .cms-price-wg { font-size: 12px; color: #222; margin-bottom: 15px; } #secondary .widget_cms_recent_posts .entry-brief .cms-readmore, #secondary .widget_widget-best-rooms .entry-brief .cms-readmore, #secondary .widget_cms_recent_posts .entry-brief .btn-book-now, #secondary .widget_widget-best-rooms .entry-brief .btn-book-now { text-transform: uppercase; font-size: 10px; display: inline-block; padding: 6px 22px; font-weight: 600; background: #000; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; } #secondary .widget_cms_recent_posts .entry-brief .cms-readmore:hover, #secondary .widget_widget-best-rooms .entry-brief .cms-readmore:hover, #secondary .widget_cms_recent_posts .entry-brief .btn-book-now:hover, #secondary .widget_widget-best-rooms .entry-brief .btn-book-now:hover { background: #54be73; letter-spacing: 0.1em; } #secondary .widget_cs_social_widget .cms-social li { margin: 5px 10px 5px 0; } #secondary .widget_cs_social_widget .cms-social li:last-child { margin-right: 0; } #secondary .widget_cs_social_widget .cms-social li a { width: 50px; height: 50px; font-size: 20px; display: block; text-align: center; line-height: 48px; border: 1px solid #ddd; color: #000; display: block; overflow: hidden; position: relative; -webkit-transition: all 300ms ease-in-out 0s; -khtml-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } #secondary .widget_cs_social_widget .cms-social li a:before { position: absolute; left: -100%; display: block; width: 100%; content: " "; z-index: -1; height: 100%; background: #54be73; border-color: #54be73; -webkit-transition: all 300ms ease-in-out 0s; -khtml-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } #secondary .widget_cs_social_widget .cms-social li a:hover { color: #fff; } #secondary .widget_cs_social_widget .cms-social li a:hover:before { left: 0; } #secondary .fb-page { margin-top: 5px; } #secondary .cms-recent-service .recent-service-item { margin-bottom: 2px; } #secondary .cms-recent-service .recent-service-item:first-child { margin-top: 7px; } #secondary .cms-recent-service .recent-service-item:last-child { margin-bottom: 5px; } #secondary .cms-recent-service .recent-service-item a { display: block; background: #f8f8f8; padding: 12px 15px 12px 50px; color: ; position: relative; -webkit-transition: all 500ms ease-in-out 0s; -khtml-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; } @media screen and (max-width: 575px) { #secondary .cms-recent-service .recent-service-item a { padding-left: 30px; } } #secondary .cms-recent-service .recent-service-item a:before { top: 13px; left: 35px; content: "\25A0"; float: left; color: #cecece; font-family: FontAwesome; position: absolute; } @media screen and (max-width: 575px) { #secondary .cms-recent-service .recent-service-item a:before { left: 15px; } } #secondary .cms-recent-service .recent-service-item a:hover { background: #54be73; color: #fff; } #secondary .widget_widget-filter-form { margin-bottom: 50px !important; } .widget_recent_comments .recentcomments { margin-bottom: 20px; } .widget_recent_comments .recentcomments:first-child { margin-top: 23px !important; } .widget_recent_comments .recentcomments > a { font-size: 15px; } .widget_recent_comments .recentcomments span { display: block; font-size: 15px; text-transform: capitalize; } .widget_rss ul { list-style: none; padding: 0; } .widget_rss li { margin-bottom: 16px; } .widget_rss li:last-child { margin-bottom: 0; } .widget_rss .rsswidget { font-weight: 700; display: inline-block; } .widget_rss .rss-date { font-size: 0.875em; font-style: italic; display: block; } .widget_rss cite { font-weight: 700; font-size: 0.875em; } .widget_calendar th, .widget_calendar td { text-align: center; } .widget_search .searchform-wrap { position: relative; } .widget_search .search-submit { position: absolute; top: 0; right: 0; height: 40px; width: 50px; line-height: 40px; padding: 0; text-align: center; border: none; background-color: #54be73; background-image: none; color: #fff; font-size: 17px; -webkit-border-radius: 0 7px 7px 0; -khtml-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -ms-border-radius: 0 7px 7px 0; -o-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } .widget_search .search-field { background: transparent; height: 40px; line-height: 38px; padding-right: 50px; } .widget_search .search-field:focus { background-color: #f8f8f8; border: 1px solid #54be73; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .widget_search .search-field:focus + .search-submit { color: #fff; } .widget_search .search-field:focus + .search-submit:hover { background-color: #222; border-color: transparent; color: #fff; } .search-no-results .content-area .search-form .searchform-wrap { position: relative; } .search-no-results .content-area .search-form .searchform-wrap .search-field { background: transparent; height: 40px; line-height: 38px; padding-right: 50px; border: 1px solid #d8d8d8; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .search-no-results .content-area .search-form .searchform-wrap .search-field:focus { background-color: #f8f8f8; border: 1px solid #54be73; } .search-no-results .content-area .search-form .searchform-wrap .search-submit { -webkit-border-radius: 0 7px 7px 0; -khtml-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -ms-border-radius: 0 7px 7px 0; -o-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; position: absolute; top: 0; background-color: transparent; right: 0; height: 50px; line-height: 50px; color: #000; } #secondary ul { list-style: none; padding-left: 0; margin: 0; } #secondary .widget { margin-bottom: 65px; } @media screen and (max-width: 767px) { #secondary .widget { margin-bottom: 40px; } } #secondary .widget:last-child { margin-bottom: 0; } #secondary .widget.widget_search { margin-bottom: 50px; } @media screen and (max-width: 767px) { #secondary .widget.widget_search { margin-bottom: 40px; } } #secondary .widget .widget-title { text-transform: uppercase; font-size: 20px; color: #000; line-height: 21px; font-weight: 600; margin: 0px 0 25px 0; padding-bottom: 10px; position: relative; } #secondary .widget .widget-title:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } #secondary .widget:first-child .widget-title { margin-top: 0; } #secondary .widget.widget_text p { color: #707070; line-height: 21px; font-size: 14px; } #secondary .widget.widget_text p:last-child { margin-bottom: 0; } #secondary .widget.widget_categories ul li:first-child a, #secondary .widget.widget_meta ul li:first-child a, #secondary .widget.widget_recent_comments ul li:first-child a, #secondary .widget.widget_archive ul li:first-child a { padding-top: 0 !important; } #secondary .widget.widget_categories ul li a, #secondary .widget.widget_meta ul li a, #secondary .widget.widget_recent_comments ul li a, #secondary .widget.widget_archive ul li a { padding: 5px 0px 0px 0; display: inline-block; } #secondary .widget.widget_nav_menu ul.menu > li:first-child, #secondary .widget.widget_pages ul.menu > li:first-child, #secondary .widget.widget_categories ul.menu > li:first-child, #secondary .widget.widget_nav_menu ul li.page_item_has_children:first-child, #secondary .widget.widget_pages ul li.page_item_has_children:first-child, #secondary .widget.widget_categories ul li.page_item_has_children:first-child, #secondary .widget.widget_nav_menu ul li:first-child, #secondary .widget.widget_pages ul li:first-child, #secondary .widget.widget_categories ul li:first-child { margin-top: 28px; } #secondary .widget.widget_nav_menu ul.menu > li a, #secondary .widget.widget_pages ul.menu > li a, #secondary .widget.widget_categories ul.menu > li a, #secondary .widget.widget_nav_menu ul li.page_item_has_children a, #secondary .widget.widget_pages ul li.page_item_has_children a, #secondary .widget.widget_categories ul li.page_item_has_children a, #secondary .widget.widget_nav_menu ul li a, #secondary .widget.widget_pages ul li a, #secondary .widget.widget_categories ul li a { padding: 5px 15px 0px 0; } #secondary .widget.widget_nav_menu ul.menu > li .sub-menu, #secondary .widget.widget_pages ul.menu > li .sub-menu, #secondary .widget.widget_categories ul.menu > li .sub-menu, #secondary .widget.widget_nav_menu ul li.page_item_has_children .sub-menu, #secondary .widget.widget_pages ul li.page_item_has_children .sub-menu, #secondary .widget.widget_categories ul li.page_item_has_children .sub-menu, #secondary .widget.widget_nav_menu ul li .sub-menu, #secondary .widget.widget_pages ul li .sub-menu, #secondary .widget.widget_categories ul li .sub-menu, #secondary .widget.widget_nav_menu ul.menu > li .children, #secondary .widget.widget_pages ul.menu > li .children, #secondary .widget.widget_categories ul.menu > li .children, #secondary .widget.widget_nav_menu ul li.page_item_has_children .children, #secondary .widget.widget_pages ul li.page_item_has_children .children, #secondary .widget.widget_categories ul li.page_item_has_children .children, #secondary .widget.widget_nav_menu ul li .children, #secondary .widget.widget_pages ul li .children, #secondary .widget.widget_categories ul li .children { padding-left: 15px; } #secondary .widget.widget_nav_menu ul.menu > li .sub-menu > li:first-child, #secondary .widget.widget_pages ul.menu > li .sub-menu > li:first-child, #secondary .widget.widget_categories ul.menu > li .sub-menu > li:first-child, #secondary .widget.widget_nav_menu ul li.page_item_has_children .sub-menu > li:first-child, #secondary .widget.widget_pages ul li.page_item_has_children .sub-menu > li:first-child, #secondary .widget.widget_categories ul li.page_item_has_children .sub-menu > li:first-child, #secondary .widget.widget_nav_menu ul li .sub-menu > li:first-child, #secondary .widget.widget_pages ul li .sub-menu > li:first-child, #secondary .widget.widget_categories ul li .sub-menu > li:first-child, #secondary .widget.widget_nav_menu ul.menu > li .children > li:first-child, #secondary .widget.widget_pages ul.menu > li .children > li:first-child, #secondary .widget.widget_categories ul.menu > li .children > li:first-child, #secondary .widget.widget_nav_menu ul li.page_item_has_children .children > li:first-child, #secondary .widget.widget_pages ul li.page_item_has_children .children > li:first-child, #secondary .widget.widget_categories ul li.page_item_has_children .children > li:first-child, #secondary .widget.widget_nav_menu ul li .children > li:first-child, #secondary .widget.widget_pages ul li .children > li:first-child, #secondary .widget.widget_categories ul li .children > li:first-child { margin-top: 3px; padding-top: 3px; } #secondary .widget.widget_nav_menu ul.menu > li .sub-menu .sub-menu, #secondary .widget.widget_pages ul.menu > li .sub-menu .sub-menu, #secondary .widget.widget_categories ul.menu > li .sub-menu .sub-menu, #secondary .widget.widget_nav_menu ul li.page_item_has_children .sub-menu .sub-menu, #secondary .widget.widget_pages ul li.page_item_has_children .sub-menu .sub-menu, #secondary .widget.widget_categories ul li.page_item_has_children .sub-menu .sub-menu, #secondary .widget.widget_nav_menu ul li .sub-menu .sub-menu, #secondary .widget.widget_pages ul li .sub-menu .sub-menu, #secondary .widget.widget_categories ul li .sub-menu .sub-menu, #secondary .widget.widget_nav_menu ul.menu > li .children .sub-menu, #secondary .widget.widget_pages ul.menu > li .children .sub-menu, #secondary .widget.widget_categories ul.menu > li .children .sub-menu, #secondary .widget.widget_nav_menu ul li.page_item_has_children .children .sub-menu, #secondary .widget.widget_pages ul li.page_item_has_children .children .sub-menu, #secondary .widget.widget_categories ul li.page_item_has_children .children .sub-menu, #secondary .widget.widget_nav_menu ul li .children .sub-menu, #secondary .widget.widget_pages ul li .children .sub-menu, #secondary .widget.widget_categories ul li .children .sub-menu, #secondary .widget.widget_nav_menu ul.menu > li .sub-menu .children, #secondary .widget.widget_pages ul.menu > li .sub-menu .children, #secondary .widget.widget_categories ul.menu > li .sub-menu .children, #secondary .widget.widget_nav_menu ul li.page_item_has_children .sub-menu .children, #secondary .widget.widget_pages ul li.page_item_has_children .sub-menu .children, #secondary .widget.widget_categories ul li.page_item_has_children .sub-menu .children, #secondary .widget.widget_nav_menu ul li .sub-menu .children, #secondary .widget.widget_pages ul li .sub-menu .children, #secondary .widget.widget_categories ul li .sub-menu .children, #secondary .widget.widget_nav_menu ul.menu > li .children .children, #secondary .widget.widget_pages ul.menu > li .children .children, #secondary .widget.widget_categories ul.menu > li .children .children, #secondary .widget.widget_nav_menu ul li.page_item_has_children .children .children, #secondary .widget.widget_pages ul li.page_item_has_children .children .children, #secondary .widget.widget_categories ul li.page_item_has_children .children .children, #secondary .widget.widget_nav_menu ul li .children .children, #secondary .widget.widget_pages ul li .children .children, #secondary .widget.widget_categories ul li .children .children { padding-left: 15px; } #secondary .widget.cms-widget-text { border: 1px solid #d8d8d8; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; padding: 35px 15px; text-align: center; } @media screen and (max-width: 767px) { #secondary .widget.cms-widget-text { border: none; } } #secondary .widget.cms-widget-text .widget-title { margin-bottom: 15px; } #secondary .widget.cms-widget-text .widget-title:after { opacity: 0; padding-bottom: 0; } #secondary .widget.cms-widget-text ul li { font-family: "Monttserrat"; font-size: 20px; } #secondary .widget.cms-widget-text ul li:first-child { color: #54be73; } .swh-checking-form { margin-bottom: 48px; } .swh-checking-form .swh-check-in, .swh-checking-form .swh-check-out { padding-top: 0 !important; } #secondary .widget_nav_menu { margin-bottom: 40px; } #secondary .widget_widget-best-rooms { margin-bottom: 45px; } #secondary .widget_product_search { margin-bottom: 70px; } #secondary .widget_product_search .woocommerce-product-search { position: relative; } #secondary .widget_product_search .woocommerce-product-search button { height: 50px; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 50px; z-index: 2; } #secondary .widget_product_search .woocommerce-product-search:before { content: "\f002"; font-family: FontAwesome; font-size: 15px; color: #54be73; position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; } .widget_recent_entries li { font-size: 14px; margin-bottom: 5px; } .widget_recent_entries li a { display: block; font-weight: 600; } .widget_recent_entries li span { display: block; font-size: 14px; padding-bottom: 13px; color: #707070; } .widget_recent_entries li span:before { margin-right: 5px; content: "\f073"; font-family: "FontAwesome"; display: inline-block; } .widget_recent_entries li:last-child { margin-bottom: 0; } .widget_recent_entries li:last-child span { padding-bottom: 0; } .widget_tag_cloud .widget-content { overflow: hidden; } .widget_tag_cloud .tagcloud { overflow: hidden; } .widget_tag_cloud a { border: solid 1px #e1e1e1; border-radius: 0px; padding: 5px 20px; font-size: 13px !important; float: left; margin-right: 8px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom: 8px; } .widget_tag_cloud a:hover { background-color: #54be73; color: #fff; border-color: #54be73; } .cms-social li { display: inline-block; } .cms-social li + li { margin-left: 24px; } .cms-social li a { font-size: 14px; } .cms-social li span { display: none; } .vc_wp_custommenu .widgettitle { font-size: 24px; } .widget_cms_check_availability { background-color: #fff; border: 1px solid #e5e5e5 !important; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin-bottom: 55px !important; padding: 30px !important; } .widget_cms_check_availability .select2-selection__arrow { display: none !important; } .widget_newsletterwidget .newsletter-subscription { margin: 0; } .widget_newsletterwidget form { position: relative; } .widget_newsletterwidget form .tnp-field-email { margin: 0; display: inline-block; width: 100%; } .widget_newsletterwidget form .tnp-field-email label { display: none; } .widget_newsletterwidget form:hover .tnp-field-button:before { color: #fff; } @media screen and (min-width: 768px) { } .cms-download .cms-download-inner { min-height: 70px; position: relative; padding: 16px 40px 16px 20px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-download .cms-download-title { margin: 0; font-size: 15px; line-height: 21px; margin: 8px 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-download span { background-color: #282828; display: inline-block; font-size: 8px; height: 24px; line-height: 24px; text-align: center; width: 22px; color: #54be73; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-download a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .cms-download:hover .cms-download-inner { background-color: #222; background-image: none; } .cms-download:hover .cms-download-inner .cms-download-title { color: #fff; } .cms-download:hover .cms-download-inner span { background-color: #54be73; color: #fff; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { display: inline-block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { padding: 0.8075em 0; font-size: 0.875em; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .comment-content a { word-wrap: break-word; } .comment-navigation { margin-top: 40px !important; border-top: 1px solid #d8d8d8; padding-top: 30px; } .bypostauthor { display: block; } .comments-area .comment-list-wrap { padding-top: 50px; } .comments-area .comments-title { font-size: 20px; text-transform: uppercase; color: #222; font-family: 'Montserrat'; margin-bottom: 40px; font-weight: 600; letter-spacing: 0.05em; position: relative; padding-bottom: 10px; } .comments-area .comments-title:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } .comments-area .comment-respond { margin-top: 40px; } .comments-area .comment-respond .comment-form input, .comments-area .comment-respond .comment-form textarea { border: 1px solid #e1e1e1; width: 100%; line-height: normal; margin-bottom: 22px; font-size: 15px; color: #737373; } .comments-area .comment-respond .comment-form input:focus, .comments-area .comment-respond .comment-form textarea:focus { border: 1px solid #54be73; } .comments-area .comment-respond .comment-form input::-webkit-input-placeholder, .comments-area .comment-respond .comment-form textarea::-webkit-input-placeholder { color: #777; font-style: italic; } .comments-area .comment-respond .comment-form input::-moz-placeholder, .comments-area .comment-respond .comment-form textarea::-moz-placeholder { color: #777; font-style: italic; } .comments-area .comment-respond .comment-form input::-ms-input-placeholder, .comments-area .comment-respond .comment-form textarea::-ms-input-placeholder { color: #777; font-style: italic; } .comments-area .comment-respond .comment-form input::-moz-placeholder, .comments-area .comment-respond .comment-form textarea::-moz-placeholder { color: #777; font-style: italic; } .comments-area .comment-respond .comment-form input { line-height: 41px; height: 43px; padding: 0px 15px; } .comments-area .comment-respond .comment-form textarea { min-height: 150px; padding: 15px; } .comments-area .comment-respond .comment-form .submit { background: #54be73; height: 45px; padding: 0; text-align: center; line-height: 45px; font-size: 15px; font-weight: 500; text-transform: uppercase; margin-top: 13px; margin-bottom: 5px; color: #fff; border: 1px solid transparent; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .comments-area .comment-respond .comment-form .submit:hover { background: #222; } .comments-area .comment-respond .comment-form input, .comments-area .comment-respond .comment-form textarea { -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .comments-area .comment-respond .comment-form input:focus, .comments-area .comment-respond .comment-form textarea:focus { border-color: #54be73; } .comments-area .comment-respond .comment-reply-title { font-size: 20px; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase; font-family: 'Montserrat'; color: #222; margin-bottom: 30px; position: relative; padding-bottom: 10px; } .comments-area .comment-respond .comment-reply-title:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } .comments-area .no-comments { display: none; } .comment-list { padding: 0; list-style: none; margin-top: 0; margin-bottom: 0; } .comment-list .comment-body { padding-bottom: 25px; position: relative; } .comment-list li { list-style: none; } .comment-list li .children { list-style: none; padding-left: 90px; } .comment-list li .children > li { margin-top: 20px; padding-top: 20px; } .comment-list li .children .comment-body { border-bottom: 1px solid #d8d8d8; } .comment-list li.pingback .comment-content { padding-left: 0; } .comment-list > li { margin-bottom: 20px; padding-bottom: 20px; } .comment-list > li > div.comment-body { border-bottom: 1px solid #d8d8d8; } .comment-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .comment-list > li:last-child > div.comment-body { border-bottom: none; padding-bottom: 0; } @media screen and (min-width: 576px) { .comment-inner .comment-media { float: left; } .comment-inner .comment-content { padding-left: 20px; display: table; vertical-align: top; } } .comment-media { max-width: 98px; overflow: hidden; } .comment-media img { max-width: 98px; max-height: 98px; width: 100%; border-radius: 50%; width: 100%; border: 1px solid rgba(0, 0, 0, 0.12); } .comments-title { font-family: 'Arial','Microsoft YaHei'; } .comment-title { text-transform: capitalize; font-size: 17px; margin-bottom: 0px; margin-right: 5px; font-family: 'Arial','Microsoft YaHei'; color: #777; clear: none; font-weight: 500; } .comment-date { display: inline-block; font-size: 12px; margin-bottom: 5px; color: #b1b1b1; margin-top: 5px; } .comment-date .span1 { text-transform: uppercase; } .comment-date .span2 { text-transform: lowercase; } .comment-text { font-size: 15px; line-height: 23px; } .comment-content { padding-left: 20px; vertical-align: top; } .comment-content .comment-text p { line-height: 24px; font-size: 15px; } .comment-content .comment-text p:last-child { margin-bottom: 0; } .comment-reply { display: inline-block; position: absolute; line-height: 1; top: 0px; font-size: 13px; right: 0px; font-weight: 400; color: transparent; } .comment-reply a { position: relative; padding-left: 20px; display: inline-block; cursor: pointer; } .comment-reply a span, .comment-reply a span + i { color: #54be73; } .comment-reply a i { position: absolute; top: 0; left: 0; } @media screen and (max-width: 767px) { .comment-reply { position: static; margin-top: 30px; } } .comment-reply a span, .comment-reply a span + i { color: #54be73; } .comment-form .form-submit { margin-bottom: 0; } .comment-form .form-submit .submit { width: 100%; max-width: 170px; } .comment-form .comment-notes { display: none; } @media screen and (max-width: 575px) { .comment-media { float: left; } .comment-media img { max-width: 65px; max-height: 65px; width: 100%; margin-right: 20px; margin-bottom: 20px; } .comment-content { padding-left: 0; padding-top: 0px; display: block; } .comment-content ul, .comment-content ol { text-align: left; } .comment-list li .children { padding-left: 0; list-style: none; } } .site-footer { background-color: #222; font-size: 14px; line-height: 22px; font-weight: 400; color: #777; position: relative; } @media screen and (min-width: 1200px) { .site-footer { background-attachment: fixed; } } .site-footer a { color: #777; } .site-footer a:hover { color: #54be73; } .site-footer:before { position: absolute; display: block; content: " "; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .site-footer ul { padding-left: 0; list-style: none; margin-top: 0; margin-bottom: 0; } .site-footer .top-footer { border-bottom: 1px solid #4d4d4d; padding: 100px 0 62px; } @media screen and (max-width: 767px) { .site-footer .top-footer { padding: 50px 0; } } .site-footer .copyright-content { text-align: center; font-size: 18px; } .site-footer .copyright-content a:hover { color: #54be73; } @media screen and (max-width: 767px) { .site-footer .copyright-content { font-size: 15px; } } .site-footer .bottom-footer { position: relative; padding-top: 68px; padding-bottom: 93px; } @media screen and (max-width: 991px) { .site-footer .bottom-footer { padding: 40px 0; } } @media screen and (max-width: 767px) { .site-footer .bottom-footer { padding: 30px 0; } } .footer-layout1 .cms-social li { display: inline-block; margin-left: 15px; margin-right: 15px; } @media (min-width: 768px) and (max-width: 991px) { .footer-layout1 .cms-social li { margin-top: 10px; margin-left: 7px; margin-right: 7px; } } @media screen and (max-width: 767px) { .footer-layout1 .cms-social li { margin-left: 10px; margin-right: 10px; } } .footer-layout1 .cms-social li a { font-size: 15px; font-weight: 500; } .footer-layout1 .cms-social li span { display: none; } .footer-layout1 .top-footer .logo-footer { width: 100%; text-align: center; margin: 0 auto; } .footer-layout1 .top-footer .logo-footer a { display: inline-block; position: relative; z-index: 1; } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .logo-footer { margin-bottom: 30px; } } .footer-layout1 .top-footer .logo-footer img { max-height: 63px; } @media screen and (min-width: 768px) { .footer-layout1 .top-footer .cms-footer-item:nth-child(1), .footer-layout1 .top-footer .cms-footer-item:nth-child(3) { margin-top: -66px; } .footer-layout1 .top-footer .cms-footer-item:nth-child(2) { margin-top: 24px; } } .footer-layout1 .top-footer .cms-footer-item { text-align: center; } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .cms-footer-item { margin-bottom: 50px; padding-bottom: 50px; position: relative; } .footer-layout1 .top-footer .cms-footer-item:after { display: block; content: ""; position: absolute; bottom: 0; height: 1px; background-color: #333; width: 90%; left: 50%; transform: translateX(-50%); } .footer-layout1 .top-footer .cms-footer-item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .footer-layout1 .top-footer .cms-footer-item:last-child:after { background-color: transparent; } } .footer-layout1 .top-footer .cms-footer-item .widget .widget-title, .footer-layout1 .top-footer .cms-footer-item .widget .footer-widget-title { font-size: 20px; font-family: 'Arial','Microsoft YaHei'; color: #fff; text-transform: uppercase; margin-top: 30px; margin-bottom: 37px; font-weight: 500; padding-bottom: 0; } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .cms-footer-item .widget .footer-widget-title { margin-top: 0 !important; } } @media screen and (min-width: 768px) { .footer-layout1 .top-footer .cms-footer-item .widget .textwidget p { line-height: 34px; margin-bottom: 14px; } } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .cms-footer-item .widget .textwidget p { line-height: 24px; } } .footer-layout1 .top-footer .cms-footer-item .widget .textwidget p:last-child { margin-bottom: 0; } .footer-layout1 .top-footer .cms-footer-item .cms-widget-text ul { padding-top: 8px; } .footer-layout1 .top-footer .cms-footer-item .cms-widget-text ul li { line-height: 24px; margin-bottom: 11px; } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .cms-footer-item .cms-widget-text ul li { margin-bottom: 0; } } .footer-layout1 .top-footer .cms-footer-item .cms-widget-text ul li:last-child { margin-bottom: 0; } .footer-layout1 .top-footer .cms-footer-item .cms-widget-text ul .cms-widget-infor:first-child { color: #54be73; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .footer-widget-title { margin-top: 33px; } @media screen and (max-width: 575px) { .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .footer-widget-title { margin-top: 0; } } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget { padding-top: 16px; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form { position: relative; min-height: 35px; margin-bottom: 22px; } @media screen and (max-width: 767px) { .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form { width: 290px; margin-left: auto; margin-right: auto; } } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form:after { content: "\f178"; font-family: "FontAwesome"; display: inline-block; font-size: 20px; color: #54be73; position: absolute; font-weight: normal; top: 5px; right: 18px; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form .tnp-field { margin-bottom: 0; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form .tnp-field.tnp-field-email .tnp-email { background-color: transparent; border: 1px solid #777 !important; margin-bottom: 0; position: absolute; top: 0; left: 0; padding-right: 55px; height: 34px; line-height: 32px; color: #fff; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form .tnp-field.tnp-field-email .tnp-email:focus { border-color: #54be73 !important; } .footer-layout1 .top-footer .cms-footer-item .widget_newsletterwidget .tnp-widget form .tnp-field.tnp-field-button .tnp-submit { background-color: transparent; height: 34px; line-height: 32px; position: absolute; top: 0; border: none; border-left: 1px solid #777; right: 0; color: transparent; width: 55px; font-size: 0; z-index: 1; } .footer-layout1 .top-footer .cms-footer-item .widget_cs_social_widget .cms-social li a { font-size: 20px; color: #fff; } .footer-layout1 .top-footer .cms-footer-item .widget_cs_social_widget .cms-social li a:hover { color: #54be73; } .footer-layout2 { color: #c8c8c8; } .footer-layout2 .bottom-footer { font-size: 18px; } .footer-layout2 a { color: #c8c8c8; } .footer-layout2 a:hover { color: #54be73; } .footer-layout2 p { color: #c8c8c8; } .footer-layout2 .logo-footer { width: 100%; text-align: center; margin-bottom: 65px; } .footer-layout2 .logo-footer img { max-height: 65px; } .footer-layout2 .cms-footer-item { text-align: center; font-size: 20px; letter-spacing: -1px; } @media screen and (max-width: 991px) { .footer-layout2 .cms-footer-item { margin-bottom: 20px; text-align: center; font-size: 15px; } } .footer-layout2 .cms-footer-item label { font-weight: 400; font-size: 20px; letter-spacing: 0.01em; } @media screen and (max-width: 991px) { .footer-layout2 .cms-footer-item label { font-size: 15px; } } .footer-layout2 .footer-social { margin-left: auto; margin-right: auto; margin-top: 58px; } .footer-layout2 .footer-social li { margin-left: 13px; margin-right: 13px; } .footer-layout2 .footer-social a { font-size: 20px; color: #fff; } .footer-layout2 .footer-social a:hover { color: #54be73; } .scroll-top { -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; bottom: 0; opacity: 0; visibility: hidden; color: #fff; height: 49px; position: fixed; right: 40px; text-align: center; width: 49px; font-size: 22px; z-index: -1; background: #54be73; } .scroll-top.on { visibility: visible; opacity: 0.5; color: #fff; bottom: 40px; z-index: 999; } @media screen and (max-width: 575px) { .scroll-top.on { width: 40px; height: 40px; right: 0; bottom: 0; -webkit-border-radius: 0%; -khtml-border-radius: 0%; -moz-border-radius: 0%; -ms-border-radius: 0%; -o-border-radius: 0%; border-radius: 0%; } } .scroll-top:hover, .scroll-top:focus { opacity: 1; } .scroll-top i { left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .cms-modal { background-color: rgba(27, 26, 26, 0.98); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: all 500ms ease-in-out; -khtml-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .cms-modal .cms-modal-content { left: 0; margin: auto; max-width: 570px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%) scaleX(0); -khtml-transform: translate(0px, -50%) scaleX(0); -moz-transform: translate(0px, -50%) scaleX(0); -ms-transform: translate(0px, -50%) scaleX(0); -o-transform: translate(0px, -50%) scaleX(0); transform: translate(0px, -50%) scaleX(0); position: relative; -webkit-transition: all 500ms ease-in-out; -khtml-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; transition-delay: 500ms; } .cms-modal.open { -webkit-transform: translateX(0%); -khtml-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .cms-modal.open .cms-modal-content { -webkit-transform: translate(0px, -50%) scaleX(1); -khtml-transform: translate(0px, -50%) scaleX(1); -moz-transform: translate(0px, -50%) scaleX(1); -ms-transform: translate(0px, -50%) scaleX(1); -o-transform: translate(0px, -50%) scaleX(1); transform: translate(0px, -50%) scaleX(1); } .cms-modal.remove { -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition-delay: 500ms; } .cms-modal.remove .cms-modal-content { -webkit-transform: translate(0px, -50%) scaleX(0); -khtml-transform: translate(0px, -50%) scaleX(0); -moz-transform: translate(0px, -50%) scaleX(0); -ms-transform: translate(0px, -50%) scaleX(0); -o-transform: translate(0px, -50%) scaleX(0); transform: translate(0px, -50%) scaleX(0); transition-delay: 0ms; } .cms-modal .cms-close { position: absolute; top: 30px; right: 30px; display: none; } .cms-modal .cms-close:before, .cms-modal .cms-close:after { background-color: #fff; } .cms-modal .cms-close:hover:before, .cms-modal .cms-close:hover:after { background-color: #54be73; } @media screen and (max-width: 991px) { .cms-modal .cms-close { display: block; } } @media screen and (max-width: 575px) { .cms-modal .cms-modal-content { max-width: 280px !important; } } .cms-search-popup .cms-search-form { border-bottom: 2px solid #54be73; } .cms-search-popup .cms-search-form i { color: #fff; font-size: 29px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); left: 0px; } @media screen and (max-width: 767px) { .cms-search-popup .cms-search-form i { font-size: 20px; } } .cms-search-popup .cms-search-form .search-field { background-color: transparent; border: none; font-size: 35px; height: inherit; line-height: 1; padding: 26px 10px 26px 46px; margin-bottom: 0; color: #fff; } @media screen and (max-width: 767px) { .cms-search-popup .cms-search-form .search-field { font-size: 25px; padding: 20px 10px 20px 40px; } } .cms-search-popup .cms-search-form .search-field:focus { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-2 .cms-search-popup .cms-search-form { border-bottom: 2px solid #54be73; } .cms-register-popup .cms-modal-content, .cms-login-popup .cms-modal-content { max-width: 370px; } .cms-register-popup .cms-modal-content .cms-close, .cms-login-popup .cms-modal-content .cms-close { display: block; height: 22px; line-height: 22px; width: 22px; background-color: #eee; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; right: 10px; top: 10px; opacity: 1; } .cms-register-popup .cms-modal-content .cms-close:before, .cms-login-popup .cms-modal-content .cms-close:before, .cms-register-popup .cms-modal-content .cms-close:after, .cms-login-popup .cms-modal-content .cms-close:after { background-color: #222; width: 10px; top: 11px; z-index: 999; } .cms-register-popup .cms-modal-content .cms-close:hover, .cms-login-popup .cms-modal-content .cms-close:hover { background-color: #54be73; } .cms-register-popup .cms-modal-content .cms-close:hover:before, .cms-login-popup .cms-modal-content .cms-close:hover:before, .cms-register-popup .cms-modal-content .cms-close:hover:after, .cms-login-popup .cms-modal-content .cms-close:hover:after { background-color: #fff; } .cms-register-popup .cms-modal-content:hover .cms-close, .cms-login-popup .cms-modal-content:hover .cms-close { opacity: 1; } .cms-register-popup .cms-modal-content .cms-modal-holder, .cms-login-popup .cms-modal-content .cms-modal-holder { background-color: #fff; padding: 28px 40px 20px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } @media screen and (max-width: 767px) { .cms-register-popup .cms-modal-content .cms-modal-holder, .cms-login-popup .cms-modal-content .cms-modal-holder { padding-left: 15px; padding-right: 15px; } } .cms-register-popup .cms-modal-content .widget-title, .cms-login-popup .cms-modal-content .widget-title { font-size: 18px; margin-bottom: 30px; } .cms-register-popup .cms-modal-content .cms-modal-body, .cms-login-popup .cms-modal-content .cms-modal-body { padding: 0; } .cms-register-popup .cms-modal-content .field-group, .cms-login-popup .cms-modal-content .field-group { margin-bottom: 20px; } @media screen and (max-width: 767px) { .cms-register-popup .cms-modal-content .field-group, .cms-login-popup .cms-modal-content .field-group { margin-bottom: 0; } } .cms-register-popup .cms-modal-content .field-group .button, .cms-login-popup .cms-modal-content .field-group .button { height: 50px; font-weight: 700; line-height: 50px; background-color: #54be73; } .cms-register-popup .cms-modal-content .field-group label, .cms-login-popup .cms-modal-content .field-group label, .cms-register-popup .cms-modal-content .field-group .forget, .cms-login-popup .cms-modal-content .field-group .forget { color: #9b9b9b; font-size: 13px; font-weight: normal; } .cms-register-popup .cms-modal-content .field-group .forget:hover, .cms-login-popup .cms-modal-content .field-group .forget:hover { color: #54be73; } .cms-register-popup .cms-modal-content .field-group .input:focus, .cms-login-popup .cms-modal-content .field-group .input:focus { border-color: #54be73; } .cms-register-popup .cms-modal-content .fields-footer .field-group, .cms-login-popup .cms-modal-content .fields-footer .field-group { padding-top: 10px; margin-bottom: 0; } .cms-register-popup .cms-modal-footer, .cms-login-popup .cms-modal-footer { background: #fff; margin-top: 0px; text-align: center; padding: 0px 40px 20px; } @media screen and (max-width: 767px) { .cms-register-popup .cms-modal-footer, .cms-login-popup .cms-modal-footer { padding-left: 15px; padding-right: 15px; } } .cms-register-popup .cms-modal-footer a, .cms-login-popup .cms-modal-footer a { width: 100%; height: 50px; font-weight: 700; display: inline-block; line-height: 50px; color: #fff; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #54be73; margin-bottom: 10px; } .cms-login-popup .profile-content { text-align: center; } .cms-login-popup .user-name { color: #222; font-weight: 700; font-size: 16px; margin: 15px 0 8px; } .cms-login-popup .user-press-logout { font-weight: 700; } @media screen and (max-width: 991px) { .top-footer-col1 { margin-bottom: 25px; } .top-footer-col2 .top-footer-col2-inner { margin-bottom: 35px; } .top-footer::after { display: none; } } .cms-grid .cms-grid-inner { position: relative; } .cms-grid .grid-item.cms-animated .grid-item-inner { animation: 0.65s ease 0s normal forwards 1 running moveUp; -webkit-animation: 0.65s ease 0s normal forwards 1 running moveUp; -webkit-transform: translateY(200px); -khtml-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); } .cms-grid .cms-load-more { margin-top: 35px; } .cms-grid .cms-load-more span { padding-left: 35px; padding-right: 35px; } .cms-grid .cms-load-more span i { margin-right: 5px; } .cms-grid .grid-title { font-size: 18px; line-height: 29px; } .cms-grid .grid-item-inner:hover .grid-readmore-icon span { opacity: 1; } .cms-grid .grid-media { margin-bottom: 21px; } .page-links { clear: both; } .grid-filter-wrap { text-align: center; } .grid-filter-wrap span.active { color: #54be73; } .filter-item { cursor: pointer; display: inline-block; padding: 15px 25px; font-size: 14px; font-weight: 500; color: #898989; margin: 5px 2px; border: 1px solid #e1e1e1; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } @media screen and (max-width: 991px) { .filter-item { margin: 10px 5px; padding: 10px 15px; } } .filter-item.active, .filter-item:hover { border-color: #54be73; color: #54be73; } .owl-nav { text-align: center; margin-top: 40px; } .owl-nav .owl-prev, .owl-nav .owl-next { display: inline-block; border: 1px solid #d8d8d8; -webkit-border-radius: 0%; -khtml-border-radius: 0%; -moz-border-radius: 0%; -ms-border-radius: 0%; -o-border-radius: 0%; border-radius: 0%; color: #9b9b9b; font-size: 17px; height: 50px; line-height: 48px; width: 40px; text-align: center; margin: 0; opacity: 1; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { color: #54be73; border-color: #54be73; opacity: 1; } .owl-nav .owl-prev i, .owl-nav .owl-next i { font-size: 0; } .owl-nav .owl-prev:before, .owl-nav .owl-next:before { display: inline-block; font-family: FontAwesome; font-size: 16px; } .owl-nav .owl-prev:before { content: "\f104"; } .owl-nav .owl-next:before { content: "\f105"; } .owl-dots { text-align: center; margin-top: 10px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -50px; } .owl-dots .owl-dot { -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-color: transparent; display: inline-block; border: 2px solid #54be73; width: 12px; height: 12px; margin: 0 5px; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } @media screen and (max-width: 1199px) { .owl-dots .owl-dot { height: 15px; margin: 0 3px; width: 15px; } } .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover { background-color: #54be73; } .owl-dots .owl-dot.active:before, .owl-dots .owl-dot:hover:before { opacity: 1; } .owl-dots .owl-dot.active { background-color: #54be73; } @media screen and (max-width: 767px) { .owl-dots .owl-dot.active { width: 15px; height: 15px; } } .owl-arrows-middle .owl-nav { display: block !important; } .owl-arrows-middle .owl-nav .owl-prev, .owl-arrows-middle .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .owl-arrows-middle .owl-nav .owl-prev { left: -54px; } .owl-arrows-middle .owl-nav .owl-next { right: -54px; } .owl-nav { margin-top: 0; } .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; top: 50%; } .owl-nav .owl-prev { left: 0; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 991px) { .owl-nav .owl-prev { left: 15px; } } .owl-nav .owl-next { right: 0; -webkit-transform: translate(50%, -50%); -khtml-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } @media screen and (max-width: 991px) { .owl-nav .owl-next { right: 15px; } } .cms-carousel-filter { margin-bottom: 25px; /* Page Loading */ } .cms-carousel-filter .cms-filter-item { font-size: 24px; line-height: normal; color: rgba(0, 0, 0, 0.33); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; margin: 0 38px 10px 0; display: inline-block; } .cms-carousel-filter .cms-filter-item.cms-filter-active, .cms-carousel-filter .cms-filter-item:hover { color: #54be73; cursor: pointer; } #cms-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 999999; top: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } #cms-loadding .loading-spin { display: block; height: 65px; margin: -32px auto 0; position: relative; top: 50%; width: 65px; } #cms-loadding .loading-spin .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: spin-rotate-all 1s linear infinite; animation: spin-rotate-all 1s linear infinite; } #cms-loadding .loading-spin .spinner .right-side, #cms-loadding .loading-spin .spinner .left-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden; -webkit-animation: spin-fade-in-first 1.2s linear infinite alternate; animation: spin-fade-in-first 1.2s linear infinite alternate; } #cms-loadding .loading-spin .spinner .left-side { left: 0; } #cms-loadding .loading-spin .spinner .right-side { right: 0; } #cms-loadding .loading-spin .spinner.color-2 .right-side, #cms-loadding .loading-spin .spinner.color-2 .left-side { -webkit-animation: spin-fade-in-second 1.2s linear infinite alternate; animation: spin-fade-in-second 1.2s linear infinite alternate; } #cms-loadding .loading-spin .spinner .bar { width: 100%; height: 100%; -webkit-border-radius: 200px 0 0 200px; -khtml-border-radius: 200px 0 0 200px; -moz-border-radius: 200px 0 0 200px; -ms-border-radius: 200px 0 0 200px; -o-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; border: 6px solid #54be73; position: relative; } #cms-loadding .loading-spin .spinner .bar:after { content: ""; width: 6px; height: 6px; display: block; background: #54be73; position: absolute; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } #cms-loadding .loading-spin .spinner .right-side .bar { -webkit-border-radius: 0 200px 200px 0; -khtml-border-radius: 0 200px 200px 0; -moz-border-radius: 0 200px 200px 0; -ms-border-radius: 0 200px 200px 0; -o-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0; border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; -webkit-animation: spin-rotate-right 0.75s linear infinite alternate; animation: spin-rotate-right 0.75s linear infinite alternate; } #cms-loadding .loading-spin .spinner .right-side .bar:after { bottom: -6px; left: -3px; } #cms-loadding .loading-spin .spinner .left-side .bar { border-right: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: spin-rotate-left 0.75s linear infinite alternate; animation: spin-rotate-left 0.75s linear infinite alternate; } #cms-loadding .loading-spin .spinner .left-side .bar:after { bottom: -6px; right: -3px; } body img.mfp-img { padding: 0 !important; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.95 !important; } button.mfp-close, button.mfp-arrow { background-color: #54be73 !important; } body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close { line-height: 40px; padding: 0; right: 0; text-align: center; top: -44px; width: 40px; -webkit-border-radius: 2px 2px 0 0; -khtml-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } body .mfp-bottom-bar { margin-top: 0; } .mfp-wrap .mfp-container .mfp-arrow { background-color: #54be73 !important; } .mfp-wrap .mfp-container .mfp-arrow:before { border: none; } .vc_custom_heading cite { color: #d4bb92; border-bottom: 1px solid #d4bb92; font-style: normal; } .vc_custom_heading.cite-dark cite { color: inherit; border-bottom: 1px solid #000; } .cms-textbox-default .cms-textbox-content { font-size: 14px; line-height: 2; font-weight: 400; } .cms-fancybox-default { text-align: center; } .cms-fancybox-default .cms-fancybox-inner { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; padding: 15px; margin-bottom: 15px; } @media screen and (max-width: 991px) { .cms-fancybox-default .cms-fancybox-inner { padding-left: 25px; padding-right: 25px; } } .cms-fancybox-default .cms-fancybox-inner.has-border { padding-top: 37px; padding-bottom: 40px; border: 1px solid #54be73; } @media screen and (max-width: 767px) { .cms-fancybox-default .cms-fancybox-inner.has-border { margin-bottom: 30px; } } .cms-fancybox-default .cms-fancybox-inner.has-border:hover { border: 1px solid transparent; box-shadow: 0px 2px 40px 2px rgba(0, 0, 0, 0.11); } .cms-fancybox-default .cms-fancybox-feature { width: 100%; display: flex; justify-content: center; } .cms-fancybox-default .cms-fancybox-icon { width: 55px; height: 55px; text-align: center; font-size: 50px; margin-left: auto; margin-right: auto; margin-bottom: 0; position: relative; overflow: hidden; } .cms-fancybox-default .cms-fancybox-icon.icon-image img { max-width: 100px; } .cms-fancybox-default .cms-fancybox-icon img, .cms-fancybox-default .cms-fancybox-icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cms-fancybox-default .cms-fancybox-icon i { color: #54be73; } .cms-fancybox-default .cms-fancybox-title { font-family: 'Arial','Microsoft YaHei'; font-size: 17px; color: #222; text-transform: uppercase; line-height: 21px; font-weight: 500; margin: 13px 0 30px 0; } .cms-fancybox-default .cms-fancybox-description { color: #777; line-height: 24px; } @media screen and (max-width: 1199px) { .cms-fancybox-default .cms-fancybox-description br { display: none; } } .cms-fancybox-layout2 { margin-bottom: 30px; } .cms-fancybox-layout2 .cms-fancybox-description { line-height: 24px; margin-bottom: 45px; } @media screen and (max-width: 767px) { .cms-fancybox-layout2 .cms-fancybox-description { margin-bottom: 30px !important; } } .cms-fancybox-layout2 .cms-content { display: table; width: 100%; } .cms-fancybox-layout2 .cms-fancybox-image { width: 102px; height: 102px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; float: left; background: #ececec; } .cms-fancybox-layout2 .cms-fancybox-image img { max-width: 130px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cms-fancybox-layout2 .cms-fancybox-image:after { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; border: 4px solid #54be73; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-fancybox-layout2 .cms-fancybox-image + .cms-entry-meta { padding-left: 115px; padding-top: 50px; } .cms-fancybox-layout2 .cms-fancybox-image.no-image { line-height: 82px; font-size: 12px; background: #ececec; text-align: center; } .cms-fancybox-layout2 .cms-fancybox-image:hover:after { background: rgba(0, 0, 0, 0.2); } .cms-fancybox-layout2 .cms-fancybox-title { color: #54be73; text-transform: uppercase; font-weight: 600; } @media screen and (max-width: 575px) { .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image { width: 100%; height: auto; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; float: none; max-width: 320px; margin-right: auto; margin-left: auto; } .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image img { max-width: 100%; position: static; transform: translate(0%, 0%); } .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image:after { background-color: transparent; } .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image + .cms-entry-meta { padding-left: 0px; padding-top: 50px; text-align: center; } .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image.no-image { line-height: 82px; font-size: 12px; background: #ececec; text-align: center; } .cms-fancybox-layout2 .cms-fancybox-inner .cms-fancybox-image:hover:after { background: rgba(0, 0, 0, 0.2); } } .cms-fancybox-layout3 { margin-bottom: 30px; } .cms-fancybox-layout3 .cms-content { display: table; width: 100%; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-image { width: 180px; float: left; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-image + .cms-entry-meta { padding-left: 220px; padding-top: 20px; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; float: left; width: 85px; height: 85px; border: 5px solid #54be73; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font + .cms-entry-meta { padding-left: 125px; padding-top: 30px; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font i { color: #54be73; font-size: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 575px) { .cms-fancybox-layout3 .cms-fancybox-icon.icon-image { width: 100%; float: none; text-align: center; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-image img { width: 300px; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-image + .cms-entry-meta { padding-left: 0px; padding-top: 20px; text-align: center; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; float: left; width: 85px; height: 85px; border: 5px solid #54be73; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font + .cms-entry-meta { padding-left: 125px; padding-top: 30px; } .cms-fancybox-layout3 .cms-fancybox-icon.icon-font i { color: #54be73; font-size: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .cms-fancybox-layout3 .cms-entry-meta .cms-fancybox-title { clear: none; text-transform: uppercase; font-weight: 500; margin-bottom: 23px; color: #54be73; } .cms-fancybox-layout3 .cms-entry-meta .title-job { color: #777; font-weight: 400; } .cms-fancybox-layout3 .cms-fancybox-description { line-height: 24px; margin-bottom: 30px; } .cms-fancybox-layout4 .cms-fancybox-inner { position: relative; } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-image.has-image img { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; opacity: 1; } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-image.no-image { min-height: 230px; line-height: 230px; background: #ececec; font-size: 15px; text-align: center; text-transform: uppercase; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } @media screen and (max-width: 767px) { .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-image.no-image { line-height: 200px; } } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-holder { position: absolute; bottom: 0%; transform: translate(0%, 50%); width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; opacity: 0; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-holder .cms-fancybox-title { letter-spacing: 0.05em; margin-bottom: 18px; font-family: 'Cormorant'; } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-holder .cms-fancybox-title a { color: #fff; } .cms-fancybox-layout4 .cms-fancybox-inner .cms-fancybox-holder .cms-brea { color: #fff; } .cms-fancybox-layout4 .cms-fancybox-inner:hover .cms-fancybox-holder { opacity: 1; bottom: 50%; } .cms-fancybox-layout4 .cms-fancybox-inner:hover .cms-fancybox-image.has-image { background: #54be73; } .cms-fancybox-layout4 .cms-fancybox-inner:hover .cms-fancybox-image.has-image img { opacity: 0; } .cms-fancybox-layout4 .cms-fancybox-inner:hover .cms-fancybox-image.no-image { font-size: 20px; background: #54be73; text-transform: uppercase; } .cms-fancybox-layout4 .cms-fancybox-inner:hover .cms-fancybox-image.no-image span { opacity: 0; } .cms-fancybox-layout5 .cms-fancybox-inner { position: relative; } .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-image.has-image { text-align: center; } .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-image.has-image img { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; opacity: 1; } .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-image.no-image { min-height: 309px; line-height: 309px; background: #ececec; font-size: 15px; text-align: center; text-transform: uppercase; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } @media screen and (max-width: 767px) { .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-image.no-image { min-height: 200px; } } .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-holder { text-align: center; width: 100%; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 1; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-fancybox-layout5 .cms-fancybox-inner .cms-fancybox-holder a { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 20px; width: 50px; height: 50px; line-height: 46px; text-align: center; color: #fff; border: 2px solid #fff; margin-left: 2px; margin-right: 2px; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-holder { opacity: 1; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-holder a.btn-link { margin-right: 12px; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-holder a.btn-zoom { margin-left: 12px; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-image.has-image { background: #54be73; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-image.has-image img { opacity: 0.2; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-image.no-image { font-size: 20px; background: #54be73; text-transform: uppercase; } .cms-fancybox-layout5 .cms-fancybox-inner:hover .cms-fancybox-image.no-image span { opacity: 0; } .cms-fancybox-layout6 { margin-bottom: 30px; } .cms-fancybox-layout6 .cms-fancybox-inner { text-align: center; } .cms-fancybox-layout6 .cms-fancybox-image { margin-bottom: 20px; min-height: 250px; overflow: hidden; } .cms-fancybox-layout6 .cms-fancybox-image.has-image img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cms-fancybox-layout6 .cms-fancybox-image.has-image img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .cms-fancybox-layout6 .cms-fancybox-image.no-image { min-height: 309px; line-height: 309px; background: #ececec; font-size: 15px; text-align: center; text-transform: uppercase; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } @media screen and (max-width: 767px) { .cms-fancybox-layout6 .cms-fancybox-image.no-image { min-height: 200px; } } .cms-fancybox-layout6 .cms-fancybox-title { font-size: 20px; margin-bottom: 15px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .cms-fancybox-layout6 .cms-fancybox-title a { text-decoration: none; color: #222; } .cms-fancybox-layout6 .cms-fancybox-title a:hover { color: #54be73; } .cms-fancybox-layout6 .cms-fancybox-description { line-height: 24px; } @media screen and (max-width: 991px) { .cms-fancybox-layout6 .cms-fancybox-description br { display: none; } } .cms-banner { width: 100%; text-align: center; position: relative; -webkit-transition: all 300ms ease-in-out 0s; -khtml-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .cms-banner .cms-banner-feature { -webkit-transition: all 300ms ease-in-out 0s; -khtml-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .cms-banner span { position: absolute; display: block; width: 100%; height: 100%; bottom: 0; top: 0; left: 0; right: 0; } .cms-banner:hover .cms-banner-feature { -webkit-transform: translateY(-5px); -khtml-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .cms-newsletter.layout1 .cms-newsletter-inner { margin-left: auto; margin-right: auto; max-width: 880px; } .cms-newsletter.layout1 .cms-newsletter-inner .sub-title1, .cms-newsletter.layout1 .cms-newsletter-inner .cms-newsletter-title, .cms-newsletter.layout1 .cms-newsletter-inner .sub-title2 { text-align: center; } .cms-newsletter.layout1 .cms-newsletter-inner .sub-title1, .cms-newsletter.layout1 .cms-newsletter-inner .sub-title2 { color: #54be73; font-size: 15px; font-weight: 400; line-height: 24px; } .cms-newsletter.layout1 .cms-newsletter-inner .cms-newsletter-title { font-size: 30px; font-weight: 500; text-transform: uppercase; line-height: 45px; font-family: 'Montserrat'; margin-bottom: 45px; letter-spacing: 0.05em; } .cms-newsletter.layout1 .cms-newsletter-inner .sub-title1 { line-height: 24px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 15px; } .cms-newsletter.layout1 .cms-newsletter-inner .sub-title2 { letter-spacing: 0.05em; } .cms-newsletter.layout1 .tnp-subscription { font-size: 13px; display: block; margin: 15px auto; max-width: 600px; width: 100%; margin-bottom: 43px; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email label { display: none; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email { color: #fff; border: 1px solid #fff; height: 50px; line-height: 48px; margin-bottom: 0; padding-right: 137px; padding-left: 20px; font-style: italic; background-color: transparent; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email:focus { border-color: #54be73; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-webkit-input-placeholder { color: #fff; font-style: italic; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-moz-placeholder { color: #fff; font-style: italic; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-ms-input-placeholder { color: #fff; font-style: italic; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-moz-placeholder { color: #fff; font-style: italic; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-button .tnp-submit { font-weight: 500; width: 137px; text-align: center; height: 50px; line-height: 48px; padding: 0; letter-spacing: 1px; background-color: #54be73; color: #fff; border: 1px solid; font-size: 15px; text-transform: uppercase; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-button .tnp-submit:hover { background-color: #222; } @media screen and (min-width: 768px) { .cms-newsletter.layout1 .tnp-subscription { position: relative; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email + .tnp-field-button .tnp-submit { position: absolute; top: 0; right: 0; border: 1px; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-email + .tnp-field-button .tnp-submit:hover { border: 1px solid #fff; } } @media (min-width: 768px) and (max-width: 991px) { .cms-newsletter.layout1 .cms-newsletter-inner .cms-newsletter-title { font-size: 25px; } } @media screen and (max-width: 767px) { .cms-newsletter.layout1 .cms-newsletter-inner { max-width: 100%; padding-left: 15px; padding-right: 15px; } .cms-newsletter.layout1 .cms-newsletter-inner .cms-newsletter-title { font-size: 20px; line-height: 30px; } } @media screen and (max-width: 575px) { .cms-newsletter.layout1 .tnp-subscription { position: static; } .cms-newsletter.layout1 .tnp-subscription .tnp-field .tnp-email { padding-right: 20px !important; } .cms-newsletter.layout1 .tnp-subscription .tnp-field.tnp-field-button .tnp-submit { position: static; margin: 30px auto 0; width: 200px; } } .cms-newsletter.layout2 .cms-newsletter-inner { max-width: 870px; margin-left: auto; margin-right: auto; } .cms-newsletter.layout2 .cms-newsletter-inner .cms-newsletter-title { font-size: 20px; margin-bottom: 0; font-weight: 500; font-family: 'Montserrat'; color: #222; letter-spacing: 0.05em; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription { max-width: 100%; font-size: 13px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; width: 100%; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email { margin-bottom: 0; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email label { display: none; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email { height: 50px; line-height: 48px; margin-bottom: 0; padding-right: 137px; padding-left: 20px; font-style: italic; background-color: transparent; border: 1px solid #c8c8c8; color: #222; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email:focus { border-color: #54be73; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-webkit-input-placeholder { color: #c8c8c8; font-style: italic; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-moz-placeholder { color: #c8c8c8; font-style: italic; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-ms-input-placeholder { color: #c8c8c8; font-style: italic; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email::-moz-placeholder { color: #c8c8c8; font-style: italic; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button { margin-bottom: 0; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button .tnp-submit { font-weight: 500; width: 137px; text-align: center; height: 50px; line-height: 50px; padding: 0; letter-spacing: 1px; background-color: #54be73; color: #fff; font-size: 15px; text-transform: uppercase; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button .tnp-submit:hover { background-color: #222; } @media screen and (min-width: 768px) { .cms-newsletter.layout2 .cms-newsletter-inner { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; max-width: 870px; margin-left: auto; margin-right: auto; } .cms-newsletter.layout2 .cms-newsletter-inner .cms-newsletter-title { font-size: 20px; margin-bottom: 0; flex-grow: 0; font-weight: 500; font-family: 'Montserrat'; color: #222; letter-spacing: 0.05em; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width { flex-grow: 1; padding-left: 35px; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription { position: relative; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button { margin-bottom: 0; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button .tnp-submit { position: absolute; top: 0; right: 0; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-email .tnp-email { background-color: #fff; } } @media screen and (max-width: 767px) { .cms-newsletter.layout2 .cms-newsletter-inner { padding-left: 15px; padding-right: 15px; } .cms-newsletter.layout2 .cms-newsletter-inner .cms-newsletter-title { margin-bottom: 30px; text-align: center; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field .tnp-email { max-width: 100%; margin: 0 auto; padding-right: 20px !important; } .cms-newsletter.layout2 .cms-newsletter-inner .newsletter-width .tnp-subscription .tnp-field.tnp-field-button .tnp-submit { margin: 30px auto 0; width: 200px; } } .cms-contact-info { padding-left: 30px; padding-right: 30px; border: 1px solid #c8c8c8; } @media screen and (max-width: 767px) { .cms-contact-info { padding-left: 15px; padding-right: 15px; } } .cms-contact-info ul { list-style: none; padding-left: 0; margin-bottom: 0; } .cms-contact-info ul.cms-row-info { font-size: 15px; padding-top: 10px; } .cms-contact-info ul.cms-row-info li { width: 100%; padding: 10px 0; border-bottom: 1px solid #d8d8d8; color: #777; } .cms-contact-info ul.cms-row-info li .label { color: #222; font-weight: bold; margin-right: 10px; flex-grow: 1; } .cms-contact-info ul.cms-row-info li .label cite { font-style: normal; padding-right: 10px; position: relative; display: inline-block; } .cms-contact-info ul.cms-row-info li .label cite span { position: absolute; top: 0; right: 0; } @media screen and (min-width: 1200px) { .cms-contact-info ul.cms-row-info li { display: flex; } .cms-contact-info ul.cms-row-info li .label { margin-right: 10px; flex-grow: 1; } .cms-contact-info ul.cms-row-info li .label cite { font-style: normal; padding-right: 10px; position: relative; display: inline-block; } .cms-contact-info ul.cms-row-info li .label cite span { position: absolute; top: 0; right: 0; } .cms-contact-info ul.cms-row-info li .cms-row-text { flex-grow: 0; text-align: right; } } .cms-contact-info ul.list-socials { padding: 17px 0 9px; display: table; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .cms-contact-info ul.list-socials { padding-left: 15px; padding-right: 15px; } } .cms-contact-info ul.list-socials li { display: inline-block; padding-right: 24px; margin-bottom: 10px; } .cms-contact-info ul.list-socials li a { font-size: 20px; color: #777; } .cms-contact-info ul.list-socials li a:hover { color: #54be73; } .cms-contact-info ul.list-socials li:last-child { padding-right: 0; } .cms-contact-info ul.list-socials.text-left { text-align: left; } .cms-contact-info ul.list-socials.text-center { text-align: center; } .cms-contact-info ul.list-socials.text-right { text-align: right; } .cms-mediabox .cms-mediabox-inner .cms-mediabox-feature { background: #fff; text-align: center; } @media screen and (max-width: 767px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-feature img { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-feature { padding: 0 30px; } } @media (min-width: 576px) and (max-width: 767px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-feature { padding: 0 30px; } } @media screen and (min-width: 992px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-content { margin-right: -100px; position: relative; z-index: 1; top: 50%; transform: translateY(-50%); box-shadow: 0px 2px 23px 2px rgba(0, 0, 0, 0.3); } } .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content { background: #fff; padding: 30px 15px; } @media screen and (min-width: 992px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content { padding: 63px 45px 73px; } } @media screen and (max-width: 991px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content { padding: 30px; } } @media screen and (max-width: 575px) { .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content { padding: 0px 0px 30px; } } .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content .cms-mediabox-title { font-size: 40px; color: #222; letter-spacing: 0em; margin-bottom: 35px; } .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content .cms-content { line-height: 24px; color: #777; margin-bottom: 43px; } .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content .btn-text { background: #222; color: #fff; display: inline-block; border-radius: 40px; padding: 10px 35px; font-weight: 400; text-align: center; } .cms-mediabox .cms-mediabox-inner .cms-mediabox-content .inner-content .btn-text:hover { background: #54be73; } .cms-lists { margin-bottom: 15px; } .cms-lists ul { font-size: 15px; line-height: 21px; font-weight: 500; list-style: none; padding-left: 0; color: #898989; } .cms-lists ul li { padding-left: 31px; position: relative; } .cms-lists ul i { font-size: 15px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .cms-lists.style-list2 ul { line-height: 28px; } .cms-lists.style-list2 ul li { display: inline-block; margin-right: 23px; } .cms-lists.style-list2 ul li:last-child { margin-right: 0; } .cms-list-socials ul { font-size: 18px; padding-left: 0; list-style: none; } .cms-list-socials ul li { display: inline-block; margin: 5px 10px 5px 0; } .cms-list-socials ul li:last-child { margin-right: 0; } .cms-list-socials ul li a { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; display: block; text-align: center; line-height: 50px; border: 1px solid #e3e3e3; color: #54be73; -webkit-transition: all 300ms ease-in-out 0s; -khtml-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .cms-list-socials ul li a:hover { background: #54be73; color: #fff; border-color: #54be73; } .cms-list-socials .text-right ul li { margin-right: 0; margin-left: 10px; } .cms-list-socials .text-center ul li { margin-left: 10px; margin-right: 10px; } .cms-list-memnu .ul-cms-menu-food { padding-left: 0; list-style: none; } .cms-list-memnu .ul-cms-menu-food li { clear: both; margin-bottom: 35px; display: table; width: 100%; } .cms-list-memnu .ul-cms-menu-food li:last-child { margin-bottom: 0; } .cms-list-memnu .ul-cms-menu-food li .feature-food { width: 82px; height: 82px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; float: left; margin-right: 30px; background: #ececec; } .cms-list-memnu .ul-cms-menu-food li .feature-food img { max-width: 110px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cms-list-memnu .ul-cms-menu-food li .feature-food a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: transparent; cursor: pointer; z-index: 1; } .cms-list-memnu .ul-cms-menu-food li .feature-food:after { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; border: 5px solid rgba(51, 51, 51, 0.5); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-list-memnu .ul-cms-menu-food li .feature-food + .content-menu { padding-left: 112px; } .cms-list-memnu .ul-cms-menu-food li .feature-food.no-image { line-height: 82px; font-size: 12px; background: #ececec; text-align: center; } .cms-list-memnu .ul-cms-menu-food li .feature-food:hover:after { border-width: 2px; } .cms-list-memnu .ul-cms-menu-food li .title-food { font-family: 'Arial','Microsoft YaHei'; clear: none; color: #222; font-weight: 400; font-size: 15px; padding-top: 19px; line-height: 20px; } @media screen and (min-width: 576px) { .cms-list-memnu .ul-cms-menu-food li .title-food { display: flex; } .cms-list-memnu .ul-cms-menu-food li .title-food .span-title { flex-grow: 0; padding-right: 2px; } .cms-list-memnu .ul-cms-menu-food li .title-food .span-line { color: #c8c8c8; flex-grow: 1; border-bottom: 1px dotted; margin: 0 20px 5px 20px; } .cms-list-memnu .ul-cms-menu-food li .title-food .span-price { flex-grow: 0; color: inherit; } } .cms-list-memnu .ul-cms-menu-food li .brea-food { font-size: 13px; } @media screen and (max-width: 575px) { .cms-list-memnu .ul-cms-menu-food li { border-bottom: 1px solid #ccc; padding-bottom: 30px; } .cms-list-memnu .ul-cms-menu-food li .title-food { padding-top: 0; margin-bottom: 15px; } .cms-list-memnu .ul-cms-menu-food li .title-food span { display: block; } } .cms-accordion .card { border: none; background-color: transparent; } .cms-accordion.layout1 .cms-card-header { border: none; padding: 0; background-color: transparent; } .cms-accordion.layout1 .cms-card-header a { display: block; padding: 10px 0px; font-size: 15px; line-height: normal; cursor: pointer; color: #222; font-weight: 500; position: relative; text-transform: uppercase; padding-left: 58px; } @media screen and (max-width: 575px) { .cms-accordion.layout1 .cms-card-header a { padding-top: 0; padding-bottom: 20px; } } .cms-accordion.layout1 .cms-card-header a i { width: 39px; font-size: 25px; height: 39px; text-align: center; line-height: 39px; background: #54be73; position: absolute; top: 0; left: 0; color: #fff; } .cms-accordion.layout1 .cms-card-header a i.zmdi-minus { opacity: 0; } .cms-accordion.layout1 .cms-card-header a i.zmdi-plus { opacity: 1; } .cms-accordion.layout1 .cms-card-header.cms-active a i.zmdi-minus { opacity: 1; } .cms-accordion.layout1 .cms-card-header.cms-active a i.zmdi-plus { opacity: 0; } .cms-accordion.layout1 .cms-card-body { padding: 25px 0px 23px; letter-spacing: 0.01em; line-height: 24px; } @media screen and (max-width: 575px) { .cms-accordion.layout1 .cms-card-body { padding: 25px 10px 23px; border: 1px solid #ccc; } } .cms-accordion.layout1 .cms-card { margin-bottom: 22px; } .cms-accordion.layout1 .cms-card:last-child { margin-bottom: 0; } .vc_tta-container { margin-bottom: 0 !important; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-tabs-container ul li a { border: none; padding: 0 13px; background-color: transparent !important; color: rgba(0, 0, 0, 0.33); font-size: 24px; line-height: normal; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-tabs-container ul li.vc_active a, .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-tabs-container ul li a:hover { color: #000; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-tabs-container ul li:first-child a { padding-left: 0; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-tabs-container ul li:last-child a { padding-right: 0; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-panels { background-color: transparent !important; } .vc_tta-container .vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 30px 0 0; } @media screen and (max-width: 767px) { .vc_tta-container .vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-title { background-color: #fff; } .vc_tta-container .vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-title a { font-size: 20px; padding-top: 22px; padding-bottom: 22px; color: #000; } .vc_tta-container .vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-title a:hover { color: #54be73; } .vc_tta-container .vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-title a { color: #54be73; } .vc_tta-container .vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panel-body { background-color: #fff !important; padding: 30px; } } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel:last-child { margin-bottom: 0; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; background: #fff !important; border: 1px solid #e4e4e4 !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { font-weight: 500; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { color: #000 !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title i { font-size: 16px; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-icon { color: #774f76; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text { font-size: 15px; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon { font-size: 0; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon:before, .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon:after { font-size: 16px; border-color: #000 !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: transparent !important; border: none !important; padding: 0 !important; margin-bottom: 0 !important; } @media screen and (min-width: 576px) { .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 0px !important; } } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cms-textbox-default { margin-bottom: 16px !important; } @media screen and (max-width: 767px) { .vc_tta-style-classic .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_column_container > .vc_column-inner { padding-left: 35px !important; padding-right: 35px !important; } } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active { margin-bottom: 0 !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #54be73 !important; border-color: #54be73 !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title { font-weight: 500; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a { color: #fff !important; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-icon { color: #fff; } .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon:before, .vc_tta-style-classic .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon:after { border-color: #fff !important; } .vc_tta-style-classic .vc_tta-tabs-container { border: 1px solid #c8c8c8; border-bottom: none; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list { list-style: none; margin-right: -2px !important; margin-left: -1px !important; display: flex !important; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { width: 25%; flex-grow: 6; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-left: 0 !important; background: #fff; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { border: none !important; background-color: transparent !important; font-size: 20px; text-transform: uppercase; text-align: center; color: #777; border-top: none !important; border-bottom: none !important; font-weight: 500; } @media screen and (min-width: 992px) { .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { padding: 36px 20px !important; } } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:last-child { border-right: none; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:first-child { border-left: none; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active { background: #54be73; border: 1px solid #54be73; } .vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { color: #fff !important; } .cms-heading cite { color: #54be73; } .cms-heading .cms-heading-tag { margin-top: 10px; margin-bottom: 20px; font-weight: 400; letter-spacing: 1px; } .cms-heading .cms-heading-sub { font-size: 15px; line-height: 24px; margin-bottom: 20px; letter-spacing: 0.05em; font-weight: 400; } @media screen and (max-width: 767px) { .cms-heading .cms-heading-sub { margin-bottom: 20px !important; } } .cms-heading .cms-heading-desc { font-size: 15px; line-height: 24px; font-weight: 400; margin-bottom: 20px; } .cms-heading .cms-heading-desc.h-boxed { max-width: 580px; display: inline-block; } .cms-heading-layout2 { text-align: center; display: table; margin: 0 auto; min-width: 250px; } .cms-heading-layout2 .cms-heading-sub { margin-bottom: 17px; font-size: 16px; font-weight: 700; } .cms-heading-layout2 .cms-heading-tag { margin-bottom: 10px; } .cms-heading-layout2 .cms-fancybox-icon { padding: 10px 0; position: relative; max-width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 20px; } .cms-heading-layout2 .cms-fancybox-icon:before, .cms-heading-layout2 .cms-fancybox-icon:after { display: block; height: 1px; content: " "; min-width: 50px; background: #54be73; } .cms-heading-layout2 .cms-fancybox-icon:before { float: left; } .cms-heading-layout2 .cms-fancybox-icon:after { float: right; } .cms-heading-layout2 .cms-fancybox-icon i { position: absolute; top: 50%; left: 50%; font-size: 25px; transform: translate(-50%, -50%); color: #54be73; } .owl-dots.disabled, .owl-nav.disabled { display: block; } .gm-style img[src*="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-"] { display: none; } .gm-style .gmnoprint { opacity: 1 !important; overflow: visible !important; } .gm-style .marker-icon { height: 18px !important; width: 18px !important; background-color: #54be73; -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; position: absolute; } .gm-style .marker-icon:before, .gm-style .marker-icon:after { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; top: 0; left: 0; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; opacity: 1; background-color: #54be73; } .gm-style .marker-icon:before { -webkit-animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; } .gm-style .marker-icon:after { -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; } .overlay-link { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; position: relative; } .overlay-link a { background-color: rgba(197, 164, 109, 0.85); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .overlay-link .cms-icon-plus:before, .overlay-link .cms-icon-plus:after { background-color: #fff; } .cms-carousel-client .cms-carousel-item { text-align: center; } .cms-carousel-client .cms-carousel-item .cms-carousel-media { text-align: center; position: relative; display: block; } .cms-carousel-client .cms-carousel-item .cms-carousel-media img { width: inherit; display: inline-block; max-height: 83px; } .cms-carousel-client.cms-carousel-1row .cms-carousel-item .cms-carousel-media:before, .cms-carousel-client.cms-carousel-1row .cms-carousel-item .cms-carousel-media:after { display: none; } .cms-carousel-client .owl-item:last-child .cms-carousel-item .cms-carousel-media:after { width: 0; } @media screen and (max-width: 1199px) { .cms-carousel-client .owl-nav .owl-prev { left: 10px; } .cms-carousel-client .owl-nav .owl-next { right: 10px; } } @media screen and (max-width: 767px) { .cms-carousel-client .owl-nav > div { background-color: transparent; opacity: 0; } .cms-carousel-client .owl-nav > div:hover { opacity: 1; } } .cms-gallery-carousel .owl-dots { position: static; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: 48px; text-align: center; } @media (min-width: 1300px) { .cms-gallery-carousel .owl-nav .owl-prev { left: -35px; } .cms-gallery-carousel .owl-nav .owl-next { right: -35px; } } .cms-carousel-service .cms-carousel-item .cms-service-content { background: #f5f5f5; padding: 100px 100px; display: flex; flex-direction: column; justify-content: center; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-heading-sub { text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 0.1em; color: #c8c8c8; margin-bottom: 23px; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title { font-size: 40px; font-weight: bold; line-height: 50px; text-transform: uppercase; color: #fff; margin-bottom: 30px; } @media screen and (max-width: 991px) { .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title { margin-bottom: 30px; font-size: 40px !important; line-height: 50px !important; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title br { display: none; } } @media screen and (max-width: 575px) { .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title { margin-bottom: 20px; font-size: 26px !important; line-height: 35px !important; } } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title .text-title2 { color: #54be73; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-description { line-height: 1.8; color: #777; font-size: 14px; margin-bottom: 67px; } @media screen and (max-width: 767px) { .cms-carousel-service .cms-carousel-item .cms-service-content .cms-description { margin-bottom: 30px; margin-top: 20px; } } .cms-carousel-service .cms-carousel-item .cms-service-content .btn-reamore { text-align: center; height: 45px; line-height: 45px; color: #54be73; border: 1px solid #54be73; display: block; max-width: 160px; border-radius: 40px; font-size: 14px; font-weight: 500; /* background: #54be73; */ text-transform: uppercase; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-carousel-service .cms-carousel-item .cms-service-content .btn-reamore:hover { background: #4fb8aa; border-color: 1px solid #4fb8aa; } @media screen and (min-width: 769px) { .cms-carousel-service .cms-carousel-item { display: flex; } .cms-carousel-service .cms-carousel-item .inner-box { width: 50%; flex-grow: 2; } .cms-carousel-service .cms-carousel-item .cms-serivce-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-heading-sub { text-transform: uppercase; font-size: 15px; font-weight: 400; color: #c8c8c8; margin-bottom: 23px; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title { font-size: 60px; line-height: 46px; text-transform: uppercase; color: #fff; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-service-title .text-title2 { color: #54be73; } .cms-carousel-service .cms-carousel-item .cms-service-content .cms-description { line-height: 2; color: #777; font-size: 14px; margin-bottom: 20px; margin-top: 30px; } .cms-carousel-service .cms-carousel-item .cms-service-content .btn-reamore { text-align: center; height: 45px; line-height: 45px; color: #54be73; display: block; max-width: 160px; font-size: 14px; font-weight: 400; /* background: #54be73; */ text-transform: uppercase; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; border: 1px solid #54be73; } .cms-carousel-service .cms-carousel-item .cms-service-content .btn-reamore:hover { background: #54be73; border-color: 1px solid #54be73; color:#fff; } } .cms-carousel-service .owl-nav { position: absolute; bottom: 0; width: auto; height: 66px; padding-right: 132px; left: 50%; transform: translate(-50%, 0); } .cms-carousel-service .owl-nav > div { transform: translate(0, 0); position: static; width: 66px; height: 66px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; line-height: 66px; text-align: center; font-size: 30px; border: none; } .cms-carousel-service .owl-nav > div:before { font-size: 30px; } .cms-carousel-service .owl-nav > div.owl-prev { background: #fff; } .cms-carousel-service .owl-nav > div.owl-prev:before { color: #222; } .cms-carousel-service .owl-nav > div.owl-next { background: #fff; } .cms-carousel-service .owl-nav > div.owl-next:before { color: #222; } .cms-carousel-service .owl-nav > div:hover { background: #54be73; } .cms-carousel-service .owl-nav > div:hover:before { color: #fff; } @media screen and (max-width: 1199px) { .cms-carousel-service .owl-nav { top: 100%; height: 40px; padding-right: 0; display:none; } .cms-carousel-service .owl-nav > div { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .cms-carousel-service .owl-nav > div.owl-prev { background: #222; } .cms-carousel-service .owl-nav > div.owl-prev:before { color: #fff; } .cms-carousel-service .owl-nav > div.owl-next { background: #54be73; } .cms-carousel-service .owl-nav > div.owl-next:before { color: #fff; } .cms-carousel-service .owl-nav > div:before { font-size: 20px; color: #fff; } } @media screen and (max-width: 991px) { .cms-carousel-service .owl-nav { margin-top: 30px; position: static; transform: translate(0, 0); display:none; } } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item:hover, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11); } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-featured, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-featured { overflow: hidden; } @media screen and (min-width: 1200px) { .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-featured img, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-featured img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-featured img:hover, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-featured img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog { padding-left: 0; list-style: none; margin-bottom: 0; display: table; width: 100%; font-size: 11px; background-color: #222; padding-left: 15px; padding-right: 15px; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li { color: #fff; padding: 2px 15px; letter-spacing: 1px; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:first-child, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:first-child { float: left; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child { float: right; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child i, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child i { margin-right: 3px; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li a, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li a { color: #fff; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .inner-content, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .inner-content { padding: 27px 15px 24px; border: 1px solid #e3e3e3; } @media screen and (min-width: 992px) { .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .inner-content, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .inner-content { padding: 25px 30px; } } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-title, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-title { text-transform: uppercase; font-size: 16px; font-weight: 400; line-height: 24px; color: #1b1b1b; height: 24px; overflow: hidden; margin-bottom: 5px; text-overflow:ellipsis; white-space:nowrap; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-title a, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-title a { color: #222; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-title a:hover, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-title a:hover { color: #54be73; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .entry-excerpt, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-excerpt { margin-bottom: 0; line-height: 24px; height: 50px; overflow: hidden; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .read-more a, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .read-more a { font-size: 15px; color: #54be73; font-weight: bold; letter-spacing: 1px; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .read-more a:after, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .read-more a:after { margin-left: 0px; content: "\f178"; font-family: "FontAwesome"; display: inline-block; font-size: 15px; font-weight: bold; opacity: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog-carousel .cms-carousel-item .cms-blog-inner-item .read-more a:hover:after, .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .read-more a:hover:after { margin-left: 10px; opacity: 1; } .cms-blog-carousel .owl-stage-outer, .cms-blog-carousel-layout2 .owl-stage-outer { padding: 10px 30px 20px; margin-left: -30px; margin-right: -30px; } .cms-blog-carousel .owl-dots, .cms-blog-carousel-layout2 .owl-dots { position: static; transform: translate(0, 0); margin-top: 20px; display: none; } .cms-blog-carousel .owl-nav > div, .cms-blog-carousel-layout2 .owl-nav > div { top: 45%; width: 40px; height: 50px; line-height: 50px; border-width: 1px; background: transparent !important; } .cms-blog-carousel .owl-nav > div:hover, .cms-blog-carousel-layout2 .owl-nav > div:hover { border-color: #54be73; } .cms-blog-carousel .owl-nav > div:hover:before, .cms-blog-carousel-layout2 .owl-nav > div:hover:before { color: #54be73; } @media (max-width: 1360px) { .cms-blog-carousel .owl-nav > div, .cms-blog-carousel-layout2 .owl-nav > div { border-color: rgba(197, 164, 109, 0); } .cms-blog-carousel .owl-nav > div:before, .cms-blog-carousel-layout2 .owl-nav > div:before { color: rgba(197, 164, 109, 0); } } .cms-blog-carousel .owl-nav > div:before, .cms-blog-carousel-layout2 .owl-nav > div:before { font-size: 25px; } @media (min-width: 1361px) { .cms-blog-carousel .owl-nav .owl-prev, .cms-blog-carousel-layout2 .owl-nav .owl-prev { left: -50px; } } @media (max-width: 1360px) { .cms-blog-carousel .owl-nav .owl-prev, .cms-blog-carousel-layout2 .owl-nav .owl-prev { left: 22px; } } @media (min-width: 1361px) { .cms-blog-carousel .owl-nav .owl-next, .cms-blog-carousel-layout2 .owl-nav .owl-next { right: -50px; } } @media (max-width: 1360px) { .cms-blog-carousel .owl-nav .owl-next, .cms-blog-carousel-layout2 .owl-nav .owl-next { right: 22px; } } @media (max-width: 1360px) { .cms-blog-carousel:hover .owl-nav > div, .cms-blog-carousel-layout2:hover .owl-nav > div { border-color: #54be73; } .cms-blog-carousel:hover .owl-nav > div:before, .cms-blog-carousel-layout2:hover .owl-nav > div:before { color: #54be73; } } @media (max-width: 360px) { .cms-blog-carousel .entry-content { border: 1px solid #e3e3e3; } .cms-blog-carousel .inner-content { border: none !important; } .cms-blog-carousel .entry-meta-blog { text-align: center; background: #fff !important; } .cms-blog-carousel .entry-meta-blog li { color: #222 !important; display: block; padding-top: 15px !important; padding-left: 0 !important; float: none !important; } .cms-blog-carousel .entry-meta-blog li:last-child { padding-bottom: 15px !important; border-bottom: 1px dotted #ccc; } .cms-blog-carousel .entry-meta-blog li a { color: #222 !important; } .cms-blog-carousel .inner-content { text-align: center; } .cms-blog-carousel .owl-nav { display: none; } } .cms-blog-carousel-layout2 .cms-carousel-item { text-align: center; } .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .entry-excerpt { margin-bottom: 45px; } @media screen and (min-width: 992px) { .cms-blog-carousel-layout2 .cms-carousel-item .cms-blog-inner-item .inner-content { padding-left: 53px; padding-right: 53px; } } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-featured { overflow: hidden; position: relative; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-featured img { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-featured .entry-excerpt { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: absolute; bottom: 0; width: 100%; padding-left: 25px; padding-right: 25px; margin-bottom: 0; text-align: center; font-size: 15px; font-weight: 400; line-height: 24px; color: #fff; opacity: 0; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog { padding-left: 0; list-style: none; margin-bottom: 0; display: table; width: 100%; font-size: 11px; background-color: #222; padding-left: 15px; padding-right: 15px; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li { color: #fff; padding: 2px 15px; letter-spacing: 1px; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:first-child { float: left; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child { float: right; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li:last-child i { margin-right: 3px; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-meta-blog li a { color: #fff; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .inner-content { padding: 27px 15px 24px; border: 1px solid #e3e3e3; } @media screen and (min-width: 992px) { .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .inner-content { padding: 27px 30px 30px; text-align: center; } } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-title { text-transform: uppercase; font-size: 17px; font-weight: bold; margin-bottom: 25px; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-title a { color: #222; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-title a:hover { color: #54be73; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .entry-excerpt { margin-bottom: 22px; line-height: 24px; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .read-more { text-align: center; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .read-more a { font-size: 15px; font-weight: bold; display: inline-block; width: 130px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #222; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item .read-more a:hover { background-color: #54be73; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11); } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item:hover .entry-featured { background-color: #54be73; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item:hover .entry-featured img { opacity: 0; } .cms-blog-carousel-layout3 .cms-carousel-item .cms-blog-inner-item:hover .entry-featured .entry-excerpt { bottom: 50%; transform: translateY(50%); opacity: 1; } .cms-blog-carousel-layout3 .owl-stage-outer { padding: 30px 30px 35px; margin-left: -30px; margin-right: -30px; } .cms-blog-carousel-layout3 .owl-dots { position: static; transform: translate(0, 0); margin-top: 30px; } .cms-blog-carousel-layout3 .owl-nav > div { top: 45%; width: 40px; height: 50px; line-height: 50px; border-width: 1px; background: transparent !important; } .cms-blog-carousel-layout3 .owl-nav > div:hover { border-color: #54be73; } .cms-blog-carousel-layout3 .owl-nav > div:hover:before { color: #54be73; } @media (max-width: 1360px) { .cms-blog-carousel-layout3 .owl-nav > div { border-color: rgba(197, 164, 109, 0); } .cms-blog-carousel-layout3 .owl-nav > div:before { color: rgba(197, 164, 109, 0); } } .cms-blog-carousel-layout3 .owl-nav > div:before { font-size: 25px; } @media (min-width: 1361px) { .cms-blog-carousel-layout3 .owl-nav .owl-prev { left: -50px; } } @media (max-width: 1360px) { .cms-blog-carousel-layout3 .owl-nav .owl-prev { left: 22px; } } @media (min-width: 1361px) { .cms-blog-carousel-layout3 .owl-nav .owl-next { right: -50px; } } @media (max-width: 1360px) { .cms-blog-carousel-layout3 .owl-nav .owl-next { right: 22px; } } @media (max-width: 1360px) { .cms-blog-carousel-layout3:hover .owl-nav > div { border-color: #54be73; } .cms-blog-carousel-layout3:hover .owl-nav > div:before { color: #54be73; } } .cms-carousel-business .cms-carousel-item, .cms-carousel-testimonial .cms-carousel-item { text-align: center; } .cms-carousel-business .cms-carousel-item img, .cms-carousel-testimonial .cms-carousel-item img { width: inherit; display: inline-block; } .cms-carousel-testimonial-layout1 .cms-item-inner { padding: 40px 70px 30px; } @media screen and (max-width: 767px) { .cms-carousel-testimonial-layout1 .cms-item-inner { padding-left: 15px; padding-right: 15px; } } .cms-carousel-testimonial-layout1 .testimonial-feature { position: relative; margin-bottom: 40px; text-transform: uppercase; } .cms-carousel-testimonial-layout1 .testimonial-feature .overlay { width: 145px; height: 145px; line-height: 141px; border: 2px solid #54be73; display: inline-block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .cms-carousel-testimonial-layout1 .testimonial-feature .overlay:after { display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; content: " "; background: rgba(0, 0, 0, 0.3); opacity: 0; top: 50%; left: 50%; bottom: 50%; right: 50%; position: absolute; z-index: 1; } .cms-carousel-testimonial-layout1 .testimonial-feature:hover .overlay::after { opacity: 1; top: 0px; left: 0px; bottom: 0px; right: 0px; } .cms-carousel-testimonial-layout1 .testimonial-feature.no-image .overlay { background: #f8f8f8; text-align: center; font-size: 12px; color: #777; } .cms-carousel-testimonial-layout1 .testimonial-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } .cms-carousel-testimonial-layout1 .testimonial-title a { color: #54be73; } .cms-carousel-testimonial-layout1 .testimonial-title a:hover { color: #54be73; } .cms-carousel-testimonial-layout1 .testimonial-position { display: inline-block; margin-bottom: 5px; } .cms-carousel-testimonial-layout1 .testimonial-content { font-style: italic; font-size: 17px; font-weight: 400; line-height: 29px; margin-bottom: 30px; } .cms-carousel-testimonial-layout1 .owl-dots { bottom: 0; position: static; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .cms-carousel-testimonial-layout1 .owl-nav { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; opacity: 0; margin-top: 0; } .cms-carousel-testimonial-layout1 .owl-nav .owl-prev, .cms-carousel-testimonial-layout1 .owl-nav .owl-next { position: absolute; top: 50%; } .cms-carousel-testimonial-layout1 .owl-nav .owl-prev { left: 35px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1360px) { .cms-carousel-testimonial-layout1 .owl-nav .owl-prev { left: 15px; } } .cms-carousel-testimonial-layout1 .owl-nav .owl-next { right: 35px; -webkit-transform: translate(50%, -50%); -khtml-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } @media (max-width: 1360px) { .cms-carousel-testimonial-layout1 .owl-nav .owl-next { right: 15px; } } .cms-carousel-testimonial-layout1 .owl-prev, .cms-carousel-testimonial-layout1 .owl-next { display: inline-block; border: none; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ebebeb; color: #000; font-size: 17px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0; opacity: 1; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-carousel-testimonial-layout1 .owl-prev:hover, .cms-carousel-testimonial-layout1 .owl-next:hover { color: #fff; background-color: #54be73; opacity: 1; } .cms-carousel-testimonial-layout1 .owl-nav { opacity: 0; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-carousel-testimonial-layout1:hover .owl-nav { opacity: 1; } .cms-carousel-testimonial-layout2 .owl-stage-outer { padding-bottom: 60px; } @media screen and (min-width: 992px) { .cms-carousel-testimonial-layout2 .owl-stage-outer { padding-top: 30px; } } @media screen and (max-width: 767px) { .cms-carousel-testimonial-layout2 .owl-stage-outer { padding-top: 30px; } } .cms-carousel-testimonial-layout2 .cms-carousel-item { margin-bottom: 15px; margin-top: 15px; position: relative; } .cms-carousel-testimonial-layout2 .cms-carousel-item .cms-item-inner { padding: 30px 35px 20px; border: 3px solid transparent; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .cms-carousel-testimonial-layout2 .cms-carousel-item .cms-item-inner:hover { border-color: #54be73; } .cms-carousel-testimonial-layout2 .testimonial-meta .testimonial-content { padding-bottom: 90px; text-align: center; line-height: 23px; } .cms-carousel-testimonial-layout2 .testimonial-meta .testimonial-title { font-weight: 500; font-size: 15px; font-family: 'Arial','Microsoft YaHei'; text-transform: capitalize; color: #54be73; margin-bottom: 0; text-align: center; padding-left: 35px; position: absolute; bottom: 22px; width: 100%; left: 0; } .cms-carousel-testimonial-layout2 .testimonial-meta .testimonial-title i { margin-right: 10px; color: #54be73; } .cms-carousel-testimonial-layout2 .testimonial-feature { position: absolute; width: 95px; height: 95px; line-height: 95px; display: inline-block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; bottom: -45px; left: 35px; } @media screen and (max-width: 575px) { .cms-carousel-testimonial-layout2 .testimonial-feature { left: 15px; width: 70px; height: 70px; line-height: 70px; } } .cms-carousel-testimonial-layout2 .testimonial-feature .overlay { position: relative; } .cms-carousel-testimonial-layout2 .testimonial-feature:after { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; content: " "; top: -1px; right: -1px; left: -1px; bottom: -1px; border: 4px solid #54be73; } .cms-carousel-testimonial-layout2 .owl-dots { position: static; transform: translate(0, 0); margin-top: 37px; } .cms-carousel-testimonial-layout2 .owl-nav { opacity: 0; } @media (min-width: 1300px) { .cms-carousel-testimonial-layout2 .owl-nav { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-carousel-testimonial-layout2 .owl-nav .owl-prev { top: 43%; left: -30px; } .cms-carousel-testimonial-layout2 .owl-nav .owl-next { right: -30px; top: 43%; } .cms-carousel-testimonial-layout2:hover .owl-nav { opacity: 1; } } @media (min-width: 1299px) { .cms-carousel-testimonial-layout2 .owl-nav .owl-prev { left: -999px; } .cms-carousel-testimonial-layout2 .owl-nav .owl-next { right: -999px; } } .cms-counter { margin-top: 15px; margin-bottom: 15px; } @media screen and (max-width: 991px) { .cms-counter { margin-bottom: 50px; } } .cms-counter .cms-counter-inner { display: inline-block; text-align: center; } @media screen and (max-width: 767px) { .cms-counter .cms-counter-inner { display: block; } } .cms-counter .cms-counter-digit { font-size: 60px; line-height: 1; font-weight: 500; color: #000; margin-bottom: 28px; } @media screen and (max-width: 767px) { .cms-counter .cms-counter-digit { font-size: 40px; margin-bottom: 20px; } } .cms-counter .cms-counter-title { font-weight: 400; font-size: 25px; color: #000; margin-bottom: 20px; } @media screen and (max-width: 767px) { .cms-counter .cms-counter-title { font-size: 18px; margin-bottom: 15px; } } .cms-team-default .cms-team-inner { text-align: center; } .cms-team-default .cms-team-image { overflow: hidden; margin-bottom: 32px; } @media screen and (min-width: 992px) { .cms-team-default .cms-team-image { padding: 0 20px; } } .cms-team-default .cms-team-image img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cms-team-default .cms-team-image img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .cms-team-default .cms-team-title { margin-top: 15px; margin-bottom: 3px; font-size: 18px; font-weight: 600; color: #000; text-transform: uppercase; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-team-default .cms-team-title:hover { color: #54be73; } .cms-team-default .cms-team-position { color: #707070; font-size: 15px; text-transform: capitalize; } .cms-team-default .cms-team-social { margin-top: 15px; text-align: center; } .cms-team-default .cms-team-social a { color: #999; font-size: 15px; margin: 8px; } .cms-team-default .cms-team-social a:hover { color: #54be73; } @media screen and (max-width: 767px) { .cms-team-layout2 { margin-bottom: 50px; } } .cms-team-layout2 .cms-team-inner { text-align: center; padding: 0 30px; } @media screen and (max-width: 991px) { .cms-team-layout2 .cms-team-inner { padding: 0; } } .cms-team-layout2 .cms-team-image { position: relative; } .cms-team-layout2 .cms-team-image .overlay { display: inline-block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 5px solid #8c8c8c; overflow: hidden; position: relative; } .cms-team-layout2 .cms-team-image .overlay:after { display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; content: " "; background: rgba(0, 0, 0, 0.3); opacity: 0; top: 2px; left: 2px; bottom: 2px; right: 2px; position: absolute; z-index: 1; } .cms-team-layout2 .cms-team-image:hover .overlay::after { opacity: 1; top: 10px; left: 10px; bottom: 10px; right: 10px; } .cms-team-layout2 .cms-team-image:hover .cms-team-social { opacity: 1; } .cms-team-layout2 .cms-team-social { position: absolute; z-index: 2; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-team-layout2 .cms-team-social a { color: #fff; font-size: 20px; margin: 8px; } .cms-team-layout2 .cms-team-social a:hover { color: #54be73; } .cms-team-layout2 .cms-team-title { letter-spacing: 0.1em; color: ; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-top: 10px; margin-bottom: 3px; } .cms-team-layout2 .cms-team-position { letter-spacing: 0.1em; font-size: 15px; text-transform: capitalize; color: ; } .cms-grid .grid-filter-wrap { margin-bottom: 20px; } .cms-grid.cms-gallery-grid .grid-item-inner { text-align: center; } .cms-grid.cms-gallery-grid .grid-item-inner .item-featured { position: relative; display: inline-block; background-color: #54be73; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-grid.cms-gallery-grid .grid-item-inner .item-featured img { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; width: 100%; } .cms-grid.cms-gallery-grid .grid-item-inner .item-featured a { position: absolute; display: inline-block; top: 50%; left: 50%; font-size: 40px; color: #fff; opacity: 0; transform: translate(-50%, -50%); -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-grid.cms-gallery-grid .grid-item-inner .item-featured:hover img { opacity: 0.6; } .cms-grid.cms-gallery-grid .grid-item-inner .item-featured:hover a { opacity: 1; } @media screen and (max-width: 767px) { .cms-grid.cms-gallery-images .grid-item-inner { text-align: center; } } .cms-grid.cms-gallery-images .grid-item-inner .item-featured { display: inline-block; background-color: #54be73; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; position: relative; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured img { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; width: 100%; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured .item-holder { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured .item-holder a { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 20px; width: 50px; height: 50px; line-height: 46px; text-align: center; color: #fff; border: 2px solid #fff; margin-right: 2px; margin-left: 2px; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured:hover img { opacity: 0.2; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured:hover .item-holder { opacity: 1; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured:hover .item-holder a.icon-zoom { margin-right: 12px; } .cms-grid.cms-gallery-images .grid-item-inner .item-featured:hover .item-holder a.icon-link { margin-left: 12px; } .cms-video-wrapper { text-align: center; padding: 30px; position: relative; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .cms-video-wrapper .cms-video-inner { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; right: 0; } .cms-video-wrapper .cms-video-inner .cms-video-button { display: inline-block; } .cms-video-wrapper .cms-video-inner .video-icon { height: 73px; width: 73px; display: inline-block; background-color: transparent; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; border: 2px solid #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-video-wrapper .cms-video-inner .video-icon i { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; color: #fff; position: absolute; top: 50%; left: 25px; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 35px; } .cms-video-wrapper .cms-video-inner .video-icon:hover { border-color: #54be73; } .cms-video-wrapper .cms-video-inner .video-icon:hover i { color: #54be73; } @media screen and (min-width: 992px) { .content-has-sidebar.float-right { order: 2; -webkit-order: 2; -ms-order: 2; } .content-has-sidebar.float-right + #secondary { order: 1; -webkit-order: 1; -ms-order: 1; } .row-resize .vc_col-lg-3 { width: 26%; } .row-resize .vc_col-lg-9 { width: 74%; } } .btn.focus, .btn:focus { box-shadow: 0; } .vc_row-fluid.vc_row-no-padding .wpb_column > .vc_column-inner { padding-top: 0 !important; } #page.site { overflow: hidden; } .cms-row-newlleter .vc_column-inner .widget form { margin: 0 auto; } @media screen and (max-width: 991px) { .cms-row-newlleter .vc_column-inner { padding-left: 15px !important; } } .cms-subtititle-slide:before, .cms-subtititle-slide:after { display: inline-block; content: " "; background: #fff; height: 2px; margin-bottom: 6px; width: 100px; } @media screen and (max-width: 767px) { .cms-subtititle-slide:before, .cms-subtititle-slide:after { display: none; } } .cms-subtititle-slide:before { margin-right: 10px; } .cms-subtititle-slide:after { margin-left: 10px; } ul.tp-revslider-mainul .slotholder::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.55); display: block; z-index: 22; } .rev_slider_wrapper .tparrows { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .rev_slider_wrapper .tparrows.gyges { width: 53px; height: 63px; background-color: rgba(0, 0, 0, 0.2); border: 2px solid transparent; } .rev_slider_wrapper .tparrows.gyges:hover { border: 2px solid #54be73; } .rev_slider_wrapper .tparrows.gyges:before { line-height: 63px; } .rev_slider_wrapper .tparrows.custom { width: 28px; height: 123px; background-color: transparent; border: 1px solid #fff; opacity: 0; } .rev_slider_wrapper .tparrows.custom:before { line-height: 121px; color: #fff; } .rev_slider_wrapper .tparrows.custom:hover { opacity: 1; } .rev_slider_wrapper .rev_slider:hover .custom { opacity: 1; } @media (max-width: 767px) { .vc_tta-tabs .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .site-content .rev_slider_wrapper .tparrows { width: 40px; height: 40px; } .site-content .rev_slider_wrapper .tparrows:before { line-height: 38px !important; font-size: 15px; } .site-content .rev_slider_wrapper .tparrows.metis { width: 40px !important; height: 40px !important; } .site-content .rev_slider_wrapper .tparrows.metis:before { line-height: 22px !important; } .site-content .rev_slider_wrapper .tparrows.metis.tp-leftarrow { left: 10px; } .site-content .rev_slider_wrapper .tparrows.metis.tp-rightarrow { right: 10px; } } .single-post .content-has-sidebar.float-left + .widget-has-sidebar, .page-template-blog-standard .content-has-sidebar.float-left + .widget-has-sidebar { padding-left: 30px; } @media screen and (max-width: 991px) { .single-post .content-has-sidebar.float-left + .widget-has-sidebar, .page-template-blog-standard .content-has-sidebar.float-left + .widget-has-sidebar { padding-left: 15px; } } .single-post .content-has-sidebar.float-right + .widget-has-sidebar, .page-template-blog-standard .content-has-sidebar.float-right + .widget-has-sidebar { padding-right: 30px; } @media screen and (max-width: 991px) { .single-post .content-has-sidebar.float-right + .widget-has-sidebar, .page-template-blog-standard .content-has-sidebar.float-right + .widget-has-sidebar { padding-right: 15px; } } .search-results .navigation { margin-top: 70px; } .search-results article.single-hentry { border-bottom: 1px solid #ddd; } .search-results article.single-hentry:last-child { border-bottom: none; } @media screen and (max-width: 1199px) { body .container { max-width: 100%; } } @media screen and (max-width: 991px) { #primary + #secondary { margin-top: 60px; } body .site-header-main { background-color: transparent !important; } } @media screen and (max-width: 767px) { #primary + #secondary { margin-top: 90px; } } .site-content { padding: 120px 0; } @media screen and (max-width: 1199px) { .site-content { padding: 100px 0; } } @media screen and (max-width: 767px) { .site-content { padding: 60px 0; } } .single-swh-post .site-content { padding-bottom: 98px; } @media screen and (max-width: 1199px) { .single-swh-post .site-content { padding: 70px 0; } } @media screen and (max-width: 767px) { .single-swh-post .site-content { padding: 50px 0; } } .page-template-default .entry-footer { text-align: center; } .page-template-default .entry-footer i { padding-right: 8px; } .vc_column_container > .theiaStickySidebar > .vc_column-inner { box-sizing: border-box; width: 100%; } .entry-footer .entry-edit-link { display: none; } .row-overlay { position: relative; } .row-overlay:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .row-overlay .vc_column-inner { position: relative; z-index: 3; } .row-overlay .vc_parallax-inner { background-position: 50% 50% !important; } .row-overlay.bg-blur > .vc_parallax-inner { -webkit-filter: blur(9px); -moz-filter: blur(9px); -o-filter: blur(9px); -ms-filter: blur(9px); filter: blur(9px); } .row-bg-bottom .vc_parallax-inner { background-repeat: repeat-x !important; background-position: bottom center !important; background-size: inherit !important; } .row-bg-bottom.row-bg-bottom-z1 > * { z-index: -1; } .bg-image-scoll .vc_parallax-inner { background-attachment: scroll !important; background-position: center center !important; } .row-bg-right .vc_parallax-inner { background-position: right 58% !important; background-repeat: no-repeat !important; background-size: inherit !important; background-attachment: scroll !important; } .row-bg-left .vc_parallax-inner { background-position: left 50% !important; background-repeat: no-repeat !important; background-size: inherit !important; background-attachment: scroll !important; } @media screen and (max-width: 1199px) { .row-bg-left .vc_parallax-inner { background-position: -999999999px 50% !important; } } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .col-overlay .vc_column-inner { position: relative; } .col-overlay .vc_column-inner:after { background-color: inherit; bottom: 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; right: 0; top: 0; visibility: visible !important; } .col-overlay .vc_column-inner .wpb_wrapper { position: relative; z-index: 1; } @media screen and (min-width: 992px) { .entry-content > .vc_row > .float-right { order: 2; -webkit-order: 2; -ms-order: 2; } } @media screen and (max-width: 1199px) { .rm-padding-lg > .vc_column-inner, .rm-padding-lg > .theiaStickySidebar > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 991px) { .rm-padding-md > .vc_column-inner, .rm-padding-md > .theiaStickySidebar > .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 767px) { .vc_row.row-rm-padding-sm { margin-left: -15px !important; margin-right: -15px !important; } .rm-margin-sm > .vc_column-inner { margin: 0 !important; } } @media screen and (max-width: 575px) { /* [Start] 13. +-----------------------------------+ */ .vc_row.row-rm-padding-xs { margin-left: -15px !important; margin-right: -15px !important; } } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-holder { position: relative; } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-holder .room-content { padding: 27px 30px 25px; text-align: center; } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-title { margin-bottom: 0 !important; font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 400 !important; } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-title a { color: #222; } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-title a:hover { color: #54be73; } .cms-best-room1 .cms-carousel .cms-room-archive-item .cms-room-rating { position: absolute; top: 25px; right: 28px; font-size: 18px; width: 80px; text-align: right; } .cms-best-room1 .cms-carousel .cms-room-archive-item .archive-book-room li.cms-room-meta-price .cms-price { font-size: 20px !important; } .cms-best-room1 .cms-carousel .owl-nav { margin-top: 10px !important; position: absolute; width: 100%; } @media screen and (max-width: 575px) { .cms-best-room1 .cms-carousel .owl-nav { margin-top: 0 !important; } } .cms-best-room1 .cms-carousel .owl-nav > div { position: static; transform: translate(0, 0); margin-top: 0; margin-bottom: 0; border: 1px solid #e0e0e0; height: 45px; line-height: 43px; width: 40px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-best-room1 .cms-carousel .owl-nav > div:before { font-size: 25px; color: #c8c8c8; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-best-room1 .cms-carousel .owl-nav > div:hover { border-color: #54be73; background-color: transparent; } .cms-best-room1 .cms-carousel .owl-nav > div:hover:before { color: #54be73; } .cms-best-room1 .cms-carousel .owl-nav .owl-prev { margin-right: 180px; } .cms-best-room1 .cms-carousel .owl-stage-outer { padding: 30px; margin: -30px; } .cms-best-room1 .cms-best-room-all { position: relative; height: 46px; margin-top: 10px; } .cms-best-room1 .cms-best-room-all a { display: inline-block; height: 45px; font-size: 15px; line-height: 45px; background-color: #54be73; color: #fff; font-weight: 500; text-transform: uppercase; width: 150px; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 1; } .cms-best-room1 .cms-best-room-all a:hover { background-color: #4fb8aa; } @media screen and (max-width: 767px) { .cms-best-room1 .cms-room-archive-item .cms-room-holder .room-content { padding: 30px 15px; } .cms-best-room1 .cms-carousel .owl-nav { margin-top: 0 !important; } .cms-best-room1 .cms-carousel .owl-nav .owl-prev { margin-right: 180px; } .cms-best-room1 .cms-best-room-all { margin-top: 0px; } .cms-best-room1 .cms-best-room-all a { width: 150px; font-size: 12px; } .cms-best-room1 .cms-best-room-all a:hover { background-color: #54be73; } } .cms-best-room2 .cms-best-room-item .cms-room-holder { background: #fff; padding: 20px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title { margin-bottom: 32px; font-weight: bold; font-size: 45px; text-transform: capitalize; letter-spacing: 0.05em; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title a:hover { color: #54be73; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-meta { margin-bottom: 14px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-meta ul li { margin-right: 15px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 25px; font-size: 12px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-meta ul li:last-child { margin-right: 0; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-excerpt { line-height: 24px; margin-bottom: 50px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price { font-size: 25px; font-weight: 500; font-style: italic; color: #54be73; font-family: 'Lora'; display: block; margin-bottom: 38px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price .cms-label { color: #222; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price .cms-suffix:before { display: inline-block; content: ""; width: 2px; height: 18px; background-color: #54be73; transform: rotate(16deg); margin-right: 10px; margin-left: 7px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn { text-align: right; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn .btn-book-now { color: #54be73; font-size: 17px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; } .cms-best-room2 .owl-nav { position: absolute; bottom: 0; width: auto; height: 66px; padding-left: 131px; left: 50%; transform: translate(-50%, 0); } .cms-best-room2 .owl-nav > div { transform: translate(0, 0); position: static; width: 66px; height: 66px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; line-height: 66px; text-align: center; font-size: 30px; border: none; } .cms-best-room2 .owl-nav > div:before { font-size: 30px; } .cms-best-room2 .owl-nav > div.owl-prev { background: #fff; } .cms-best-room2 .owl-nav > div.owl-prev:before { color: #222; } .cms-best-room2 .owl-nav > div.owl-next { background: #fff; } .cms-best-room2 .owl-nav > div.owl-next:before { color: #222; } .cms-best-room2 .owl-nav > div:hover { background: #222; } .cms-best-room2 .owl-nav > div:hover:before { color: #fff; } @media (min-width: 1360px) { .cms-best-room2 .cms-best-room-item { display: flex; } .cms-best-room2 .cms-best-room-item .cms-room-image, .cms-best-room2 .cms-best-room-item .cms-room-holder { flex-grow: 1; width: 50%; } .cms-best-room2 .cms-best-room-item .cms-room-image a { display: none; } .cms-best-room2 .cms-best-room-item .cms-room-holder { padding: 90px 60px 95px 100px; } } @media (min-width: 992px) and (max-width: 1360px) { .cms-best-room2 .cms-best-room-item { display: flex; } .cms-best-room2 .cms-best-room-item .cms-room-image, .cms-best-room2 .cms-best-room-item .cms-room-holder { flex-grow: 1; width: 50%; } .cms-best-room2 .cms-best-room-item .cms-room-image a { display: none; } .cms-best-room2 .cms-best-room-item .cms-room-holder { padding: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title { margin-bottom: 22px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-excerpt { margin-bottom: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price { margin-bottom: 25px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn { text-align: left; } .cms-best-room2 .owl-nav { top: 100%; padding-left: 0; } } @media (min-width: 768px) and (max-width: 991px) { .cms-best-room2 .cms-best-room-item { display: flex; } .cms-best-room2 .cms-best-room-item .cms-room-image, .cms-best-room2 .cms-best-room-item .cms-room-holder { flex-grow: 1; width: 50%; } .cms-best-room2 .cms-best-room-item .cms-room-image a { display: none; } .cms-best-room2 .cms-best-room-item .cms-room-holder { padding: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title { margin-bottom: 22px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-excerpt { margin-bottom: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price { margin-bottom: 25px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn { text-align: left; } } @media screen and (max-width: 1199px) { .cms-best-room2 .owl-nav { top: 100%; height: 40px; padding-left: 0; } .cms-best-room2 .owl-nav > div { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .cms-best-room2 .owl-nav > div:before { font-size: 20px; } } @media screen and (max-width: 767px) { .cms-best-room2 .cms-best-room-item { padding: 15px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title { margin-bottom: 20px; font-weight: 500; font-size: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn { text-align: left; margin-bottom: 25px; } } @media (max-width: 360px) { .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-title { margin-bottom: 20px; font-weight: 500; font-size: 30px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-meta li { display: block; padding-bottom: 6px; margin-right: 0 !important; border-bottom: 1px solid #ddd; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-excerpt { margin-bottom: 20px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-wrapper-price { font-size: 20px; margin-bottom: 20px; } .cms-best-room2 .cms-best-room-item .cms-room-holder .cms-room-btn a { font-size: 13px !important; padding: 10px 15px; border: 1px solid; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } } .cms-special-layout1 .owl-nav { position: absolute; bottom: 0; left: 0; } .cms-special-layout1 .owl-nav > div { transform: translate(0, 0); position: static; width: 66px; height: 66px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; line-height: 66px; text-align: center; font-size: 30px; border: none; } .cms-special-layout1 .owl-nav > div:before { font-size: 30px; } .cms-special-layout1 .owl-nav > div.owl-prev { background: #f2f6f6; } .cms-special-layout1 .owl-nav > div.owl-prev:before { color: #222; } .cms-special-layout1 .owl-nav > div.owl-next { background: #f2f6f6; } .cms-special-layout1 .owl-nav > div.owl-next:before { color: #222; } .cms-special-layout1 .owl-nav > div:hover { background: #54be73; } .cms-special-layout1 .owl-nav > div:hover:before { color: #fff; } @media screen and (min-width: 992px) { .cms-special-layout1 .cms-room-special-item { position: relative; } .cms-special-layout1 .cms-room-special-item .cms-room-holder { position: absolute; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 0.3); width: 340px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content { padding: 25px 30px 0 30px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title { position: relative; text-align: right; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: 'Montserrat'; font-size: 34px; font-weight: bold; color: #fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title a { color: #fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title a:hover { color: #54be73; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title .cms-room-sale { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-transform: uppercase; font-size: 15px; font-weight: 500; font-family: 'Arial','Microsoft YaHei'; width: 140px; text-align: center; background: #54be73; color: #fff; height: 35px; line-height: 35px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title .cms-room-sale:hover { background-color: #222; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room { padding-left: 0; list-style: none; margin-bottom: 0; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li { flex-grow: 1; text-align: center; padding: 12px 0 25px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn { text-align: right; padding-left: 30px; padding-right: 30px; color: #fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn a { margin-top: 8px; height: 35px; line-height: 35px; padding-left: 30px; padding-right: 30px; font-size: 15px; font-weight: 500; text-transform: uppercase; display: inline-block; background-color: #54be73; color: #fff; cursor: pointer; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn a:hover { background-color: #222; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span { color: #fff; display: block; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-price { font-size: 30px; color: #54be73; font-weight: 500; margin-bottom: 3px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-suffix { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .cms-special-layout1 .cms-room-special-item { position: relative; } .cms-special-layout1 .cms-room-special-item .cms-room-holder { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); width: 80%; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content { padding: 32px 40px 0 40px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title { position: relative; margin-bottom: 35px; padding-right: 140px; font-family: 'Montserrat'; font-size: 40px; font-weight: bold; color:#fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title a { color: #fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title a:hover { color: #54be73; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title .cms-room-sale { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-transform: uppercase; font-size: 15px; font-weight: 500; font-family: 'Arial','Microsoft YaHei'; width: 140px; text-align: center; background: #54be73; color: #fff; height: 35px; line-height: 35px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title .cms-room-sale:hover { background-color: #222; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room { padding-left: 0; list-style: none; margin-bottom: 0; display: flex; border-top: 1px solid rgba(255, 255, 255, 0.4); } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li { flex-grow: 1; text-align: center; padding: 32px 0 27px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn { text-align: left; padding-left: 40px; color:#fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn a { margin-top: 8px; height: 35px; line-height: 35px; padding-left: 30px; padding-right: 30px; font-size: 15px; font-weight: 500; text-transform: uppercase; display: inline-block; background-color: #54be73; color: #fff; cursor: pointer; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn a:hover { background-color: #222; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span { color: #fff; display: block; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-price { font-size: 30px; color: #54be73; font-weight: 500; margin-bottom: 3px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-suffix { font-size: 18px; } .cms-special-layout1 .owl-nav { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display:none; } .cms-special-layout1 .owl-nav > div { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .cms-special-layout1 .owl-nav > div:before { font-size: 20px; } } @media screen and (max-width: 767px) { .cms-special-layout1 .cms-room-special-item .cms-room-holder { background-color: #f2f6f6; padding: 20px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content { padding: 15px; padding-bottom: 10px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title { margin-bottom: 0; font-size: 30px; font-family: 'Montserrat'; font-weight: 700; color: #222; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title a { color: #fff; font-size: 30px; display: block; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .room-content .cms-room-title .cms-room-sale { margin-top: 15px; font-size: 20px; font-family: 'Lora'; color: #54be73; font-weight: 300; display: block; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room { padding-left: 0; margin-bottom: 0; list-style: none; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li { text-align: left; padding: 15px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn { padding: 5px 15px 15px 15px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-btn a { color: #222; background-color: #fff; padding: 5px 15px; font-size: 17px; display: inline-block; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span { color: #fff; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-price { font-size: 20px; } .cms-special-layout1 .cms-room-special-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price span.cms-suffix { font-size: 20px; } .cms-special-layout1 .owl-nav { position: static; display: none; } .cms-special-layout1 .owl-nav > div { margin-top: 30px; width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .cms-special-layout1 .owl-nav > div:before { font-size: 20px; } .cms-special-layout1 .owl-nav > div.owl-prev { background: #222; } .cms-special-layout1 .owl-nav > div.owl-prev:before { color: #fff; } .cms-special-layout1 .owl-nav > div.owl-next { background: #54be73; } .cms-special-layout1 .owl-nav > div.owl-next:before { color: #fff; } } @media screen and (max-width: 767px) { .cms-special-layout1 .cms-room-special-item .cms-room-holder { padding: 20px 5px; } } .cms-special-layout2 .cms-room-item { overflow: hidden; position: relative; } .cms-special-layout2 .cms-room-item .cms-room-sale-top { position: absolute; top: 30px; left: 30px; width: 175px; text-align: center; height: 35px; display: block; line-height: 35px; background: #222; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 500; margin-bottom: 40px; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } @media screen and (min-width: 1200px) { .cms-special-layout2 .cms-room-item .cms-room-image img:hover { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .cms-special-layout2 .cms-room-item .cms-room-holder { position: absolute; top: 30px; left: 30px; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content { -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; padding: 62px 30px; border-bottom: none !important; position: relative; text-align: center; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-title { font-weight: 400; font-size: 30px; text-transform: uppercase; margin-bottom: 23px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-title a { color: #fff; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-sale { width: 175px; text-align: center; height: 35px; display: block; margin-left: auto; margin-right: auto; line-height: 35px; background: #222; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 500; margin-bottom: 40px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-excerpt { line-height: 24px; margin-bottom: 42px; color: #fff; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .btn-book-now { width: 115px; height: 30px; line-height: 30px; color: #fff; font-size: 13px; font-weight: 400; text-align: center; background: #54be73; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 992px) and (max-width: 1360px) { .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content { padding: 32px 20px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-title { margin-bottom: 15px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-sale { margin-bottom: 20px; } } @media screen and (max-width: 575px) { .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content { padding: 15px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-title { font-size: 20px; margin-bottom: 15px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-sale { margin-bottom: 20px; } .cms-special-layout2 .cms-room-item .cms-room-holder .cms-room-content .cms-room-excerpt { margin-bottom: 22px; color: #fff; } } .cms-special-layout2 .cms-room-item:hover .cms-room-sale-top { opacity: 0; top: 0; left: 0; } .cms-special-layout2 .cms-room-item:hover .cms-room-holder { opacity: 1; top: 0; left: 0; } .cms-special-layout2 .owl-nav > div { top: 45%; width: 42px; height: 105px; line-height: 103px; border-width: 1px; background: transparent !important; } .cms-special-layout2 .owl-nav > div:hover { border-color: #54be73; } .cms-special-layout2 .owl-nav > div:hover:before { color: #54be73; } @media (max-width: 1360px) { .cms-special-layout2 .owl-nav > div { border-color: #54be73; } .cms-special-layout2 .owl-nav > div:before { color: #54be73; } } .cms-special-layout2 .owl-nav > div:before { font-size: 25px; } @media (min-width: 1361px) { .cms-special-layout2 .owl-nav .owl-prev { left: -70px; } } @media (min-width: 1361px) { .cms-special-layout2 .owl-nav .owl-next { right: -70px; } } @media (max-width: 1360px) { .cms-special-layout2 .owl-nav .owl-next, .cms-special-layout2 .owl-nav .owl-prev { position: static; height: 50px; line-height: 48px; margin: 0 5px; transform: translate(0, 0); } } .cms-special-layout2 .cms-best-room-all { position: relative; height: 46px; margin-top: 18px; } .cms-special-layout2 .cms-best-room-all a { display: inline-block; height: 45px; line-height: 45px; background-color: #222; color: #fff; font-weight: 500; font-size: 17px; text-transform: uppercase; width: 212px; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 1; } .cms-special-layout2 .cms-best-room-all a:hover { background-color: #54be73; } .cms-room-item { border: 1px solid #e0e0e0; } .cms-room-item.cms-room-archive-item { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; margin-bottom: 30px; } .cms-room-item.cms-room-archive-item:hover { -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.1); } .cms-room-item.cms-room-archive-item .cms-room-image { overflow: hidden; } .cms-room-item.cms-room-archive-item .cms-room-image img { -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .cms-room-item.cms-room-archive-item .cms-room-image img:hover { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 767px) { .cms-room-item.cms-room-archive-item .cms-room-image img { width: 100%; } } .cms-room-item.cms-room-archive-item ul { padding-left: 0; list-style: none; margin-bottom: 0; } .cms-room-item.cms-room-archive-item .cms-room-holder .room-content { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #e0e0e0; } @media { .cms-room-item.cms-room-archive-item .cms-room-holder .room-content { padding: 32px 30px 30px 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .cms-room-item.cms-room-archive-item .cms-room-holder .room-content { padding: 15px; } } .cms-room-item.cms-room-archive-item .cms-room-holder .cms-room-title { margin-bottom: 10px; font-weight: 500; text-transform: capitalize; letter-spacing: 1; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-room-meta { display: table; width: 100%; margin-bottom: 27px; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-room-meta li { display: inline-block; margin-right: 30px; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 29px; font-size: 13px; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-room-meta li:last-child { margin-right: 0; } .cms-room-item.cms-room-archive-item .cms-room-holder .cms-room-excerpt { line-height: 24px; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room { display: flex; width: 100%; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li { flex-grow: 1; width: 50%; padding: 15px 0 15px; display: inline-block; text-align: center; float: left; } @media screen and (min-width: 992px) { .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li { padding: 30px 0 26px; } } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn { border-right: 1px solid #d8d8d8; text-align: left; position: relative; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn .btn-book-now { font-size: 12px; display: inline-block; text-transform: uppercase; height: 30px; line-height: 31px; padding: 0 15px; background: #222; color: #fff; font-weight: 500; position: absolute; top: 50%; width: 130px; text-align: center; left: 30px; transform: translate(0, -50%); } @media screen and (max-width: 1199px) { .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn .btn-book-now { left: 50%; transform: translate(-50%, -50%); } } @media (min-width: 992px) and (max-width: 1199px) { .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn .btn-book-now { left: 50%; transform: translate(-50%, -50%); width: 110px; text-align: center; } } @media screen and (min-width: 1200px) { .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn .btn-book-now { max-width: 130px; width: 100%; text-align: center; } } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-btn .btn-book-now:hover { background: #54be73; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-meta-price { text-align: center; letter-spacing: 0.1em; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price .cms-price { display: block; font-size: 25px; font-weight: 500; color: #54be73; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price .cms-suffix { font-size: 15px; font-weight: 400; } @media screen and (min-width: 992px) { .cms-grid-room-mansory .grid-item-inner { position: relative; } .cms-grid-room-mansory .grid-item-inner:before { display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; content: ""; background: rgba(0, 0, 0, 0.65); top: 100%; left: 0; right: 0; bottom: 0px; opacity: 1; position: absolute; } .cms-grid-room-mansory .grid-item-inner .entry-holder { position: absolute; transform: translate(-50%, -50%); top: 30%; left: 50%; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; z-index: 1; opacity: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-grid-room-mansory .grid-item-inner .entry-holder .item-title { font-size: 35px; text-transform: uppercase; margin-bottom: 12px; font-weight: bold; font-family: 'Cormorant'; } .cms-grid-room-mansory .grid-item-inner .entry-holder .item-title a { color: #fff; } .cms-grid-room-mansory .grid-item-inner .entry-holder .cms-wrapper-price { font-size: 25px; font-weight: 500; color: #54be73; } .cms-grid-room-mansory .grid-item-inner:hover .entry-holder { top: 50%; opacity: 1; } .cms-grid-room-mansory .grid-item-inner:hover .entry-holder .item-title a:hover { color: #54be73; } .cms-grid-room-mansory .grid-item-inner:hover:before { opacity: 1; top: 0; } } @media screen and (max-width: 991px) { .cms-grid-room-mansory .grid-item-inner { position: relative; } .cms-grid-room-mansory .grid-item-inner .entry-holder { position: absolute; transform: translate(-50%, -50%); top: 70%; left: 50%; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; z-index: 1; opacity: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .cms-grid-room-mansory .grid-item-inner .entry-holder .item-title { font-size: 35px; text-transform: uppercase; margin-bottom: 12px; font-weight: bold; } .cms-grid-room-mansory .grid-item-inner .entry-holder .item-title a { color: #fff; } .cms-grid-room-mansory .grid-item-inner .entry-holder .cms-wrapper-price { font-size: 25px; font-weight: 500; color: #54be73; } .cms-grid-room-mansory .grid-item-inner .entry-holder .meta-thumbnail a { width: 40px; height: 40px; line-height: 38px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; margin: 15px 5px; display: inline-block; font-size: 18px; color: #fff; } .cms-grid-room-mansory .grid-item-inner .entry-holder .meta-thumbnail a:hover { border-color: #54be73; color: #54be73; } .cms-grid-room-mansory .grid-item-inner:hover .item-featured { background: #000; } .cms-grid-room-mansory .grid-item-inner:hover .item-featured img { opacity: 0.65; } .cms-grid-room-mansory .grid-item-inner:hover .entry-holder { top: 50%; opacity: 1; } .cms-grid-room-mansory .grid-item-inner:hover .entry-holder .item-title a:hover { color: #54be73; } } @media (min-width: 576px) and (max-width: 767px) { .cms-grid-room-mansory .grid-item-inner .item-featured { padding-left: 30px; padding-right: 30px; } .cms-grid-room-mansory .grid-item-inner .item-featured img { width: 100%; } } @media screen and (max-width: 767px) { .cms-grid-room-mansory .grid-item-inner .item-featured img { width: 100%; } .cms-grid-room-mansory .grid-item-inner .entry-holder .item-title { font-size: 20px; } .cms-grid-room-mansory .grid-item-inner .entry-holder .cms-wrapper-price { font-size: 15px; } } .cms-grid-room-mansory .item-featured { text-align: center; } .woocommerce-ordering { width: 100%; text-align: right; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .woocommerce-ordering .swh-select1 { display: inline-block; border: 1px solid #c8c8c8; text-transform: uppercase; font-size: 13px; font-family: 'Montserrat'; color: #777; padding: 5px 0; min-width: 200px; } .woocommerce-ordering .swh-select1 .nice-select { padding-left: 30px; } .woocommerce-ordering .swh-select1 .nice-select:after { color: #777; right: 30px; } .woocommerce-ordering .swh-select1 .nice-select .current { margin-right: 3px; text-align: center; } .woocommerce-ordering .swh-select1 .nice-select ul.list { min-width: 100%; } .woocommerce-ordering .swh-select1 .nice-select ul.list li { font-size: 12px; font-weight: 300; } .woocommerce-ordering .swh-select1 .nice-select ul.list li.focus { color: #222; font-weight: 500; } @media screen and (max-width: 575px) { .woocommerce-ordering { margin-bottom: 20px; width: 100%; text-align: left; } .woocommerce-ordering .swh-select1 { border: 1px solid #c8c8c8; width: 48%; } .woocommerce-ordering .swh-select1 .nice-select { padding-left: 20px; } .cms-room-item.cms-room-archive-item .cms-room-holder .room-content { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #d8d8d8; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room { display: flex; width: 100%; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price .cms-price { font-size: 15px; } .cms-room-item.cms-room-archive-item .cms-room-holder .archive-book-room li.cms-room-meta-price .cms-wrapper-price .cms-suffix { font-size: 15px; } } @media (max-width: 360px) { .woocommerce-ordering .swh-select1 { width: 100%; } } .swh-order-notification.open .swh-noti-title { text-align: center; color: green; } .swh-order-notification.open .swh-order-noti-inner .swh-noti-contents { padding: 15px 0; border: 1px solid #ddd; } .swh-order-notification.open .swh-order-noti-inner .swh-noti-contents div p { padding: 5px 15px; } .swh-order-notification.open .swh-order-noti-inner .swh-noti-contents div p + p { border-top: 1px solid #ddd; } .cms-grid.cms-grid-room .grid-room-grapper .grid-room-item { margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-room-grapper .grid-room-item:last-child { margin-bottom: 0 !important; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured { background: #f8f8f8; overflow: hidden; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .cms-grid.cms-grid-room .grid-item-inner .entry-holder { padding: 40px 30px; background: #fff; color: #999; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .entry-title { text-transform: uppercase; font-size: 20px; font-weight: 500; font-family: 'Cormorant'; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .entry-title a { color: #222; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta { margin-bottom: 20px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta ul li { margin-right: 35px; font-size: 13px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 25px; } @media screen and (max-width: 1199px) { .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta ul li { margin-right: 15px; } } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta ul li:last-child { margin-right: 0; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-excerpt { line-height: 24px; margin-bottom: 20px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price { display: block; margin-bottom: 25px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price span { display: inline-block; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price .cms-price { font-size: 20px; color: #222; font-family: 'Arial','Microsoft YaHei'; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price .cms-price cite { font-family: 'Arial','Microsoft YaHei'; font-style: normal; font-weight: 500; color: #54be73; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price .cms-suffix { font-size: 15px; color: #777; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .btn-book-now { width: 112px; display: block; line-height: 30px; height: 30px; text-align: center; background: #222; color: #fff; display: block; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .btn-book-now:hover { background: #54be73; } @media screen and (min-width: 1200px) { .cms-grid.cms-grid-room .grid-room-grapper .grid-room-item { margin-bottom: 70px; } .cms-grid.cms-grid-room .grid-item-inner { display: flex; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured { flex-grow: 1; width: 50%; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder { padding: 43px 50px; flex-grow: 1; width: 50%; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .entry-title { font-size: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta { margin-bottom: 39px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-excerpt { line-height: 24px; margin-bottom: 37px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price { margin-bottom: 45px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price .cms-price { font-size: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .cms-grid.cms-grid-room .grid-room-grapper .grid-room-item { margin-bottom: 50px; } .cms-grid.cms-grid-room .grid-item-inner { display: flex; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured { flex-grow: 1; width: 50%; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder { padding: 40px; flex-grow: 1; width: 50%; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .entry-title { font-size: 25px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta { margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-excerpt { line-height: 24px; margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price { margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price .cms-price { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .cms-grid.cms-grid-room .grid-room-grapper .grid-room-item { margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .entry-title { font-size: 25px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-meta { margin-bottom: 20px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-room-excerpt { line-height: 24px; margin-bottom: 30px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price { margin-bottom: 20px; } } @media screen and (max-width: 991px) { .cms-grid.cms-grid-room-mansory .item-title { font-size: 25px; } .cms-grid.cms-grid-room-mansory .cms-wrapper-price { font-size: 20px; } } @media screen and (max-width: 767px) { .cms-grid.cms-grid-room .grid-item-inner .entry-featured { text-align: center; } .cms-grid.cms-grid-room .grid-item-inner .entry-featured img { width: 100%; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder { padding: 30px 15px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .item-title { font-size: 20px; } .cms-grid.cms-grid-room .grid-item-inner .entry-holder .cms-wrapper-price { font-size: 18px; } } .cms-room-meta ul, .room-tabs ul, #room-tab-review ul { list-style: none; padding-left: 0; margin-bottom: 0; } .cms-room-meta ul li, .room-tabs ul li, #room-tab-review ul li { display: inline-block; } .swh-notification { max-width: 500px; padding: 50px 30px; margin: 0 auto; border: 1px solid #54be73; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .swh-notification p { color: inherit; font-size: 20px; } .swh-notification .btn { margin-top: 30px; background: #54be73; color: #fff; } .swh-notification .btn:hover { background: #222; } .room-summary-wrap { padding: 10px 10px 20px; border: 1px solid #d8d8d8; margin-bottom: 30px; } .room-summary-wrap .entry-featured { margin-bottom: 20px; } .room-summary-wrap .entry-featured .cms-carousel .owl-dots { margin-top: 0; bottom: 20px; } .room-summary-wrap .entry-featured .cms-carousel .owl-dots .owl-dot { border-color: #fff; } .room-summary-wrap .entry-featured .cms-carousel .owl-dots .owl-dot.active { background: #fff; } .room-summary-wrap .cms-room-meta ul li { background-size: 20px 20px; background-repeat: no-repeat; background-position: 0% 2px; padding-left: 25px; margin-right: 15px; font-size: 13px; } .room-summary-wrap .cms-room-meta ul li:last-child { margin-right: 0; } @media screen and (max-width: 767px) { .room-summary-wrap .cms-room-meta ul li:last-child { padding-left: 0; } } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price { padding-left: 15px; padding-right: 15px; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price .cms-price { font-size: 25px; font-weight: 600; color: #54be73; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price .cms-suffix { position: relative; top: -4px; } @media screen and (max-width: 767px) { .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price { padding-left: 0; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price .cms-price { font-size: 15px; } } @media screen and (min-width: 992px) { .room-summary-wrap .cms-room-meta ul { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .room-summary-wrap .cms-room-meta ul li { flex-grow: 1; background-size: 20px 20px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 25px; margin-right: 23px; } .room-summary-wrap .cms-room-meta ul li:last-child { margin-right: 0; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price { padding-left: 20px; padding-right: 20px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; margin-right: 10px; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price .cms-price { font-size: 25px; font-weight: 600; color: #54be73; } .room-summary-wrap .cms-room-meta ul li.cms-room-btn { padding-left: 0; } .room-summary-wrap .cms-room-meta ul li.cms-room-btn a { margin-top: 3px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .room-summary-wrap .cms-room-meta ul { display: table; } .room-summary-wrap .cms-room-meta ul li { margin-right: 15px; padding-left: 25px; line-height: inherit; margin-bottom: 0px; } .room-summary-wrap .cms-room-meta ul li:last-child { margin-right: 0; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price { padding-left: 17px; padding-right: 17px; } .room-summary-wrap .cms-room-meta ul li.cms-room-meta-price .cms-price { font-size: 20px; } .room-summary-wrap .cms-room-meta ul li.cms-room-btn { padding-left: 0; text-align: center; } .room-summary-wrap .cms-room-meta ul li.cms-room-btn a { margin-top: 3px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .room-summary-wrap .cms-room-meta ul { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .room-summary-wrap .cms-room-meta ul li { flex-grow: 1; } } @media screen and (max-width: 767px) { .room-summary-wrap .cms-room-meta ul li { width: 45%; margin-bottom: 15px; } } @media (max-width: 480px) { .room-summary-wrap .cms-room-meta ul li { width: 100%; margin: 0; margin-bottom: 15px; } } .tab-single-room { border-bottom: 1px solid #d8d8d8; } .tab-single-room li { padding: 11px 0; margin-right: 60px; display: inline-block; font-size: 15px; text-transform: uppercase; font-weight: 500; font-family: 'Arial','Microsoft YaHei'; position: relative; } .tab-single-room li:before { content: ""; height: 2px; display: block; background: #54be73; position: absolute; bottom: 0; left: 0; opacity: 0; width: 100%; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .tab-single-room li.active:before { opacity: 1; } .tab-single-room li:last-child { margin-right: 0; } @media (min-width: 576px) and (max-width: 767px) { .tab-single-room { border-bottom: none; margin-left: -2%; margin-right: -2%; } .tab-single-room li { width: 46%; float: left; margin: 1% 2%; padding-left: 15px; border: 1px solid #ddd; padding-top: 0; padding-bottom: 0; } .tab-single-room li a { display: block; padding: 10px 0; } } @media screen and (max-width: 575px) { .tab-single-room { border-bottom: none; } .tab-single-room li { display: block; padding-left: 15px; padding-top: 0; padding-bottom: 0; margin-right: 0; border: 1px solid #ddd; width: 100%; margin-bottom: 10px; } .tab-single-room li a { display: block; padding: 10px 0; } .tab-single-room li:last-child { margin-bottom: 0; } } #room-tab-review .swh-review-list-wrap { margin-bottom: 45px; } #room-tab-review .swh-review-list-wrap .swh-title-line { margin-bottom: 43px; padding-bottom: 10px; position: relative; font-size: 20px; font-weight: 600; } #room-tab-review .swh-review-list-wrap .swh-title-line:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item { clear: both; padding-bottom: 30px; margin-bottom: 32px; border-bottom: 1px solid #d8d8d8; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item:last-child { margin-bottom: 0; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .swh-review-holder { width: 63px; height: 63px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; float: left; border: 1px solid #54be73; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .swh-review-holder img { width: 100%; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .swh-review-holder + .wp-content-review { padding-left: 80px; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .wp-content-review .swh-review-author cite { font-style: normal; font-weight: 600; color: #222; display: inline-block; margin-right: 15px; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .wp-content-review .swh-review-author .swh-reviews-star { display: inline-block; font-size: 18px; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .wp-content-review .swh-review-date { font-style: italic; font-size: 13px; color: #999; display: block; margin-bottom: 17px; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .wp-content-review .swh-review-title { display: block; font-size: 18px; } #room-tab-review .swh-review-list-wrap .swh-box .swh-review-list .swh-review-item .wp-content-review .swh-review-content { line-height: 24px; } #room-tab-review .swh-review-form .swh-title-line { margin-bottom: 40px; } #room-tab-review .swh-review-form .swh-title { display: none; } #room-tab-review .swh-review-form .swh-stars { margin-bottom: 30px; margin-top: 6px; color: #ffb400; font-size: 24px; letter-spacing: 0.1em; } #room-tab-review .swh-review-form .swh-stars .swh-rating-select { display: inline-block; vertical-align: middle; } #room-tab-review .swh-review-form .swh-stars .swh-rating-select .swh-star.zmdi-star-outline { color: #ebebeb; } #room-tab-review .swh-review-form .swh-stars .swh-rating-hover { color: #fff; display: inline-block; font-size: 12px; letter-spacing: 0; line-height: 1; margin-left: 10px; padding: 5px 7px; position: relative; vertical-align: middle; background-color: #1b5e20; } #room-tab-review .swh-review-form .swh-stars .swh-rating-hover:before { border-color: transparent #1b5e20 transparent transparent; border-style: solid; border-width: 6px; content: ""; left: -12px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } #room-tab-review .swh-review-form .swh-review-fields input, #room-tab-review .swh-review-form .swh-review-fields textarea { font-size: 15px; margin-bottom: 25px; } #room-tab-review .swh-review-form .swh-review-fields input:focus, #room-tab-review .swh-review-form .swh-review-fields textarea:focus { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11); } #room-tab-review .swh-review-form .swh-review-fields input::-webkit-input-placeholder, #room-tab-review .swh-review-form .swh-review-fields textarea::-webkit-input-placeholder { font-style: italic; font-size: 15px; } #room-tab-review .swh-review-form .swh-review-fields input::-moz-placeholder, #room-tab-review .swh-review-form .swh-review-fields textarea::-moz-placeholder { font-style: italic; } #room-tab-review .swh-review-form .swh-review-fields input::-ms-input-placeholder, #room-tab-review .swh-review-form .swh-review-fields textarea::-ms-input-placeholder { font-style: italic; } #room-tab-review .swh-review-form .swh-review-fields input::-moz-placeholder, #room-tab-review .swh-review-form .swh-review-fields textarea::-moz-placeholder { font-style: italic; } #room-tab-review .swh-review-form .swh-review-fields textarea#swh-rv-content { line-height: 24px; margin-bottom: 20px; } #room-tab-review .swh-review-form .swh-review-fields textarea#swh-rv-content.swh-error { border-color: red; } #room-tab-review .swh-review-form .swh-review-fields .swh-rate-title.swh-error { border-color: red; } #room-tab-review .swh-review-form .swh-review-fields input.swh-rv-submit { height: 45px; line-height: 45px; margin-bottom: 0; padding: 0 25px; background: #54be73; color: #fff; text-transform: uppercase; font-weight: 500; } #room-tab-review .swh-review-form .swh-review-fields input.swh-rv-submit:hover { background: #222; } .cms-bootstrap-tabs .tab-content { padding-top: 43px; } .cms-bootstrap-tabs .tab-content .tab-pane { padding-bottom: 25px; margin-bottom: 45px; } .cms-bootstrap-tabs .tab-content .tab-pane .swh-title-line { font-weight: 600; font-size: 20px; text-transform: uppercase; color: #222; padding-bottom: 10px; position: relative; } .cms-bootstrap-tabs .tab-content .tab-pane .swh-title-line:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition { padding: 15px 0; border-bottom: 1px solid #d8d8d8; display: flex; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition:first-child { padding-top: 0; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition:last-child { border-bottom: none; padding-bottom: 0; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-label, .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-content { flex-grow: 1; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-label { color: #54be73; width: 30%; font-weight: 500; padding-right: 15px; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-content { line-height: 24px; width: 70%; } @media screen and (max-width: 575px) { .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition { display: inherit; margin-bottom: 10px; border: 1px solid #d8d8d8; padding: 0; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition:first-child { padding-top: 0; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition:last-child { padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-label, .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-content { flex-grow: unset; padding: 15px; width: 100%; } .cms-bootstrap-tabs .tab-content .tab-pane .entry-content-adition .row-adition .entry-label { border-bottom: 1px solid #d8d8d8; background-color: #f8f8f8; color: #777; } } .cms-bootstrap-tabs .tab-content .tab-pane .commentlist .comment .avatar { width: 63px; height: 63px; position: relative; overflow: hidden; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #d8f8f8; } .cms-bootstrap-tabs .tab-content .tab-pane .commentlist .comment .avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cms-bootstrap-tabs .tab-content .tab-pane .commentlist .comment .avatar img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan { margin-top: 45px; border: 1px solid #d8d8d8; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col { font-size: 15px; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col .cms-plan-head { font-weight: 500; color: #54be73; line-height: 35px; border-bottom: 1px solid #d8d8d8; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col .cms-plan-price { padding: 20px 0; font-weight: 400; } @media (min-width: 576px) { .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan { display: flex; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col { border-right: 1px solid #d8d8d8; text-align: center; flex-grow: 1; width: 14.2%; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col:last-child { border-right: none; } } @media screen and (max-width: 575px) { .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan { margin-top: 45px; border: none; display: table; width: 100%; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col { width: 48%; float: left; border: 1px solid #d8d8d8; text-align: center; margin: 1%; } .cms-bootstrap-tabs .tab-content .tab-pane .cms-room-plan .cms-regular-plan-col .cms-plan-head { background: #f8f8f8; } } .cms-bootstrap-tabs .tab-content #room-tab-descipiton, .cms-bootstrap-tabs .tab-content #room-tab-adition { border-bottom: 1px solid #d8d8d8; line-height: 24px; } .cms-list-serivce-of-room { list-style: none; padding-left: 0; margin-bottom: 0; } .cms-list-serivce-of-room li { display: inline-block; width: 25%; padding-bottom: 15px; float: left; margin-bottom: 17px; } @media (min-width: 992px) and (max-width: 1199px) { .cms-list-serivce-of-room li { width: 33.33%; float: none; } } @media screen and (max-width: 767px) { .cms-list-serivce-of-room li { width: 50%; height: 70px; padding-bottom: 0; margin-bottom: 0; } } @media (max-width: 360px) { .cms-list-serivce-of-room li { width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #d8d8d8; } .cms-list-serivce-of-room li:last-child { border-bottom: none; } } .cms-list-serivce-of-room li img { width: 25px; display: inline-block; margin-right: 10px; position: relative; top: -3px; } .cms-room-serivces { display: table; width: 100%; padding-bottom: 27px; margin-bottom: 45px; border-bottom: 1px solid #d8d8d8; } .cms-room-serivces .cms-title-service-of-room { text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 40px; position: relative; padding-bottom: 10px; } .cms-room-serivces .cms-title-service-of-room:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } .cms-single-room-related .title-room-related { text-transform: uppercase; font-size: 20px; font-weight: 600; margin-bottom: 40px; position: relative; padding-bottom: 10px; } .cms-single-room-related .title-room-related:after { content: ''; display: block; width: 40px; height: 3px; background-color: #54be73; position: absolute; bottom: 0; left: 0; } .cms-single-room-related .cms-carousel-item { border: 1px solid #d8d8d8; } .cms-single-room-related .owl-carousel .owl-stage-outer { padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; } .cms-single-room-related .owl-carousel .owl-nav { margin-top: 20px; } .cms-single-room-related .owl-carousel .owl-nav .owl-next, .cms-single-room-related .owl-carousel .owl-nav .owl-prev { position: static; transform: translate(0, 0); background: #222; border: none; } .cms-single-room-related .owl-carousel .owl-nav .owl-next:before, .cms-single-room-related .owl-carousel .owl-nav .owl-prev:before { font-weight: bold; font-size: 20px; color: #fff; } .cms-single-room-related .owl-carousel .owl-nav .owl-next:hover, .cms-single-room-related .owl-carousel .owl-nav .owl-prev:hover { background: #54be73; } .cms-single-room-related .owl-carousel .owl-nav .owl-next { margin-left: 7px; } .cms-single-room-related .owl-carousel .owl-nav .owl-prev { margin-right: 7px; } .single-swh-post .owl-nav { display: none; } .cms-bootstrap-tabs-checkout .tab-reservation-room { border-width: 2px; } .cms-bootstrap-tabs-checkout .tab-reservation-room li { margin-right: 0; padding-right: 150px; font-size: 15px; text-transform: uppercase; font-weight: 500; font-family: 'Arial','Microsoft YaHei'; position: relative; } @media screen and (max-width: 991px) { .cms-bootstrap-tabs-checkout .tab-reservation-room li { padding-right: 30px; } } @media screen and (max-width: 575px) { .cms-bootstrap-tabs-checkout .tab-reservation-room li { padding-right: 0; display: block; width: 100%; padding-bottom: 15px; margin-bottom: 25px; } } .cms-bootstrap-tabs-checkout .tab-reservation-room li:before { bottom: -2px; content: ""; width: 100%; height: 2px; background: transparent; position: absolute; } .cms-bootstrap-tabs-checkout .tab-reservation-room li a { color: #777; } .cms-bootstrap-tabs-checkout .tab-reservation-room li.active a { color: #222; } .cms-bootstrap-tabs-checkout .tab-reservation-room li.active:before { background: #54be73; } .cms-bootstrap-tabs-checkout .tab-pane.active { display: flex; } .cms-bootstrap-tabs-checkout #tab-rome-reservation { flex-direction: column; } .cms-bootstrap-tabs-checkout #tab-rome-rate { border: 1px solid #b7b7b7; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-left, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right { flex-grow: 1; width: 50%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-room-image, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 { padding: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-room-image { border-bottom: 1px solid #b7b7b7; position: relative; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-room-image .cms-room-title { position: absolute; top: 27px; left: 23px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 15px; margin-bottom: 0; background: #000; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-room-image .cms-room-title a { color: #fff; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-room-image .cms-room-title:hover { background-color: #54be73; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 { display: flex; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item { background-color: #222; flex-grow: 1; margin-left: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field { text-align: center; padding: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field .head-label { font-size: 13px; font-weight: 400; color: #54be73; text-transform: uppercase; margin-bottom: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field .date-label { color: #54be73; font-size: 55px; font-weight: 500; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field .detail-date-label { font-size: 13px; color: #c8c8c8; font-style: italic; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-check-in .head-label, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-check-out .head-label { margin-top: 40px; margin-bottom: 13px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-check-in .date-label, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-check-out .date-label { margin-bottom: 3px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights { background-color: transparent; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field { background-color: #222; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .head-label { margin-top: 9px; margin-bottom: 11px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field:first-child { margin-bottom: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .check-guest-layout, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .check-night-layout { font-size: 40px; color: #54be73; font-weight: 500; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .check-guest-layout, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow { display: inline-block; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow { width: 20px; position: relative; height: 28px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow .btn-up, .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow .btn-dow { position: absolute; width: 15px; height: 12px; line-height: 12px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow .btn-up { top: 8px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-guests-nights .swh-wg-field .btn-up-dow .btn-dow { bottom: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item:first-child { margin-left: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field span { display: block; text-align: center; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right { border-left: 1px solid #b7b7b7; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .inner-col > div { padding-left: 30px; padding-right: 25px; border-bottom: 1px solid #b7b7b7; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .inner-col > div:last-child { margin-bottom: 0; border-bottom: none; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right ul { padding-left: 0; list-style: none; margin-bottom: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total { padding-top: 25px; padding-bottom: 25px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left { color: #222; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left .swh-value { font-size: 30px; font-weight: 500; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left .swh-suffixes { font-weight: 400; font-size: 15px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { font-size: 13px; color: #777; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right label { color: #222; font-weight: 500; text-transform: uppercase; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right span { display: block; margin-bottom: 9px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right span:last-child { margin-bottom: 0; } @media screen and (min-width: 1200px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { flex-grow: 1; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left { width: 40%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { width: 60%; text-align: right; } } @media (min-width: 576px) and (max-width: 991px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { flex-grow: 1; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left { width: 40%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { width: 60%; text-align: right; } } @media screen and (max-width: 575px) { } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-room-meta { padding-top: 12px; padding-bottom: 12px; display: table; width: 100%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-room-meta ul li { display: inline-block; margin-right: 30px; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 29px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-room-meta ul li:last-child { margin-right: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service { padding-top: 35px; padding-bottom: 35px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label { margin-bottom: 30px; color: #777; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label label { font-size: 25px; font-weight: 500; color: #222; font-family: 'Arial','Microsoft YaHei'; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label .lb-radio input { margin-right: 5px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label span { flex-grow: 1; line-height: 35px; position: relative; padding-left: 20px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label span input { width: 15px; height: 15px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } @media screen and (min-width: 1200px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label { display: flex; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label label { flex-grow: 1; } } @media (min-width: 576px) and (max-width: 991px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label label { margin-right: 15px; } } @media screen and (max-width: 575px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label label { display: block; } } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-list li { margin-bottom: 11px; color: #777; position: relative; padding-left: 23px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-list li:last-child { margin-bottom: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-list li input { width: 15px; height: 15px; position: absolute; top: 5px; left: 0; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-list li label { font-weight: 400; font-size: 15px; color: #222; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action { display: table; width: 100%; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn { padding-left: 35px; padding-right: 35px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn.btn-1 { float: left; background-color: #222; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn.btn-2 { float: right; background-color: #54be73; } .cms-bootstrap-tabs-checkout .tab-pane { margin-top: 100px; } .cms-bootstrap-tabs-checkout .tab-pane .swh-form-title { margin-bottom: 25px; font-size: 35px; font-weight: 500; color: #222; font-family: 'Arial','Microsoft YaHei'; margin-top: -10px; position: relative; } .cms-bootstrap-tabs-checkout .tab-pane .swh-form-title a { display: block; font-size: 15px; font-weight: 500; width: auto; padding: 0 10px; text-align: center; height: 28px; line-height: 28px; background: #54be73; color: #fff; text-transform: uppercase; } @media screen and (min-width: 576px) { .cms-bootstrap-tabs-checkout .tab-pane .swh-form-title a { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } @media screen and (max-width: 575px) { .cms-bootstrap-tabs-checkout .tab-pane .swh-form-title a { margin-top: 30px; } } .cms-bootstrap-tabs-checkout .tab-pane .swh-form-title a:hover { background: #222; } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count { padding-top: 30px; } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed { margin-bottom: 20px; } @media screen and (min-width: 992px) { .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed { margin-bottom: 47px; } } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed label { font-size: 15px; font-weight: 400; color: #777; margin-bottom: 17px; } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed input { margin-bottom: 0; border: 1px solid #c8c8c8; } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed input:focus { border: 1px solid #54be73 !important; } .cms-bootstrap-tabs-checkout .tab-pane form.swh-form-check-count .swh-filed.swh-field-textarea { margin-bottom: 0; } .cms-bootstrap-tabs-checkout .swh-payments { margin-top: 30px; } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms { display: block; position: relative; padding-left: 50px; margin-bottom: 50px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 30px; height: 30px; z-index: 1; } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #54be73; } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms .checkmark:after { content: ""; position: absolute; display: none; left: 11px; top: 8px; width: 7px; height: 10px; border: solid #54be73; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms input:checked ~ .checkmark:after { display: block; } .cms-bootstrap-tabs-checkout .swh-payments .swh-accept-terms label { position: relative; top: -5px; font-size: 15px; font-weight: 300; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods { margin-bottom: 20px; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-payment-methods-title { padding-bottom: 20px; margin-bottom: 30px; font-size: 35px; color: #222; font-weight: 500; position: relative; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-payment-methods-title:after { position: absolute; content: ""; display: block; width: 80px; height: 2px; bottom: 0; left: 0; background: #54be73; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-pm-method-item { margin-bottom: 32px; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio { display: block; position: relative; padding-left: 50px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 30px; height: 30px; z-index: 1; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #54be73; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio .checkmark:after { content: ""; position: absolute; display: none; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio input:checked ~ .checkmark:after { display: block; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio .checkmark:after { top: 9px; left: 9px; width: 10px; height: 10px; background: #54be73; border-radius: 50%; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-field-radio label { position: relative; top: -10px; font-size: 15px; font-weight: 400; letter-spacing: 0.1em; color: #222; font-family: 'Montserrat'; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-notice { padding-left: 50px; margin-top: -12px; color: #777; font-size: 15px; line-height: 1.6; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-notice .swh-bank-account { margin-left: -50px; padding: 30px 30px 30px 50px; border: 1px solid #d8d8d8; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-notice .swh-bank-account > div { line-height: 1.6; color: #54be73; font-weight: 500; margin-bottom: 10px; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-notice .swh-bank-account > div:last-child { margin-bottom: 0; } .cms-bootstrap-tabs-checkout .swh-payments .swh-payment-methods .swh-notice .swh-bank-account > div span { font-weight: 300; color: #777; } .cms-bootstrap-tabs-checkout .swh-payments .swh-row-btn-action a { padding: 7px 25px; background: #54be73; color: #fff; display: inline-block; font-size: 15px; font-weight: 500; } .cms-bootstrap-tabs-checkout .swh-payments .swh-row-btn-action a:hover { background: #222; } @media screen and (max-width: 991px) { .cms-bootstrap-tabs-checkout #tab-rome-rate { margin-top: 50px; display: inherit; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-left, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right { flex-grow: inherit; width: 100%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right { border-left: none; } } @media screen and (max-width: 991px) { .cms-bootstrap-tabs-checkout .tab-single-room li { padding-right: 30px; } } @media screen and (max-width: 575px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 { display: inherit; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item { flex-grow: inherit; margin-left: 0px; background-color: #222; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field .date-label { font-size: 35px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item .swh-wg-field .detail-date-label { padding-bottom: 30px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item.swh-check-out { margin-bottom: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .swh-checking-form2 .swh-checking-item:first-child { margin-left: 0; margin-bottom: 10px; } } @media (max-width: 480px) { .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .inner-col > div { padding-left: 15px; padding-right: 15px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total { display: inherit; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { flex-grow: inherit; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-left { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #b7b7b7; padding-bottom: 10px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-total .swh-right { width: 100%; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label { display: inherit; margin-bottom: 30px; color: #777; border-bottom: 1px solid #b7b7b7; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label label, .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-extra-service .swh-extra-service-label span { width: 100%; margin-right: 0px; flex-grow: inherit; display: block; margin-bottom: 5px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn { padding-left: 25px; padding-right: 25px; line-height: 40px; height: 40px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn.btn-1 { float: none; background-color: #222; width: 100%; display: block; margin-bottom: 20px; } .cms-bootstrap-tabs-checkout #tab-rome-rate .cms-col-right .swh-row-btn-action .swh-btn.btn-2 { float: none; background-color: #54be73; width: 100%; display: block; } } #ui-datepicker-div .ui-datepicker-prev:before { font-size: 20px; } #ui-datepicker-div .ui-datepicker-next:before { font-size: 20px; } .nice-select { outline: none; } .swh-checking-form { margin-left: -5px; margin-right: -5px; margin-bottom: 48px; } .swh-checking-form .swh-checking-wrap { display: table; width: 100%; } .swh-checking-form .swh-checking-wrap .swh-checking-item { width: 50%; float: left; padding: 5px; } .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field { text-align: center; background: #222; padding: 22px 15px; } .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .head-label, .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .date-label { color: #54be73; } .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .head-label { display: block; font-size: 12px; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; } .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .btn-change-in, .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .btn-change-out { display: block; width: 105px; height: 26px; font-weight: 500; font-size: 12px; line-height: 26px; background-color: #54be73; color: #fff; position: relative; margin: 0 auto; cursor: pointer; text-transform: uppercase; } .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .btn-change-in input, .swh-checking-form .swh-checking-wrap .swh-checking-item .swh-wg-field .btn-change-out input { background-color: transparent; border: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; color: transparent; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-check-in .swh-wg-field .date-label, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-check-out .swh-wg-field .date-label { display: block; font-size: 51px; font-weight: 500; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-check-in .swh-wg-field .detail-date-label, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-check-out .swh-wg-field .detail-date-label { font-size: 12px; color: #c8c8c8; text-transform: capitalize; font-style: italic; display: block; letter-spacing: 0.1em; min-height: 50px; margin-top: 3px; font-weight: 400; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .check-guest-layout { width: 30px; text-align: right; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field { padding: 18px 15px 13px; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .head-label, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .head-label { margin-bottom: 8px; letter-spacing: 0.1em; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .check-night-layout, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .check-night-layout { font-size: 40px; color: #54be73; font-weight: 500; display: inline-block; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { display: inline-block; width: 20px; position: relative; height: 28px; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { position: absolute; font-size: 15px; cursor: pointer; left: 0; overflow: hidden; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up { top: 8px; width: 15px; height: 12px; line-height: 12px; } .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, .swh-checking-form .swh-checking-wrap .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { bottom: 0; width: 15px; height: 12px; line-height: 12px; } .swh-checking-form .cms-room-btn { margin-top: 5px; padding-left: 5px; padding-right: 5px; } .swh-checking-form .cms-room-btn a { display: block; text-align: center; padding: 15px; font-size: 15px; background: #222; color: #54be73; font-weight: bold; text-transform: uppercase; } .swh-checking-form .cms-room-btn a:hover { background: #54be73; color: #fff; } input#swh-room-check-in::selection { color: transparent; background: transparent; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field { cursor: pointer; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field label { font-size: 15px; text-transform: uppercase; display: block; margin-bottom: 16px; margin-top: 5px; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout { display: inline-block; margin-left: 10px; cursor: pointer; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout:after, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout:after { display: inline-block; font-family: FontAwesome; content: '\f107'; font-size: 25px; color: #777; margin-left: 15px; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout.swh-error, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout.swh-error { color: red; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .date { font-family: "Lora"; font-size: 60px; font-weight: 500; letter-spacing: 0.1em; color: #222; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .month, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .month { font-size: 20px; position: relative; padding-left: 20px; font-family: "Lora"; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .month:before, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .month:before { position: absolute; top: 1px; left: 5px; content: "/"; display: inline-block; font-size: 17px; color: #777; transform: rotate(-5deg); } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field input, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field input { width: 1px; height: 1px; border: none; background-color: transparent; padding-left: 0; padding-right: 0; margin-bottom: 0; position: absolute; bottom: 0; left: 15px; cursor: pointer; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:before, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:before { position: absolute; display: block; content: ""; width: 1px; height: 60px; right: 0px; background: #c8c8c8; top: 50%; transform: translate(0, -50%); } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .guest-layout { width: 85px; font-size: 60px; font-weight: 500; color: #222; display: inline-block; font-family: "Lora"; padding-right: 22px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 20px; height: 45px; font-size: 25px; display: inline-block; position: relative; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up, .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow { color: #777; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit { background: #222; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn { text-transform: uppercase; font-size: 15px; background-color: transparent; padding-left: 0; padding-right: 0; color: #fff; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn:focus { box-shadow: none; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn:hover { color: #54be73; } @media screen and (min-width: 992px) { .swh-search-default .swh-search-meta { min-height: 200px; background: #fff; box-shadow: 0px 2px 23px 2px rgba(0, 0, 0, 0.3); display: flex; } .swh-search-default .swh-search-meta .swh-search-item { width: 25%; flex-grow: 1; position: relative; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field { position: absolute; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .date { font-size: 60px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field, .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field { top: 50%; left: 50%; transform: translate(-50%, -50%); } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { width: 100%; padding-left: 65px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field input, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field input { width: 0px; height: 0px; border: none; background-color: transparent; padding-left: 0; padding-right: 0; margin-bottom: 0; position: absolute; bottom: 0; left: 15px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:before, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:before { position: absolute; display: block; content: ""; width: 1px; height: 60px; right: 0px; background: #c8c8c8; top: 50%; transform: translate(0, -50%); } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .guest-layout { font-size: 60px; padding-right: 22px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow { width: 20px; height: 45px; font-size: 25px; position: relative; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up i { position: absolute; top: 5px; width: 100%; height: 5px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow i { position: absolute; bottom: 20px; width: 100%; height: 5px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field { top: 50%; transform: translate(0, -50%); width: 100%; } } @media screen and (max-width: 991px) { .swh-search-default .swh-search-meta { display: table; width: 100%; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) { width: 33.33%; float: left; height: 120px; border: 1px solid #d8d8d8; text-align: center; position: relative; margin-bottom: 30px; background: #fff; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field:before { background-color: transparent !important; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout { border-left: none; border-right: none; } .swh-search-default .swh-search-meta .swh-search-item:last-child { margin-top: 30px; width: 100%; clear: both; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field label { font-size: 15px; margin-bottom: 5px; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout.swh-error, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout.swh-error { color: red; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .date { font-size: 30px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .guest-layout { font-size: 30px; font-weight: 500; color: #222; display: inline-block; font-family: "Lora"; padding-right: 22px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; width: 20px; height: 38px; font-size: 25px; display: inline-block; position: relative; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up, .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow { color: #777; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow i { position: absolute; bottom: 10px; width: 100%; height: 5px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up i { position: absolute; top: 10px; width: 100%; height: 5px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit { margin: 0 auto; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn { text-transform: uppercase; font-size: 15px; background-color: transparent; padding-left: 0; padding-right: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn:hover { background: #fff !important; color: #54be73; } } @media (min-width: 992px) and (max-width: 1360px) { .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { padding-left: 0; text-align: center; } .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .date { font-size: 40px; } } @media (min-width: 576px) and (max-width: 767px) { .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item .swh-wg-field .date-checkout-layout .date { font-size: 20px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .guest-layout { font-size: 20px; padding-right: 15px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow { height: 32px; font-size: 25px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up i { top: 7px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow i { bottom: 7px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit { background-color: transparent; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .btn { padding-top: 15px; padding-bottom: 15px; background-color: #54be73; color: #fff; } .swh-search-default .swh-search-meta .swh-search-item select:focus, .swh-search-default .swh-search-meta .swh-search-item input:focus { border-color: #54be73; } .swh-search-default .swh-search-meta .swh-search-item select::-webkit-input-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-webkit-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-ms-input-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-ms-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } } @media screen and (max-width: 767px) { .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit { clear: both; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { background: #54be73 !important; border-color: #54be73 !important; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input:hover { background-color: #222; } .swh-search-default .swh-search-meta .swh-search-item select:focus, .swh-search-default .swh-search-meta .swh-search-item input:focus { border-color: #54be73; } .swh-search-default .swh-search-meta .swh-search-item select::-webkit-input-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-webkit-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-ms-input-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-ms-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-default .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-default .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } } @media screen and (max-width: 575px) { .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) { width: 100%; float: none; margin-bottom: 17px; height: auto; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field { padding: 15px 0; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: static; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field label { flex-grow: 0; font-size: 13px; margin-bottom: 5px; width: 150px; border-right: 1px solid #ccc; padding-right: 15px; padding-left: 30px; text-align: left; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout { flex-grow: 1; text-align: left; padding-left: 38px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout .date, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout .date, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout .month, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout .month { font-size: 15px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout .month:before, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout .month:before { font-size: 12px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout:after, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout:after { font-size: 20px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout { flex-grow: 1; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-checkout { border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field { padding-top: 20px; padding-bottom: 20px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .guest-layout { font-size: 20px; padding-right: 0; padding-left: 20px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow { height: 20px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow i { font-size: 20px; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-up i { top: -8px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-guests .btn-up-dow .btn-dow i { bottom: 8px; left: 0; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit { background-color: transparent; } .swh-search-default .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } } @media (max-width: 480px) { .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field label { width: 80px; padding-left: 10px; } .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkin-layout, .swh-search-default .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field .date-checkout-layout { padding-left: 18px; } } .swh-search-layout2 .swh-search-meta .swh-search-item input, .swh-search-layout2 .swh-search-meta .swh-search-item select { border: 2px solid #d1d6d8; background: transparent; height: 65px; line-height: 63px; padding: 0 15px; margin-bottom: 0; font-size: 20px; position: relative; z-index: 1; } .swh-search-layout2 .swh-search-meta .swh-search-item input:focus, .swh-search-layout2 .swh-search-meta .swh-search-item select:focus { border-color: #54be73; } .swh-search-layout2 .swh-search-meta .swh-search-item input::-webkit-input-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item select::-webkit-input-placeholder { color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item input::-moz-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item select::-moz-placeholder { color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item input::-ms-input-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item select::-ms-input-placeholder { color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item input::-moz-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item select::-moz-placeholder { color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item input option, .swh-search-layout2 .swh-search-meta .swh-search-item select option { color: #222; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { height: 65px; position: relative; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:after, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:after { content: "\f073"; font-size: 15px; color: #fff; font-family: FontAwesome; position: absolute; top: 48%; right: 15px; transform: translate(0, -50%); z-index: 0; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select { font-size: 15px; height: 65px; border: 2px solid #d1d6d8; position: relative; cursor: pointer; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select:focus, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select:focus { border: 2px solid #54be73; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select span.current, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select span.current { height: 65px; line-height: 65px; padding-left: 15px; color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select:after, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select:after { content: "\f0dd"; font-size: 15px; color: #fff; font-family: FontAwesome; position: absolute; top: 48%; right: 15px; transform: translate(0, -50%); } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select .list, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select .list { font-size: 14px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { border: none; height: 65px; line-height: 65px; font-size: 15px; font-weight: 500; background: #fff; text-transform: uppercase; letter-spacing: 0.1em; } @media screen and (min-width: 992px) { .swh-search-layout2 .swh-search-meta { display: flex; margin-left: -15px; margin-right: -15px; } .swh-search-layout2 .swh-search-meta .swh-search-item { flex-grow: 1; margin-left: 15px; margin-right: 15px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { height: 65px; position: relative; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:after, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:after { font-size: 20px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select:focus, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select:focus { border-color: #54be73; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select::-webkit-input-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select::-webkit-input-placeholder { font-style: normal; color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select::-moz-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select::-moz-placeholder { font-style: normal; color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select::-ms-input-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select::-ms-input-placeholder { font-style: normal; color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select::-moz-placeholder, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select::-moz-placeholder { font-style: normal; color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult select option, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom select option { color: #222; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select { font-size: 20px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select:after, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select:after { font-size: 20px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select.open:focus, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select.open:focus { border-color: #54be73; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit { width: 13%; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { height: 65px; line-height: 65px; font-weight: 500; text-transform: uppercase; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit { width: auto; } } @media screen and (max-width: 991px) { .swh-search-layout2 .swh-search-meta { margin-left: -15px; margin-right: -15px; } .swh-search-layout2 .swh-search-meta .swh-search-item { padding-left: 15px; padding-right: 15px; } .swh-search-layout2 .swh-search-meta .swh-search-item:not(.swh-search-submit) { margin-bottom: 30px; float: left; width: 50%; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 20px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select { font-size: 15px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-adult .nice-select:after, .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select:after { font-size: 15px; } } @media screen and (max-width: 767px) { .swh-search-layout2 { padding: 30px 15px 15px; background: #222; } .swh-search-layout2 .swh-search-meta .swh-search-item .swh-wg-field:after { z-index: 0 !important; } .swh-search-layout2 .swh-search-meta .swh-search-item .swh-wg-field .nice-select span { color: #fff; } .swh-search-layout2 .swh-search-meta .swh-search-item select, .swh-search-layout2 .swh-search-meta .swh-search-item input { position: relative; z-index: 2; } } @media screen and (max-width: 575px) { .swh-search-layout2 .swh-search-meta .swh-search-item:not(.swh-search-submit) { float: none; width: 100%; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 20px; } .swh-search-layout2 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field .btn { height: 45px; line-height: 45px; } } .swh-search-layout3 .swh-search-meta .swh-search-item input { margin-bottom: 0; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field .nice-select { border: 2px solid #d8d8d8; background: transparent; height: 65px; line-height: 63px; padding: 0 15px; color: #222; margin-bottom: 0; font-size: 15px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field .nice-select:focus { border: 2px solid #54be73; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field .nice-select:after { content: "\f0dd"; font-size: 15px; color: #222; font-family: FontAwesome; top: 46%; right: 20px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { position: relative; z-index: 1; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field input, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field input { height: 65px; border: 2px solid #d8d8d8; background-color: transparent; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:after, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:after { content: "\f073"; font-size: 15px; color: #222; font-family: FontAwesome; position: absolute; top: 48%; right: 15px; transform: translate(0, -50%); z-index: 0; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:focus .number-guests, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:focus .number-guests { color: transparent; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow { width: auto; height: 45px; font-size: 15px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-up, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-up { position: relative; top: 6px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-up i, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-up i { position: absolute; left: -10px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-dow, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-dow { position: relative; bottom: -22px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-dow i, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-dow i { position: absolute; left: -10px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit { width: 100%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { height: 65px; line-height: 65px; font-weight: 500; color: #fff; background-color: #222; text-transform: uppercase; } @media screen and (min-width: 992px) { .swh-search-layout3 .swh-search-meta { display: flex; margin-left: -15px; margin-right: -15px; } .swh-search-layout3 .swh-search-meta .swh-search-item { flex-grow: 1; margin-left: 15px; margin-right: 15px; width: 25%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests { width: 15%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field .nice-select { border: 2px solid #fff; background: transparent; height: 65px; line-height: 63px; padding: 0 15px; color: #fff; margin-bottom: 0; font-size: 20px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .swh-wg-field .nice-select:after { content: "\f0dd"; font-size: 20px; color: #fff; font-family: FontAwesome; top: 46%; right: 20px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { height: 65px; position: relative; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:after, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:after { content: "\f073"; font-size: 20px; color: #fff; font-family: FontAwesome; position: absolute; top: 48%; right: 15px; transform: translate(0, -50%); z-index: -1; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:focus .number-guests, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:focus .number-guests { color: transparent; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow { width: auto; height: 45px; font-size: 25px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-up, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-up { position: relative; top: 6px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-up i, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-up i { position: absolute; left: -10px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-dow, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-dow { position: relative; bottom: -22px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field .btn-up-dow .btn-dow i, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field .btn-up-dow .btn-dow i { position: absolute; left: -10px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input { border: 1px solid #fff; background: transparent; height: 65px; line-height: 63px; padding: 0 15px; margin-bottom: 0; font-size: 20px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input:focus, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input:focus { border-color: #54be73; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input::-webkit-input-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input::-webkit-input-placeholder { font-style: normal; color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input::-moz-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input::-moz-placeholder { font-style: normal; color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input::-ms-input-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input::-ms-input-placeholder { font-style: normal; color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkin input::-moz-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-checkout input::-moz-placeholder { font-style: normal; color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit { width: 18%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { height: 65px; line-height: 65px; font-weight: 500; background-color: #fff; color: #222; text-transform: uppercase; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input:hover { background: #54be73; color: #fff; } } @media screen and (max-width: 991px) { .swh-search-layout3 { padding: 30px 15px 15px; background-color: #222; } .swh-search-layout3 .swh-search-meta { margin-left: -15px; margin-right: -15px; } .swh-search-layout3 .swh-search-meta .swh-search-item { padding-left: 15px; padding-right: 15px; } .swh-search-layout3 .swh-search-meta .swh-search-item:not(.swh-search-submit) { margin-bottom: 30px; float: left; width: 33.33%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 20px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit .btn-primary-lighten { background-color: #54be73 !important; color: #fff !important; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .nice-select { padding: 0 20px !important; font-size: 15px; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .nice-select:after { font-size: 15px; color: #fff !important; } .swh-search-layout3 .swh-search-meta .swh-search-item select:focus, .swh-search-layout3 .swh-search-meta .swh-search-item input:focus { border-color: #54be73; } .swh-search-layout3 .swh-search-meta .swh-search-item select::-webkit-input-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item input::-webkit-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-layout3 .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-layout3 .swh-search-meta .swh-search-item select::-ms-input-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item input::-ms-input-placeholder { font-style: normal; color: #fff; font-weight: 400; } .swh-search-layout3 .swh-search-meta .swh-search-item select::-moz-placeholder, .swh-search-layout3 .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff; font-weight: 400; } } @media (min-width: 576px) and (max-width: 767px) { .swh-search-layout3 .swh-search-meta .swh-search-item:not(.swh-search-submit) { margin-bottom: 20px; float: none; width: 100%; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .swh-search-layout3 .swh-search-meta .swh-search-item:not(.swh-search-submit) { float: none; width: 100%; } .swh-search-layout3 .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field:after { z-index: 0 !important; color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item:not(.swh-search-submit) .swh-wg-field input { position: relative; z-index: 2; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 0px; clear: both; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .nice-select span { color: #fff; } .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-guests .nice-select:after { color: #fff; } } @media screen and (max-width: 575px) { .swh-search-layout3 .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { margin-bottom: 20px; clear: both; height: 45px; line-height: 45px; } } .swh-widget-search { padding: 30px; background: #222; } @media screen and (max-width: 575px) { .swh-widget-search { padding: 30px 15px; } } .swh-widget-search .swh-search-meta .swh-search-item { margin-bottom: 30px; } .swh-widget-search .swh-search-meta .swh-search-item input { border: 2px solid #f1f1f1; background: transparent; height: 60px; line-height: 58px; padding: 0 15px; margin-bottom: 0; font-size: 20px; } .swh-widget-search .swh-search-meta .swh-search-item input:focus { border-color: #54be73; } .swh-widget-search .swh-search-meta .swh-search-item input::-webkit-input-placeholder { font-style: normal; color: #fff !important; } .swh-widget-search .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff !important; } .swh-widget-search .swh-search-meta .swh-search-item input::-ms-input-placeholder { font-style: normal; color: #fff !important; } .swh-widget-search .swh-search-meta .swh-search-item input::-moz-placeholder { font-style: normal; color: #fff !important; } .swh-widget-search .swh-search-meta .swh-search-item input option { color: #222; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field { height: 60px; position: relative; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field input, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field input { position: relative; z-index: 1; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkin .swh-wg-field:after, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-checkout .swh-wg-field:after { content: "\f073"; font-size: 20px; color: #fff; font-family: FontAwesome; position: absolute; top: 48%; right: 15px; transform: translate(0, -50%); z-index: 0; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-guests .nice-select, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select { font-size: 15px; height: 60px; border: 2px solid #f1f1f1; position: relative; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-guests .nice-select span.current, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select span.current { height: 60px; font-size: 20px; line-height: 60px; padding-left: 15px; color: #fff; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-guests .nice-select:after, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select:after { content: "\f0dd"; font-size: 20px; color: #fff; font-family: FontAwesome; position: absolute; top: 42%; right: 15px; transform: translate(0, -50%); } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-guests .nice-select.open:focus, .swh-widget-search .swh-search-meta .swh-search-item.swh-search-styleroom .nice-select.open:focus { border-color: #54be73; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-submit { margin-bottom: 0; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { height: 60px; line-height: 60px; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: 1px; background: #54be73; text-transform: uppercase; border-color: transparent; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .swh-widget-search .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input:hover { background-color: #fff; color: #222; } @media screen and (max-width: 1199px) { .swh-widget-search .swh-search-meta .swh-search-item.swh-search-submit .swh-wg-field input { font-size: 12px; } } .swh-popup-edit-order .container { height: 100%; position: relative; } .swh-popup-edit-order .container .swh-mobile-close { position: absolute; right: 8px; top: -8px; width: 30px; height: 30px; background: #222; color: #fff; text-align: center; line-height: 30px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .swh-popup-edit-order .container .swh-mobile-close:hover { background-color: #54be73; } @media screen and (max-width: 575px) { .swh-popup-edit-order .container .swh-mobile-close { right: 15px; top: -30px; width: 30px; height: 30px; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } } #edit-order-wrap { border: 1px solid #b7b7b7; } #edit-order-wrap .cms-col-left, #edit-order-wrap .cms-col-right { flex-grow: 1; width: 50%; } #edit-order-wrap .swh-room-image, #edit-order-wrap .swh-checking-form2 { padding: 10px; } #edit-order-wrap .swh-room-image { border-bottom: 1px solid #b7b7b7; position: relative; } #edit-order-wrap .swh-room-image .cms-room-title { position: absolute; top: 27px; left: 23px; } @media screen and (max-width: 991px) { body .swh-popup-edit-order { padding-left: 0; padding-right: 0; overflow-x: scroll; } } @media screen and (min-width: 768px) { #edit-order-wrap { border: 1px solid #b7b7b7; } #edit-order-wrap .swh-col-left, #edit-order-wrap .swh-col-right { flex-grow: 1; width: 50%; } #edit-order-wrap .swh-room-image, #edit-order-wrap .swh-checking-form2 { padding: 10px; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } #edit-order-wrap .swh-room-image { border-bottom: 1px solid #b7b7b7; position: relative; } #edit-order-wrap .swh-room-image .cms-room-title { position: absolute; top: 27px; left: 23px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 15px; margin-bottom: 0; background: #000; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } #edit-order-wrap .swh-room-image .cms-room-title a { color: #fff; } #edit-order-wrap .swh-room-image .cms-room-title:hover { background-color: #54be73; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item { margin-bottom: 10px; display: flex; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item:last-child { margin-bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item { flex-grow: 1; width: 50%; background-color: #222; flex-grow: 1; margin-left: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field { text-align: center; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .head-label { font-size: 13px; font-weight: 400; color: #54be73; text-transform: uppercase; margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .date-label { color: #54be73; font-size: 55px; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .detail-date-label { font-size: 13px; color: #c8c8c8; font-style: italic; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out { display: block; width: 105px; height: 26px; font-weight: 500; font-size: 12px; line-height: 26px; background-color: #54be73; color: #fff; position: relative; margin: 20px auto 25px; cursor: pointer; text-transform: uppercase; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in input, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out input { background-color: transparent; border: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .head-label { margin-top: 25px; margin-bottom: 13px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .date-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .date-label { margin-bottom: 3px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights { background-color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field { margin-bottom: 0 !important; padding: 10px; background-color: #222; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .head-label { display: block; margin-top: 9px; margin-bottom: 11px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field:first-child, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field:first-child { margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-night-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-night-layout { font-size: 40px; color: #54be73; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { display: inline-block; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { width: 20px; position: relative; height: 28px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { position: absolute; width: 15px; height: 12px; line-height: 12px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up { top: 8px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item:first-child { margin-left: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field span { display: block; text-align: center; } #edit-order-wrap .swh-col-right .inner-col > div { padding-left: 30px; padding-right: 25px; border-bottom: 1px solid #b7b7b7; } #edit-order-wrap .swh-col-right .inner-col > div:last-child { margin-bottom: 0; border-bottom: none; } #edit-order-wrap .swh-col-right ul { padding-left: 0; list-style: none; margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-total { padding-top: 25px; padding-bottom: 25px; display: flex; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left, #edit-order-wrap .swh-col-right .swh-row-total .swh-right { flex-grow: 1; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left { width: 40%; color: #222; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-value { font-size: 30px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-suffixes { font-weight: 400; font-size: 15px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right { width: 60%; font-size: 13px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right label { color: #222; font-weight: 500; text-transform: uppercase; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span { display: block; margin-bottom: 9px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-room-meta { padding-top: 12px; padding-bottom: 12px; display: table; width: 100%; } #edit-order-wrap .swh-col-right .swh-room-meta ul li { display: inline-block; margin-right: 30px; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 29px; } #edit-order-wrap .swh-col-right .swh-room-meta ul li:last-child { margin-right: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service { padding-top: 35px; padding-bottom: 35px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label { display: flex; margin-bottom: 30px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label label { flex-grow: 1; font-size: 25px; font-weight: 500; color: #222; font-family: 'Arial','Microsoft YaHei'; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label .lb-radio input { margin-right: 5px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span { flex-grow: 1; line-height: 35px; position: relative; padding-left: 20px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span input { width: 15px; height: 15px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li { margin-bottom: 11px; color: #777; position: relative; padding-left: 23px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li input { width: 15px; height: 15px; position: absolute; top: 5px; left: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li label { font-weight: 400; font-size: 15px; color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action { display: table; width: 100%; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn { padding-left: 35px; padding-right: 35px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-1 { float: left; background-color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-2 { float: right; background-color: #54be73; } } @media (min-width: 576px) and (max-width: 767px) { #edit-order-wrap { display: table; } #edit-order-wrap .swh-col-left, #edit-order-wrap .swh-col-right { flex-grow: unset; width: 100%; } #edit-order-wrap .swh-room-image, #edit-order-wrap .swh-checking-form2 { padding: 10px; } #edit-order-wrap .swh-room-image { border-bottom: 1px solid #b7b7b7; position: relative; } #edit-order-wrap .swh-room-image .cms-room-title { position: absolute; top: 27px; left: 23px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 15px; margin-bottom: 0; background: #000; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } #edit-order-wrap .swh-room-image .cms-room-title a { color: #fff; } #edit-order-wrap .swh-room-image .cms-room-title:hover { background-color: #54be73; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item { margin-bottom: 10px; display: flex; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item:last-child { margin-bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item { flex-grow: 1; width: 50%; background-color: #222; flex-grow: 1; margin-left: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field { text-align: center; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .head-label { font-size: 13px; font-weight: 400; color: #54be73; text-transform: uppercase; margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .date-label { color: #54be73; font-size: 55px; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .detail-date-label { font-size: 13px; color: #c8c8c8; font-style: italic; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out { display: block; width: 105px; height: 26px; font-weight: 500; font-size: 12px; line-height: 26px; background-color: #54be73; color: #fff; position: relative; margin: 20px auto 25px; cursor: pointer; text-transform: uppercase; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in input, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out input { background-color: transparent; border: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .head-label { margin-top: 25px; margin-bottom: 13px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .date-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .date-label { margin-bottom: 3px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights { background-color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field { margin-bottom: 0 !important; padding: 10px; background-color: #222; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .head-label { display: block; margin-top: 9px; margin-bottom: 11px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field:first-child, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field:first-child { margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-night-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-night-layout { font-size: 40px; color: #54be73; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { display: inline-block; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { width: 20px; position: relative; height: 28px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { position: absolute; width: 15px; height: 12px; line-height: 12px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up { top: 8px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item:first-child { margin-left: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field span { display: block; text-align: center; } #edit-order-wrap .swh-col-right .inner-col > div { padding-left: 30px; padding-right: 25px; border-bottom: 1px solid #b7b7b7; } #edit-order-wrap .swh-col-right .inner-col > div:last-child { margin-bottom: 0; border-bottom: none; } #edit-order-wrap .swh-col-right ul { padding-left: 0; list-style: none; margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-total { padding-top: 25px; padding-bottom: 25px; display: flex; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left, #edit-order-wrap .swh-col-right .swh-row-total .swh-right { flex-grow: 1; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left { width: 40%; color: #222; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-value { font-size: 30px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-suffixes { font-weight: 400; font-size: 15px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right { width: 60%; font-size: 13px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right label { color: #222; font-weight: 500; text-transform: uppercase; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span { display: block; margin-bottom: 9px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-room-meta { padding-top: 12px; padding-bottom: 12px; display: table; width: 100%; } #edit-order-wrap .swh-col-right .swh-room-meta ul li { display: inline-block; margin-right: 30px; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 29px; } #edit-order-wrap .swh-col-right .swh-room-meta ul li:last-child { margin-right: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service { padding-top: 35px; padding-bottom: 35px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label { display: flex; margin-bottom: 30px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label label { flex-grow: 1; font-size: 25px; font-weight: 500; color: #222; font-family: 'Arial','Microsoft YaHei'; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label .lb-radio input { margin-right: 5px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span { flex-grow: 1; line-height: 35px; position: relative; padding-left: 20px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span input { width: 15px; height: 15px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li { margin-bottom: 11px; color: #777; position: relative; padding-left: 23px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li input { width: 15px; height: 15px; position: absolute; top: 5px; left: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li label { font-weight: 400; font-size: 15px; color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action { display: table; width: 100%; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn { padding-left: 35px; padding-right: 35px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-1 { float: left; background-color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-2 { float: right; background-color: #54be73; } } @media screen and (max-width: 575px) { #edit-order-wrap { display: table; } #edit-order-wrap .swh-col-left, #edit-order-wrap .swh-col-right { width: 100%; } #edit-order-wrap .swh-room-image, #edit-order-wrap .swh-checking-form2 { padding: 10px; } #edit-order-wrap .swh-room-image { border-bottom: 1px solid #b7b7b7; position: relative; } #edit-order-wrap .swh-room-image .cms-room-title { position: absolute; top: 27px; left: 23px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 15px; margin-bottom: 0; background: #000; -webkit-transition: all 500ms linear 0ms; -khtml-transition: all 500ms linear 0ms; -moz-transition: all 500ms linear 0ms; -ms-transition: all 500ms linear 0ms; -o-transition: all 500ms linear 0ms; transition: all 500ms linear 0ms; } #edit-order-wrap .swh-room-image .cms-room-title a { color: #fff; } #edit-order-wrap .swh-room-image .cms-room-title:hover { background-color: #54be73; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item { margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-wp-checking-item:last-child { margin-bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item { width: 100%; background-color: #222; flex-grow: unset; margin-left: 0px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field { text-align: center; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .head-label { font-size: 13px; font-weight: 400; color: #54be73; text-transform: uppercase; margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .date-label { color: #54be73; font-size: 55px; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .detail-date-label { font-size: 13px; color: #c8c8c8; font-style: italic; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out { display: block; width: 105px; height: 26px; font-weight: 500; font-size: 12px; line-height: 26px; background-color: #54be73; color: #fff; position: relative; margin: 20px auto 25px; cursor: pointer; text-transform: uppercase; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-in input, #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field .btn-change-out input { background-color: transparent; border: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out { padding-top: 20px; padding-bottom: 1px; margin-bottom: 20px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .head-label { margin-top: 0px; margin-bottom: 13px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-in .date-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-check-out .date-label { margin-bottom: 3px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights { background-color: transparent; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field { margin-bottom: 0 !important; padding: 10px; background-color: #222; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .head-label, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .head-label { display: block; margin-top: 9px; margin-bottom: 11px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field:first-child, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field:first-child { margin-bottom: 10px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-night-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-night-layout { font-size: 40px; color: #54be73; font-weight: 500; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .check-guest-layout, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { display: inline-block; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow { width: 20px; position: relative; height: 28px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { position: absolute; width: 15px; height: 12px; line-height: 12px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-up, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-up { top: 8px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-guests .swh-wg-field .btn-up-dow .btn-dow, #edit-order-wrap .swh-checking-form2 .swh-checking-item.swh-nights .swh-wg-field .btn-up-dow .btn-dow { bottom: 0; } #edit-order-wrap .swh-checking-form2 .swh-checking-item:first-child { margin-left: 0; margin-bottom: 20px; } #edit-order-wrap .swh-checking-form2 .swh-checking-item .swh-wg-field span { display: block; text-align: center; } #edit-order-wrap .swh-col-right .inner-col > div { padding-left: 30px; padding-right: 25px; border-bottom: 1px solid #b7b7b7; } #edit-order-wrap .swh-col-right .inner-col > div:last-child { margin-bottom: 0; border-bottom: none; } #edit-order-wrap .swh-col-right ul { padding-left: 0; list-style: none; margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-total { padding-top: 25px; padding-bottom: 25px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left { width: 100%; color: #222; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-value { font-size: 30px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-total .swh-left .swh-suffixes { font-weight: 400; font-size: 15px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right { width: 100%; font-size: 13px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right label { color: #222; font-weight: 500; text-transform: uppercase; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span { display: block; margin-bottom: 9px; } #edit-order-wrap .swh-col-right .swh-row-total .swh-right span:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-room-meta { padding-top: 12px; padding-bottom: 12px; display: table; width: 100%; } #edit-order-wrap .swh-col-right .swh-room-meta ul li { display: inline-block; margin-right: 30px; background-size: 19px 19px; background-repeat: no-repeat; background-position: 0% 50%; padding-left: 29px; } #edit-order-wrap .swh-col-right .swh-room-meta ul li:last-child { margin-right: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service { padding-top: 35px; padding-bottom: 35px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label { margin-bottom: 30px; color: #777; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label label { font-size: 25px; font-weight: 500; color: #222; font-family: 'Arial','Microsoft YaHei'; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label .lb-radio input { margin-right: 5px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span { line-height: 35px; position: relative; padding-left: 20px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-label span input { width: 15px; height: 15px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li { margin-bottom: 11px; color: #777; position: relative; padding-left: 23px; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li:last-child { margin-bottom: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li input { width: 15px; height: 15px; position: absolute; top: 5px; left: 0; } #edit-order-wrap .swh-col-right .swh-row-extra-service .swh-extra-service-list li label { font-weight: 400; font-size: 15px; color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action { display: table; width: 100%; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn { padding-left: 35px; padding-right: 35px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 500; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-1 { float: none; display: block; text-align: center; background-color: #222; } #edit-order-wrap .swh-col-right .swh-row-btn-action .swh-btn.btn-2 { display: block; float: none; text-align: center; background-color: #54be73; } } .cshlg-popup .login_dialog { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .cshlg-popup .login_dialog .alert_status { text-align: center; } .cshlg-popup .login_dialog .alert_status.alert-success { background: green !important; color: #fff !important; } .cshlg-popup .login_dialog .alert_status.alert-error { color: #fff !important; } .cshlg-popup .login_dialog .boxclose { color: #54be73; } .cshlg-popup .login_dialog .boxclose:after { color: #54be73; font-size: 30px; } .cshlg-popup .login_dialog #pass_user, .cshlg-popup .login_dialog #login_user, .cshlg-popup .login_dialog #register_user, .cshlg-popup .login_dialog #register_email, .cshlg-popup .login_dialog #lost_pwd_user_email { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .cshlg-popup .login_dialog .login_submit, .cshlg-popup .login_dialog #register_submit, .cshlg-popup .login_dialog #lost_pwd_submit { background: #54be73; color: #fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .cshlg-popup .login_dialog .login_submit:hover, .cshlg-popup .login_dialog #register_submit:hover, .cshlg-popup .login_dialog #lost_pwd_submit:hover { background: ; } .cshlg-popup .login_dialog .pass_and_register { text-align: center; padding-top: 15px; border-top: 1px solid #ddd; margin-top: 22px; } .cshlg-popup .login_dialog .pass_and_register .go_to_lostpassword_link, .cshlg-popup .login_dialog .pass_and_register .go_to_register_link, .cshlg-popup .login_dialog .pass_and_register .back_login { position: relative; color: #222; display: inline-block; padding-left: 20px; font-size: 12px; } .cshlg-popup .login_dialog .pass_and_register .go_to_lostpassword_link:before, .cshlg-popup .login_dialog .pass_and_register .go_to_register_link:before, .cshlg-popup .login_dialog .pass_and_register .back_login:before { position: absolute; font-family: "FontAwesome"; color: inherit; top: 1px; left: 0; font-size: 13px; } .cshlg-popup .login_dialog .pass_and_register .go_to_lostpassword_link:hover, .cshlg-popup .login_dialog .pass_and_register .go_to_register_link:hover, .cshlg-popup .login_dialog .pass_and_register .back_login:hover { color: #54be73; } .cshlg-popup .login_dialog .pass_and_register .go_to_register_link:before { content: "\f234"; } .cshlg-popup .login_dialog .pass_and_register .go_to_lostpassword_link:before { content: "\f011"; } .cshlg-popup .login_dialog .pass_and_register .back_login:before { content: "\f023"; } @media screen and (max-width: 575px) { .cshlg-popup .login_dialog { max-width: 280px; min-width: 280px; padding: 20px 15px; } .cshlg-popup .login_dialog .login_form h2 { display: none; } } .swh-dashboard-page { background: #e9e9e9; } .swh-dashboard-page .page-title-content { padding-top: 125px; padding-bottom: 158px; } @media screen and (min-width: 1200px) { .inner-site-content-user { margin-top: -300px; } } @media screen and (max-width: 1199px) { .inner-site-content-user { margin-top: -200px; } .inner-site-content-user .wp-box-header { background: #fff; padding: 0 30px; } .inner-site-content-user .wp-box-header .swh-box { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .inner-site-content-user .wp-box-header .swh-box .user-title-name, .inner-site-content-user .wp-box-header .swh-box .user-description { color: #222 !important; } .inner-site-content-user .wp-box-header .swh-box .user-title-name { font-size: 30px !important; } .inner-site-content-user .wp-box-header .swh-box.box-info-name { margin-bottom: 0 !important; } .inner-site-content-user .box-user-info.thumnail .user-media { border: 2px solid #fff; } } @media screen and (max-width: 991px) { .inner-site-content-user { margin-top: -150px; } } .secondary-sidebar-user .box-user-info { margin-bottom: 30px; } .secondary-sidebar-user .box-user-info:last-child { margin-bottom: 0; } .secondary-sidebar-user .box-user-info.thumnail { background: #fff; padding: 0; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); } .secondary-sidebar-user .box-user-info.thumnail .user-media { position: relative; margin-bottom: 5px; } .secondary-sidebar-user .box-user-info.thumnail .user-media img { width: 100%; } .secondary-sidebar-user .box-user-info.thumnail .user-media .cms-change-avata { position: absolute; font-size: 30px; bottom: 20px; right: 30px; cursor: pointer; color: rgba(255, 255, 255, 0.7); } .secondary-sidebar-user .box-user-info.thumnail .user-media .cms-change-avata:hover { color: #fff; } .secondary-sidebar-user .box-user-info.thumnail .user-list-info { padding: 30px; padding-left: 30px !important; } @media screen and (max-width: 575px) { .secondary-sidebar-user .box-user-info.thumnail .user-list-info { padding: 30px 20px; padding-left: 20px !important; } } .secondary-sidebar-user .box-user-info.thumnail .user-list-info li { color: #777; font-size: 15px; font-weight: 400; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e3e3e3; } .secondary-sidebar-user .box-user-info.thumnail .user-list-info li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .secondary-sidebar-user .box-user-info.thumnail .user-list-info li label { color: #000; } .secondary-sidebar-user .box-user-info.my-acount, .secondary-sidebar-user .box-user-info.my-reservation, .secondary-sidebar-user .box-user-info.edit-acount, .secondary-sidebar-user .box-user-info.logout-acount { text-transform: uppercase; margin-bottom: 13px; border: 1px solid #54be73; } .secondary-sidebar-user .box-user-info.my-acount a, .secondary-sidebar-user .box-user-info.my-reservation a, .secondary-sidebar-user .box-user-info.edit-acount a, .secondary-sidebar-user .box-user-info.logout-acount a { padding: 13px 30px; display: block; background: #fff; color: #222; cursor: pointer; } @media screen and (max-width: 575px) { .secondary-sidebar-user .box-user-info.my-acount a, .secondary-sidebar-user .box-user-info.my-reservation a, .secondary-sidebar-user .box-user-info.edit-acount a, .secondary-sidebar-user .box-user-info.logout-acount a { padding-right: 20px; padding-left: 20px; } } .secondary-sidebar-user .box-user-info.my-acount a i, .secondary-sidebar-user .box-user-info.my-reservation a i, .secondary-sidebar-user .box-user-info.edit-acount a i, .secondary-sidebar-user .box-user-info.logout-acount a i { color: #54be73; display: inline-block; margin-right: 13px; } .secondary-sidebar-user .box-user-info.my-acount.is-active, .secondary-sidebar-user .box-user-info.my-reservation.is-active, .secondary-sidebar-user .box-user-info.edit-acount.is-active, .secondary-sidebar-user .box-user-info.logout-acount.is-active { background-color: #54be73; } .secondary-sidebar-user .box-user-info.my-acount.is-active a, .secondary-sidebar-user .box-user-info.my-reservation.is-active a, .secondary-sidebar-user .box-user-info.edit-acount.is-active a, .secondary-sidebar-user .box-user-info.logout-acount.is-active a { font-size: 15px; text-transform: uppercase; color: #fff; background: #54be73; } .secondary-sidebar-user .box-user-info.my-acount.is-active a:hover, .secondary-sidebar-user .box-user-info.my-reservation.is-active a:hover, .secondary-sidebar-user .box-user-info.edit-acount.is-active a:hover, .secondary-sidebar-user .box-user-info.logout-acount.is-active a:hover { color: #fff; } .secondary-sidebar-user .box-user-info.my-acount.is-active a i, .secondary-sidebar-user .box-user-info.my-reservation.is-active a i, .secondary-sidebar-user .box-user-info.edit-acount.is-active a i, .secondary-sidebar-user .box-user-info.logout-acount.is-active a i { width: 16px; height: 16px; line-height: 16px; text-align: center; background: #fff; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; color: #54be73; display: inline-block; margin-right: 13px; font-size: 12px; } .col-user-content .swh-box { background: #fff; padding: 30px; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); margin-bottom: 30px; } .col-user-content .swh-box:last-child { margin-bottom: 0; } .col-user-content .swh-box.box-info-room { padding: 95px 30px 85px; } @media screen and (max-width: 1199px) { .col-user-content .swh-box.box-info-room { padding: 40px 30px; } } @media screen and (max-width: 991px) { .col-user-content .swh-box.box-info-room { padding: 25px; } } @media screen and (max-width: 767px) { .col-user-content .swh-box.box-info-room { padding: 35px 15px; } .col-user-content .swh-box.box-info-room .inner-box { text-align: center; margin-bottom: 30; padding-bottom: 30px; } .col-user-content .swh-box.box-info-room .inner-box.inner-box-review { margin-bottom: 0; padding-bottom: 0; } } .col-user-content .box-credicard .inner-box { width: 100%; } .col-user-content .box-credicard .inner-box label { font-family: 'Cormorant'; font-size: 20px; color: #222; font-weight: 600; } .col-user-content .box-credicard .inner-box .switch { position: relative; display: inline-block; width: 60px; height: 31px; } .col-user-content .box-credicard .inner-box .switch input { opacity: 0; width: 0; height: 0; } .col-user-content .box-credicard .inner-box .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .col-user-content .box-credicard .inner-box .slider:before { position: absolute; content: ""; height: 25px; width: 25px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .col-user-content .box-credicard .inner-box input:checked + .slider { background-color: #54be73; } .col-user-content .box-credicard .inner-box input:focus + .slider { box-shadow: 0 0 1px #54be73; } .col-user-content .box-credicard .inner-box input:checked + .slider:before { -webkit-transform: translateX(26px); -khtml-transform: translateX(26px); -moz-transform: translateX(26px); -ms-transform: translateX(26px); -o-transform: translateX(26px); transform: translateX(26px); /* Rounded sliders */ } .col-user-content .box-credicard .inner-box .slider.round { border-radius: 34px; } .col-user-content .box-credicard .inner-box .slider.round:before { border-radius: 50%; } @media screen and (min-width: 576px) { .col-user-content .box-credicard .inner-box { display: flex; } .col-user-content .box-credicard .inner-box label { flex-grow: 1; } .col-user-content .box-credicard .inner-box .switch { flex-grow: 0; } } @media screen and (max-width: 575px) { .col-user-content .box-credicard label { margin-bottom: 20px; } .col-user-content .box-credicard .switch { display: block !important; } } .col-user-content .title-outbox { font-size: 40px; font-weight: bold; font-family: 'Cormorant'; color: #222; margin-top: 62px; margin-bottom: 25px; } @media screen and (max-width: 575px) { .wp-box-header { padding-left: 20px !important; padding-right: 20px !important; } } .wp-box-content { padding-top: 35px; } .box-info-name { margin-bottom: 30px !important; background-color: transparent !important; padding: 30px 0px !important; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.06); } @media screen and (min-width: 768px) { .box-info-name .inner-box { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .box-info-name .inner-box .col-box-left { flex-grow: 1; } .box-info-name .inner-box .col-box-left .user-title-name { display: inline-block; font-family: 'Cormorant'; color: #fff; font-size: 50px; font-weight: 600; margin-right: 15px; } .box-info-name .inner-box .col-box-left .user-description { color: #fff; font-size: 15px; font-family: 'Montserrat'; } .box-info-name .inner-box .col-box-right { flex-grow: 0; } .box-info-name .inner-box .col-box-right .btn-change-info { padding: 9px 35px; text-transform: uppercase; background: #54be73; color: #fff; display: block; font-weight: 500; font-size: 11px; font-family: 'Montserrat'; transition: all 0.4s ease; } .box-info-name .inner-box .col-box-right .btn-change-info i { font-size: 13px; margin-left: 6px; display: inline-block; } .box-info-name .inner-box .col-box-right .btn-change-info:hover { background: #222; } } @media screen and (max-width: 767px) { .box-info-name .inner-box { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .box-info-name .inner-box .col-box-left { margin-bottom: 15px; } .box-info-name .inner-box .col-box-left .user-title-name { display: inline-block; font-family: 'Cormorant'; color: #fff; font-size: 50px; font-weight: 600; margin-right: 15px; } .box-info-name .inner-box .col-box-left .user-description { color: #fff; font-size: 15px; font-family: 'Montserrat'; } .box-info-name .inner-box .col-box-right .btn-change-info { padding: 9px 15px; text-transform: uppercase; background: #54be73; color: #fff; display: block; font-weight: 500; font-size: 11px; display: inline-block; font-family: 'Montserrat'; transition: all 0.4s ease; } .box-info-name .inner-box .col-box-right .btn-change-info i { font-size: 13px; margin-left: 6px; display: inline-block; } .box-info-name .inner-box .col-box-right .btn-change-info:hover { background: #222; } } .box-info-room .inner-box { text-align: center; } .box-info-room .inner-box svg path { fill: #54be73; } .box-info-room .inner-box svg { width: 45px; height: 40px; display: block; text-align: center; margin: 0 auto; margin-bottom: 19px; } .box-info-room .inner-box .tite-book-room { color: #222; font-size: 20px; font-weight: bold; margin-bottom: 7px; } .box-info-room .inner-box span { font-size: 45px; font-weight: bold; font-family: 'Montserrat'; color: #222; } @media screen and (max-width: 991px) { .box-info-room .inner-box span { font-size: 30px; } } @media screen and (min-width: 768px) { .box-change-password .inner-box { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .box-change-password .inner-box .col-box-left { flex-grow: 1; } .box-change-password .inner-box .col-box-right { flex-grow: 0; } } .box-change-password .inner-box .col-box-left label { display: inline-block; font-family: 'Cormorant'; color: #222; font-size: 20px; font-weight: 600; margin-right: 15px; } .box-change-password .inner-box .col-box-left input { min-width: 120px; max-width: 200px; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0 !important; } .box-change-password .inner-box .col-box-left input:focus { border: 1px solid #54be73 !important; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); } .box-change-password .inner-box .col-box-left input::-webkit-input-placeholder { color: #777; font-size: 12px; font-weight: 500; } .box-change-password .inner-box .col-box-left input::-moz-placeholder { color: #777; font-size: 12px; font-weight: 500; } .box-change-password .inner-box .col-box-left input::-ms-input-placeholder { color: #777; font-size: 12px; font-weight: 500; } .box-change-password .inner-box .col-box-left input::-moz-placeholder { color: #777; font-size: 12px; font-weight: 500; } @media screen and (max-width: 767px) { .box-change-password .inner-box .col-box-left { margin-bottom: 30px; } } .box-change-password .inner-box .col-box-right .btn-change-pass { display: block; padding: 9px 35px; text-transform: uppercase; background: #54be73; color: #fff; font-weight: 500; font-size: 11px; font-family: 'Montserrat'; transition: all 0.4s ease; } .box-change-password .inner-box .col-box-right .btn-change-pass:hover { background: #222; } .box-change-password .infor-change-popup { display: none; margin-top: 30px; width: 100%; padding-top: 30px; } .box-change-password .infor-change-popup label { display: block; margin-bottom: 5px; color: #222; font-family: 'Cormorant'; font-size: 20px !important; font-weight: 500 !important; } .box-change-password .infor-change-popup .user-input-text { max-width: 370px; border: 1px solid #c8c8c8; height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 27px !important; } .box-change-password .infor-change-popup .user-input-text:focus { border: 1px solid #54be73 !important; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); } .box-change-password .infor-change-popup .user-input-text::-webkit-input-placeholder { color: #777; } .box-change-password .infor-change-popup .user-input-text::-moz-placeholder { color: #777; } .box-change-password .infor-change-popup .user-input-text::-ms-input-placeholder { color: #777; } .box-change-password .infor-change-popup .user-input-text::-moz-placeholder { color: #777; } .box-change-password .infor-change-popup .swh-input { margin-top: 7px; } .box-change-password .infor-change-popup .swh-input .user-btn { text-transform: uppercase; font-size: 11px; display: inline-block; font-family: 'Montserrat'; padding: 0px 35px; line-height: 30px; height: 30px; color: #fff; font-weight: 500; -webkit-transition: 0s; -khtml-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } .box-change-password .infor-change-popup .swh-input .btn1 { background: #54be73; margin-right: 6px; } .box-change-password .infor-change-popup .swh-input .btn1:hover { background: #222; } .box-list-check > label { color: #222; font-family: 'Cormorant'; margin-bottom: 17px; font-size: 20px !important; font-weight: 500 !important; } @media screen and (min-width: 576px) { .box-list-check .inner-box { display: flex; } .box-list-check .box-col { flex-grow: 1; width: 25%; } } .box-list-check .box-col { display: block; position: relative; padding-left: 35px; margin-bottom: 8px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-list-check .box-col label { font-size: 15px; font-weight: 300; color: #777; font-family: 'Montserrat'; position: relative; top: -5px; } .box-list-check .box-col input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; width: 23px; height: 23px; z-index: 1; } .box-list-check .box-col .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; background-color: #54be73; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #54be73; } .box-list-check .box-col .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 5px; width: 7px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .box-list-check .box-col input:checked ~ .checkmark:after { display: block; } @media screen and (min-width: 576px) { .box-credicard .inner-box { display: flex; } .box-credicard .inner-box label, .box-credicard .inner-box .slideThree { flex-grow: 1; } } .swh-edit-user-info { padding: 30px 30px 40px; background: #fff; } .swh-edit-user-info .row-edit-info { margin-bottom: 30px; } .swh-edit-user-info .row-edit-info:last-child { margin-bottom: 0; } .swh-edit-user-info .row-edit-info input { max-width: 470px; display: block; font-size: 15px; } .swh-edit-user-info .row-edit-info input:focus { border: 1px solid #54be73 !important; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); } .swh-edit-user-info .row-edit-info input::-webkit-input-placeholder { color: #999; font-weight: 300; font-family: 'Montserrat'; font-style: italic; } .swh-edit-user-info .row-edit-info input::-moz-placeholder { color: #999; font-weight: 300; font-family: 'Montserrat'; font-style: italic; } .swh-edit-user-info .row-edit-info input::-ms-input-placeholder { color: #999; font-weight: 300; font-family: 'Montserrat'; font-style: italic; } .swh-edit-user-info .row-edit-info input::-moz-placeholder { color: #999; font-weight: 300; font-family: 'Montserrat'; font-style: italic; } .swh-edit-user-info .row-edit-info label { font-size: 20px; color: #222; font-weight: 600; font-family: 'Cormorant'; margin-bottom: 6px; } .swh-edit-user-info .row-edit-info .btn-edit-user-info { height: 30px; line-height: 30px; text-transform: uppercase; font-size: 13px; color: #fff; } .swh-edit-user-info .row-edit-info .btn-edit-user-info.btn1 { background: #54be73; margin-right: 6px; } .swh-edit-user-info .row-edit-info .btn-edit-user-info.btn1:hover { background-color: #222; } .swh-edit-user-info .row-edit-info .btn-edit-user-info.btn2 { background: #222; } .swh-items-room .room-item { background: #fff; margin-bottom: 30px; position: relative; } .swh-items-room .room-item:last-child { margin-bottom: 0; } .swh-items-room .swh-wp-status { color: #222; } .swh-items-room .swh-wp-status .order-stt { display: block; padding-left: 15px; position: relative; font-family: 'Montserrat'; font-weight: 500; text-transform: uppercase; } .swh-items-room .swh-wp-status .order-stt:before { top: 5px; left: 0; position: absolute; display: block; content: ""; width: 10px; height: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .swh-items-room .swh-wp-status .o-s-reject:before, .swh-items-room .swh-wp-status .o-s-deleted:before { background: red; } .swh-items-room .swh-wp-status .o-s-pending:before { background: #fab702; } .swh-items-room .swh-wp-status .o-s-changed:before { background-color: red; } .swh-items-room .swh-wp-status .o-s-deleting:before { background: #fa741e; } .swh-items-room .swh-wp-status .o-s-approved:before { background: #12d212; } .swh-items-room .swh-wp-status .o-s-paid:before { background: #4eacf4; } @media screen and (min-width: 992px) { .swh-items-room .swh-row-infor-1 { display: flex; } .swh-items-room .swh-row-infor-1 .entry-featured { min-width: 280px; background-size: cover; background-position: 50%; } .swh-items-room .swh-row-infor-1 .entry-featured img { display: none; } .swh-items-room .swh-row-infor-1 .entry-content { flex-grow: 1; } .swh-items-room .swh-row-infor-1 .entry-content > * { padding: 12px 40px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info { border-bottom: 1px solid #e3e3e3; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time { display: flex; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info i { color: #54be73; display: inline-block; margin-right: 8px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info label { font-family: 'Cormorant'; color: #222; font-size: 17px; font-weight: 600; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info span { color: #777; font-weight: 400; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left { flex-grow: 1; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-in, .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-out { display: block; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-right { flex-grow: 0; } .swh-items-room .swh-row-infor-1 .entry-content .room-service-extra label, .swh-items-room .swh-row-infor-1 .entry-content .room-payment-method label { font-family: 'Cormorant'; color: #222; font-size: 17px; font-weight: 600; } .swh-items-room .swh-row-infor-1 .entry-content .room-service-extra span, .swh-items-room .swh-row-infor-1 .entry-content .room-payment-method span { color: #777; font-weight: 400; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail { display: flex; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title { flex-grow: 1; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title1, .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title2 { color: #222; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title1 { font-size: 15px; font-weight: 400; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 7px; display: block; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title2 { margin-bottom: 0; font-size: 30px; font-family: 'Cormorant'; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail { padding-top: 18px; padding-bottom: 16px; } .swh-items-room .swh-row-infor-2 { display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 14px 40px 20px; } .swh-items-room .swh-row-infor-2 .service-fee .order-price { padding-right: 38px; margin-right: 38px; border-right: 1px solid #e3e3e3; position: relative; } .swh-items-room .swh-row-infor-2 .service-fee .order-price:after { position: absolute; display: block; content: ""; } .swh-items-room .swh-row-infor-2 .service-fee .order-price, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid { display: inline-block; } .swh-items-room .swh-row-infor-2 .service-fee .order-price label, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid label { font-weight: 500; font-size: 25px !important; font-family: 'Montserrat'; color: #54be73; } .swh-items-room .swh-row-infor-2 .service-fee .order-price span, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid span { font-weight: 500; color: #222; text-transform: uppercase; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat { margin-top: 20px; font-family: 'Montserrat'; font-size: 13px; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat label { text-transform: uppercase; font-weight: 500; color: #222; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat span { font-weight: 400; } .swh-items-room .swh-row-infor-2 .col-info { flex-grow: 1; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons { flex-grow: 0; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room { display: block; width: 143px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; font-size: 11px; font-family: 'Montserrat'; color: #fff; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn1 { background: #54be73; margin-bottom: 8px; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn1:hover { background: #222; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn2 { background: #222; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn2:hover { background: #54be73; } } @media screen and (max-width: 991px) { .header-2 .header-medium { padding: 0 20px; } .header-1 .header-medium { padding: 0 20px; } .swh-items-room .swh-row-infor-1 .entry-featured { width: 100%; background-size: cover; background-position: 50%; } .swh-items-room .swh-row-infor-1 .entry-featured img { display: block; } .swh-items-room .swh-row-infor-1 .entry-content > * { padding: 12px 40px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info { border-bottom: 1px solid #e3e3e3; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time { display: flex; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info { flex-grow: 1; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info i { color: #54be73; display: inline-block; margin-right: 8px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info label { font-family: 'Cormorant'; color: #222; font-size: 17px; font-weight: 600; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info span { color: #777; font-weight: 400; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left { margin-bottom: 10px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-in, .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-out { display: block; } .swh-items-room .swh-row-infor-1 .entry-content .room-service-extra label, .swh-items-room .swh-row-infor-1 .entry-content .room-payment-method label { font-family: 'Cormorant'; color: #222; font-size: 17px; font-weight: 600; } .swh-items-room .swh-row-infor-1 .entry-content .room-service-extra span, .swh-items-room .swh-row-infor-1 .entry-content .room-payment-method span { color: #777; font-weight: 400; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail { padding-top: 30px; padding-bottom: 25px; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title { margin-bottom: 20px; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title1, .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title2 { color: #222; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title1 { font-size: 15px; font-weight: 400; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 17px; display: inline-block; padding: 5px 10px; border: 1px solid #ccc; background: #f8f8f8; } .swh-items-room .swh-row-infor-1 .entry-content .order-detail .swh-wp-title .order-title2 { margin-bottom: 0; font-size: 30px; font-family: 'Cormorant'; } .swh-items-room .swh-row-infor-2 { padding: 14px 40px 20px; } .swh-items-room .swh-row-infor-2 .service-fee { margin-bottom: 20px; } .swh-items-room .swh-row-infor-2 .service-fee .order-price { padding-right: 38px; margin-right: 38px; border-right: 1px solid #e3e3e3; margin-bottom: 10px; } .swh-items-room .swh-row-infor-2 .service-fee .order-price, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid { display: inline-block; } .swh-items-room .swh-row-infor-2 .service-fee .order-price label, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid label { font-weight: 500; font-size: 25px !important; font-family: 'Montserrat'; color: #54be73; } .swh-items-room .swh-row-infor-2 .service-fee .order-price span, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid span { font-weight: 500; color: #222; text-transform: uppercase; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat { margin-top: 10px; font-family: 'Montserrat'; font-size: 13px; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat label { text-transform: uppercase; font-weight: 500; color: #222; } .swh-items-room .swh-row-infor-2 .service-fee .order-vat span { font-weight: 400; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room { width: auto; padding-left: 15px; padding-right: 15px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; font-size: 11px; font-family: 'Montserrat'; color: #fff; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn1 { background: #54be73; margin-bottom: 8px; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn1:hover { background: #222; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn2 { background: #222; } .swh-items-room .swh-row-infor-2 .col-info.wp-buttons .btn-room.btn2:hover { background: #54be73; } } @media screen and (max-width: 575px) { .swh-items-room .swh-row-infor-1 .entry-content > * { padding: 12px 20px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time { display: inherit; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info i { color: #54be73; display: inline-block; margin-right: 8px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info label { font-family: 'Cormorant'; color: #222; font-size: 17px; font-weight: 600; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-row-info span { color: #777; font-weight: 400; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left { margin-bottom: 10px; } .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-in, .swh-items-room .swh-row-infor-1 .entry-content .row-info.room-order-time .col-left .time-sign-out { display: block; } .swh-items-room .swh-row-infor-2 { padding: 14px 20px 20px; } .swh-items-room .swh-row-infor-2 .service-fee { margin-bottom: 20px; } .swh-items-room .swh-row-infor-2 .service-fee .order-price { padding-right: 38px; margin-right: 38px; border-right: none; margin-bottom: 0px; } .swh-items-room .swh-row-infor-2 .service-fee .order-price, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid { display: block; } .swh-items-room .swh-row-infor-2 .service-fee .order-price label, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid label { font-weight: 500; font-size: 18px !important; font-family: 'Montserrat'; color: #54be73; } .swh-items-room .swh-row-infor-2 .service-fee .order-price span, .swh-items-room .swh-row-infor-2 .service-fee .order-price-paid span { font-weight: 500; color: #222; text-transform: uppercase; } } .swh-notification .btn { margin-top: 30px; background: #54be73; color: #fff; } .swh-notification .btn:hover { background: #222; } .dashboard-login .inne-dashboard-login { max-width: 500px; padding: 50px 30px; text-align: center; margin: 0 auto; border: 1px solid #54be73; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .dashboard-login .inne-dashboard-login .title-reback { color: inherit; font-size: 20px; } .dashboard-login .inne-dashboard-login .title-reback + .btn-login .go_to_login_link { padding: 8px 20px; display: inline-block; background-color: #222; color: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .dashboard-login .inne-dashboard-login .title-reback + .btn-login .go_to_login_link:hover { background-color: #54be73; color: #fff; } .zzz1{font-size:14px;margin-bottom: 0;line-height: 1.6;} footer{background: #54be73;} .footer-nav{border-bottom: 1px solid rgba(255,255,255,.1);padding: 60px 0 20px;} .footer-nav h3{font-size: 14px;line-height: 20px;color: #fff;text-transform: uppercase;margin-bottom: 5px;} .footer-nav h2{font-size: 18px;line-height: 30px;color: #fff;float: left;width: 134px;background: url("../images/arr2.png") no-repeat right center;} .footer-nav ul{margin-left: 160px;display: flex;} .footer-nav ul li{width: 12.5%;height: 30px;text-align: center;position: relative;overflow: hidden;} .footer-nav ul li:after{width: 0;height: 13px;border-right: 1px solid rgba(255,255,255,.1);content: '';position: absolute;right: 0;top:50%;margin-top: -6px;} .footer-nav ul li a{font-size: 14px;color: #fff;line-height: 30px;} .footer-nav ul li:last-child:after{display: none;} .footer-main{padding: 35px 0 40px;position: relative;} .footer-main h2{font-size: 18px;line-height: 32px;color: #fff;margin-bottom: 0;} .footer-main h3{font-size: 12px;line-height: 24px;color: #fff;opacity: .6;text-transform: uppercase;margin-bottom: 10px;} .footer-main p{line-height: 30px;font-size: 14px;color: #fff;margin-bottom: 0;} .footer-ewm{position: absolute;right: 0;text-align: center;top: 45px;font-size: 14px;line-height: 32px;color: #fff;} .footer-ewm img{display: block;} .copyright{border-top: 1px solid rgba(255,255,255,.1);font-size: 14px;color: #fff;line-height: 32px;padding: 15px 0;} .pink-line{ width: 40px; height: 3px; background: #5B9073; margin: -10px auto 10px auto; } .pink-line1{ width: 40px; height: 3px; background: #54be73; margin: 10px 0; } .a3 { color: #54be73; } .a12{ display:block;} .a13{ display:none;} .cms-carousel-service .cms-carousel-item .cms-serivce-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .ta3{ max-width:100%;} .ta4{ max-width:100%;} @media (max-width: 767px) { .cms-carousel-service .cms-carousel-item .cms-serivce-image { background-image:none !important; } .cms-carousel-service .cms-carousel-item .cms-service-content { padding: 50px 15px!important; } } @media (max-width: 1024px) { .cms-carousel-service .cms-carousel-item .cms-service-content { padding: 56px 40px !important; } } @media (min-width: 769px) and (max-width: 1024px) { .cms-carousel-service .cms-carousel-item .cms-serivce-image img { display:none; } } @media (min-width: 1025px) and (max-width: 1699px) { .cms-carousel-service .cms-carousel-item .cms-serivce-image { background-image:none !important; } .a12{ display:none;} .a13{ display:block;} .cms-carousel-service .cms-carousel-item .cms-service-content { padding: 70px 60px; } } @media screen and (min-width: 1700px) { .cms-carousel-service .cms-carousel-item .cms-serivce-image { background-image:none !important; } }