| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/winnamore/html/css/ |
Upload File : |
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@charset "UTF-8";
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/*
*
* Copyright (c) David Bushell | http://dbushell.com/
*
*/
/* normalize.css v2.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul,
ol {
padding: 0;
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
margin: 0;
}
a {
text-decoration: none;
}
#nav {
background-color: #080808;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.highlight {
background: #fff699;
padding: 0 0.5em;
}
.prose ul,
.prose ol {
list-style: outside disc;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
.prose p {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
.prose p.small {
color: #666;
font-size: 0.8125em;
line-height: 1.84615em;
margin-bottom: 1.84615em;
}
.prose p.medium {
color: #666;
font-size: 0.875em;
line-height: 1.71429em;
margin-bottom: 1.71429em;
}
.prose p:last-child {
margin-bottom: 0;
}
.prose h1 {
font-size: 1.875em;
line-height: 1.2em;
margin-bottom: 0.4em;
}
.prose h2 {
font-size: 1.5em;
line-height: 1.25em;
margin-bottom: 0.5em;
}
.prose a {
color: #6d7173;
border-bottom: 1px solid #a1cfe5;
text-decoration: none;
outline: none;
}
.prose a:focus,
.prose a:hover {
color: #4ab336;
border-bottom-color: #77b36b;
}
.block {
position: relative;
margin: 0 auto;
padding: 1.5em 0;
}
.close-btn {
display: block;
width: 40px;
height: 32px;
padding: 0;
border: 0;
outline: none;
background: #087d6c url("../img/close-btn.svg") left center no-repeat;
background-size: 20px 16px;
background-position: center;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
background-image: url("../img/close-btn.png");
}
.close-btn:focus,
.close-btn:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.nav-btn {
display: block;
width: 40px;
height: 32px;
padding: 0;
border: 0;
outline: none;
background: #fff url("../img/nav-icon.svg") left center no-repeat;
background-size: 20px 16px;
background-position: center;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
background-image: url("../img/nav-icon.png");
}
.nav-btn:hover,
.nav-btn:focus {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#outer-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
#inner-wrap {
position: relative;
width: 100%;
}
#nav {
z-index: 100;
position: relative;
overflow: hidden;
width: 100%;
color: #fff;
}
#nav .close-btn {
display: none;
}
#nav .block-title {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nav .block {
z-index: 2;
position: relative;
padding: 0;
background: #080808;
}
#nav ul {
*zoom: 1;
display: block;
}
#nav ul:before,
#nav ul:after {
content: "";
display: table;
}
#nav ul:after {
clear: both;
}
#nav li {
display: block;
}
#nav li a {
display: block;
font-size: 14px;
line-height: 14px;
outline: none;
}
#nav li a:focus,
#nav li a:hover {
color: #fff;
}
#nav li.is-active a {
color: #fff;
}
#NavActive {
border-bottom: 2px solid #00c7a0;
color: #00c7a0;
}
#NavLink {
color: #ffffff;
}
#top {
z-index: 100;
position: relative;
color: #333;
}
#top .block-title {
margin: 0;
font-size: 1.875em;
line-height: 1.2em;
text-align: center;
white-space: nowrap;
}
#top .nav-btn {
position: absolute;
top: 20px;
margin: 5px 0 20px 0;
}
#main {
background: #fff;
}
#main .block {
padding: 2.625em 1.875em;
}
#MobileMenu {
display: none;
}
.logo {
float: left;
}
.CreateAct {
float: right;
padding-top: 30px;
font-size: 14px;
position: relative;
}
.AccountDiv {
text-align: right;
}
.AccountDiv a {
color: #000;
}
.Act,
.CreateActLink {
float: left;
}
.Act img {
margin: 0 5px;
float: left;
}
.CreateActLink {
margin-top: 3px;
}
.HeadMedia {
float: right;
margin-top: 14px;
text-align: right;
}
.HeadMedia img {
width: 25px;
height: auto;
float: left;
margin-left: 14px;
}
.slider img {
max-height: 600px;
min-height: 400px;
width: 100%;
height: auto;
object-fit: cover;
}
.HeadIMG {
width: 100%;
height: auto;
background: #000 url("../img/elements/image-1.jpg");
min-height: 600px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
float: left;
}
.VideoSection {
float: left;
width: 50%;
}
.VideoContainer {
float: left;
position: relative;
width: 572px;
height: 343px;
padding-bottom: 56.25%;
border: 6px solid #fff;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.VideoTitle {
float: left;
width: 50%;
font-weight: bold;
text-align: center;
padding-top: 10%;
}
.VideoTitle h1 {
color: #00c7a0;
}
.VideoTitle h2 {
color: #fff;
}
.PremierHomeBanner {
width: 100%;
height: auto;
background: #000 url("../img/elements/image-5.jpg");
min-height: 400px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 140px 0 0 0 ;
float: left;
text-align: right;
}
.PremierBanner h1 {
color: #00c7a0;
font-size: 40px;
}
.PremierBanner h2 {
color: #fff;
font-size: 24px;
max-width: 800px;
float: right;
margin: 10px 0;
}
.HomeBanner {
text-align: center;
width: 100%;
background: #000 url("../img/elements/image-2.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
color: #fff;
}
.clear {
clear: both;
}
.HomeBanner h1 {
color: #fff;
margin: 0;
font-size: 40px;
margin-bottom: 10px;
}
.HomeBanner h3 {
color: #fff;
margin: 0;
font-size: 24px;
font-weight: normal;
max-width: 650px;
margin: 0 auto;
}
.HomeWhiteTxt {
background-color: #fff;
color: #000;
padding: 50px 0;
font-size: 18px;
line-height: 150%;
text-align: center;
}
.FeesSection {
width: 100%;
float: left;
padding: 100px 0 40px 0;
background: linear-gradient(90deg, #e6f3f0 50%, #037e6c 50%);
}
.BasicFee,
.PremierFee {
float: left;
text-align: center;
width: 50%;
}
.BasicFee {
background-color: #e6f3f0;
}
.PremierFee {
background-color: #037e6c;
}
.BasicFee img,
.PremierFee img {
margin-bottom: 10px;
}
.BasicFee h1 {
font-size: 32px;
color: #087d6c;
}
.BasicFee h2 {
font-size: 20px;
color: #087d6c;
font-weight: normal;
}
.PremierFee h1 {
font-size: 32px;
color: #fff;
}
.PremierFee h2 {
font-size: 20px;
color: #fff;
font-weight: normal;
}
.BasicFee .Price {
width: 100%;
text-align: center;
font-size: 40px;
color: #087d6c;
font-weight: bold;
margin: 15px 0;
}
.PremierFee .Price {
width: 100%;
text-align: center;
font-size: 40px;
color: #fff;
font-weight: bold;
margin: 15px 0;
}
.PriceDataRow {
padding: 0 10%;
margin-bottom: 10px;
width: 100%;
float: left;
}
.PriceDataIcon {
float: left;
width: 20%;
display: inline-block;
}
.PriceData {
float: left;
width: 80%;
font-size: 20px;
text-align: left;
color: #353535;
}
.PremierFee .PriceData {
float: left;
width: 80%;
font-size: 20px;
text-align: left;
color: #fff;
}
.Annual{font-size: 14px;color: #fff;margin:10px 0 -5px 0}
.StyleBTN {
margin: 30px 0;
float: left;
text-align: center;
width: 100%;
}
.StyleBTN a {
color: #fff;
padding: 14px 30px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
margin: 0 15px;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
-webkit-box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
}
.StyleBTN-NoShadow {
margin: 30px 0;
float: left;
text-align: center;
width: 100%;
}
.StyleBTN-NoShadow a,
.GreenStyleBTN {
color: #fff;
padding: 14px 30px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
margin: 0 20px;
}
.RedStyleBTN {
color: #fff;
padding: 14px 30px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
background: linear-gradient(180deg, #ee0408 50%, #d3040e 50%);
margin: 0 20px;
}
.EditingBTN {
margin: 30px 0;
float: left;
text-align: center;
width: 100%;
}
.PlanDescri {
float: left;
width: 100%;
font-size: 20px;
color: #000333;
margin: 20px 0;
}
.PlanDescri p {
max-width: 400px;
margin: 0 auto;
font-weight: normal;
}
.Comparison {
float: left;
width: 100%;
padding: 50px 0;
text-align: center;
background: #fff url("../img/elements/bg-image.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
.ComparisonHead {
color: #087d6c;
font-size: 30px;
line-height: 35px;
font-weight: bold;
width: 100%;
float: left;
margin-bottom: 30px;
}
.ComparisonHalf {
float: left;
width: 50%;
padding: 0 15px;
text-align: center;
}
.ComparisonHalf h2 {
font-size: 22px;
}
.ComparisonHalf h3 {
font-size: 19px;
color: #087d6c;
font-weight: normal;
font-family: 'Overlock', cursive;
}
.ComparisonHalf h4 {
font-size: 20px;
}
.ComparisonHalf h5 {
font-size: 14px;
font-weight: normal;
margin: 5px 0 10px 0;
}
.ComparisonHalf p {
max-width: 400px;
margin: 15px auto;
line-height: 160%;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.CompaniesRow {
width: 100%;
float: left;
margin: 12px 0;
}
.CompanyName,
.CompanyChart,
.CompanyStatic {
float: left;
}
.CompanyName,
.CompanyStatic {
width: 20%;
}
.CompanyChart img {
margin-top: -8px;
max-width: 100%;
}
.CompanyName {
margin-top: 5px;
text-align: right;
}
.Rows2{margin-top: -7px;}
.CompanyStatic {
margin-top: 5px;
text-align: left;
}
.GreenSlogan {
text-align: center;
width: 100%;
float: left;
background-color: #037e6c;
padding: 50px 0;
color: #fff;
}
.GreenSlogan h1 {
font-size: 32px;
color: #fff;
}
.GreenSlogan h2 {
font-size: 24px;
}
.GreenSlogan h5 {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 20px;
margin: 5px 0;
}
.ReceiveUpTo {
float: left;
width: 100%;
padding: 80px 0;
text-align: center;
background: #fff url("../img/elements/image-4.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
.ReceieveUpToPar {
float: left;
text-align: left;
width: 65%;
height: auto;
line-height: 160%;
}
.ReceieveUpToPar h1 {
font-size: 36px;
color: #087d6c;
margin-bottom: 10px;
line-height: 38px;
}
.ReceieveUpToPar h2 {
font-size: 30px;
color: #1e1e1e;
margin-bottom: 30px;
}
.ReceieveUpToPar p {
font-size: 18px;
margin: 15px 0;
}
.ReceiveUpTo .receiveStyle1 {
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #087d6c;
font-style: italic;
}
.ReceiveUpTo .receiveStyle2 {
color: #087d6c;
font-style: italic;
}
.Newsletter {
width: 100%;
float: left;
background-color: #fff;
padding: 60px 0;
}
.LetterIcon {
text-align: right;
float: left;
width: 40%;
padding: 20px 40px 20px 20px;
}
.LetterIcon img {
max-width: 100%;
}
.LetterContent {
float: left;
width: 60%;
padding: 20px;
line-height: 160%;
font-size: 18px;
}
.LetterContent h1 {
font-size: 36px;
color: #087d6c;
margin-bottom: 10px;
line-height: 38px;
}
.LetterContent h2 {
font-size: 30px;
color: #1e1e1e;
margin-bottom: 30px;
}
.LetterContent ul,
ol {
list-style: disc;
}
.LetterContent li {
margin: 20px;
}
.LetterPStyle1 {
color: #087d6c;
font-size: 16px;
margin-bottom: 20px;
}
.LetterStyleBTN {
margin: 30px 0;
float: left;
text-align: left;
width: 100%;
}
.LetterStyleBTN a {
color: #fff;
padding: 14px 30px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
-webkit-box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 4px 6px 0px 3px rgba(0, 0, 0, 0.1);
}
.footer {
width: 100%;
float: left;
background-color: #1e1e1e;
padding: 60px 0;
}
.footerGrid {
float: left;
width: 25%;
text-align: center;
padding: 0 5px;
font-size: 12px;
color: #fff;
}
.footerGrid img{margin-bottom: 30px;}
.footerGrid p {
margin: 10px 0 30px 0;
line-height: 150%;
}
.footerGrid .footerAddress {
font-size: 12px;
width: 100%;
margin-bottom: 10px;
float: left;
}
.footerSocialMedia {
text-align: center;
}
.footerSocialMedia img {
margin: 10px 5px;
}
.footerGrid h3 {
color: #fff;
min-height: 36px;
font-size: 16px;
margin: 20px 0;
float: left;
width: 100%;
text-align: center;
}
.footerGrid a {
float: left;
width: 100%;
text-align: center;
color: #fff;
padding: 12px;
border-top: 1px solid #232323;
}
.Copyright {
position: relative;
width: 100%;
float: left;
padding: 20px 0;
background-color: #272727;
color: #fff;
}
.CopyrightLink {
width: 100%;
text-align: center;
}
#activeLink {
color: #00c7a0;
}
.CopyrightLink a {
color: #fff;
font-size: 12px;
margin: 0 10px;
}
.Rights {
float: left;
text-align: center;
font-size: 10px;
padding: 10px 0 0 0;
width: 100%;
line-height: 150%;
}
.Rights a {
margin-top: 10px;
color: #fff;
}
#toTop {
position: absolute;
right: 0;
margin-right: 8%;
}
.LoginContent {
max-width: 350px;
font-size: 15px;
text-align: center;
}
.LoginContent img {
margin-bottom: 20px;
}
.loginInput {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 6px;
padding: 15px;
color: #333333;
margin-bottom: 15px;
}
.loginForm .InputGreenLink {
color: #36b8a1;
}
.LoginBTN {
color: #fff;
padding: 14px 30px;
border-radius: 8px;
font-size: 16px;
border: 0;
font-weight: bold;
margin: 20px 0;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
}
.SubPageHeadBanner {
float: left;
text-align: center;
width: 100%;
background: #000 url("../img/elements/image-2.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 60px 0;
color: #fff;
}
.SubPageHeadBanner h1 {
font-size: 42px;
max-width: 910px;
margin: 0 auto;
margin-bottom: 10px;
}
.SubPageHeadBanner h2 {
font-size: 28px;
max-width: 910px;
margin: 0 auto;
margin-bottom: 10px;
font-weight: normal;
}
.SubPageHeadBanner h3 {
font-size: 24px;
max-width: 910px;
margin: 0 auto;
}
.SubPageHeadBanner a {
color: #54fedc;
text-decoration: underline;
}
.Subpage {
padding: 60px 0;
float: left;
width: 100%;
background-color: #fff;
}
.Grid-3 {
float: left;
width: 30%;
text-align: right;
padding-right: 30px;
}
.Grid-3 a {
width: 100%;
float: left;
margin-bottom: 30px;
}
.SP-sideLink-Active {
color: #004739;
font-weight: bold;
font-size: 30px;
letter-spacing: -0.5px;
}
.SP-sideLink {
font-size: 22px;
color: #aaaaaa;
}
.SP-sideLink-Active-sm {
color: #004739;
font-weight: bold;
font-size: 20px;
letter-spacing: -0.5px;
}
.SP-sideLink-sm {
font-size: 16px;
color: #aaaaaa;
}
.Grid-7 {
float: left;
width: 70%;
text-align: left;
padding-left: 30px;
border-left: dashed #cbcbcb;
font-size: 19px;
line-height: 130%;
color: #080808;
min-height: 330px;
}
.Grid-7 p {
margin-bottom: 20px;
float: left;
}
.Grid-7 img {
max-width: 100%;
}
.Grid-7 ul {
margin-left: 20px;
list-style-type: disc;
}
.Grid-7 ul li {
margin-bottom: 10px;
float: left;
width: 100%;
}
.Grid-7 .ParGreenBorder {
border-left: 6px solid #016853;
padding-left: 16px;
}
.imgAlignment img {
margin-right: 20px;
margin-bottom: 10px;
}
.Grid-10 {
width: 100%;
float: left;
padding-bottom: 50px;
font-size: 20px;
text-align: center;
line-height: 140%;
}
.Grid-10 .container {
padding: 0 10% 20px 10%;
border-bottom: dashed #cbcbcb;
}
.Grid-10 p {
margin-bottom: 30px;
}
.HalfSection {
position: relative;
float: left;
width: 50%;
}
.membership {
float: left;
position: relative;
padding-bottom: 50px;
}
.membershipLight {
z-index: 5;
top: 0;
left: 50%;
transform: translate(-50%, 0);
margin: 0 auto;
position: absolute;
}
.Premier {
float: right;
position: relative;
width: 70%;
height: 315px;
border: dashed #cbcbcb;
border-radius: 5px;
padding-top: 50px;
margin-right: 10%;
}
.Premier img {
position: absolute;
left: -20%;
}
.PremierHalf,
.PremierMS {
border-right: dashed #cbcbcb;
}
.Basic {
float: left;
position: relative;
width: 70%;
height: 315px;
margin-left: 10%;
border: dashed #cbcbcb;
border-radius: 5px;
padding-top: 50px;
}
.Basic img {
position: absolute;
right: -20%;
}
.PremierRules {
border-top: dashed #cbcbcb;
float: right;
text-align: left;
position: relative;
width: 100%;
padding-top: 50px;
margin: 100px 0 -50px 0;
}
.PremierRulesContent {
font-size: 20px;
line-height: 140%;
float: left;
position: relative;
width: 100%;
min-height: 350px;
}
.PremierRulesContent ul {
margin: 0 10%;
list-style: none;
/* Remove list bullets */
}
.PremierRulesContent li {
margin-bottom: 20px;
}
.PremierRulesContent li:before {
margin-left: -20px;
content: "★";
/* Insert content that looks like bullets */
color: #f6be36;
/* Or a color you prefer */
}
.RulesHeadingHalf {
text-align: center;
min-width: 220px;
display: none;
left: 50%;
transform: translate(-50%, 0%);
position: absolute;
top: -35px;
padding: 2px;
border: 2px dashed #087d6c;
}
.Rulastitle {
background: #087d6c;
color: #fff;
padding: 15px 40px;
font-size: 20px;
}
.RulesHeadingFull {
right: 0;
transform: translate(50%, 0);
z-index: 5;
position: absolute;
top: -35px;
padding: 2px;
border: 2px dashed #087d6c;
}
.BasicRulesContent {
font-size: 20px;
line-height: 140%;
float: left;
position: relative;
width: 100%;
min-height: 350px;
}
.BasicRulesContent ul {
margin: 0 10%;
list-style: none;
/* Remove list bullets */
list-style-image: url('../img/elements/point.png');
}
.BasicRulesContent li {
margin-bottom: 20px;
}
.BasicRulesContent li:before {
margin-left: -20px;
}
.QuestionHead {
padding-left: 35px;
font-size: 26px;
padding-bottom: 40px;
margin-top: 0px;
color: #087d6c;
}
.QuestionIMG {
margin-left: -40px;
}
.answer {
padding-bottom: 40px;
}
.answer p {
line-height: 140%;
margin: 0px 0 20px 0;
padding-left: 35px;
font-size: 17px;
}
.Question {
margin-top: -35px;
}
.fullWidth {
width: 100%;
padding: 20px 0;
}
.fullWidth p {
font-size: 18px;
margin-bottom: 30px;
}
.fullWidth img {
max-width: 100%;
}
.fullWidth table {
width: 100%;
max-width: 800px;
margin: 0 auto;
font-size: 18px;
margin-bottom: 30px;
}
.fullWidth td {
padding: 8px 5px;
}
.fullWidth .MembershipTable {
width: 30%;
text-align: right;
padding-right: 3%;
font-weight: bold
}
.GreenTTxt,
.GreenLink {
color: #19ae93;
}
.GreenTTxtCenter {
font-size: 24px;
color: #087d6b;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.MSSection {
padding: 0 5%;
text-align: center;
}
.MSSection h1 {
font-size: 40px;
color: #087d6c;
}
.MSSection h2 {
font-size: 24px;
color: #087d6c;
font-weight: normal;
}
.MSDes p {
margin: 20px 0;
line-height: 140%;
}
.MSDes {
min-height: 250px;
}
.radio-custom,
.check-custom {
opacity: 0;
position: absolute;
}
.radio-custom,
.radio-custom-label {
display: inline-block;
vertical-align: middle;
margin: 10px;
cursor: pointer;
}
.radio-custom-label {
position: relative;
font-size: 18px;
}
.radio-custom + .radio-custom-label:before {
content: '';
background: #fff;
background-color: #ddd;
border: 0;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 22px;
padding: 2px;
margin-right: 10px;
text-align: center;
}
.radio-custom + .radio-custom-label:before {
border-radius: 0%;
}
.radio-custom:checked + .radio-custom-label:before {
content: "\f00c";
font-family: 'FontAwesome';
color: #fff;
background-color: #087d6c;
border: 0;
}
.radio-custom:checked + .radio-custom-label {
outline: 0;
color: #087d6c;
}
.CreateActBox {
font-size: 15px;
text-align: center;
width: 100%;
float: left;
padding: 80px 0;
background-color: #d5e9e6;
}
.CreateActBox h1 {
font-size: 34px;
color: #087d6c;
}
.CreateActBox form {
width: 580px;
margin: 0 auto;
}
.FillBox {
width: 100%;
margin: 20px 0;
}
.createACTFill {
padding: 15px 20px;
width: 100%;
border-radius: 15px;
border: 0;
outline: 0;
font-size: 16px;
}
.FillBox select {
float: left;
width: 32%;
padding: 15px 20px;
border-radius: 15px;
border: 0;
outline: 0;
font-size: 16px;
margin-bottom: 20px;
}
.CreateActBox p {
font-size: 15px;
margin: 0 auto;
}
::-webkit-input-placeholder {
color: #000;
}
:-moz-placeholder {
color: #000;
}
::-moz-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
.check-custom,
.check-custom-label {
display: inline-block;
vertical-align: middle;
margin: 10px;
cursor: pointer;
}
.check-custom-label {
position: relative;
font-size: 18px;
}
.check-custom + .check-custom-label:before {
content: '';
background: #fff;
background-color: #fff;
border: 1px solid #b3b3b3;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 22px;
padding: 2px;
text-align: center;
}
.check-custom + .check-custom-label:before {
border-radius: 0%;
}
.check-custom:checked + .check-custom-label:before {
content: "\f00c";
font-family: 'FontAwesome';
color: #087d6c;
background-color: #fff;
border: 1px solid #b3b3b3;
}
.check-custom:checked + .check-custom-label {
outline: 0;
color: #087d6c;
}
.CreateActBox .StyleBTN a {
box-shadow: none;
}
.PremierSection {
float: left;
width: 100%;
padding: 50px 0;
background: #fff;
background: -moz-linear-gradient(left, #19ad93 0%, #19ad93 17%, #ffffff 17%, #ffffff 79%, #ebebeb 79%, #ebebeb 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #19ad93 0%, #19ad93 17%, #ffffff 17%, #ffffff 79%, #ebebeb 79%, #ebebeb 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #19ad93 0%, #19ad93 17%, #ffffff 17%, #ffffff 79%, #ebebeb 79%, #ebebeb 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.PremierGreenSide {
width: 17%;
float: left;
background-color: #19ad93;
padding: 0 20px 50px 20px;
text-align: center;
}
.PremierMainContent {
text-align: center;
width: 62%;
float: left;
padding: 20px 0;
}
.PremierHome {
padding: 0 5%;
}
.PremierMainContent img {
max-width: 100%;
}
.PremierGreySide {
width: 21%;
float: left;
background-color: #ebebeb;
padding: 0 20px 50px 20px;
text-align: center;
}
.PremierSidePost {
width: 100%;
float: left;
padding: 10px 0;
}
.PremierGreenSide img {
margin: 15px 0 5px 0;
}
.PremierGreenSide a {
color: #fff;
}
.PremierGreenSide .activeLink {
color: #238577;
}
.CreatePost-Terms {
width: 100%;
float: left;
margin: 50px 0;
padding: 30px;
border-top: 1px dashed #b3b3b3;
border-bottom: 1px dashed #b3b3b3;
}
.CreatePost-Form .CreatePost-ClickTerms input ,
.CreatePost-Form .SearchPost-ClickTerms input{
width: 0;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
outline: none;
}
.CreatePost-ClickTerms {
width: 100%;
float: left;
text-align: left;
margin: 10px 0 -10px 0;
padding-left: 30px;
}
.SearchPost-ClickTerms {
width: 240px;
float: none;
text-align: left;
margin: 10px auto -10px auto;
}
.submitPost a {
color: #087d6b;
font-weight: bold;
font-size: 18px;
}
.CreatePost-ClickTerms label,
.SearchPost-ClickTerms label {
margin-left: -30px;
}
.PremierMainContent .CreatePost-ClickTerms p ,
.PremierMainContent .SearchPost-ClickTerms p{
margin-top: -30px;
font-size: 16px;
}
.PostEditing {
width: 100%;
padding: 0 5%;
}
.EditingContainer {
border-bottom: 1px dashed #b3b3b3;
padding-bottom: 10px;
}
.PremierMainContent .PostEditing h1 {
font-size: 26px;
color: #087d6c;
text-align: left;
margin: 5px 0;
}
.PremierMainContent .PostEditing h2 {
font-size: 16px;
color: #000;
text-align: left;
margin: 5px 0;
}
.PremierMainContent .PostEditing h3 {
font-size: 14px;
color: #505050;
text-align: left;
margin: 5px 0;
}
.rangeBar {
width: 100%;
float: left;
margin: 40px 0;
}
.rangeBar input {
width: 80%;
margin: 0 auto;
}
.Search-Half-Left {
float: left;
padding: 12px 20px;
background-color: #f4f4f4;
color: #000;
text-align: center;
font-size: 16px;
}
.rangeBar .Search-Half-Left span,
.rangeBar .Search-Half-Right span {
font-size: 12px;
font-style: normal;
}
.Search-Half-Right {
float: right;
padding: 8px 20px;
background-color: #f4f4f4;
color: #000;
text-align: center;
font-size: 16px;
}
.GreenSideBarLink {
float: left;
padding-top: 30px;
}
.GreenSideBarLink h3 {
color: #fff;
margin-bottom: 10px;
text-align: left;
}
.GreenSideBarLink a {
text-align: left;
width: 100%;
color: #c0e9e1;
padding: 10px 0;
float: left;
border-bottom: 1px dashed #52c2ae;
font-size: 14px;
}
.PremierSidePost span {
font-size: 12px
}
.PremierMainContent h1 {
color: #19ae93;
font-size: 26px;
text-align: center;
margin-bottom: 30px;
}
.PremierMainContent .PremierCreatePost,
.PremierContainer {
float: left;
padding: 0 5%;
}
.PremierMainContent .PremierCreatePost h1 {
color: #087d6c;
font-size: 26px;
}
.PremierMainContent .PremierCreatePost p {
text-align: left;
font-size: 16px;
}
.PremierMainContent .Premier-Select {
width: 100%;
float: left;
background-color: #d4e9e6;
padding: 30px 5%;
margin-bottom: 30px;
}
.Premier-Select h6 {
font-size: 18px;
color: #087d6c;
text-align: left;
}
.Premier-Select select,
.CreatePost-Form select {
width: 100%;
padding: 18px;
margin: 10px 0;
border-radius: 10px;
border: 1px solid #d5d5d5;
outline: none;
}
.CreatePost-Form select {
margin-top: 30px;
}
.CreatePost-Form {
text-align: left;
float: left;
padding: 0px 5%;
width: 100%;
}
.CreatePost-Form input {
width: 100%;
padding: 18px;
margin: 30px 0 10px 0;
border-radius: 10px;
border: 1px solid #d5d5d5;
outline: none;
}
.HalfSecectionSection {
width: 100%;
float: left;
margin-bottom: 30px;
}
.HalfSecectionSection .Select-Half-Left {
float: left;
width: 48%;
}
.HalfSecectionSection .Select-Half-Right {
float: right;
width: 48%;
}
.CreatePost-Form span {
font-style: italic;
font-size: 15px;
}
.CreatePost-Form textarea {
width: 100%;
padding: 18px;
margin: 30px 0 10px 0;
border-radius: 10px;
border: 1px solid #d5d5d5;
outline: none;
resize: none;
min-height: 300px;
}
.PremierMainContent h2 {
color: #087d6c;
font-size: 22px;
margin: 40px auto 20px auto;
}
.PremierMainContent p {
margin: 15px 0;
font-size: 18px;
line-height: 140%;
}
.PremierGreenTxtI {
font-style: italic;
color: #087d6c;
font-family: 'Overlock', cursive;
word-spacing: -1px;
}
.PremierHomeLookFor {
margin-top: 40px;
float: left;
width: 100%;
border-top: 1px dashed #b3b3b3;
}
.PremierHomeLookFor h2 {
color: #087d6c;
font-size: 24px;
text-align: left;
margin-bottom: 10px;
margin-left: 1%;
}
.LookforIMG {
float: left;
padding: 0 1%;
width: 33.3%;
margin-bottom: 1%;
}
.LookforIMG img {
width: 100%;
}
.GreySideSection {
width: 100%;
float: left;
text-align: center;
padding: 30px 12% 15px 12%;
}
.GreySideSection img {
margin-bottom: 10px;
}
.GreySideSection h1 {
font-size: 26px;
color: #686868;
}
.GreySideSection h3 {
font-size: 18px;
color: #686868;
margin-bottom: 8px;
}
.GreySideSection h4 {
font-size: 14px;
color: #686868;
margin: 8px 0;
letter-spacing: -0.5px;
}
.GreySideSection h5 {
font-size: 16px;
color: #00b28f;
margin: 8px 0;
}
.GreySideSection span {
color: #686868;
font-size: 15px;
}
.StyleBTN-NoShadow {
margin: 30px 0;
}
.GreySideSection .StyleBTN-NoShadow a {
color: #fff;
padding: 10px 16px;
border-radius: 8px;
font-size: 15px;
font-weight: bold;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
margin: 0;
}
.GreySideSection ul {
color: #686868;
text-align: left;
font-size: 15px;
list-style-type: disc;
margin-left: 12px;
}
.GreySideSection li {
margin: 15px 0;
}
.TopBottomDashed {
border-top: 1px dashed #b3b3b3;
border-bottom: 1px dashed #b3b3b3;
}
.PremierDymanicGreenSection {
display: none;
}
.SearchTick {
padding: 30px 0 15px 0;
}
.searchResultHeading {
width: 100%;
float: left;
border-top: 1px dashed #cbcbcb;
border-bottom: 1px dashed #cbcbcb;
padding: 5px 0;
margin: 30px 0;
}
.ResultTitle {
background-color: #d4e8e6;
color: #1d8473;
padding: 10px 0;
width: 100%;
font-size: 18px;
font-weight: bold;
}
.SearchResultGrid {
padding: 10px;
width: 31%;
float: left;
margin: 1% 1%;
border: 1px dashed #cbcbcb;
background: linear-gradient(180deg, #f7f7f7 29%, #fff 30%, #fff 31%, #fff 100%);
}
.ResultData {
text-align: center;
padding: 15px 0;
line-height: 160%;
}
.ResultData img,
.PostData img {
margin: 20px 0;
}
.ResultData a {
color: #fff;
padding: 12px 30px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
margin-top: 30px;
}
.loadMoreResult {
float: left;
width: 100%;
margin-top: 40px;
border-bottom: #68d2bc 1px dashed;
position: relative;
}
.LoadResultTitle {
position: absolute;
width: 200px;
background-color: #fff;
padding: 5px 20px;
top: -12px;
left: 50%;
margin-left: -101px;
color: #00b290;
}
.LoadResultTitle img {
margin-top: 10px;
}
.ResultSection-1 {
width: 100%;
float: left;
}
.Result-Logo {
text-align: right;
width: 40%;
float: left;
}
.Result-Info {
float: left;
text-align: left;
width: 60%;
padding-left: 30px;
}
.PremierMainContent .Result-Info h1 {
margin: 10px 0;
float: left;
color: #333333;
}
.Result-Info table {
border-collapse: collapse;
width: 100%;
font-size: 14px;
}
.Result-Info td {
padding: 5px 0;
text-align: left;
}
.ResultTableTitle {
font-weight: bold;
width: 30%;
}
.ResultSection-2 {
margin: 30px 0;
width: 100%;
float: left;
border-top: 1px dashed #b3b3b3;
border-bottom: 1px dashed #b3b3b3;
padding: 10px 0;
}
.ResultHalf {
float: left;
width: 50%;
padding: 0 20px;
}
.ResultHalf table {
border-collapse: collapse;
width: 100%;
font-size: 14px;
}
.ResultHalf td {
padding: 5px 0;
text-align: left;
}
.ResultHalf .ResultTableTitle {
width: 36%;
}
.ResultHalf .ResultTableTitle span {
font-size: 11px;
}
.ResultAmount {
font-size: 20px;
}
.tableRightDashed {
border-right: 1px dashed #b3b3b3;
}
.ResultSection-3 {
width: 100%;
float: left;
margin-bottom: 40px;
}
.ResultSection-3 h4 {
text-align: left;
color: #333333;
}
.myNoPost h1 {
margin-bottom: 15px;
}
.NoPostContainer{
float: left;
width: 100%;
padding: 0 5%;
}
.myNoPost {
float: left;
padding-bottom: 20px;
width: 100%;
border-bottom: 1px dashed #b3b3b3;
text-align: center;
}
.noPostLink {
width: 100%;
float: left;
margin-top: 30px;
}
.noPostLink img{
height: 124px; width: auto;
}
.noPostLink a {
color: #19ae93;
line-height: 160%;
font-size:25px;
}
.EditAllPosts {
margin-top: 20px;
}
.MyPost {
width: 33.33%;
float: left;
padding: 2% 1%;
}
.MyPostGrid {
padding: 5px;
width: 100%;
float: left;
margin: 1% 1%;
border: 1px dashed #cbcbcb;
background: linear-gradient(180deg, #f7f7f7 29%, #fff 30%, #fff 31%, #fff 100%);
}
.PostData {
text-align: center;
padding: 15px 0;
line-height: 160%;
height: 305px;
}
.MyPostControl {
width: 100%;
}
.PostEdit,
.PostRemove {
float: left;
width: 50%;
text-align: center;
margin-top: 20px;
}
.PostEdit a {
color: #fff;
padding: 10px 10px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.5px;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
}
.PostRemove a {
color: #fff;
padding: 10px 10px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.5px;
background: linear-gradient(180deg, #ee0408 50%, #d3040e 50%);
}
.AskRemove , .AskUpdate {
padding: 40px 15px;
}
.RemovePostControl ,.UpdatePostControl {
width: 100%;
float: left;
}
.RemovePostLink {
width: 50%;
float: left;
text-align: center;
margin: 30px 0 10px 0;
}
.UpdatePostLink{
width: 100%;
float: left;
text-align: center;
margin: 30px 0 10px 0;
}
.RemovePostLink a ,.UpdatePostLink a{
color: #fff;
padding: 15px 60px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
background: linear-gradient(180deg, #00c7a0 50%, #00b28f 50%);
}
.termsContainer {
float: left;
width: 70%;
text-align: left;
padding-left: 30px;
font-size: 19px;
line-height: 130%;
color: #080808;
min-height: 330px;
}
.termsContainer p {
margin-bottom: 20px;
float: left;
}
.termsborder {
border-right: 2px dashed #d3d3d3
}
.Guildelines h1 {
text-align: left
}
.Guildelines p {
text-align: left;
font-size: 16px;
}
.BasicLayout {
width: 100%;
}
.BasicLayout h1 {
font-size: 26px;
color: #087d6c;
text-align: left;
margin-top: 20px;
margin-bottom: 15px;
}
.BasicLayout h2 {
font-size: 20px;
color: #087d6c;
text-align: left;
margin-top: 20px;
margin-bottom: 15px;
}
.BasicLayout p,
.Expansion-TermsConditions p,
.Contestform p,
.thankyou p {
text-align: left;
font-size: 16px;
line-height: 150%;
margin-bottom: 20px;
}
.sponsoredSyndicatesIMG {
width: 100%;
}
.sponsoredSyndicatesIMG img {
float: left;
width: 23%;
margin: 20px 1%;
}
.MemberToMember {
text-align: left;
}
.MemberToMember h1 {
color: #19ae93;
text-align: left;
margin-top: 20px;
margin-bottom: 5px;
}
.MemberToMember {
font-size: 16px;
text-align: left;
margin-bottom: 20px;
}
.expansionTextLink {
width: 100%;
text-align: center;
margin-top: 20px;
}
.expansionTextLink a {
font-weight: bold;
color: #00c7a0;
font-size: 24px;
}
.Expansion-TermsConditions h1 {
color: #087d6b;
text-align: center;
margin-bottom: 20px;
}
.Contestform h1 {
text-align: left;
color: #087d6c;
font-size: 28px;
margin: 0 0 15px 0;
}
.Contestform h2 {
text-align: left;
margin: 10px 0 20px 0;
font-size: 20px;
color: #087d6c;
}
.SubmitMyEnterpriseTerms {
padding: 20px 5%;
width: 100%;
float: left;
}
.SubmitMyEnterPriseForm {
float: left;
width: 100%;
padding: 20px 0;
border-top: 1px dashed #b3b3b3;
margin-bottom: 10px;
margin-top: 20px;
}
.SubmitMyEnterPriseForm input {
border: 1px solid #b3b3b3;
padding: 15px;
font-size: 18px;
border-radius: 10px;
width: 100%;
margin: 5px 0;
}
.SubmitMyEnterPriseForm span {
float: left;
margin-bottom: 15px;
line-height: 150%;
text-align: left;
font-size: 16px;
font-style: italic;
}
.ContestForm-Enterprise {
margin-bottom: 30px;
}
.ContestForm-Enterprise h1 {
text-align: center;
color: #087d6c;
font-size: 28px;
margin: 0 0 15px 0;
}
.ContestForm-Enterprise h2 {
text-align: center;
margin: 10px 0 20px 0;
font-size: 20px;
color: #087d6c;
}
.EnterpriseInput p {
margin: 30px 0 10px 0;
}
.EnterpriseInput input,
.EnterpriseInput textarea {
margin: 5px 0 30px 0;
}
.EnterpriseInput select {
margin: 0px 0 30px 0;
}
.EnterpriseInput-Terms {
width: 100%;
float: left;
margin: 20px 0;
}
.thankyou h1 {
text-align: center;
color: #087d6c;
font-size: 30px;
line-height: 140%;
}
.VotingForm {
width: 100%;
padding: 10px 5%;
float: left;
text-align: center;
}
.VotingForm input {
width: 100%;
padding: 18px;
margin: 10px 0 30px 0;
border-radius: 10px;
border: 1px solid #d5d5d5;
outline: none;
}
.paymentOption {
text-align: center;
}
.BankPayment {
position: relative;
text-align: center;
padding-top: 30px;
width: 100%;
max-width: 600px;
margin: 30px auto;
border-top: 2px dashed #b3b3b3;
}
.Payment-OR {
position: absolute;
top: -20px;
left: 50%;
margin-left: -10px;
background-color: #fff;
font-size: 25px;
padding: 3px;
}
.PremierComfirmation {
width: 600px;
margin: 20px auto;
}
.PremierConfirmation-Opportunities {
text-align: center;
float: left;
width: 300px;
}
.PremierConfirmation-Opportunities a {
font-size: 18px;
color: #19ae93;
}
.wishing {
margin-top: 60px;
font-weight: bold;
font-size: 24px;
color: #087d6c;
text-align: center;
}
.CompanyChartContainer{
float: left;
width: 60%;
padding: 0 8px;
}
.CompanyChart
{color:#000!important;background-color:#f1f1f1!important;
background-color: #ccc;
width: 100%;
}
.ChartData{
text-align: left;
color:#fff!important;background-color:#00c7a0!important;
padding: 5px 0 0 15px;
}
#GuidelinesActive{
color: #238577;
}