/*************************************************** Mixins Themes /***************************************************/ /* Mixin Normal*/ /* Mixin Clear */ /* Mixin Border */ /*background RGBA ============================================*/ /*************************************************** Mixins RTL Themes /***************************************************/ @keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } /************************************ Override Bootstrap *************************************/ /** * Web Application Prefix Apply For Making Owner Styles */ /** * Blocks Layout Selectors */ /***********************************************************************/ /* Title Block */ .ApColumn { /* .title_block { color: $black; margin: 0; font-size: 50px; padding-bottom: 12px; position: relative; text-transform: uppercase; font-weight: 400; } .sub-title-widget{ color: $theme-color-default; font-weight: 700; } */ } .title_block { color: #000000; margin: 0; font-size: 50px; padding-bottom: 12px; position: relative; text-transform: uppercase; font-weight: 400; } @media (max-width: 991px) { .title_block { text-align: center; font-size: 30px; } } .sub-title-widget { color: #cf9d6c; font-weight: 700; letter-spacing: 2.8px; } @media (max-width: 991px) { .sub-title-widget { text-align: center; } } .ap-popup { display: none; } .bg-fullwidth { position: relative; } .bg-fullwidth:before { content: ""; padding: 0px 1000px; width: 100%; overflow: hidden; position: absolute; height: 100%; display: block !important; top: 0; box-sizing: content-box; margin-left: -1000px; background-size: cover; } .rtl .bg-fullwidth:before { margin-right: -1000px; margin-left: inherit; } .block-toggler .title, .footer-container .links .title { cursor: pointer; } .block-toggler .title .collapse-icons .remove, .footer-container .links .title .collapse-icons .remove { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .add, .footer-container .links .title[aria-expanded="true"] .collapse-icons .add { display: none; } .block-toggler .title[aria-expanded="true"] .collapse-icons .remove, .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove { display: block; } .block-toggler .navbar-toggler, .footer-container .links .navbar-toggler { display: block; padding: 0; margin-top: 0.3125rem; width: 1.25rem; height: 1.25rem; } .block-toggler.ApBlockLink ul li, .footer-container .links.ApBlockLink ul li { margin-bottom: 1.25rem; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse-icons, .footer-container .links.accordion_small_screen .collapse-icons { display: none; } } .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: block; } @media (min-width: 768px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { height: 100% !important; } } @media (max-width: 767px) { .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse { display: none; } .block-toggler.accordion_small_screen .collapse.in, .footer-container .links.accordion_small_screen .collapse.in { display: block; } } /* Widget Alert */ .alert { text-align: left; margin-top: 15px; padding: 10px 50px !important; margin-bottom: 0 !important; position: relative; } .rtl .alert { text-align: right; } .alert:before { font-family: "FontAwesome"; font-size: 1.25rem; vertical-align: -2px; padding: 0 7px 0 0; float: left; position: absolute; left: 20px; top: auto; } .rtl .alert:before { padding: 0 0 0 7px; } .rtl .alert:before { float: right; } .rtl .alert:before { right: 20px; left: auto; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-warning { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-warning:before { content: "\f071"; } .alert.alert-info { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-info:before { content: "\f05a"; } .alert.alert-danger { text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } .alert.alert-danger:before { content: "\f00d"; } /* Css Accordion */ .ap-accordion .in { display: block; } .ap-accordion .panel-group .panel-default .panel-title { border-top: 1px solid transparent; padding: 0px; margin-bottom: 0px; font-size: 0.8125rem; } .ap-accordion .panel-group .panel-default .panel-title .collapsed { display: block; font-weight: normal; } .ap-accordion .panel-default { border: 1px solid transparent; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .ap-accordion .panel-default .panel-title { text-transform: none; background: #f0f0f0; position: relative; font-weight: normal; } .ap-accordion .panel-default .panel-title a:before { background: none; content: "arrow_drop_up"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 1.5625rem; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .ap-accordion .panel-default .panel-title .collapsed:before { background: none; content: "arrow_drop_down"; cursor: pointer; display: block; font-family: "Material Icons"; font-size: 1.5625rem; position: absolute; left: auto; right: 0px; top: 0px; width: auto; } .ap-accordion .panel-default .panel-heading { background: #f0f0f0; border: 1px solid #f0f0f0; } .ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body { border: 1px solid #f0f0f0; } /* Widget Tab */ .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0px; } .tab-content .tab-pane, .tab-content .pill-pane, .pill-content .tab-pane, .pill-content .pill-pane { display: none; } .tab-content .active, .pill-content .active { display: block; } .tabs-below .nav-tabs { border-top: 1px solid #eaeaea; } .tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .rtl .tabs-below .nav-tabs > li > a { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .tabs-below .nav-tabs > li > a:hover, .tabs-below .nav-tabs > li > a:focus { border-top-color: #eaeaea; border-bottom-color: transparent; } .tabs-below .nav-tabs > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus { border-color: transparent #eaeaea #eaeaea #eaeaea; } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-bottom: 3px; margin-right: 0; } .rtl .tabs-left .nav-tabs > li > a, .rtl .tabs-right .nav-tabs > li > a { margin-left: 0; margin-right: inherit; } .tabs-left .nav-tabs { float: left; border-right: 1px solid #eaeaea; } .rtl .tabs-left .nav-tabs { float: right; } .rtl .tabs-left .nav-tabs { border-left: 1px solid #eaeaea; border-right: inherit; } .tabs-left .nav-tabs > li > a { margin-right: -1px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .rtl .tabs-left .nav-tabs > li > a { margin-left: -1px; margin-right: inherit; } .rtl .tabs-left .nav-tabs > li > a { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .tabs-left .nav-tabs > li > a:hover, .tabs-left .nav-tabs > li > a:focus { border-color: #eeeeee #eaeaea #eeeeee #eeeeee; } .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus { border-color: #eaeaea transparent #eaeaea #eaeaea; *border-right-color: #FFFFFF; } .tabs-right .nav-tabs { float: right; border-left: 1px solid #eaeaea; } .rtl .tabs-right .nav-tabs { float: left; } .rtl .tabs-right .nav-tabs { border-right: 1px solid #eaeaea; border-left: inherit; } .tabs-right .nav-tabs > li > a { margin-left: -1px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .rtl .tabs-right .nav-tabs > li > a { margin-right: -1px; margin-left: inherit; } .rtl .tabs-right .nav-tabs > li > a { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .tabs-right .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #eaeaea; } .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus { border-color: #eaeaea #eaeaea #eaeaea transparent; *border-left-color: #ffffff; } .widget-tabs li { padding: 5px 8px; border: 1px solid transparent; text-transform: uppercase; } .widget-tabs li a { color: #272727; } .widget-tabs li.active { border: 1px solid #cf9d6c; } .widget-tabs li.active a { color: #cf9d6c; } .block .nav-pills > li.active > a { position: relative; } .block .nav-pills > li.active > a:before { content: "\f0d7"; position: absolute; bottom: -7px; height: 0.625rem; line-height: 0.625rem; font-family: "FontAwesome"; color: #cf9d6c; font-size: 1.1875rem; z-index: 9; right: 50%; margin-right: -4px; } .rtl .block .nav-pills > li.active > a:before { left: 50%; right: auto; } .rtl .block .nav-pills > li.active > a:before { margin-left: -4px; margin-right: inherit; } .block .panel-group { margin-bottom: 0; } .nav-tabs { border-bottom: 1px solid transparent; padding-bottom: 1.25rem; } .nav-tabs > li > a { font-weight: 800; color: #767676; border-bottom: 2px solid transparent; text-transform: uppercase; } .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus { border: 1px solid transparent; background: #eeeeee; border-bottom: 2px solid #c0c700; color: #000000; } .ApTabs .tab-content { position: relative; } .ApTabs .tab-content > .tab-pane { visibility: hidden; display: block; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 9; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .ApTabs .tab-content > .tab-pane.active { position: static; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /** * Start for module ap_gmap */ div[id^="google-maps"] { position: relative; } div[id^="gmap-stores-list"] { overflow: auto !important; } div[id^="gmap-stores-list"] > ul { margin: 30px; } .display-list-store { background-color: #6cabd5; float: left; } .rtl .display-list-store { float: right; } .gmap-stores-content, .gmap-content { display: inline-block; margin: 0; padding: 0; position: relative; } .not-display-list-store .gmap-stores-content, .not-display-list-store .gmap-content { width: 100%; } .gmap-cover { width: 100%; } .item-gmap-store { cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.625rem 0.9375rem; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .item-gmap-store:hover { color: #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-gmap-store .icon-map-marker { margin-right: 6px; font-size: 120%; } .rtl .item-gmap-store .icon-map-marker { margin-left: 6px; margin-right: inherit; } .item-gmap-store text { font-size: 85%; } /** * End for module ap_gmap */ /** * Start for module ap_product_list */ .box-show-more a { background: #282d35; clear: both; text-align: center; width: 100%; height: 3.4375rem; line-height: 3.4375rem; letter-spacing: 3px; text-transform: uppercase; padding: 0 15px; margin-top: 1.5rem; margin-bottom: 1.5rem; display: none; font-size: 0.875rem; color: #FFFFFF; font-weight: 700; } .box-show-more a:hover { background-color: #cf9d6c; } .box-show-more a .fa { margin-left: 0.3125rem; } .rtl .box-show-more a .fa { margin-right: 0.3125rem; margin-left: inherit; } .box-show-more.open a { display: block; } /** * End for module ap_product_list */ /** * Start for module ap_image */ .ap_image .has-animation { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .ap_image .has-animation.animated { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } /** * End for module ap_image */ /** * End for module ApFullSlider */ .full-slider .carousel-inner { position: relative; overflow: hidden; width: 100%; height: 100%; background: transparent; } .full-slider .carousel-inner .item { width: 100%; height: 100%; } .full-slider .content-slider { position: absolute; top: 35%; color: #FFFFFF; left: 0; right: 0; text-align: center; } .full-slider .content-slider h3 { font-size: 3.75rem; text-transform: uppercase; font-weight: 600; } .full-slider .content-slider p { margin-top: 1.875rem; background: #c70005; padding: 0.625rem 1.25rem; display: inline-block; text-transform: uppercase; font-size: 1rem; } .full-slider .carousel-control { top: 50%; width: 40px; height: 40px; background-color: #121212; background-color: rgba(18, 18, 18, 0.52); zoom: 1; background-color: transparent\9; } .full-slider .carousel-control.left { left: 0.625rem; } .rtl .full-slider .carousel-control.left { right: 0.625rem; left: auto; } .full-slider .carousel-control.right { right: 0.625rem; } .rtl .full-slider .carousel-control.right { left: 0.625rem; right: auto; } /** * Widget Video */ .embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0px; } .rtl .embed-responsive iframe, .rtl .embed-responsive object, .rtl .embed-responsive embed { right: 0px; left: auto; } /** * Start for module ApFullSlider */ .cover-live-edit { width: 100%; border-top: 1px solid #eaeaea; } .cover-live-edit .link-to-back-end { text-decoration: none; color: #FFFFFF; z-index: 9999; background-color: rgba(204, 153, 0, 0.5); padding: 5px; position: relative; -moz-box-shadow: 0 0 5px #bdbdbd; -webkit-box-shadow: 0 0 5px #bdbdbd; -o-box-shadow: 0 0 5px #bdbdbd; -ms-box-shadow: 0 0 5px #bdbdbd; box-shadow: 0 0 5px #bdbdbd; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cover-live-edit .link-to-back-end:hover { background-color: #00e676; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook { border: 1px solid #eaeaea; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ap-cover-hook:hover { border: 1px dashed #cf9d6c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /** * End for module ApFullSlider */ /* Widget Manufacturers */ .manufacturers_block img { padding: 1.25rem; margin: 0.625rem; opacity: .5; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .manufacturers_block img:hover { opacity: 1; } /* Widget Category Image */ .widget-category_image .cover-img { float: left; padding-right: 1.25rem; } .rtl .widget-category_image .cover-img { float: right; } .rtl .widget-category_image .cover-img { padding-left: 1.25rem; padding-right: inherit; } .widget-category_image .cover-img img { width: 100px; height: 100px; } .widget-category_image .cate_content:hover label { color: #3276b1; cursor: pointer; } /* Widget Lastest blogs */ .latest-blogs { margin-bottom: 0; padding-bottom: 2.5rem; /* .owl-item{ &.active{ &:nth-child(even){ .left-block{ opacity: 1; visibility: visible; @include transform(scale(1)); } .right-block{ background: linear-gradient(rgba(0, 0, 0, .6),rgba(0, 0, 0, .1)); .blog-desc{ opacity: 0; visibility: hidden; } .blog-title{ color: #ffffff; @include transform(translateY(195px)); a{ color: #ffffff; } } .blog-meta{ @include transform(translateY(205px)); } .blog-info{ @media (max-width: 1199px){ margin-top: 60px; } } } } } } */ } @media (min-width: 992px) { .latest-blogs { margin-top: 68px; } } @media (max-width: 991px) { .latest-blogs { margin-top: 30px; } } .latest-blogs .blog-container { position: relative; overflow: hidden; } .latest-blogs .blog-container .left-block { position: absolute; z-index: -1; opacity: 0; visibility: hidden; right: 0; left: 0; bottom: 0; top: 0; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .rtl .latest-blogs .blog-container .left-block { right: 0; left: 0; } .latest-blogs .blog-container .right-block { background: transparent; } .latest-blogs .blog-container:hover .left-block { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .latest-blogs .blog-container:hover .right-block { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)); } .latest-blogs .blog-container:hover .right-block .blog-desc { opacity: 0; visibility: hidden; } .latest-blogs .blog-container:hover .right-block .blog-title { color: #ffffff; -webkit-transform: translateY(195px); -moz-transform: translateY(195px); -ms-transform: translateY(195px); -o-transform: translateY(195px); transform: translateY(195px); } .latest-blogs .blog-container:hover .right-block .blog-title a { color: #ffffff; } .latest-blogs .blog-container:hover .right-block .blog-meta { -webkit-transform: translateY(205px); -moz-transform: translateY(205px); -ms-transform: translateY(205px); -o-transform: translateY(205px); transform: translateY(205px); } @media (max-width: 1199px) { .latest-blogs .blog-container:hover .right-block .blog-info { margin-top: 60px; } } .latest-blogs .right-block { text-align: left; display: inline-block; height: 460px; border: 5px solid #f3f3f3; } .rtl .latest-blogs .right-block { text-align: right; } @media (min-width: 1200px) { .latest-blogs .right-block { padding: 47px 61px; } } @media (max-width: 1199px) { .latest-blogs .right-block { padding: 20px; position: relative; } } .latest-blogs .right-block .blog-meta { font-size: 11px; color: #c8c0b8; display: inline-block; margin-bottom: 22px; letter-spacing: 2.2px; font-family: "Ubuntu", sans-serif; text-transform: uppercase; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .latest-blogs .right-block .blog-meta .cat a { color: #cf9d6c; } .latest-blogs .right-block .blog-meta > span { position: relative; padding: 0 7px; } .latest-blogs .right-block .blog-meta > span:first-child { padding-left: 0; } .rtl .latest-blogs .right-block .blog-meta > span:first-child { padding-right: 0; padding-left: inherit; } .latest-blogs .right-block .blog-meta > span:not(:last-child)::after { content: ""; width: 2px; height: 7px; background: #c8c0b8; position: absolute; top: 4px; right: 0; left: auto; } .rtl .latest-blogs .right-block .blog-meta > span:not(:last-child)::after { right: auto; left: 0; } @media (max-width: 991px) { .latest-blogs .right-block .blog-info { position: absolute; bottom: 30px; } } .latest-blogs .right-block .blog-info a { height: 41px; line-height: 41px; color: #fff; padding: 0 27px; display: inline-block; background: #cf9d6c; font-family: "Ubuntu", sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; position: relative; border-radius: 3px; border: 1px solid #cf9d6c; } .latest-blogs .right-block .blog-info a::after { content: "\f178"; font-family: "Font Awesome 5 Pro"; padding: 0 0 0 5px; } .rtl .latest-blogs .right-block .blog-info a::after { padding: 0 5px 0 0; } .latest-blogs .right-block .blog-info a:hover { background: #ffffff; color: #cf9d6c; border-color: #ffffff; } .latest-blogs .blog-image-container { float: left; overflow: hidden; position: relative; width: 100%; } .rtl .latest-blogs .blog-image-container { float: right; } .latest-blogs .blog-image-container a img { width: 100%; min-height: 460px; background-size: cover; } .latest-blogs .blog-title { font-size: 24px; font-weight: 700; text-transform: capitalize; line-height: 30px; font-family: "Cinzel", serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 32px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .latest-blogs .blog-title a { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .latest-blogs .blog-desc { padding-top: 0; color: #6b6460; text-align: justify; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 16px; font-family: "Ubuntu", sans-serif; display: block; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } @media (min-width: 1300px) { .latest-blogs .blog-desc { margin-bottom: 56px; } } @media (max-width: 1299px) { .latest-blogs .blog-desc { margin-bottom: 20px; } } .box-blog { text-align: center; } @media (min-width: 992px) { .box-blog { margin-top: 68px; } } @media (max-width: 991px) { .box-blog { margin-top: 40px; } } /* Multi Image Product List */ .leo-more-info { background-color: #FFFFFF; position: absolute; z-index: 4000; top: 0; width: 0; min-height: 100%; overflow: hidden; right: 0px; float: left; text-align: left; -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .rtl .leo-more-info { left: 0px; right: auto; } .rtl .leo-more-info { float: right; } .rtl .leo-more-info { text-align: right; } .leo-more-info .thumbs_list { margin: auto; overflow: hidden; width: 80px; height: 240px; } .leo-more-info .thumbs_list ul.thumbs_list_frame { margin-bottom: 0px; list-style-type: none; padding-left: 0; } .rtl .leo-more-info .thumbs_list ul.thumbs_list_frame { padding-right: 0; padding-left: inherit; } .leo-more-info .thumbs_list li { cursor: pointer; width: 80px; height: 80px; } .leo-more-info .thumbs_list li a { display: block; text-align: center; } .leo-more-info .thumbs_list li .leo-hover-image { max-width: 100%; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { position: absolute; width: 15px; margin: auto; left: 0px; right: 0px; } .leo-more-info .view_scroll_right { bottom: 0px; margin-bottom: 0.3125rem; } .leo-more-info .view_scroll_left { margin-top: 0.3125rem; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /* Instagram Block */ .instagram-block .owl-item { padding-left: 0.3125rem; padding-right: 0.3125rem; } .instagram-block a { display: inline-block; overflow: hidden; position: relative; } .instagram-block a img { width: 118px; max-width: 100%; } .instagram-block .link-instagram { display: none; } .instagram-block .link-instagram a { margin: 0.625rem 0 0; } #instafeed { margin: -0.3125rem; } /* List product size */ .product_attr { display: flex; flex-wrap: wrap; margin-bottom: 0; } .product_attr li a { margin-bottom: 5px; display: block; } .product_attr li.Sold-Out a { color: #969696; text-decoration: line-through; } .product_attr li:not(:last-child) { margin-right: 10px; margin-left: 0; } .rtl .product_attr li:not(:last-child) { margin-left: 10px; margin-right: inherit; } .rtl .product_attr li:not(:last-child) { margin-right: 0; margin-left: inherit; } /*Leo Ami*/ .ApCountdown { color: #FFFFFF; bottom: 172px; display: inline-block; line-height: 30px; } @media (min-width: 992px) { .ApCountdown { position: absolute; } } @media (min-width: 1200px) { .ApCountdown { right: -315px; left: auto; } .rtl .ApCountdown { right: auto; left: -315px; } } @media (max-width: 1199px) { .ApCountdown { right: -195px; left: auto; } .rtl .ApCountdown { right: auto; left: -195px; } } @media (max-width: 991px) { .ApCountdown { margin-left: -30px; } .rtl .ApCountdown { margin-right: -30px; margin-left: inherit; } } .ApCountdown ul { margin-bottom: 0; } .ApCountdown ul li { font-family: "Cinzel", serif; padding: 0px 16px; position: relative; display: inline-block; } .ApCountdown ul li:not(:last-child)::before { content: ""; width: 4px; height: 4px; background: white; position: absolute; top: 40%; right: -2px; left: auto; display: block; border-radius: 50%; } .rtl .ApCountdown ul li:not(:last-child)::before { right: auto; left: -2px; } .ApCountdown ul li b { display: block; font-size: 36px; } .ApCountdown ul li span { font-size: 12px; } /* end content home 1 */ /* quick login*/ .modal.leo-quicklogin-modal { padding: 0 !important; font-size: 12px; } @media (min-width: 576px) { .modal.leo-quicklogin-modal .modal-dialog { max-width: 360px; margin: 60px auto; } } .modal.leo-quicklogin-modal label, .modal.leo-quicklogin-modal .label { font-size: 12px; } .modal.leo-quicklogin-modal .modal-content { border: 0; border-radius: 0; outline: 0; } .modal.leo-quicklogin-modal .modal-content .modal-header { padding: 0; border-bottom: 0; } .modal.leo-quicklogin-modal .modal-content .modal-header .close { background: #292929; opacity: 1; color: #fff; font-weight: 400; text-shadow: none; height: 30px; line-height: 30px; width: 30px; text-align: center; font-size: 20px; margin: 0; } .modal.leo-quicklogin-modal .modal-content .modal-header .close::after { content: ""; display: table; clear: both; } .modal.leo-quicklogin-modal .modal-content .modal-body { padding: 30px; } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content input { border: 1px solid #e5e5e5; background: #fff; outline: 0; font-size: 13px; } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content input.form-control { height: 42px; line-height: 42px; } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-callregister { text-align: center; } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-bt { background: #000000; font-size: 12px; } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content-element > div:first-child { display: flex; align-items: center; } @media (max-width: 575px) { .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content-element > div:last-child { text-align: right; } .rtl .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content-element > div:last-child { text-align: left; } } .modal.leo-quicklogin-modal .modal-content .modal-body .leo-quicklogin-form .lql-form-content-element .form-control-label { padding: 0 5px; margin: 0; } .modal.leo-quicklogin-modal .modal-content .modal-footer { padding: 0; border-top: 0; } .modal.leo-quicklogin-modal .lql-social-login { margin: 0; padding-top: 20px; border-top: 1px dashed #ccc; text-align: center; } .modal.leo-quicklogin-modal .lql-social-login .btn { font-size: 0; margin: 0 2px 2px 0; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; position: relative; border: 1px solid transparent; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .modal.leo-quicklogin-modal .lql-social-login .btn .fa { font-size: 14px; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 40px; } .modal.leo-quicklogin-modal .lql-social-login .btn.google-login-bt { background: #de332c; } .modal.leo-quicklogin-modal .lql-social-login .btn.google-login-bt:hover { background: #fff; border: 1px solid #de332c; color: #de332c; } .modal.leo-quicklogin-modal .lql-social-login .btn.facebook-login-bt:hover { background: #FFF; border: 1px solid #2d4486; color: #2d4486; } .modal.leo-quicklogin-modal .lql-social-login .btn.twitter-login-bt:hover { background: #FFF; border: 1px solid #33add6; color: #33add6; } .modal.leo-quicklogin-modal .lql-calllogin { text-align: center; } .modal h3 { font-size: 16px; text-transform: uppercase; margin: 0 0 20px; text-align: center; } /*end quick login*/ .box-product-sale-h3 .ApProductCarousel { margin-bottom: 0; } .box-product-sale-h3 .ApProductCarousel .plist-countdown .owl-item .item { border: 3px solid #60ad56; padding: 20px; } @media (min-width: 992px) { .box-product-sale-h3 .thumbnail-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (min-width: 992px) { .box-product-sale-h3 .thumbnail-container .product-image { width: 40%; } } @media (min-width: 992px) { .box-product-sale-h3 .thumbnail-container .product-meta { width: 60%; padding: 0 0 0 35px; } .rtl .box-product-sale-h3 .thumbnail-container .product-meta { padding: 0 35px 0 0; } } .box-product-sale-h3 .thumbnail-container .product-meta .leo-list-product-reviews { text-align: left; } .rtl .box-product-sale-h3 .thumbnail-container .product-meta .leo-list-product-reviews { text-align: right; } .box-product-sale-h3 .thumbnail-container .product-meta .category-default { color: #b0b0b0; font-size: 12px; margin-bottom: 6px; } .box-product-sale-h3 .thumbnail-container .product-meta .product-title a { font-family: "Cinzel", serif; color: #000000; } .box-product-sale-h3 .thumbnail-container .product-meta .product-price-and-shipping .price { color: #60ad56; font-family: "Cinzel", serif; font-size: 20px; } .box-product-sale-h3 .thumbnail-container .product-meta .product-description-short { color: #626262; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom { border-top: 1px solid #eaeaea; padding-top: 16px; margin-top: 20px; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .title-deal-end { color: #000000; font-size: 14px; margin-bottom: 16px; display: block; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; text-align: center; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li:not(:last-child) { padding-right: 10px; } .rtl .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li:not(:last-child) { padding-left: 10px; padding-right: inherit; } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li b { background: #60ad56; border-radius: 50%; text-align: center; color: #ffffff; font-family: "Cinzel", serif; } @media (min-width: 1200px) { .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li b { width: 53px; height: 53px; line-height: 53px; font-size: 20px; } } @media (max-width: 1199px) { .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li b { width: 35px; height: 35px; line-height: 35px; font-size: 14px; } } .box-product-sale-h3 .thumbnail-container .product-meta .block-product-cdown-custom .leo-more-cdown .deal-clock li span { text-transform: uppercase; font-size: 12px; color: #000000; padding-top: 4px; } @media (min-width: 1200px) { .box-product-list-h3 .product_list.grid .ajax_block_product:nth-child(5n+1) { clear: both; } } @media (min-width: 992px) and (max-width: 1199px) { .box-product-list-h3 .product_list.grid .ajax_block_product { width: 25%; } .box-product-list-h3 .product_list.grid .ajax_block_product:nth-child(4n+1) { clear: both; } .box-product-list-h3 .product_list.grid .ajax_block_product:nth-child(3n+1) { clear: none; } } @media (min-width: 768px) and (max-width: 991px) { .box-product-list-h3 .product_list.grid .ajax_block_product { width: 33.33%; } } @media (min-width: 992px) { .box-product-list-h3 .sub-title-widget { margin-bottom: 32px; } } .box-product-list-h3 .ApTabs .nav-tabs { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (min-width: 992px) { .box-product-list-h3 .ApTabs .nav-tabs { padding-bottom: 60px; } } @media (max-width: 991px) { .box-product-list-h3 .ApTabs .nav-tabs { padding-bottom: 30px; } } .box-product-list-h3 .ApTabs .nav-tabs .nav-item > .nav-link { color: #000000; font-size: 14px; font-family: "Cinzel", serif; text-transform: capitalize; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; border: none; background: #ffffff; } .box-product-list-h3 .ApTabs .nav-tabs .nav-item > .nav-link.active, .box-product-list-h3 .ApTabs .nav-tabs .nav-item > .nav-link:hover { border: none; background: #f5f5f5; color: #60ad56; } .box-banner-3-h3 .ApColumn .ApHtml { padding: 120px 0; margin: 0; } .box-banner-3-h3 .ApColumn .ApHtml .block_content { max-width: 720px; margin: auto; text-align: center; } .box-banner-3-h3 .ApColumn .ApHtml .block_content h4, .box-banner-3-h3 .ApColumn .ApHtml .block_content h2 { font-family: "Rozha One"; font-weight: 400; text-transform: capitalize; } .box-banner-3-h3 .ApColumn .ApHtml .block_content h4 { font-size: 30px; color: #212121; margin-bottom: 0; } .box-banner-3-h3 .ApColumn .ApHtml .block_content h2 { font-size: 80px; color: #60ad56; } .box-banner-3-h3 .ApColumn .ApHtml .block_content p { font-size: 16px; color: #555555; line-height: 25px; margin-bottom: 28px; } .box-banner-3-h3 .ApColumn .ApHtml .block_content a { font-family: "Cinzel", serif; color: white; text-transform: capitalize; padding: 0 20px; height: 50px; line-height: 50px; text-align: center; background: #60ad56; display: inline-block; border-radius: 3px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-banner-3-h3 .ApColumn .ApHtml .block_content a:hover { background: black; } .box-brand-h3 .manufacturers_block { margin-bottom: 0; margin-top: -55px; background: #ffffff; border: 1px solid #ebebeb; height: 150px; line-height: 150px; } .box-blog-h3 .latest-blogs { margin-bottom: 0; padding-bottom: 0; } .box-email-h3 { margin: 20px 0 5px; } .box-email-h3 .ApColumn { padding: 0; } @media (min-width: 768px) { .box-email-h3 .block_newsletter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: row; border: 1px solid #e8e8e8; margin-bottom: 0; } } @media (min-width: 992px) { .box-email-h3 .block_newsletter { padding: 33px 80px; } } @media (min-width: 768px) and (max-width: 991px) { .box-email-h3 .block_newsletter { padding: 30px; } } @media (max-width: 767px) { .box-email-h3 .block_newsletter { text-align: center; } } .box-email-h3 .block_newsletter .title_block { font-size: 16px; line-height: 24px; font-family: "Cinzel", serif; color: #333333; position: relative; } @media (min-width: 992px) { .box-email-h3 .block_newsletter .title_block { max-width: 200px; } } @media (min-width: 768px) { .box-email-h3 .block_newsletter .title_block { width: 200px; padding: 0 45px 0 56px; } .rtl .box-email-h3 .block_newsletter .title_block { padding: 0 56px 0 45px; } .box-email-h3 .block_newsletter .title_block::after { content: ""; width: 1px; height: 48px; background: #e5e5e5; display: block; position: absolute; right: 0; left: auto; top: 0; } .rtl .box-email-h3 .block_newsletter .title_block::after { right: auto; left: 0; } } @media (max-width: 767px) { .box-email-h3 .block_newsletter .title_block { text-align: center; display: inline-block; padding-left: 25px; padding-top: 0; } .rtl .box-email-h3 .block_newsletter .title_block { padding-right: 25px; padding-left: inherit; } } .box-email-h3 .block_newsletter .title_block::before { content: "\f658"; font-family: "Font Awesome 5 Pro"; display: block; color: #333333; position: absolute; right: auto; left: 0; } .rtl .box-email-h3 .block_newsletter .title_block::before { right: 0; left: auto; } @media (min-width: 768px) { .box-email-h3 .block_newsletter .title_block::before { font-size: 36px; top: 10px; } } @media (max-width: 767px) { .box-email-h3 .block_newsletter .title_block::before { font-size: 20px; } } @media (min-width: 768px) { .box-email-h3 .block_newsletter .block_content { width: calc(100% - 200px); padding: 0 0 0 30px; } .rtl .box-email-h3 .block_newsletter .block_content { padding: 0 30px 0 0; } } @media (min-width: 992px) { .box-email-h3 .block_newsletter .block_content form .row > div:nth-child(1) { width: 35%; } } .box-email-h3 .block_newsletter .block_content form .row > div:nth-child(1) p { padding: 0; margin: 0; font-size: 14px; line-height: 24px; color: #626262; } @media (min-width: 992px) { .box-email-h3 .block_newsletter .block_content form .row > div:nth-child(2) { position: relative; padding: 0; width: 60%; } } @media (min-width: 992px) { .box-email-h3 .block_newsletter .block_content form input[type=email] { max-width: 520px; width: 100%; float: right; } .rtl .box-email-h3 .block_newsletter .block_content form input[type=email] { float: left; } } @media (min-width: 992px) { .box-email-h3 .block_newsletter .block_content form .btn { right: 6px; left: auto; } .rtl .box-email-h3 .block_newsletter .block_content form .btn { right: auto; left: 6px; } } @media (max-width: 991px) { .box-email-h3 .block_newsletter .block_content form .btn { right: 22px; left: auto; } .rtl .box-email-h3 .block_newsletter .block_content form .btn { right: auto; left: 22px; } } @media (min-width: 992px) { .box-email-h3 .block_newsletter .block_content form .input-wrapper { margin-left: 20px; } .rtl .box-email-h3 .block_newsletter .block_content form .input-wrapper { margin-right: 20px; margin-left: inherit; } } /* Multi Image Product List */ .leo-more-info { background-color: #FFFFFF; position: absolute; z-index: 4000; top: 0; width: 0; min-height: 100%; overflow: hidden; right: 0px; float: left; text-align: left; -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .rtl .leo-more-info { left: 0px; right: auto; } .rtl .leo-more-info { float: right; } .rtl .leo-more-info { text-align: right; } .leo-more-info .thumbs_list { margin: auto; overflow: hidden; width: 80px; height: 320px; } .leo-more-info .thumbs_list ul.thumbs_list_frame { margin-bottom: 0px; list-style-type: none; padding-left: 0; } .rtl .leo-more-info .thumbs_list ul.thumbs_list_frame { padding-right: 0; padding-left: inherit; } .leo-more-info .thumbs_list li { cursor: pointer; width: 80px; height: 80px; padding: 5px; } .leo-more-info .thumbs_list li a { display: block; text-align: center; } .leo-more-info .thumbs_list li .leo-hover-image { max-width: 100%; } .leo-more-info .view_scroll_left, .leo-more-info .view_scroll_right { position: absolute; width: 15px; margin: auto; left: 0px; right: 0px; width: 25px; height: 25px; line-height: 25px; text-align: center; } .leo-more-info .view_scroll_right { bottom: 0px; margin-bottom: 0.3125rem; } .leo-more-info .view_scroll_left { margin-top: 0.3125rem; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } .leo-more-over { position: relative; z-index: 0; } .leo-more-image { top: 0; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); left: 0; } .rtl .leo-more-image { right: 0; left: auto; } /*end Multi Image Product List */ /*header h1*/ .box-header-h1 { min-height: 120px; } @media (min-width: 768px) { .box-header-h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .box-header-h1 .col-right-header, .box-header-h1 .col-left-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1199px) { .box-header-h1 .col-right-header, .box-header-h1 .col-left-header { flex-direction: column; } } .box-header-h1 .col-right-header .ApHtml, .box-header-h1 .col-left-header .ApHtml { margin-bottom: 0; } .box-header-h1 .col-right-header { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1200px) { .box-header-h1 .col-right-header { align-items: center; } } @media (max-width: 1199px) { .box-header-h1 .col-right-header { align-items: flex-end; } } @media (min-width: 768px) { .box-header-h1 .col-right-header { order: 3; } } .box-header-h1 .col-right-header .phone-header h1 { margin-bottom: 0; color: #cf9d6c; font-weight: 700; font-size: 24px; } @media (min-width: 1200px) { .box-header-h1 .col-right-header .phone-header h1 { padding-right: 59px; } .rtl .box-header-h1 .col-right-header .phone-header h1 { padding-left: 59px; padding-right: inherit; } } @media (max-width: 991px) { .box-header-h1 .col-right-header .phone-header h1 { display: none; } } @media (max-width: 767px) { .box-header-h1 .col-right-header .button-book-header { padding: 15px 0; } } .box-header-h1 .col-right-header .button-book-header a { height: 41px; padding: 0 29px; background: #cf9d6c; border: 1px solid #cf9d6c; color: #fff; border-radius: 3px; display: inline-block; line-height: 42px; font-size: 12px; font-family: "Ubuntu", sans-serif; text-transform: uppercase; font-weight: 700; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-header-h1 .col-right-header .button-book-header a:hover { background: #FFFFFF; border: 1px solid #000000; color: #000000; } @media (max-width: 767px) { .box-header-h1 .col-right-header .button-book-header a { height: 40px; line-height: 40px; padding: 0 10px; } } .box-header-h1 .col-mid-header { text-align: center; } @media (min-width: 768px) { .box-header-h1 .col-mid-header { order: 2; } } @media (min-width: 768px) { .box-header-h1 .col-left-header { order: 1; } } @media (min-width: 992px) { .box-header-h1 .col-left-header .ApMegamenu { display: none; } } @media (max-width: 991px) { .box-header-h1 .col-left-header .contact-header { display: none; } } .box-header-h1 .col-left-header .ApHtml .info-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .box-header-h1 .col-left-header .ApHtml .info-header span { line-height: 1; } .box-header-h1 .col-left-header .ApHtml .info-header span i { align-items: center; color: #cf9d6c; font-size: 18px; border: 1px solid #cf9d6c; border-radius: 100%; padding: 14px; } .box-header-h1 .col-left-header .ApHtml .info-header span i.fa-home-lg-alt::before { content: "\f80c"; } .box-header-h1 .col-left-header .ApHtml .info-header span i.fa-envelope-open-text::before { content: "\f658"; } @media (min-width: 1400px) { .box-header-h1 .col-left-header .ApHtml:first-child .info-header { padding: 0 70px 0 0; } .rtl .box-header-h1 .col-left-header .ApHtml:first-child .info-header { padding: 0 0 0 70px; } } @media (max-width: 1390px) { .box-header-h1 .col-left-header .ApHtml:first-child .info-header { padding: 0 30px 0 0; } .rtl .box-header-h1 .col-left-header .ApHtml:first-child .info-header { padding: 0 0 0 30px; } } @media (min-width: 992px) and (max-height: 1199px) { .box-header-h1 .col-left-header .ApHtml:first-child .info-header { margin-bottom: 5px; } } .box-header-h1 .col-left-header .ApHtml .text-info-header { padding: 0 0 0 14px; } .rtl .box-header-h1 .col-left-header .ApHtml .text-info-header { padding: 0 14px 0 0; } .box-header-h1 .col-left-header .ApHtml .text-info-header p { line-height: 24px; color: #6b6460; font-family: "Ubuntu", sans-serif; } @media (max-width: 767px) { .box-header-h1 .header-logo { padding-top: 15px; } } @media (max-width: 991px) { .header-menu { display: none; } } /*end header h1*/ /* button a */ a.button-all-page { height: 53px; padding: 0 34px; background: #cf9d6c; border: 1px solid #cf9d6c; color: #fff; border-radius: 3px; display: inline-block; line-height: 54px; font-size: 12px; font-family: "Ubuntu", sans-serif; text-transform: uppercase; font-weight: 700; margin-top: 6px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } a.button-all-page::after { content: "\f178"; font-family: "Font Awesome 5 Pro"; font-weight: 400; padding: 0 0 0 6px; } .rtl a.button-all-page::after { padding: 0 6px 0 0; } a.button-all-page:hover { background: #FFFFFF; border: 1px solid #cf9d6c; color: #cf9d6c; } /* end button a */ /*content h1*/ .box-banner-1-h1 { height: 100%; } @media (min-width: 1200px) { .box-banner-1-h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; margin-bottom: 110px; } } @media (max-width: 1199px) { .box-banner-1-h1 { margin-top: 15px; margin-bottom: 30px; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-right { background: #faf6f1; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml { margin-bottom: 0; } @media (min-width: 1300px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 { padding: 89px 95px; } } @media (max-width: 1299px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 { padding: 40px; } } @media (max-width: 1199px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 { background: #faf6f1; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 h1 { color: #000000; font-weight: 400; } @media (min-width: 992px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 h1 { margin-bottom: 11px; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 h1 { font-size: 50px; } } @media (max-width: 1199px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 h1 { font-size: 40px; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 span { font-weight: 700; color: #cf9d6c; font-size: 14px; display: block; letter-spacing: 2.8px; } @media (min-width: 992px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 span { margin-bottom: 32px; } } @media (max-width: 991px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 span { margin-bottom: 15px; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 h4 { font-size: 20px; font-weight: 400; font-family: "Ubuntu", sans-serif; line-height: 36px; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 p { color: #6b6460; font-size: 16px; line-height: 30px; font-family: "Ubuntu", sans-serif; } @media (min-width: 992px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 p { margin-bottom: 43px; } } @media (max-width: 991px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-top-1 p { margin-bottom: 25px; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot { margin-bottom: 30px; } } @media (max-width: 991px) { .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot { margin-bottom: 20px; } } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot span { line-height: 1; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot span i { font-size: 36px; color: #000000; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot span i.fa-award::before { content: "\f559"; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot p { color: #000000; line-height: 24px; font-weight: 700; padding-left: 28px; } .rtl .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 .info-award-bot p { padding-right: 28px; padding-left: inherit; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 a { height: 53px; padding: 0 34px; background: #cf9d6c; border: 1px solid #cf9d6c; color: #fff; border-radius: 3px; display: inline-block; line-height: 54px; font-size: 12px; font-family: "Ubuntu", sans-serif; text-transform: uppercase; font-weight: 700; margin-top: 6px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 a::after { content: "\f178"; font-family: "Font Awesome 5 Pro"; font-weight: 400; padding: 0 0 0 6px; } .rtl .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 a::after { padding: 0 6px 0 0; } .box-banner-1-h1 .banner-1-h1-right .ApHtml .content-banner-1-h1 .content-bot-1 a:hover { background: #FFFFFF; border: 1px solid #000000; color: #000000; } @media (min-width: 576px) and (max-width: 1199px) { .box-banner-1-h1 .banner-1-h1-left { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (max-width: 1199px) { .box-banner-1-h1 .banner-1-h1-left { height: 389px; } } @media (min-width: 576px) and (max-width: 767px) { .box-banner-1-h1 .banner-1-h1-left { height: 287px; } } .box-banner-1-h1 .banner-1-h1-left .ApImage.block { margin-bottom: 0; } @media (min-width: 576px) and (max-width: 1199px) { .box-banner-1-h1 .banner-1-h1-left .ApImage.block { width: 50%; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-left .ApImage img { width: auto !important; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-left .ApImage.img-1 { margin-top: -80px; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-left .ApImage.img-2 { text-align: right; margin-top: -145px; } .rtl .box-banner-1-h1 .banner-1-h1-left .ApImage.img-2 { text-align: left; } } @media (min-width: 1200px) { .box-banner-1-h1 .banner-1-h1-right, .box-banner-1-h1 .banner-1-h1-left { padding: 0; } } @media (min-width: 992px) { .box-number-ppeaks { margin-bottom: 165px; } } @media (max-width: 991px) { .box-number-ppeaks { margin-bottom: 30px; } } .box-number-ppeaks .ApColumn .ApHtml.block { margin-bottom: 0; } @media (min-width: 992px) { .box-number-ppeaks .ApColumn .ApHtml .block_content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .title-sub-number-ppeaks { padding-right: 180px; } .rtl .box-number-ppeaks .ApColumn .ApHtml .block_content .title-sub-number-ppeaks { padding-left: 180px; padding-right: inherit; } } @media (max-width: 991px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .title-sub-number-ppeaks { margin-bottom: 20px; } } @media (min-width: 576px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number { justify-content: center; } } .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { text-align: center; } @media (min-width: 992px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { padding-right: 87px; } .rtl .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { padding-left: 87px; padding-right: inherit; } } @media (min-width: 576px) and (max-width: 991px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { padding-right: 50px; } .rtl .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { padding-left: 50px; padding-right: inherit; } } @media (max-width: 575px) { .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { width: 50%; float: left; } .rtl .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 { float: right; } } .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1:last-child { padding-right: 0; } .rtl .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1:last-child { padding-left: 0; padding-right: inherit; } .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 h2 { font-size: 50px; font-weight: 700; } .box-number-ppeaks .ApColumn .ApHtml .block_content .total-number .data-1 p { font-size: 12px; color: #000000; } .box-featured { text-align: center; } @media (min-width: 992px) { .box-featured { padding: 140px 0; } } @media (max-width: 991px) { .box-featured { padding: 40px 0; } } @media (min-width: 992px) { .box-featured .ApColumn { margin-top: 75px; } } @media (max-width: 991px) { .box-featured .ApColumn { margin-top: 30px; } .box-featured .ApColumn:nth-child(4n+1) { clear: both; } } .box-featured .ApColumn .ApRawHtml .icon-featured { margin-bottom: 28px; } .box-featured .ApColumn .ApRawHtml .icon-featured i.fa-shield-check::before { content: "\f2f7"; } .box-featured .ApColumn .ApRawHtml .icon-featured i.fa-location-circle::before { content: "\f602"; } .box-featured .ApColumn .ApRawHtml .icon-featured i.fa-envelope-open-text::before { content: "\f658"; } .box-featured .ApColumn .ApRawHtml .icon-featured i.fa-phone-square::before { content: "\f098"; } .box-featured .ApColumn .ApRawHtml .text-featured h4 { margin-bottom: 15px; } .box-featured .ApColumn .ApRawHtml .text-featured p { font-size: 16px; font-family: "Ubuntu", sans-serif; color: #6b6460; line-height: 30px; font-weight: 400; } .box-featured .ApColumn .ApRawHtml:hover .icon-featured i { border: 1px solid #cf9d6c; color: #ffffff; background: #cf9d6c; } .ApRawHtml .icon-featured i { color: #cf9d6c; font-size: 30px; width: 80px; height: 80px; border: 1px solid #e4e1e1; display: block; line-height: 80px; border-radius: 100%; margin: auto; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } @media (min-width: 992px) { .box-block { margin: 150px 0; } } @media (max-width: 991px) { .box-block { margin: 70px 0; } } .box-block .ApBlockCarousel .block_content .block-carousel-container { text-align: center; } @media (min-width: 992px) { .box-block .ApBlockCarousel .block_content .block-carousel-container { margin: auto; max-width: 970px; } } @media (min-width: 992px) { .box-block .ApBlockCarousel .block_content .descript .block-rate-icon { margin-bottom: 36px; } } @media (max-width: 991px) { .box-block .ApBlockCarousel .block_content .descript .block-rate-icon { margin-bottom: 15px; } } .box-block .ApBlockCarousel .block_content .descript .block-rate-icon i { color: #cf9d6c; font-family: "FontAwesome"; font-style: normal; } .box-block .ApBlockCarousel .block_content .descript h3 { font-size: 30px; line-height: 48px; font-weight: 400; } @media (min-width: 992px) { .box-block .ApBlockCarousel .block_content .descript h3 { margin-bottom: 20px; } } @media (max-width: 991px) { .box-block .ApBlockCarousel .block_content .descript h3 { margin-bottom: 5px; font-size: 25px; } } @media (min-width: 992px) { .box-block .ApBlockCarousel .block_content img { margin-bottom: 40px; } } @media (max-width: 991px) { .box-block .ApBlockCarousel .block_content img { margin-bottom: 25px; } } .box-block .ApBlockCarousel .block_content .title, .box-block .ApBlockCarousel .block_content .sub-title { font-weight: 700; } .box-block .ApBlockCarousel .block_content .title { font-size: 18px; color: #000000; margin-bottom: 10px; } .box-block .ApBlockCarousel .block_content .sub-title { font-size: 14px; color: #cf9d6c; } .box-block .owl-theme .owl-buttons { position: static; } @media (max-width: 991px) { .box-block .owl-theme .owl-buttons { display: none; } } .box-block .owl-theme .owl-buttons div { position: absolute; top: 20%; width: 40px; height: 40px; line-height: 40px; background: transparent; border-radius: 100%; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-block .owl-theme .owl-buttons div::before { color: #b5bbc5; font-size: 30px; font-family: "Font Awesome 5 Pro"; } .box-block .owl-theme .owl-buttons div.owl-prev { right: auto; left: 0; } .rtl .box-block .owl-theme .owl-buttons div.owl-prev { right: 0; left: auto; } .box-block .owl-theme .owl-buttons div.owl-prev::before { content: "\f177"; } .box-block .owl-theme .owl-buttons div.owl-next { right: 0; left: auto; } .rtl .box-block .owl-theme .owl-buttons div.owl-next { right: auto; left: 0; } .box-block .owl-theme .owl-buttons div.owl-next::before { content: "\f178"; } .box-block .owl-theme .owl-buttons div:hover { background: #cf9d6c; } .box-block .owl-theme .owl-buttons div:hover::before { color: #ffffff; } .box-banner-2-h1 { text-align: center; } @media (min-width: 992px) { .box-banner-2-h1 { max-height: 1180px; padding: 141px 0 431px; } } @media (max-width: 991px) { .box-banner-2-h1 { padding: 70px 0; } } @media (max-width: 767px) { .box-banner-2-h1 { background-color: rgba(255, 255, 255, 0.5); } } @media (min-width: 992px) { .box-banner-2-h1 .sub-title-widget { margin-bottom: 85px; } } @media (max-width: 991px) { .box-banner-2-h1 .sub-title-widget { margin-bottom: 30px; } } .box-banner-2-h1 .ApColumn .ApImage > a { position: relative; display: block; width: 100%; overflow: hidden; } .box-banner-2-h1 .ApColumn .ApImage > a::before { top: 10px; right: 10px; bottom: 10px; left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-2-h1 .ApColumn .ApImage > a::after { top: 10px; right: 10px; bottom: 10px; left: 10px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-2-h1 .ApColumn .ApImage > a::after, .box-banner-2-h1 .ApColumn .ApImage > a::before { position: absolute; z-index: 9; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-2-h1 .ApColumn .ApImage > a:hover::after, .box-banner-2-h1 .ApColumn .ApImage > a:hover::before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .box-banner-2-h1 .ApColumn .ApImage > a img { position: relative; width: 100%; height: 100%; display: block; backface-visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-2-h1 .ApColumn .ApImage:hover > a img { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } @media (max-width: 767px) { .box-banner-2-h1 .ApColumn .ApImage { margin-bottom: 30px; } } @media (min-width: 992px) { .box-banner-2-h1 .ApColumn .ApImage .image_description { margin-top: 45px; } } @media (max-width: 991px) { .box-banner-2-h1 .ApColumn .ApImage .image_description { margin-top: 30px; } } .box-banner-2-h1 .ApColumn .ApImage .image_description h4 { margin-bottom: 15px; } .box-banner-2-h1 .ApColumn .ApImage .image_description p { font-size: 16px; font-family: "Ubuntu", sans-serif; color: #6b6460; line-height: 30px; font-weight: 400; } @media (max-width: 767px) { .box-banner-2-h1 .ApColumn .ApImage .image_description p { color: #000; } } .box-product-1 { text-align: center; } @media (min-width: 992px) { .box-product-1 { padding-top: 140px; } } @media (max-width: 991px) { .box-product-1 { padding-top: 40px; } } .box-product-1 .title_block { color: #ffffff; } @media (min-width: 992px) { .box-product-1 .sub-title-widget { margin-bottom: 76px; } } @media (max-width: 991px) { .box-product-1 .sub-title-widget { margin-bottom: 30px; } } .box-product-1 .ApColumn .ApProductCarousel { margin-bottom: -280px; } .box-image-gallery-1 { text-align: center; } @media (min-width: 992px) { .box-image-gallery-1 { margin: 395px 0 0; } } @media (max-width: 991px) { .box-image-gallery-1 { margin-top: 300px; } } @media (min-width: 992px) { .box-image-gallery-1 .sub-title-widget { margin-bottom: 68px; } } @media (max-width: 991px) { .box-image-gallery-1 .sub-title-widget { margin-bottom: 30px; } } @media (min-width: 992px) { .box-image-gallery-1 .ApColumn { padding: 0; } } .box-image-gallery-1 .ApColumn .ApImage { position: relative; display: inline-block; } @media (min-width: 992px) { .box-image-gallery-1 .ApColumn .ApImage { display: inline-block; } } .box-image-gallery-1 .ApColumn .ApImage.img-1, .box-image-gallery-1 .ApColumn .ApImage.img-2, .box-image-gallery-1 .ApColumn .ApImage.img-5, .box-image-gallery-1 .ApColumn .ApImage.img-6 { width: 50% !important; float: left; } .rtl .box-image-gallery-1 .ApColumn .ApImage.img-1, .rtl .box-image-gallery-1 .ApColumn .ApImage.img-2, .rtl .box-image-gallery-1 .ApColumn .ApImage.img-5, .rtl .box-image-gallery-1 .ApColumn .ApImage.img-6 { float: right; } .box-image-gallery-1 .ApColumn .ApImage .image_description { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; flex-direction: column; visibility: hidden; transform: scale(0); -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-image-gallery-1 .ApColumn .ApImage .image_description h2 { font-size: 24px; font-weight: 400; color: white; letter-spacing: -0.6px; } .box-image-gallery-1 .ApColumn .ApImage .image_description p { font-size: 14px; color: white; } .box-image-gallery-1 .ApColumn .ApImage .image_description p span { font-weight: 700; } .box-image-gallery-1 .ApColumn .ApImage a { display: block; } .box-image-gallery-1 .ApColumn .ApImage a::before { content: ""; display: block; background: #000000; position: absolute; opacity: 0; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-image-gallery-1 .ApColumn .ApImage:hover .image_description { visibility: visible; transform: scale(1); } .box-image-gallery-1 .ApColumn .ApImage:hover a::before { visibility: visible; opacity: .4; } /*end content h1*/ /* home 2 */ @media (min-width: 992px) { .text-enjoy-html { max-width: 522px; } } @media (min-width: 992px) { .text-enjoy-html .sub-title-widget { margin-bottom: 40px; } } .text-enjoy-html h4 { font-size: 20px; line-height: 36px; font-family: "Ubuntu", sans-serif; font-weight: 400; } .text-enjoy-html .enjoy-sub-text { font-size: 16px; line-height: 30px; color: #6b6460; font-family: "Ubuntu", sans-serif; font-weight: 400; } @media (min-width: 992px) { .text-enjoy-html .enjoy-sub-text { margin-bottom: 37px; } } @media (min-width: 1200px) { .box-banner-1-h2 .banner-1-h2-left .ApHtml { margin-top: 143px; } } @media (max-width: 1199px) { .box-banner-1-h2 .banner-1-h2-left .ApHtml { margin-top: 40px; } } @media (max-width: 991px) { .box-banner-1-h2 .banner-1-h2-right { margin-top: 30px; } } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml { display: inline-block; margin-top: 40px; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .icon-featured { text-align: center; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .icon-featured i.fa-shield-check::before { content: "\f2f7"; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .icon-featured i.fa-money-bill-wave::before { content: "\f53a"; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .icon-featured i.fa-palette::before { content: "\f53f"; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .text-featured p { margin-bottom: 15px; font-weight: 700; font-size: 14px; line-height: 24px; color: black; margin-bottom: 0; margin-left: 15px; } .rtl .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .text-featured p { margin-right: 15px; margin-left: inherit; } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .service-child { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; float: left; align-items: center; margin-bottom: 30px; } .rtl .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .service-child { float: right; } @media (min-width: 480px) { .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .service-child { width: 50%; } } @media (max-width: 479px) { .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .service-child { width: 100%; } } .box-banner-1-h2 .banner-1-h2-right .ApRawHtml .service-child:hover .icon-featured i { border: 1px solid #cf9d6c; color: #ffffff; background: #cf9d6c; } .box-banner-1-h2 .banner-1-h2-right .ApImage { width: 50%; float: left; } .rtl .box-banner-1-h2 .banner-1-h2-right .ApImage { float: right; } @media (min-width: 992px) { .box-banner-1-h2 .banner-1-h2-right .ApImage:nth-child(1) { margin-top: -40px; } .box-banner-1-h2 .banner-1-h2-right .ApImage:nth-child(2) { margin-top: -120px; } } @media (min-width: 992px) { .box-block-carousel-h2 { margin: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; max-height: 660px; overflow: hidden; margin-top: 150px; } .box-block-carousel-h2 .ApColumn { padding: 0; } } @media (max-width: 991px) { .box-block-carousel-h2 { margin-top: 30px; } } @media (min-width: 992px) { .box-block-carousel-h2 .block-carousel-child .block_carousel .owl-row { margin: 0; } .box-block-carousel-h2 .block-carousel-child .block_carousel .owl-item { padding: 0; } } .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container { position: relative; } .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: linear-gradient(0deg, black 0%, transparent 100%); } @media (min-width: 1400px) { .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript { padding: 53px 180px; } } @media (max-width: 1399px) { .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript { padding: 53px; } } .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript h4 { font-weight: 400; font-size: 24px; color: #ffffff; } @media (min-width: 992px) { .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript h4 { margin-bottom: 28px; } } .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container .descript p { color: #c8c0b8; font-size: 16px; line-height: 24px; font-family: "Ubuntu", sans-serif; } @media (max-width: 1199px) { .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container img { object-fit: cover; height: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .box-block-carousel-h2 .block-carousel-child .block-carousel-image-container img { width: 100%; } } .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons { position: static; } .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div { position: absolute; top: 50%; background: #ffffff; width: 60px; height: 60px; line-height: 60px; border-radius: 0; } @media (min-width: 992px) { .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-prev { right: auto; left: 0; } .rtl .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-prev { right: 0; left: auto; } } @media (max-width: 991px) { .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-prev { right: auto; left: 30px; } .rtl .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-prev { right: 30px; left: auto; } } .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-prev::before { content: "\f177"; } @media (min-width: 992px) { .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-next { right: 0; left: auto; } .rtl .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-next { right: auto; left: 0; } } @media (max-width: 991px) { .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-next { right: 30px; left: auto; } .rtl .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-next { right: auto; left: 30px; } } .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div.owl-next::before { content: "\f178"; } .box-block-carousel-h2 .block-carousel-child .owl-controls .owl-buttons div::before { font-size: 18px; color: #b5bbc5; font-family: "Font Awesome 5 Pro"; } .box-block-carousel-h2 .content-block-carousel-child { background: #faf6f1; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box-block-carousel-h2 .content-block-carousel-child .ApHtml { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; flex-direction: column; } @media (min-width: 1400px) { .box-block-carousel-h2 .content-block-carousel-child .block_content { padding: 0 125px; } } @media (min-width: 576px) and (max-width: 1399px) { .box-block-carousel-h2 .content-block-carousel-child .block_content { padding: 30px 60px; } } @media (max-width: 575px) { .box-block-carousel-h2 .content-block-carousel-child .block_content { padding: 30px; } } @media (max-width: 991px) { .box-block-carousel-h2 .content-block-carousel-child .block_content .text-enjoy-html { text-align: center; margin-bottom: 30px; } } .box-block-carousel-h2 .content-block-carousel-child .block_content .text-enjoy-html .sub-title-widget { margin-bottom: 33px; } .box-block-carousel-h2 .content-block-carousel-child .block_content .text-enjoy-html .enjoy-sub-text { margin-bottom: 50px; } .box-banner-2-h2 { padding: 112px 0 144px; } @media (min-width: 992px) { .box-banner-2-h2 { margin: 0; } .box-banner-2-h2 .ApColumn { padding: 0; } } @media (min-width: 992px) { .box-banner-2-h2 .banner-2-h2-left .ApHtml { margin-bottom: 152px; } } @media (max-width: 991px) { .box-banner-2-h2 .banner-2-h2-left .ApHtml { margin-bottom: 30px; } } .box-product-2 { text-align: center; } @media (min-width: 992px) { .box-product-2 { margin-top: 145px; } } @media (max-width: 991px) { .box-product-2 { margin-top: 30px; } } @media (min-width: 992px) { .box-product-2 .ApColumn { margin-top: 75px; } } @media (max-width: 991px) { .box-product-2 .ApColumn { margin-top: 30px; } } .box-product-2 .thumbnail-container { margin: 0 0 30px 0; } .box-html-h2 { text-align: center; } @media (min-width: 992px) { .box-html-h2 { padding: 98px 0 250px; } } @media (max-width: 991px) { .box-html-h2 { padding: 50px 0; } } .box-html-h2 .ApColumn .ApHtml h2 { color: #FFFFFF; font-weight: 400; margin-bottom: 78px; } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml h2 { font-size: 50px; line-height: 60px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml h2 { font-size: 40px; line-height: 50px; } } @media (min-width: 576px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { position: relative; z-index: 1; } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { min-width: 95px; height: 95px; margin: 0 125px 0 0; } .rtl .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { margin: 0 0 0 125px; } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:last-child { margin: 0; } } @media (min-width: 576px) and (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { min-width: 70px; height: 70px; margin: 0 30px 0 0; width: 100%; } .rtl .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { margin: 0 0 0 30px; } } @media (max-width: 575px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp { display: inline-block; width: 50%; margin: 0 0 90px 0; } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(3), .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(4) { margin-bottom: 30px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp::before { content: ""; position: absolute; z-index: -1; bottom: 59PX; left: 0; right: 0; display: block; margin: auto; } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp::before { width: 95px; height: 95px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp::before { width: 70px; height: 70px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(1)::before { background: url(../../../../assets/img/modules/appagebuilder/images/cottage.svg); } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(1)::before { background-size: 95px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(1)::before { background-size: 70px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(2)::before { background: url(../../../../assets/img/modules/appagebuilder/images/bedroom.svg); } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(2)::before { background-size: 95px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(2)::before { background-size: 70px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(3)::before { background: url(../../../../assets/img/modules/appagebuilder/images/green.svg); } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(3)::before { background-size: 95px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(3)::before { background-size: 70px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(4)::before { background: url(../../../../assets/img/modules/appagebuilder/images/satisfied.svg); } @media (min-width: 992px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(4)::before { background-size: 95px; } } @media (max-width: 991px) { .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp:nth-child(4)::before { background-size: 70px; } } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp h4 { color: #cf9d6c; font-size: 50px; font-weight: 700; margin-bottom: 5px; } .box-html-h2 .ApColumn .ApHtml .content-perfect-place .content-child-pp p { font-size: 12px; color: #FFFFFF; } @media (min-width: 992px) { .box-banner-3-h2 { margin-top: -140px; margin-bottom: 72px; } } @media (max-width: 991px) { .box-banner-3-h2 { margin-top: 30px; } } .box-banner-3-h2 .ApColumn .ApImage { position: relative; } .box-banner-3-h2 .ApColumn .ApImage > a { position: relative; display: block; width: 100%; overflow: hidden; } .box-banner-3-h2 .ApColumn .ApImage > a::before { top: 10px; right: 10px; bottom: 10px; left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-3-h2 .ApColumn .ApImage > a::after { top: 10px; right: 10px; bottom: 10px; left: 10px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-3-h2 .ApColumn .ApImage > a::after, .box-banner-3-h2 .ApColumn .ApImage > a::before { position: absolute; z-index: 9; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-3-h2 .ApColumn .ApImage > a:hover::after, .box-banner-3-h2 .ApColumn .ApImage > a:hover::before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .box-banner-3-h2 .ApColumn .ApImage > a img { position: relative; width: 100%; height: 100%; display: block; backface-visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-3-h2 .ApColumn .ApImage:hover > a img { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .box-banner-3-h2 .ApColumn .ApImage .image_description { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); } @media (max-width: 991px) { .box-banner-3-h2 .ApColumn .ApImage .image_description { padding: 10px; } } .box-banner-3-h2 .ApColumn .ApImage .image_description h4 { font-weight: 700; font-size: 14px; color: #cf9d6c; letter-spacing: 2.8px; margin-bottom: 23px; } @media (max-width: 479px) { .box-banner-3-h2 .ApColumn .ApImage .image_description h4 { margin-bottom: 5px; } } .box-banner-3-h2 .ApColumn .ApImage .image_description h2 { font-size: 30px; font-weight: 400; color: #FFFFFF; line-height: 48px; } @media (min-width: 992px) { .box-banner-3-h2 .ApColumn .ApImage .image_description h2 { margin-bottom: 29px; } } @media (min-width: 1200px) { .box-banner-3-h2 .ApColumn .ApImage .image_description h2 { padding: 0 110px; } } @media (max-width: 479px) { .box-banner-3-h2 .ApColumn .ApImage .image_description h2 { font-size: 20px; line-height: 30px; } } .box-banner-3-h2 .ApColumn .ApImage .image_description h2 span { font-weight: 700; } @media (max-width: 479px) { .box-banner-3-h2 .ApColumn .ApImage .image_description a.button-all-page { height: 36px; line-height: 36px; padding: 0 20px; } } /* content h3 */ @media (min-width: 992px) { .box-featured-h3 { margin-top: 145px; } } @media (max-width: 991px) { .box-featured-h3 { margin-top: 30px; } } @media (min-width: 576px) { .box-featured-h3 .ApColumn:nth-child(2) { border: 1px solid #e5e5e5; border-top: none; border-bottom: none; } } .box-featured-h3 .ApColumn .ApHtml { text-align: center; } .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 h4 { margin-bottom: 34px; } @media (min-width: 992px) { .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 h4 { font-size: 24px; } } @media (max-width: 991px) { .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 h4 { font-size: 20px; margin-bottom: 20px; } } .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 p { color: #6b6460; font-family: "Ubuntu", sans-serif; line-height: 24px; } @media (min-width: 992px) { .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 p { font-size: 16px; } } @media (max-width: 991px) { .box-featured-h3 .ApColumn .ApHtml .text-featured-h3 p { font-size: 14px; } } .box-featured-h3 .ApColumn .ApHtml .icon-featured-h3 { background-repeat: no-repeat !important; background-size: 91px !important; width: 91px; height: 91px; margin: 0 auto 40px; } .box-featured-h3 .ApColumn .ApHtml.nature .icon-featured-h3 { background: url("../../../../assets/img/modules/appagebuilder/images/nature.svg"); } .box-featured-h3 .ApColumn .ApHtml.homestay .icon-featured-h3 { background: url("../../../../assets/img/modules/appagebuilder/images/homestay.svg"); } .box-featured-h3 .ApColumn .ApHtml.friendly .icon-featured-h3 { background: url("../../../../assets/img/modules/appagebuilder/images/friendly.svg"); } .all-banner-h3 .text-banner-h3 .enjoy-sub-text { font-size: 16px; line-height: 30px; color: #c8c0b8; font-family: "Ubuntu", sans-serif; } .all-banner-h3 .service-banner-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .all-banner-h3 .service-banner-h3 .service-child { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } @media (max-width: 479px) { .all-banner-h3 .service-banner-h3 .service-child { flex-direction: column; text-align: center; } } .all-banner-h3 .service-banner-h3 .service-child i { font-size: 30px; color: #cf9d6c; } .all-banner-h3 .service-banner-h3 .service-child i.fa-utensils-alt::before { content: "\f2e6"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-parking-circle::before { content: "\f615"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-sausage::before { content: "\f820"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-couch::before { content: "\f4b8"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-swimming-pool::before { content: "\f5c5"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-utensil-fork::before { content: "\f2e3"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-trees::before { content: "\f724"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-water::before { content: "\f773"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-fire-alt::before { content: "\f7e4"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-hiking::before { content: "\f6ec"; } .all-banner-h3 .service-banner-h3 .service-child i.fa-volleyball-ball::before { content: "\f45f"; } .all-banner-h3 .service-banner-h3 .service-child h4 { color: white; font-size: 14px; } @media (min-width: 992px) { .box-banner-1-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; margin-top: 145px; } .box-banner-1-h3 .ApColumn { padding: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .box-banner-1-h3 .ApColumn .ApImage img { height: 800px !important; object-fit: cover; } } @media (max-width: 991px) { .box-banner-1-h3 { margin-top: 30px; } } .box-banner-1-h3 .col-text-banner-h3 { background: #423a36; display: flex; justify-content: center; align-items: center; } .box-banner-1-h3 .col-text-banner-h3 .ApHtml { padding: 15px; } @media (min-width: 992px) { .box-banner-1-h3 .col-text-banner-h3 .ApHtml { max-width: 570px; } } .box-banner-1-h3 .col-text-banner-h3 .text-banner-h3 .title_block { color: white; } @media (min-width: 992px) { .box-banner-1-h3 .col-text-banner-h3 .text-banner-h3 .enjoy-sub-text { margin-top: 30px; } } @media (max-width: 991px) { .box-banner-1-h3 .col-text-banner-h3 .text-banner-h3 .enjoy-sub-text { margin-top: 15px; text-align: center; } } @media (min-width: 992px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 { margin-top: 50px; } } @media (max-width: 991px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 { margin-top: 30px; justify-content: center; } } @media (min-width: 992px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .col-1 { padding-right: 60px; } .rtl .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .col-1 { padding-left: 60px; padding-right: inherit; } } @media (max-width: 991px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .col-1 { padding-right: 30px; } .rtl .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .col-1 { padding-left: 30px; padding-right: inherit; } } @media (min-width: 992px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child { margin-bottom: 45px; } } @media (max-width: 991px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child { margin-bottom: 20px; } } @media (min-width: 480px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child h4 { padding-left: 20px; } .rtl .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child h4 { padding-right: 20px; padding-left: inherit; } } .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child span { height: 30px; line-height: 1; } @media (max-width: 479px) { .box-banner-1-h3 .col-text-banner-h3 .service-banner-h3 .service-child span { margin-bottom: 15px; } } @media (min-width: 1200px) { .box-banner-2-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; } .box-banner-2-h3 .ApColumn { padding: 0; } } .box-banner-2-h3 .text-banner-h3 .enjoy-sub-text { color: #6b6460; } @media (min-width: 992px) { .box-banner-2-h3 .text-banner-h3 .enjoy-sub-text { margin-top: 50px; } } @media (max-width: 991px) { .box-banner-2-h3 .text-banner-h3 .enjoy-sub-text { margin-top: 30px; } } .box-banner-2-h3 .col-text-banner-h3 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } @media (min-width: 1200px) { .box-banner-2-h3 .col-text-banner-h3 { background: #faf6f1; } } @media (min-width: 1200px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml { max-width: 545px; padding: 0 15px; } } @media (max-width: 1199px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml { padding: 30px; text-align: center; background: #faf6f1; } } @media (max-width: 1199px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 { justify-content: center; } } @media (min-width: 992px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 { margin-top: 60px; } } @media (max-width: 991px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 { margin-top: 30px; } } @media (min-width: 992px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-right: 150px; } .rtl .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-left: 150px; margin-right: inherit; } } @media (min-width: 576px) and (max-width: 991px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-right: 100px; } .rtl .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-left: 100px; margin-right: inherit; } } @media (max-height: 575px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-right: 40px; } .rtl .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .col-1 { margin-left: 40px; margin-right: inherit; } } @media (min-width: 992px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child { margin-bottom: 30px; } } @media (max-width: 991px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child { margin-bottom: 15px; } } @media (max-width: 575px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child { flex-direction: column; } } .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child span { height: 24px; line-height: 1; width: 30px; } .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child span i { font-size: 24px; } .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child h4 { color: black; margin-bottom: 0; padding-left: 12px; } .rtl .box-banner-2-h3 .col-text-banner-h3 .ApHtml .service-banner-h3 .service-child h4 { padding-right: 12px; padding-left: inherit; } @media (min-width: 992px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml a.button-all-page { margin-top: 45px; } } @media (max-width: 991px) { .box-banner-2-h3 .col-text-banner-h3 .ApHtml a.button-all-page { margin-top: 30px; } } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage { width: 50%; float: left; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; position: relative; } .rtl .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage { float: right; } @media (min-width: 1200px) { .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage img { height: 416px !important; object-fit: cover; } } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage .image_description { position: absolute; bottom: 50%; left: 0; right: 0; text-align: center; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage .image_description h4 { font-size: 24px; color: white; margin-bottom: 0; font-weight: 400; letter-spacing: -0.6px; } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage a { display: block; } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage a::before { content: ""; display: block; background: #000000; position: absolute; opacity: 0; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage:hover a::before { visibility: visible; opacity: .4; } .box-banner-2-h3 .col-img-banenr-2-h3 .ApImage:hover .image_description { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .group-video .video { display: none; } .box-video-h3 { max-height: 620px; } @media (min-width: 992px) { .box-video-h3 { margin-left: 0; margin-right: 0; margin-top: 150px; } } @media (max-width: 991px) { .box-video-h3 { margin-top: 50px; } } .box-video-h3 .group-video { padding: 193px 0; } .box-video-h3 .group-video .ApHtml { text-align: center; } .box-video-h3 .group-video .ApHtml h2 { color: white; font-weight: 400; letter-spacing: -1.25px; margin-bottom: 0; margin-top: 43px; } @media (min-width: 480px) { .box-video-h3 .group-video .ApHtml h2 { font-size: 50px; line-height: 60px; } } @media (max-width: 479px) { .box-video-h3 .group-video .ApHtml h2 { font-size: 35px; line-height: 45px; } } .box-video-h3 .group-video .ApHtml .btn-video { display: inline-block; position: relative; width: 70px; height: 70px; border: 4px solid #FFFFFF; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; margin: auto; cursor: pointer; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-video-h3 .group-video .ApHtml .btn-video span { font-size: 0; width: 100%; height: 100%; line-height: 64px; text-align: center; } .box-video-h3 .group-video .ApHtml .btn-video span i { font-size: 0; font-style: normal; } .box-video-h3 .group-video .ApHtml .btn-video span i::before { font-family: "FontAwesome"; font-size: 18px; color: #FFFFFF; } .box-video-h3 .group-video .ApHtml .btn-video:hover span { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .box-video-h3 .group-video .ApHtml .btn-video::after, .box-video-h3 .group-video .ApHtml .btn-video::before { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; display: block; border: 50%; border: 1px solid #fff; border-radius: 50%; animation: animate 1.5s linear infinite; } .box-video-h3 .group-video .ApHtml .btn-video::after { animation-delay: .5s; } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @media (min-width: 992px) { .box-banner-3-h3 { margin-top: 120px; margin-bottom: 143px; } } @media (max-width: 991px) { .box-banner-3-h3 { margin-top: 30px; } } .box-banner-3-h3 .ApColumn .ApImage { position: relative; } .box-banner-3-h3 .ApColumn .ApImage > a { position: relative; display: block; width: 100%; overflow: hidden; } .box-banner-3-h3 .ApColumn .ApImage > a::before { top: 10px; right: 10px; bottom: 10px; left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-3-h3 .ApColumn .ApImage > a::after { top: 10px; right: 10px; bottom: 10px; left: 10px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .box-banner-3-h3 .ApColumn .ApImage > a::after, .box-banner-3-h3 .ApColumn .ApImage > a::before { position: absolute; z-index: 9; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-3-h3 .ApColumn .ApImage > a:hover::after, .box-banner-3-h3 .ApColumn .ApImage > a:hover::before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .box-banner-3-h3 .ApColumn .ApImage > a img { position: relative; width: 100%; height: 100%; display: block; backface-visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-banner-3-h3 .ApColumn .ApImage:hover > a img { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .box-banner-3-h3 .ApColumn .ApImage .image_description { position: absolute; text-align: center; top: 0; bottom: 0; left: 0; right: 0; max-width: 440px; margin: auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; flex-direction: column; } @media (max-height: 1199px) { .box-banner-3-h3 .ApColumn .ApImage .image_description { padding: 15px; } } .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { color: #FFFFFF; letter-spacing: -1.25px; font-weight: 400; } @media (min-width: 1200px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { font-size: 50px; } } @media (max-width: 1199px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { font-size: 30px; } } @media (min-width: 992px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { margin-bottom: 13px; } } @media (min-width: 480px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { line-height: 60px; } } @media (max-width: 479px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h2 { line-height: 40px; } } .box-banner-3-h3 .ApColumn .ApImage .image_description h4 { color: #cf9d6c; font-weight: 700; letter-spacing: 2.8px; font-size: 14px; } @media (min-width: 992px) { .box-banner-3-h3 .ApColumn .ApImage .image_description h4 { margin-bottom: 33px; } } .box-banner-3-h3 .ApColumn .ApImage .image_description p { color: #c8c0b8; font-size: 14px; font-family: "Ubuntu", sans-serif; } @media (min-width: 992px) { .box-banner-3-h3 .ApColumn .ApImage .image_description p { line-height: 30px; } } @media (max-width: 991px) { .box-banner-3-h3 .ApColumn .ApImage .image_description p { line-height: 20px; } } /* end content h3 */ /* product booking */ .ap-booking-service .ap-booking-service-group { margin: 10px 0; padding: 30px 15px; background: #fafafa; border-radius: 5px; color: #666; line-height: 20px; } .ap-booking-service .ap-booking-service-group h4 { font-size: 20px; font-weight: 600; color: #222; margin: 0 0 15px; } .ap-booking-service .ap-booking-service-group li { margin: 0 0 10px; font-family: "Ubuntu", sans-serif; } .ap-booking-service .ap-booking-service-group li img { width: 20px; max-height: 20px; margin: 0 5px 0 0; float: left; } .rtl .ap-booking-service .ap-booking-service-group li img { margin: 0 0 0 5px; } .rtl .ap-booking-service .ap-booking-service-group li img { float: right; } .ap-booking-service .ap-booking-service-group li > span { width: auto; font-weight: 700; color: #000; } .ap-booking-service .ap-booking-service-group .free-service { padding: 0 0 0 25px; margin: 0 15px 0 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE0RURDNEVGNDQzMTFFNzk0MkFENUQ3MzA5QThCQkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE0RURDNEZGNDQzMTFFNzk0MkFENUQ3MzA5QThCQkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTRFREM0Q0Y0NDMxMUU3OTQyQUQ1RDczMDlBOEJCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTRFREM0REY0NDMxMUU3OTQyQUQ1RDczMDlBOEJCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu/rbdoAAAEHSURBVHjanFKxEcIwDLS8ASuEFgqYgYxAepqsALPQ0JMRwgxQQItXYATxkmXHCdDgO51z1r+kV965H2d3X1USv/I0BeNqEVtEIgVEhzielrfwQdw91pVj7jOBkGIu6wa81afFNWSikpzrAaymBE6g+J7J3vJt7jTukka6sJAEwyxY5w28zePZXdA7aKuJqNE8kWK9LoSo0k7MB7w1uF80kBorvjeMbttnTbFbALBzUr0gAXi2TY8lIPHU+YleKNKAcCl+0ZQkxefeNHU2zgzfZ4A3mSSaSs2GTcs52o+Wk8i9doq60naDYQsDRNf0hWOmRwrXyT1jy0X3tDreYIavlnP/mvwtwAC4Poo99dOaQQAAAABJRU5ErkJggg==) top 2px left no-repeat; } .rtl .ap-booking-service .ap-booking-service-group .free-service { padding: 0 25px 0 0; } .rtl .ap-booking-service .ap-booking-service-group .free-service { margin: 0 0 0 15px; } .ap-booking-service .ap-booking-service-group .pay-service { position: relative; padding: 0 0 0 25px; } .rtl .ap-booking-service .ap-booking-service-group .pay-service { padding: 0 25px 0 0; } .ap-booking-service .ap-booking-service-group .pay-service input[type="checkbox"] { position: absolute; left: 0px; top: 2px; } .rtl .ap-booking-service .ap-booking-service-group .pay-service input[type="checkbox"] { right: 0px; left: auto; } .ap-booking-service .ap-booking-service-group .price-service { color: #000; font-size: 18px; } span.apbooking-service-name { margin: 0 0 0 30px; display: block; } .rtl .apb-service .free-service { background-position: top 2px right; } .apbooking-pay-service li label { width: auto; } .search-form-abk .booking-detail { margin-top: 30px; color: #000000; background: #fafafa !important; } .search-form-abk .booking-detail .input-group { display: block; padding: 0; background: none; } .search-form-abk .booking-detail .input-group input { color: #000000; border-bottom: 1px solid #cf9d6c; } .search-form-abk .booking-detail .input-group input:focus { border-color: #cf9d6c; } .search-form-abk .booking-detail .error .input-group input { color: red; } .search-form-abk .apb-heading { background: #eafbeb; margin: 0; color: #4aae4d; font-size: 12px; text-align: center; padding: 15px; line-height: 30px; text-transform: uppercase; } .search-form-abk .booking-detail { margin-top: 0; border-radius: 0; } .search-form-abk #template { margin: 0 0 30px 0; } .product-add-to-cart #check-leo.disable { cursor: no-drop; } .product-add-to-cart #check-leo.disable button { pointer-events: none; opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); } #ap-booking-search { padding: 0; margin: 0 0 30px 0; } #ap-booking-search .booking-widget .dropdown input, #ap-booking-search .booking-widget .form-group-search input { outline: 0; } #index #ap-booking-search, #product #ap-booking-search { margin: 0; } .form-group-search.dropdown .apbooking-select { color: #000; } .booking-detail { background: #fafafa !important; } .apbooking-check-room .leo-added-room, .apbooking-check-room .leo-end-room { font-family: "Ubuntu", sans-serif; margin-top: 15px; } /* end Leo Ami */ /*# sourceMappingURL=styles.css.map */