/* ----------------------------------------------------------------
Custom CSS
Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.listMenu {
margin: 20px 0px;
}
.listMenuCol {
margin-bottom: 20px;
}
.listMenuBtn {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position: 0% 50%;
height: 310px;
overflow: hidden;
position: relative;
text-align: left;
color: #fff;
border-radius: 10px;
font-size: 3rem;
font-size: 2rem;
display: block;
text-align: center;
box-shadow: 1px 2px 8px #c7c7c7;
}
.listMenuBtn:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position: 50% 50%;
}
.listMenuBtn::before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
}
.listMenuBtn p {
position: relative;
font-weight: bold;
padding-left: 10px;
font-size: 2.3rem;
padding-top: 10px;
}
.listMenuBtnText {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 20px 15px;
position: relative;
}
.listMenuBtn p::before {
content: '';
width: 6px;
z-index: 10;
position: absolute;
left: 0px;
top: 20px;
background-color: #fff;
height: 22px;
}
.listMenuCol a:hover .listMenuBtnText {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: translate(0px, -140px);
/* IE 9 */
-webkit-transform: translate(0px, -140px);
/* Safari */
transform: translate(0px, -140px);
}
.listMenuText {
position: absolute;
bottom: -70px;
padding: 20px;
color: #fff;
width: 100%;
padding-left: 20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.listMenuCol a:hover .listMenuText {
bottom: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.biggerFont {
color: #fff;
font-weight: bold;
font-size: 4rem;
}
.bgGreenBorder {
text-align: left;
border-bottom: 10px solid #24832f;
background-size: cover;
}
.bgPurpleBorder {
text-align: left;
background-size: cover;
border-bottom: 10px solid #662c90;
}
.bgBlueBorder {
text-align: left;
background-size: cover;
border-bottom: 10px solid #233e8d;
}
.bgPinkBorder {
text-align: left;
background-size: cover;
border-bottom: 10px solid #f12a7b;
}
.bgGreenColor {
background-color: #24832f;
}
.bgPurpleColor {
background-color: #662c90;
}
.bgBlueColor {
background-color: #233e8d;
}
.bgPinkColor {
background-color: #f12a7b;
}
.firstlistContent,
.secoundlistContent,
.thirdlistContent,
.fourlistContent {
display: none;
}
.backBtn {
background-color: #4c4c4c;
}
.backBtn:hover {
background-color: #4c4c4c !important;
}
.result_title {
position: relative;
}
.backBtn {
position: absolute;
right: 0px;
}
.floatRight {
float: right;
}
.colorGreen {
color: #24832f;
}
.colorlightBlue {
color: #233e8d;
}
.greenTitle {
color: #24832f;
border-bottom: 2px solid #24832f;
}
.purpleTitle {
color: #662c90;
border-bottom: 2px solid #662c90;
}
.blueTitle {
color: #233e8d;
border-bottom: 2px solid #233e8d;
}
.pinkTitle {
color: #f12a7b;
border-bottom: 2px solid #f12a7b;
}
.promo a.button.button-xlarge {
margin-top: 0;
}
.listMenuBtn.en p {
font-size: 1.6rem;
}
.listMenuBtn.en p::before {
top: 14px;
height: 22px;
}
.result_title h3 {
width: 75%;
}
.promoBtnWarp {
text-align: right;
}
.promoBg{
background-image: url(../images/index_promoBg.jpg);
background-position: 50% 50%;
background-size: cover;
}
.promoGoldColor{
width: 80%;
text-shadow: 2px 2px 8px #000;
color: #ffcd5c;
}
.goldBtn{
font-weight: 700;
color:#000;
background-image: url(../images/goldBtnBg.jpg);
background-position: 50% 50%;
background-size: cover;
}