<STYLE>
P, OL, UL, LI
{
FONT-SIZE:12px;
font-family:'Open Sans', sans-serif
}
INPUT, TEXTAREA
{
FONT-WEIGHT:bold;
COLOR:#000;
FONT-SIZE:12px;
border:none;
border-radius:0.5em;
padding:0.25em;
font-family:'Open Sans', sans-serif
}
FORM
{
MARGIN:0px
}
A:link, A:visited
{
FONT-WEIGHT:normal;
COLOR:#fff;
TEXT-DECORATION:underline
}
A:hover
{
COLOR:#FFA200
}
A:active
{
outline:none
}
A:focus
{
-moz-outline-style:none;
outline-style:none
}
A.shpMenu2:link, A.shpMenu2:visited, .imagine
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#fff;
TEXT-DECORATION:underline;
font-family:'Open Sans', sans-serif
}
A.shpMenu2:hover, .imagine:hover
{
COLOR:#FFA200
}
A.shpMenu3:link, A.shpMenu3:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#000;
TEXT-DECORATION:underline;
font-family:'Open Sans', sans-serif
}
A.shpMenu3:hover
{
COLOR:#1877f2
}
A.shpMenu6:link, A.shpMenu6:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:18px;
COLOR:#fff;
TEXT-DECORATION:underline;
font-family:'Open Sans', sans-serif
}
A.shpMenu6:hover
{
COLOR:#FFA200;
TEXT-DECORATION:underline
}
A.shpMenu7:link, A.shpMenu7:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#f1d765;
TEXT-DECORATION:underline;
font-family:'Open Sans', sans-serif
}
A.shpMenu7:hover
{
COLOR:#FFA200
}
A.shpMenu8:link, A.shpMenu8:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:15px;
COLOR:#fff;
TEXT-DECORATION:none;
display:table-cell;
text-align:center;
padding:1em;
font-family:'Open Sans', sans-serif
}
A.shpMenu8:hover
{
COLOR:#FFA200
}
A.shpMenu11:link, A.shpMenu11:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:18px;
COLOR:#f1d765;
TEXT-DECORATION:none;
vertical-align:middle;
font-family:'Open Sans', sans-serif
}
A.x:link, A.x:visited
{
FONT-WEIGHT:bold;
FONT-SIZE:30px;
COLOR:#fff;
TEXT-DECORATION:none;
font-family:'Open Sans', sans-serif
}
A.x:hover
{
COLOR:#FFA200
}
A.special:link, A.special:visited, A.special:hover
{
FONT-WEIGHT:bold;
FONT-SIZE:12px;
COLOR:#f1d765;
TEXT-DECORATION:none;
font-family:'Open Sans', sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:8px;
padding-bottom:8px;
display:block;
text-align:left
}
A.special2:link, A.special2:visited, A.special2:hover
{
FONT-WEIGHT:bold;
FONT-SIZE:12px;
COLOR:#f1d765;
TEXT-DECORATION:none;
font-family:'Open Sans', sans-serif
}
.bold
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#000;
font-family:'Open Sans', sans-serif
}
.bold2
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold3
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
.bold4
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold5
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
line-height:1.6;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
.bold8
{
FONT-WEIGHT:normal;
FONT-SIZE:12px;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
.bold11
{
FONT-WEIGHT:bold;
FONT-SIZE:30px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold12
{
FONT-WEIGHT:bold;
FONT-SIZE:20px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold13
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold15
{
FONT-WEIGHT:bold;
FONT-SIZE:12px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold17
{
FONT-WEIGHT:bold;
FONT-SIZE:12px;
COLOR:#fff;
font-family:'Open Sans', sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:1px;
padding-bottom:1px;
display:block;
text-align:right
}
.bold18
{
FONT-WEIGHT:normal;
FONT-SIZE:12px;
COLOR:#fff;
font-family:'Open Sans', sans-serif;
padding-left:5px;
padding-right:5px;
padding-top:8px;
padding-bottom:8px;
display:block;
text-align:left
}
.bold19
{
FONT-WEIGHT:bold;
FONT-SIZE:20px;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
.bold22
{
font-size:12px;
color:#c4c7c9;
font-style:italic;
font-family:'Open Sans', sans-serif;
border-bottom:none
}
.bold24
{
font-size:12px;
font-family:'Open Sans', sans-serif;
color:#fff
}
.bold25
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.bold26
{
FONT-WEIGHT:500;
FONT-SIZE:14px;
line-height:1.6;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
.bold27
{
FONT-WEIGHT:bold;
FONT-SIZE:14px;
line-height:1.6;
COLOR:#f1d765;
font-family:'Open Sans', sans-serif
}
.shpPret
{
FONT-WEIGHT:bold;
FONT-SIZE:18px;
COLOR:#fff;
TEXT-DECORATION:none;
font-family:'Open Sans', sans-serif
}
.anv
{
FONT-WEIGHT:bold;
FONT-SIZE:18px;
COLOR:#c4c7c9;
TEXT-DECORATION:none;
padding-left:10px;
padding-right:10px;
text-decoration:line-through;
font-family:'Open Sans', sans-serif
}
H1
{
MARGIN-TOP:10px;
FONT-SIZE:18px;
MARGIN-BOTTOM:10px;
font-family:'Open Sans', sans-serif
}
H2
{
MARGIN-TOP:20px;
FONT-SIZE:20px;
MARGIN-BOTTOM:0px;
COLOR:#000;
font-family:'Open Sans', sans-serif
}
H3
{
MARGIN-TOP:10px;
FONT-SIZE:14px;
MARGIN-BOTTOM:10px;
COLOR:#fff;
BORDER-BOTTOM:#cecfce 1px solid;
font-family:'Open Sans', sans-serif
}
TABLE.sitelist
{
BACKGROUND-COLOR:#4f5360;
border-collapse:collapse
}
TABLE.sitelist TD
{
PADDING:10px 5px 10px 5px;
BORDER-TOP:#000 1px solid;
LINE-HEIGHT:3em
}
TABLE.sitelist TH
{
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
FONT-SIZE:13px;
BACKGROUND:#2b3035 repeat-x;
COLOR:#fff;
font-family:'Open Sans', sans-serif;
WHITE-SPACE:nowrap;
HEIGHT:24px;
FONT-WEIGHT:900;
cursor:default;
TEXT-ALIGN:left
}
TABLE.sitelist2
{
BACKGROUND-COLOR:#4f5360;
border-collapse:collapse
}
TABLE.sitelist2 TD
{
BORDER-TOP:#000 1px solid;
}
TABLE.sitelist2 TH
{
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
FONT-SIZE:13px;
BACKGROUND:#2b3035 repeat-x;
COLOR:#fff;
font-family:'Open Sans', sans-serif;
WHITE-SPACE:nowrap;
HEIGHT:24px;
FONT-WEIGHT:900;
cursor:default;
TEXT-ALIGN:left
}
@media (hover: hover) and (pointer: fine) {
TABLE.sitelist2 tr:hover
{
cursor:pointer;
background-color:#000
}
}
TABLE.sitelist3 TD
{
PADDING-RIGHT:10px;
}
@media (hover: hover) and (pointer: fine) {
TABLE.sitelist3 tr:hover
{
cursor:pointer;
background-color:#000
}
}
.shpPic
{
background-color:#2b3035;
border-radius:1em;
padding:5px
}
.error_block
{
font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:bold;
color:#000;
background-color:#f1d765;
padding:12px 20px 12px 40px;
border-radius:1em;
text-align:left
}
.com_block
{
font-family:'Open Sans', sans-serif;
background-color:#3e454c;
padding:12px 20px 12px 40px;
border-radius:1em;
display:block;
text-align:left
}
.anv_block
{
font-family:'Open Sans', sans-serif;
font-size:20px;
font-weight:bold;
color:#fff;
background-color:#2b3035;
padding:20px; 
border-radius:1.5em;
text-align:center;
}
.anv_block a
{
text-decoration:none;
font-weight:bold;
cursor:pointer
}
.anv_block:hover, .anv_block:hover a
{
color:#FFA200;
text-decoration:none;
cursor:pointer
}
.col 
{ 
float:left; 
height:auto;
border:1px #000 solid;
vertical-align:middle
} 
.clearRow 
{ 
clear:both; 
white-space:nowrap
}
#cru{
height:15px;
font-family:'Open Sans', sans-serif;
font-size:12px;
padding-top:20px;
padding-bottom:40px;
font-weight:bold
}
#cru li{
float:left;
line-height:30px;
color:#c4c7c9;
padding-left:4px;
list-style-type:none
}
#cru li a{
font-size:12px;
font-weight:bold;
color:#c4c7c9;
text-decoration:underline
}
#cru li a:hover{
color:#fe8b04
}
.modal{
z-index:10;
display:none;
padding-top:10px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.8)
}
.modal-content{
margin:auto;
display:block;
position:absolute;
top:50%;
left:50%;
width:95%;
transform:translate(-50%, -50%);
}
.modal-hover-opacity{
opacity:1;
filter:alpha(opacity=100);
-webkit-backface-visibility:hidden
}
.modal-hover-opacity:hover{
opacity:0.60;
filter:alpha(opacity=60);
-webkit-backface-visibility:hidden
}
.close{
text-decoration:none;
float:right;
font-size:24px;
font-weight:bold;
color:white
}
.container1{
display:block;
}
.modal-content, #caption{ 
-webkit-animation-name:zoom;
animation-name:zoom;
}
@-webkit-keyframes zoom{
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}
@keyframes zoom{
from {transform:scale(0)} 
to {transform:scale(1)}
}
*{
padding:0;
margin:0;
}
footer{
position:relative;
bottom:0;
}
.footer-distributed{
background-color:#3e454c;
box-sizing:border-box;
max-width:1200px;
margin:auto;
text-align:left;
font:bold 16px sans-serif;
padding:40px 100px 50px 100px;
}
@media (max-width:64rem){
.footer-distributed{
padding:40px 10px 30px 10px;
}}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display:inline-block;
vertical-align:top;
}
/* Footer left */
.footer-distributed .footer-left{
width:40%;
}
.footer-distributed .footer-left input{
height:30px;
font-weight:normal;
border-radius:0;
margin:5px 0 5px 0;
}
.footer-distributed .footer-left input.submit{
cursor:pointer;
background-color:#fe8b04;
color:#000;
font-weight:bold;
}
.footer-distributed .footer-left input.submit:hover{
background-color:#fda53f;
}
.footer-distributed .footer-left span.newsletter{
display:inline-block;
line-height:1.8;
margin-top:50px;
color:#fff;
}
.footer-distributed .footer-left span.text_newsletter{
display:block;
line-height:1.8;
margin-top:10px;
margin-bottom:10px;
color:#c4c7c9;
font-weight:normal;
font:13px sans-serif;
}
.footer-distributed .footer-left span.error{
max-width:242px;
font-size:80%;
color: white;
background-color:#cc0000;
border-radius:5px;
display:block;
}
@media (max-width:64rem){
.footer-distributed .footer-left span.error{
margin:auto;
}}
.footer-distributed .footer-left span.error.active{
padding:0.3em;
}
.footer-distributed h3{
color:#ffffff;
font:normal 36px cursive;
margin:0;
}
.footer-distributed h3 span{
color:#fe8b04;
}
/* Footer links */
.footer-distributed .footer-links{
color:#ffffff;
margin:20px 0 12px;
}
.footer-distributed .footer-links a{
display:inline-block;
line-height:1.8;
text-decoration:none;
color:inherit;
}
.footer-distributed .footer-links a:hover{
text-decoration:underline;
}
/* Footer Center */
.footer-distributed .footer-center{
width:35%;
}
.footer-distributed i,i img{
color:#ffffff;
width:38px;
height:38px;
vertical-align:middle;
margin-top:10px;
}
.footer-distributed .footer-center a{
display:inline-block;
font:bold 16px sans-serif;
color:#ffffff;
vertical-align:middle;
margin:0;
text-decoration:none;
margin-top:10px;
margin-left:5px;
}
/* Footer Right */
.footer-distributed .footer-right{
width:20%;
margin-top:18px;
}
.footer-distributed .footer-company-about{
line-height:20px;
color:#c4c7c9;
font-size:13px;
font-weight:normal;
margin:0;
}
.footer-distributed .footer-company-about span{
display:block;
color:#ffffff;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
.footer-distributed .footer-icons{
margin-top:25px;
}
.footer-distributed .footer-count{
width:100%;
margin-top:30px;
display:inline-block;
vertical-align:top;
text-align:center;
}
.footer-distributed .footer-count p{
font:normal 13px cursive;
color:#ffffff;
}
/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */
@media (max-width:64rem){
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display:block;
width:100%;
margin-bottom:40px;
text-align:center;
}
}
.badge:after{
content:attr(value);
color:#ffffff;
font-size:12px;
font-weight:bold;
background:red;
border-radius:50%;
padding:4px;
position:relative;
left:-8px;
top:-8px;
opacity:0.9;
}
#close-btn{
position: absolute;
background: #fff;
border: 2px solid #999;
color: #555;
border-radius:1em;
height:25px;
width:25px;
top:6px;
right:10px;
font-weight:bold;
cursor:pointer;
box-shadow:1px 1px 7px #555;
font-size:15px
}
@media only screen and (max-device-width : 480px) {
TABLE.tabel, TABLE.tabel thead, TABLE.tabel tbody, TABLE.tabel th, TABLE.tabel td, TABLE.tabel tr {
display:table;
width:100%;
text-align:center;
}
TABLE.tabel img {
width:100%;
}
TABLE.tabel {
margin-bottom:7em;
}
TABLE.tabel tr {
margin:0;
}
TABLE.tabel td {
position:relative;
display:block;
}
}
@media only screen and (max-device-width : 480px) {
TABLE.tabel2, TABLE.tabel2 thead, TABLE.tabel2 tbody, TABLE.tabel2 th, TABLE.tabel2 td, TABLE.tabel2 tr {
display:table;
width:100%;
text-align:center;
}
TABLE.tabel2 img {
width:100%;
}
TABLE.tabel2 div.fb-like{
margin-bottom:1em;
}
TABLE.tabel2 tr {
margin:0;
}
TABLE.tabel2 td {
position:relative;
display:block;
}
}
@media only screen and (max-device-width : 600px) {
TABLE.tabel3 b.anv::before {
content:"";
display:block;
white-space:pre-line;
}
}
@media only screen and (max-device-width : 480px) {
TABLE.tabel3, TABLE.tabel3 td, TABLE.tabel3 tr {
display:block;
width:100%;
text-align:center;
}
TABLE.tabel3 tbody {
position:relative;
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}
TABLE.tabel3 tr {
margin-bottom:1em;
}
TABLE.tabel3 td {
position:relative;
display:inline-block;
}
}
.qty
{
display:block;
background-color:#3e454c;
text-align:center;
border-radius:0.5em;
line-height:30px;
padding:0 10px 5px 10px;
}
@media only screen and (min-device-width : 1200px) {
.background {
background:url('/img/background.jpg');
background-attachment:fixed;
}
}
.sponsor {
FONT-SIZE:12px;
line-height:2;
COLOR:#fff;
font-family:'Open Sans', sans-serif
}
</STYLE>