/* Designed by LoKiem */
 #widgetItem-outline_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-outline_header-1>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-outline_header-1>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-outline_header-1>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-outline_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-outline_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-main_header-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-main_header-0>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-main_header-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-main_header-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-main_header-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-main_header-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-main_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-main_header-1>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-main_header-1>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-main_header-1>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-main_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-main_header-1>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } .price-list>.flex{ justify-content: center; align-items: stretch; margin-bottom: 20px } .price-list-package-item{ width: 33.333333333333%; padding: 10px } .price-list-package-item-header{ border-radius: 15px 15px 0 0; padding: 15px 10px; position: relative; } .price-list-package-item-info{ padding: 25px 15px 10px 15px; word-spacing: 1px; font-size: 14px } .price-list-package-item>div{ box-shadow: 0 0 20px -2px rgba(0,0,0,0.25); border-radius: 15px; height: 100%; position: relative; transition: .5s all; background-color: white } .price-list-package-item>div:hover{ transform: scale(1.03); } .price-list-package-item-header>img{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%) } .price-list-package-item-title{ text-align: center; font-weight: bold; padding: 10px 0; position: relative; text-transform: uppercase; font-size: 25px } .price-list-package-item-label{ opacity: .7; padding: 5px 0; text-align: center } .price-list-package-item-price{ text-align: center; position: relative; padding: 10px 0 15px 0; margin-bottom: 15px; } .price-list-package-item-price:after{ position: absolute; width: 80px; height: 2px; content: ""; background-color: white; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .price-list-package-item-price>span:first-child{ font-size: 25px; } .price-list-package-item-info>ul{ list-style-type: none; padding: 0; margin: 0 } .price-list-package-item-info>ul li{ padding: 8px 2px; border-bottom: 1px solid #EAEAEA; } .price-list-package-item-exclude>li{ text-decoration: line-through; opacity: .6 } .price-list-package-item-info>ul li i{ opacity: .7 } .price-list-package-item-button{ position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0); } .price-list-package-item-button>a{ border-radius: 35px; padding: 10px 25px } .price-list-package-item-button>a:hover{ opacity: .8 } .price-list-package-renew{ position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0); width: 100%; padding: 10px !important; margin-top: 20px; } .price-list-package-renew s{ color: gray; font-size: 12px } .price-list-package-renew .label{ font-size: 12px } .price-list-description{ line-height: 1.6; background: #FFFFFF; border: 1px solid #ededed; border-radius: 7px; box-shadow: 0 20px 43px 0 rgba(20,42,87,.06); padding: 25px; margin: 10px } .price-list-description>h2{ text-align: center; } .price-list-description p{ margin: 4px 0 } .ribbon{ position: absolute; left: 0px; top: 0; }  .ribbon>div{ width: 150px; height: 150px; overflow: hidden; position: absolute; } .ribbon>div span { position: absolute; display: block; width: 244px; padding: 10px 0; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; }  .ribbon-top-left div { top: 0; left: 0; } .ribbon-top-left div::before, .ribbon-top-left div::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left div::before { top: 0; right: 0; } .ribbon-top-left div::after { bottom: 0; left: 0; } .ribbon-top-left div span { right: -25px; top: 30px; transform: rotate(-45deg); }  .ribbon-top-right { top: -10px; right: -10px; } .ribbon-top-right::before, .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { top: 0; left: 0; } .ribbon-top-right::after { bottom: 0; right: 0; } .ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg); }  .ribbon-bottom-left { bottom: -10px; left: -10px; } .ribbon-bottom-left::before, .ribbon-bottom-left::after { border-bottom-color: transparent; border-left-color: transparent; } .ribbon-bottom-left::before { bottom: 0; right: 0; } .ribbon-bottom-left::after { top: 0; left: 0; } .ribbon-bottom-left span { right: -25px; bottom: 30px; transform: rotate(225deg); }  .ribbon-bottom-right { bottom: -10px; right: -10px; } .ribbon-bottom-right::before, .ribbon-bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; } .ribbon-bottom-right::before { bottom: 0; left: 0; } .ribbon-bottom-right::after { top: 0; right: 0; } .ribbon-bottom-right span { left: -25px; bottom: 30px; transform: rotate(-225deg); } @media(max-width: 767px){ .price-list-package-item{ width: 100% } } @media(min-width: 768px) and (max-width: 1023px){ .price-list-package-item{ width: 50% } } @media(min-width: 1024px){ } #widgetItem-main_footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-main_footer-0>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-main_footer-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-main_footer-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-main_footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-main_footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-footer-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 768px) and (max-width: 1023px){ #widgetItem-footer-0>.widget-item-body{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; max-height: auto; } } @media(min-width: 1024px){ } main#main, #header>.header-body, #footer>.footer-body, .main-layout{ max-width: 1200px; margin: auto } .main-left{ width: 0% } .main-mid{ width: 70% } .main-right{ width: 30% }