/* RESET */
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro);
html,
body {
  border: 0;
  font-family: "Source Sans Pro", "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
a {
  font-weight: 100;
  color: #d15489;
  text-decoration: none;
  font-size: 16px;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
:focus {
  outline: 0;
}
.brcmb a {
  color: #be822b;
  text-decoration: none;
}
.brcmb span {
  color: #be822b;
  text-decoration: none;
}
.brcmb span:before {
  padding: 0 5px;
  color: #fff064;
  content: ">";
}
/* VARIABLES AND FONTS */
@font-face {
  font-family: 'beautiful_every_timeregular';
  src: url(#);
  src: url('/fonts/beautifuleverytime-webfont.ttf') format('truetype');
  /*src: url(#) format('embedded-opentype'),
         url(#) format('woff2'),
         url(#) format('woff'),
         url(#) format('truetype'),
         url(#) format('svg');*/
  font-weight: normal;
  font-style: normal;
}
/* MY CODE */
body {
  background: url('/images/bg.jpg') center top no-repeat;
  background-color: #FFC523;
}
.clearfix {
  clear: both;
}
#main-title {
  font-family: 'beautiful_every_timeregular';
  color: #000;
  font-size: 26px;
  padding-top: 74px;
  text-align: center;
  font-weight: normal;
}
#main-title span {
  color: #9a3a7d;
}
.wrapper {
  width: 1000px;
  margin: auto;
}
#clouds img {
  position: absolute;
}
#clouds img.c1 {
  top: 87px;
  margin-left: -69px;
  z-index: -1;
}
#clouds img.c2 {
  top: 55px;
  margin-left: 880px;
}
#clouds img.c3 {
  top: 160px;
  margin-left: -220px;
}
#clouds img.c4 {
  top: 410px;
  margin-left: 670px;
  z-index: -1;
}
header {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #bb4698;
  height: 170px;
  margin-top: 20px;
  overflow: hidden;
}
header #logo {
  display: block;
  background: url('/images/logo.png') center center no-repeat;
  width: 24%;
  height: 100%;
  float: left;
}
header #menu1 {
  float: right;
  width: 76%;
  height: 50%;
  background-color: #9a3a7d;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-left: 45px;
  text-transform: uppercase;
}
header #menu1 li {
  float: left;
  list-style-type: none;
  padding-top: 30px;
}
header #menu1 li a {
  z-index: 10;
  position: relative;
  color: #ffb4ea;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  margin-right: 17px;
  display: inline-block;
}
header #menu1 li a:hover {
  color: #fff;
}
header #menu2 {
  float: right;
  width: 76%;
  height: 50%;
  background-color: #ca3a77;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-left: 45px;
  text-transform: uppercase;
}
header #menu2 li {
  float: left;
  list-style-type: none;
  padding-top: 30px;
}
header #menu2 li a {
  color: #ff7db3;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  margin-right: 17px;
  display: inline-block;
}
header #menu2 li a:hover {
  color: #fff;
}
#slider {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-top: -30px;
  overflow: hidden !important;
  padding-top: 0px;
  list-style-type: none;
  z-index: -1;
  position: relative;
}
.breadcrumb {
  padding: 20px 15px;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li a {
  color: #be822b;
  text-decoration: none;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #fff064;
  content: ">";
}
.content section p {
  margin-bottom: 40px;
}
.sidebar {
  width: 100%;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.sidebar #menu3 {
  list-style: none;
}
.sidebar #menu3 li {
  padding: 25px;
  border-bottom: 1px solid #ffc53a;
}
.sidebar #menu3 li a {
  color: #92732a;
  text-decoration: none;
  font-style: 17px;
}
.sidebar #send-gift {
  padding: 20px;
}
.sidebar #send-gift p {
  padding: 5px;
  color: #411835;
}
.sidebar #send-gift #submit {
  background-color: transparent;
  cursor: pointer;
  border: none;
  text-align: center;
  width: 100%;
  font-size: 17px;
  padding: 5px;
  color: #ca3a77;
  font-weight: bold;
  text-transform: uppercase;
}
.sidebar #last-news .new {
  padding: 20px 20px 30px 20px;
  border-bottom: 1px solid #ffc53a;
}
.sidebar #last-news .new h3 {
  font-family: 'beautiful_every_timeregular';
  font-weight: 100;
  font-size: 20px;
  margin-bottom: 10px;
}
.sidebar #last-news .new p {
  margin-bottom: 5px;
}
.sidebar #last-news .new a {
  float: right;
  font-family: 'beautiful_every_timeregular';
  font-weight: 100;
  color: #d15489;
  text-decoration: none;
  font-size: 20px;
}
.sidebar #last-news .new:nth-last-child(1) {
  border-bottom: none;
}
.left-side,
.right-side {
  width: 25%;
  float: left;
  display: inline;
}
.customSelect {
  display: inline-block;
  width: 95%;
  background: #ca3a77 none repeat scroll 0% 0%;
  border-radius: 20px;
  color: #FFF;
  padding: 5px 5px 5px 10px;
  background-image: url("/images/down.png");
  background-repeat: no-repeat;
  background-position: 180px 12px;
  cursor: pointer;
}
.customSelectInner {
  font-weight: bold;
}
.content {
  width: 50%;
  float: left;
  display: inline;
}
.content section {
  padding: 20px;
}
.content section ul li {
  font-size: 14px;
}
.content h2 {
  font-family: 'beautiful_every_timeregular';
  font-weight: 100;
  font-size: 30px;
  color: #ca3a77;
}
.content p {
  margin-top: 20px;
  color: #421936;
  font-size: 14px;
  text-align: justify;
}
.content article {
  margin-bottom: 30px;
}
.content article h3 {
  font-family: beautiful_every_timeregular;
  font-weight: 100;
  font-size: 20px;
  margin-bottom: 0px;
}
.content article p {
  margin-top: 5px;
}
.content article .readmore {
  float: right;
  font-family: 'beautiful_every_timeregular';
  font-weight: 100;
  color: #d15489;
  text-decoration: none;
  font-size: 20px;
}
.content article.bazar .image {
  float: left;
  width: 35%;
}
.content article.bazar .image img {
  width: 10rem;
  border-radius: 10px;
}
.content article.bazar .desc {
  float: left;
  width: 65%;
}
.content article.bazar .desc p {
  margin-left: 15px;
  margin-top: 0px;
}
.content .bazar .light {
  display: inline-block;
  padding: 2px;
  margin: 0 0.5rem 1rem 0.5rem;
  background-color: #fff;
  line-height: 0;
  border-radius: 4px;
  transition: background-color 0.5s ease-out;
}
.content .bazar .light:hover {
  background-color: #4ae;
  transition: none;
}
.content .bazar .light-image {
  width: 7rem;
  border-radius: 4px;
}
.content .bazar #dropzone {
  width: 415px;
  min-height: 250px;
  margin-bottom: 20px;
}
.content .bazar form label {
  margin: 0 0 3px 0;
  padding: 0px;
  display: block;
  font-weight: bold;
}
.content .bazar form .row {
  margin-bottom: 15px;
}
.content .bazar form input[type=text],
.content .bazar form input[type=date],
.content .bazar form input[type=datetime],
.content .bazar form input[type=number],
.content .bazar form input[type=search],
.content .bazar form input[type=time],
.content .bazar form input[type=url],
.content .bazar form input[type=email],
.content .bazar form textarea,
.content .bazar form select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #BEBEBE;
  padding: 7px;
  margin: 0px;
  -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;
  outline: none;
  width: 90%;
}
.content .bazar form textarea {
  resize: none;
}
.content .bazar form input[type=text]:focus,
.content .bazar form input[type=date]:focus,
.content .bazar form input[type=datetime]:focus,
.content .bazar form input[type=number]:focus,
.content .bazar form input[type=search]:focus,
.content .bazar form input[type=time]:focus,
.content .bazar form input[type=url]:focus,
.content .bazar form input[type=email]:focus,
.content .bazar form textarea:focus,
.content .bazar form select:focus {
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}
.content .bazar form input[type=submit],
.content .bazar form input[type=button] {
  background: #4B99AD;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}
.content .bazar form input[type=submit]:hover,
.content .bazar form input[type=button]:hover {
  background: #4691A4;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.content .bazar .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.content .bazar .table > thead > tr > th,
.content .bazar .table > tbody > tr > th,
.content .bazar .table > tfoot > tr > th,
.content .bazar .table > thead > tr > td,
.content .bazar .table > tbody > tr > td,
.content .bazar .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px dashed #000;
}
.content .bazar .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.content .bazar .table > caption + thead > tr:first-child > th,
.content .bazar .table > colgroup + thead > tr:first-child > th,
.content .bazar .table > thead:first-child > tr:first-child > th,
.content .bazar .table > caption + thead > tr:first-child > td,
.content .bazar .table > colgroup + thead > tr:first-child > td,
.content .bazar .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.content .bazar .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.content .bazar .table .table {
  background-color: #fff;
}
.dottedline {
  background-image: url("/images/wborder.png");
  width: 416px;
  height: 23px;
}
.hidden {
  display: none;
}
#background-footer {
  background: url('/images/bg-site-footer.png') center no-repeat;
  margin-top: -500px;
  height: 565px;
  width: 100%;
  position: absolute;
  z-index: -5;
}
footer {
  background: #FFF;
  height: 200px;
  float: left;
  width: 100%;
  clear: both;
  position: relative;
  z-index: 10;
  margin-top: 65px;
}
footer #up {
  float: right;
  padding: 20px;
  font-size: 18px;
  text-transform: uppercase;
  background-image: url("/images/up.png");
  background-repeat: no-repeat;
  background-position: 67px 29px;
}
footer #up a {
  color: #ffc53a;
  text-decoration: none;
}
footer #sign {
  padding: 0px;
  top: 60px;
  left: -19px;
  position: relative;
  float: right;
  font-size: 15px;
  font-weight: 600;
}
footer #sign a {
  text-decoration: none;
  color: #ca3a77;
}
footer #footer-boxes {
  list-style: outside none none;
  padding: 40px;
}
footer #footer-boxes > li {
  float: left;
  padding: 0px 30px 0px 30px;
  border-right: 1px solid #ffc53a;
}
footer #footer-boxes > li ul {
  list-style: outside none none;
  margin-right: 30px;
}
footer #footer-boxes > li ul li {
  text-transform: uppercase;
  font-weight: 600;
}
footer #footer-boxes > li:nth-last-child(1) {
  border-right: none;
}
.yiiPager .selected a {
  color: #FFF !important;
  background: transparent !important;
}
.yiiPager a {
  border: none !important;
  color: #333 !important;
  font-size: 15px;
}
.yiiPager a:hover {
  border: none !important;
}