.website-guest>div{ padding: 30px 25px; text-align: center; } .website-guest>div>div{ box-shadow: 0 5px 15px 0 rgba(82,156,219,.17); transition: .5s all } .website-guest>div>div:hover{ transform: scale(1.1); } .play-tutorial-video:hover img{ opacity: .8 } @media(max-width: 767px) { .modal-send-request .modal-close{ right: 5px !important } .website-terms-body ul{ padding-left: 10px } } @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; } #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){ } html{ background-image: url(/assets/bg.png); background-repeat: no-repeat; background-size: cover; background-position: center top; } .features{ padding: 40px 10px 0 10px; } .features>h2{ text-align: center; font-weight: bold } .features>.features-caption{ text-align: center; padding: 20px 10px; font-size: 16px } .features .features-item{ padding: 20px; } .features .features-item>a{ background: white; display: block; padding: 30px 20px 150px 20px; box-shadow: 0 1px 30px 0 rgba(55,125,162,.2); position: relative; height: 100% } .features .features-item>a:hover{ color: inherit !important; } .features .features-item-icon{ position: absolute; top: 5px; right: 10px; width: 50px; height: 50px; border-radius: 50%; padding: 12px } .features .features-item-image{ text-align: right; display: block; position: absolute; bottom: 0px; right: 0 } .features .features-item-title{ display: block; padding: 10px 0; font-weight: bold; font-size: 20px } .features .features-item-description{ display: block; line-height: 1.5; font-size: 16px } .fancybox-overlay, #fancybox-thumbs{ z-index: 199709 !important } .service{ background-color: #2EC4DC; background-image: radial-gradient(ellipse farthest-side at 100% 100%, #2EC4DC 20%, #02B1CE 50%, #00299C 110%); overflow: hidden } .service-bg{ background-image: url(/assets/bg-header.png); background-position: top; background-size: cover; background-repeat: no-repeat; background-position: 0 0; height: 100vh; } .service-button>a{ margin-left: 10px; } .service-button>*{ border-radius: 35px; padding: 15px 50px; font-size: 18px } @keyframes slide { from { background-position: 0 0; } to { background-position: -400px 0; } 0% {background-position: 0 0;} 25% {background-position: -100px 0;} 50% {background-position: -200px 0;} 75% {background-position: -100px 0;} 100% {background-position: 0 0;} } .header-fixed{ height: 0 !important } #header, .navbar li>ul{ visibility: hidden; animation: fadein .5s } .service-top{ align-items: flex-end; } .service-bottom{ align-items: flex-start; } .service-wrap{ position: absolute; color: #FAFAFA; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; overflow: hidden; z-index: 97 } .service .heading{ text-align: center; font-size: 27px; padding: 50px 20px 20px 20px; font-weight: bold; } .service h2{ text-align: center; font-size: 16px; padding: 0 10px 40px 10px } .service-line{ height: 3px; max-width: 100%; background: #FAFAFA; animation: width-animate 1.5s forwards; margin: auto } @keyframes width-animate{ from { width: 10%; } to { width: 100%; } } .service-item{ width: 33.333%; cursor: pointer; } .service-item-body{ position: relative; } .service-top .service-item-body{ margin-right: 80px } .service-bottom .service-item-body{ margin-left: 0px } .service-item-body:hover{ opacity: .7 } .service-item-text{ text-align: center; padding: 10px } .service-item-title{ font-size: 18px; font-weight: bold; margin-bottom: 5px } .service-top .service-item-title{ margin-top: 5px } .service-bottom .service-item-title{ margin-bottom: 5px } .service-item-desc{ font-size: 15px; } .service-item-icon{ height: 95px; width: 95px; position: relative; border: 3px solid #FAFAFA; margin: auto; border-radius: 50% } .service-item-icon-vertical{ width: 3px; height: 20px; margin: auto; background: #FAFAFA } .service-item-icon>i{ top: 50%; left: 50%; position: absolute; font-size: 40px; transform: translate(-50%, -50%); } @media(max-width: 767px){ .service-wrap{ padding-top: 30px } .service-item-icon{ height: 55px; width: 55px; } .service-item-body{ margin: 0px !important } .service-item-title{ font-size: 14px } .service-item-desc{ font-size: 13px } .service .heading{ text-align: center; font-size: 18px; padding: 10px } .service-button>a{ margin-left: 0; margin-top: 5px } .service-button>*{ display: block; width: 100%; padding: 12px 20px; font-size: 15px } } @media(max-height: 600px){ .service-item-desc{ display: none } } @media(min-width: 768px) and (max-width: 1023px){ .service-item-icon{ height: 65px; width: 65px; } .service-item-title{ font-size: 16px } .features .flex>div{ width: 50% !important } } @media(min-width: 1024px){ } .circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; animation: animate 25s linear infinite; bottom: -150px; opacity: .7 } .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 5s; } .circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ animation: animate2 25s linear infinite; left: 75%; width: 90px; height: 90px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%; width: 100px; height: 100px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 35px; height: 35px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 90px; height: 90px; animation-delay: 1s; animation-duration: 38s; } @keyframes animate { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1100px) rotate(720deg); opacity: 0; border-radius: 50%; } } @keyframes animate2 { 0%{ transform: translateY(0); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1100px); opacity: 0; border-radius: 50%; } } #widgetItem-home_document_left-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-home_document_left-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-home_document_left-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_document_left-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_document_left-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-home_document_left-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){ } .fancybox-container{ z-index: 9999999999 !important } html{ background-image: url(/assets/bg.png); background-repeat: no-repeat; background-size: cover; background-position: center top; } .videos-list-item>div>a>img{ width: 100%; object-fit: cover; height: 300px; opacity: .6; transition: .5s all } .videos-list-item>div>a{ position: relative; display: block; color: white; font-size: 17px; text-align: center; background: black; } .videos-list-item>div>a:hover img{ opacity: .4 } .videos-list-item>div>a>span{ position: absolute; bottom: 30px; width: 100%; display: block; } .videos-list-item>div>a>i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; text-align: center; font-size: 60px } .videos-list .slider-btn-next{ opacity: .9; right: 10px } .videos-list .slider-btn-prev{ opacity: .9; left: 10px } .videos-list .slider-btn-next:after, .videos-list .slider-btn-prev:after{ background: white; display: inline-block; padding: 20px; color: black; border-radius: 5px } @media(max-width: 767px){ } @media(min-width: 768px) and (max-width: 1023px){ .intro-outer{ } } @media(min-width: 1024px){ } #widgetItem-home_document-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-home_document-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-home_document-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_document-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_document-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-home_document-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){ } .posts-flex-1{ display: block !important; max-height: auto; overflow: auto } .posts-flex-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; border-radius: 3px; } .posts-flex-1::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .posts-flex-1::-webkit-scrollbar-thumb { background-color: #2185D0; border-radius: 3px; } .posts-flex-1>div:hover a{ ; } .posts-flex-1>div{ width: auto !important } .posts-flex-1 .post-flex-item{ background: black; height: 80px; } .posts-flex-1 .flex{ padding: 8px } .posts-flex-1 .posts-flex-title{ font-weight: bold; line-height: 1.6 } .posts-flex-1 .posts-flex-poster{ width: 60px; height: 60px } .posts-flex-1 .posts-flex-text{ width: calc(100% - 60px); } .posts-flex-1 .flex>a{ font-size: 16px; } .posts-flex-1 .flex>a>img{ border-radius: 15%; } .posts-flex-1 .posts-flex-desc, .posts-flex-1 .posts-flex-time{ font-size: 14px; color: #808080; padding-top: 2px; } @media(max-width: 767px){ .posts-flex-1>div{ height: 80px; } .posts-flex-1 .posts-flex-poster{ width: 40px; height: 40px } .posts-flex-1 .posts-flex-text{ width: calc(100% - 40px); } } #widgetItem-home_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-home_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-home_footer-0>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-0>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_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-home_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){ } .guest-list{ padding: 30px 0 50px 0; } .guest-list>h2{ padding: 30px 30px 10px 30px; font-size: 25px } .guest-list-item>div{ padding: 10px } .guest-list-item>div>span{ background: white; display: block; padding: 15px; border-radius: 15px; text-align: center } .guest-list-item img{ max-width: 100%; max-height: 60px } .guest-list-slogan{ padding-bottom: 10px; font-size: 18px } @media(max-width: 767px){ .guest-list-item>div{ width: 50% } } @media(min-width: 768px) and (max-width: 1023px){ .intro-outer{ } } @media(min-width: 1024px){ } #widgetItem-home_footer-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-home_footer-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-home_footer-1>.widget-item-body::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } #widgetItem-home_footer-1>.widget-item-body::-webkit-scrollbar-thumb { background-color: #cacaca; border-radius: 3px; } @media(max-width: 767px){ #widgetItem-home_footer-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-home_footer-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-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% }