/* @Page Style*/
* { margin: 0; padding: 0; outline: none; }
html,
body { width: 100%; height: 100%; }
body { font-family: 'Myriad Pro', sans-serif; font-size: 16px; color: #13091f; background: #13091f; min-width: 1166px; }
a { text-decoration: none; }
textarea { resize: none; }
li { list-style: none; }
b { font-weight: normal; }
input[type=number] { -moz-appearance: textfield; }
textarea:focus,
input:focus,
select:focus { outline: none; }
.itcStyle::-webkit-input-placeholder {
color:#a68452;
font-family: 'Myriad Pro', sans-serif;
}
.itcStyle::-moz-placeholder {
color:#a68452;
font-family: 'Myriad Pro', sans-serif;
}
.itcStyle:-ms-input-placeholder {
color:#a68452;
font-family: 'Myriad Pro', sans-serif;
}
.clear { clear: both; }
.clear:after { content: ""; width: 0; height: 0; display: block; clear: both; }
::-webkit-scrollbar {
width: 6px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #ccc;
}
::-moz-selection {
color: #FFF;
background: #13091f;
}
::selection { color: #FFF; background: #13091f; }
/* @Loader */
.pageloader { position: fixed; width: 100%; height: 100%; background: rgb(19, 9, 31); z-index: 9999; display: block; }
#spinningSquaresG { position: absolute; width: 150px; height: 28px; top: 50%; margin: -14px 0 0 -75px; left: 50%; }
.spinningSquaresG { position: absolute; top: 0; background-color: rgb(0,0,0); width: 28px; height: 28px; animation-name: bounce_spinningSquaresG; -o-animation-name: bounce_spinningSquaresG; -ms-animation-name: bounce_spinningSquaresG; -webkit-animation-name: bounce_spinningSquaresG; -moz-animation-name: bounce_spinningSquaresG; animation-duration: 1.5s; -o-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(.3); -o-transform: scale(.3); -ms-transform: scale(.3); -webkit-transform: scale(.3); -moz-transform: scale(.3); }
#spinningSquaresG_1 { left: 0; animation-delay: 0.6s; -o-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; }
#spinningSquaresG_2 { left: 29px; animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; }
#spinningSquaresG_3 { left: 58px; animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; }
#spinningSquaresG_4 { left: 88px; animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; }
#spinningSquaresG_5 { left: 117px; animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; }
/* @Icon Set */
.allIcon { background: url(../images/truman-sprite.png) no-repeat left top; display: inline-block; }
.logoIcon { width: 180px; height: 110px; background-position: 0 0; }
.pageslogoIcon { width: 110px; height: 74px; background-position: -190px 0; }
.logoPattern { width: 60px; height: 40px; background-position: 0 -110px; }
.fbIcon { width: 40px; height: 40px; background-position: 0 -150px; }
.twitterIcon { width: 40px; height: 40px; background-position: -40px -150px; }
.pintrestIcon { width: 40px; height: 40px; background-position: -80px -150px; }
.instaIcon { width: 40px; height: 40px; background-position: -120px -150px; }
/* @Common Style */
.mainContainer { position: relative; box-sizing: border-box; }
.wrapContent { width: 1160px; margin: 0 auto; position: relative; }
header { position: fixed; top: 0; z-index: 3; width: 100%; transition: all 0.3s ease; padding: 10px 0; background: rgba(19,9,31,1); }
header h1 { font-size: 0; text-align: center; transition: all .3s ease; }
header h1 a { display: block; margin: 0 auto; width: 110px; height: 74px; transition: all .3s ease; }
header nav { text-align: center; margin-top: -40px; padding-right: 60px; }
header nav > ul > li { display: inline-block; min-width: 125px; text-align: center; position: relative; }
header nav > ul > li:nth-last-child(2) { margin-left: 205px; }
header nav > ul > li > a { color: #fff; font-size: 12px; font-family: 'Futuralt', sans-serif; font-weight: 700; text-transform: uppercase; display: block; position: relative; letter-spacing: 2px; padding: 15px 0; }
header nav > ul > li > a.active:after { content: ''; width: 2px; height: 40px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -20px; -webkit-transform: rotate(50deg); transform: rotate(50deg); }
header nav > ul > li > ul { position: absolute; width: 100%; top: 46px; display: none; z-index: 4; }
header nav > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,.65); }
header nav > ul > li > ul > li:last-child { border-bottom: none; }
header nav > ul > li > ul > li > a { padding: 12px 5px; color: #3f221e; font-size: 12px; font-family: 'Futuralt', sans-serif; font-weight: 700; text-transform: uppercase; display: block; background: rgba(255,255,255,.8); }
header nav > ul > li > ul > li > a:hover { background: rgba(19,9,31,.8); color: #fff; }
footer { background: url(../images/footer-bg.png) no-repeat center 15px; text-align: center; box-sizing: border-box; padding-top: 120px; padding-bottom: 30px; }
footer ul li { text-align: center; min-width: 100px; margin: 0 10px; display: inline-block; }
footer ul li a { color: #fff; font-size: 12px; font-family: 'Futuralt', sans-serif; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }
footer .socialLink { margin-top: 45px; }
footer .socialLink a { width: 40px; height: 40px; display: inline-block; vertical-align: top; border: 1px solid #fff; margin: 0 8px; font-size: 0; }
footer .socialLink .ownerlink { background: rgba(255,255,255,0.8) url(../images/vestigelogo.png) no-repeat center center; padding: 0 4px; text-align: right; margin-right: 20px; position: relative; }
footer .socialLink .ownerlink:after { content: ""; display: inline-block; width: 1px; height: 100%; background: rgba(200,200,200,0.2); position: absolute; right: -18px; top: 0; }
/* @Index Page */
.parallexbox { position: absolute; top: 0; left: 0; width: 100%; }
.parallexbox img { display: block; margin: 0 auto; max-width: 100%; }
.homebannerbg { margin: 0 auto; }
.homebannerbg header { background: none; }
.homebannerbg header h1 a { width: 180px; height: 110px; }
.homebannerbg header h1 a img { max-width: 100%; margin: 0 auto; display: block; }
.homebannerbg header.fixedbg { background: rgba(19,9,31,0.95); }
.homebannerbg header.fixedbg h1 a { width: 110px; height: 74px; }
.homebannerbg header.fixedbg h1 a b { background-position: -190px 0; }
.homebannerbg header.fixedbg nav { margin-top: -40px; }
.bannerSlider { height: 400px; padding: 40px 0; padding-top: 180px; position: relative; }
.bannerimgWrap { width: 300px; display: block; position: absolute; left: 0; }
.bannerimgWrap img { max-width: 100%; }
.bannerTitle { width: 770px; display: block; text-align: center; padding: 100px 0 0 300px; }
.bannerTitle h2 { font-family: 'Theanodidot', sans-serif; color: rgba(255, 255, 255, 0.8); font-size: 42px; text-transform: uppercase; line-height: 50px; }
.bannerTitle p { font-size: 16px; line-height: 22px; color: #c1a275; padding: 10px 60px 0; font-weight: 400; }
.productSec { text-align: center; }
.prodBox { display: inline-block; width: 458px; height: 300px; padding: 40px 30px; background: rgba(255, 255, 255, 0.8); margin: 0 20px 30px; box-sizing: border-box; transition: all .4s ease; }
.prodBox:hover { background: rgba(255, 255, 255, 0.9); }
.prodBox a { display: block; }
.prodBox .prodimgWrap { width: 175px; height: 220px; text-align: center; display: table-cell; vertical-align: middle; }
.prodBox .prodimgWrap img { max-width: 100%; max-height: 100%; }
.prodBox .prodDetail { width: 220px; display: table-cell; text-align: center; vertical-align: top; }
.prodBox .prodDetail h3 { font-family: 'Theanodidot', sans-serif; text-transform: uppercase; font-size: 46px; line-height: 40px; margin-top: 20px; color: #3f221e; background: -webkit-linear-gradient(#793A32, #524240); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.prodBox .prodDetail small { font-family: 'Futuralt', sans-serif; text-transform: uppercase; color: #3f221e; font-size: 12px; font-weight: 700; letter-spacing: 2px; }
.prodBox .prodDetail .detailBtn { width: 160px; padding: 12px 0; text-align: center; text-transform: uppercase; display: block; color: #3f221e; border: 2px solid #a4998c; font-weight: 700; letter-spacing: 2px; font-size: 12px; margin: 30px auto 0; font-family: 'Futuralt', sans-serif; }
/* @Product Page */
.productBanner { position: relative; margin: 0 auto 40px; max-width: 1366px; }
.productBanner img { max-width: 100%; display: block; }
.productTitle,
.productTitle h2,
.productTitle small { transition: all 0.4s ease; }
.productTitle { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.8); min-width: 400px; padding: 40px 180px; box-sizing: border-box; text-align: center; }
.productTitle h2 { font-size: 46px; font-family: 'Theanodidot', sans-serif; color: #3f221e; text-transform: uppercase; line-height: 40px; font-weight: 700; }
.productTitle small { font-size: 12px; font-family: 'Futuralt', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; }
.productTitle span { position: absolute; left: 60px; top: 50%; margin-top: -24px; }
.productTitle.fixedBanner { position: fixed; top: 100px; width: 1366px; background: rgba(255, 255, 255, .95); z-index: 1; display: block; padding: 15px 150px; text-align: left; bottom: inherit; }
.productTitle.fixedBanner h2 { font-size: 28px; line-height: 22px; }
.productTitle.fixedBanner small { font-size: 10px; padding-left: 2px; }
.productContainer { padding-top: 40px; text-align: center; }
.prodItem { display: block; width: calc(50% - 50px); padding: 35px; box-sizing: border-box; background: #e8e7e9; position: relative; margin-bottom: 100px; }
.prodItem:nth-child(odd) { float: left; }
.prodItem:nth-child(even) { float: right; }
.prodItem .pattren { position: absolute; top: 55px; left: 55px; z-index: 1; }
.prodFrontBox,
.prodFrontBox h3,
.prodFrontBox span,
.prodFrontBox p,
.prodFrontBox .itemimgWrap,
.prodFrontBox .itemDetail,
.prodFrontBox .prodDetailBox { transition: all .6s ease; -webkit-transition: all .6s ease; }
.prodFrontBox { position: relative; border: 3px solid #dbcebc; box-sizing: border-box; overflow: hidden; height: 548px; }
.prodFrontBox h3 { font-family: 'Theanodidot', sans-serif; font-weight: 700; font-size: 20px; color: #3f221e; text-transform: uppercase; text-align: center; color: #3f221e; background: -webkit-linear-gradient(#793A32, #524240); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.prodFrontBox span { font-size: 18px; color: #3f221e; display: block; text-align: center; font-family: 'Futuralt', sans-serif; font-weight: 700; }
.prodFrontBox span b { font-family: 'Myriad Pro', sans-serif; font-size: 20px; padding-right: 5px; vertical-align: top; display: inline-block; }
.prodFrontBox p { font-size: 18px; color: #3f221e; font-family: 'Futuralt', sans-serif; letter-spacing: 2px; text-align: center; font-weight: 400; }
.prodFrontBox .itemimgWrap { text-align: center; display: block; padding: 60px 0; }
.prodFrontBox .itemimgWrap img { max-width: 100%; display: block; margin: 0 auto; }
.prodFrontBox .itemDetail { position: absolute; width: 100%; bottom: 0; right: 0; }
.prodFrontBox .prodDetailBox { position: absolute; background: #dbcebc; opacity: 0; height: 100%; left: 0; right: 0; width: 100%; }
.prodFrontBox .prodDetailBox .prodDetailTitle { background: #e8e7e9; overflow: hidden; padding-left: 60px; }
.prodFrontBox .prodDetailBox h3 { font-size: 22px; color: #3f221e; text-transform: uppercase; font-family: 'Theanodidot', sans-serif; text-align: center; padding: 15px 0 10px; color: #3f221e; background: -webkit-linear-gradient(#793A32, #524240); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.prodFrontBox .prodDetailBox span { font-size: 16px; font-family: 'Futuralt', sans-serif; display: block; text-align: center; padding: 10px 0; }
.prodFrontBox .prodDetailBox span b { font-family: 'Myriad Pro', sans-serif; }
.prodFrontBox .prodDetailBox p { font-size: 16px; font-family: 'Futuralt', sans-serif; letter-spacing: .5px; text-align: center; margin: 5px 0; color: #3f221e; }
.prodFrontBox .prodDetailBox .proDesc { padding: 15px; }
.prodFrontBox .prodDetailBox .proDesc .feature { font-family: 'Myriad Pro', sans-serif; font-weight: 600; text-align: left; color: #13091f; max-height: 120px; overflow: auto; }
.prodFrontBox .prodDetailBox .proDesc .proDesc span { font-weight: 400; font-family: 'Myriad Pro', sans-serif; padding: 30px 0 20px; line-height: 22px; letter-spacing: 1px; color: #13091f; }
.prodFrontBox .prodDetailBox .proDesc .prodIngredient { text-align: center; }
.prodFrontBox .prodDetailBox .proDesc .prodIngredient b { display: inline-block; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; margin: 0 15px; }
.prodFrontBox .prodDetailBox .proDesc .prodIngredient b img { max-width: 100%; max-height: 100%; }
.prodFrontBox .prodDetailBox .proDesc .prodDirection { border-top: 1px solid #d1c3ac; margin-top: 20px; padding-top: 10px; }
.prodFrontBox .prodDetailBox .proDesc .prodDirection h4 { font-size: 20px; color: #3f221e; font-family: 'Futuralt', sans-serif; letter-spacing: 2px; text-align: center; margin-bottom: 10px; font-weight: 400; }
.prodFrontBox .prodDetailBox .proDesc .prodDirection .directionNote { font-weight: 400; font-family: 'Myriad Pro', sans-serif; line-height: 22px; text-align: center; color: #13091f; margin: 0; letter-spacing: .5px; max-height: 110px; overflow: auto; }
.prodFrontBox:hover h3 { font-size: 18px; line-height: 20px; }
.prodFrontBox:hover span { font-size: 15px; }
.prodFrontBox:hover p { font-size: 15px; }
.prodFrontBox:hover .itemimgWrap { opacity: 0; }
.prodFrontBox:hover .itemDetail { transform: translatey(-468px); -webkit-transform: translatey(-468px); width: calc(100% - 80px); }
.prodFrontBox:hover .prodDetailBox { opacity: 1; transform: translatey(-375px); -webkit-transform: translatey(-375px); }
.prodFrontBox:hover .prodDetailBox span { padding-bottom: 20px; font-size: 14px; }
/* @About Page */
.aboutContainer { width: 1160px; margin: 60px auto 0; background: #e8e7e9; border-radius: 4px; position: relative; padding: 0 80px 60px; box-sizing: border-box; }
.aboutContainer h2 { font-size: 38px; padding: 20px 0; font-family: 'Theanodidot', sans-serif; text-align: center; text-transform: uppercase; color: #c1a275; border-bottom: 1px solid #b4b4b4; margin-bottom: 30px; position: relative; font-weight: 700; }
.aboutContainer h2 span { display: inline-block; position: relative; }
.aboutContainer h2 span:before,
.aboutContainer h2 span:after { content: ''; background: url(../images/truman-sprite.png); background-position: -119px -111px; width: 70px; height: 40px; position: absolute; top: 50%; margin-top: -20px; }
.aboutContainer h2 span:before { left: -100px; }
.aboutContainer h2 span:after { right: -100px; }
.aboutContainer p { color: #a68452; font-size: 20px; font-family: 'Myriad Pro', sans-serif; line-height: 32px; text-align: center; font-weight: 400; }
/* @Contact Page */
.contactContainer { width: 1160px; margin: 60px auto 0; background: #e8e7e9; border-radius: 4px; position: relative; padding: 0 80px 60px; box-sizing: border-box; }
.contactContainer h2 { font-size: 38px; padding: 20px 0; font-family: 'Theanodidot', sans-serif; text-align: center; text-transform: uppercase; color: #c1a275; border-bottom: 1px solid #b4b4b4; margin-bottom: 30px; position: relative; font-weight: 700; }
.contactContainer h2 span { display: inline-block; position: relative; }
.contactContainer h2 span:before,
.contactContainer h2 span:after { content: ''; background: url(../images/truman-sprite.png); background-position: -119px -111px; width: 70px; height: 40px; position: absolute; top: 50%; margin-top: -20px; }
.contactContainer h2 span:before { left: -100px; }
.contactContainer h2 span:after { right: -100px; }
.contactContainer h3 { font-size: 24px; color: #13091f; text-transform: uppercase; font-weight: 400; }
.contactContainer .contactInfo { width: 500px; float: left; }
.contactContainer .contactInfo ul { padding-top: 40px; }
.contactContainer .contactInfo li { margin-bottom: 10px; padding-right: 35px; }
.contactContainer .contactInfo p { color: #13091f; font-size: 18px; font-family: 'Myriad Pro', sans-serif; font-weight: 400; display: inline-block; vertical-align: top; width: 95px; }
.contactContainer .contactInfo p:last-child { width: calc(100% - 100px) }
.contactContainer .contactInfo p:last-child,
.contactContainer .contactInfo p a { color: #a68452; }
.contactContainer .contactInfo h3 + p { margin-top: 40px; }
.mapSection { width: 440px; height: 350px; margin-top: 30px; }
.contactContainer .contactForm { width: 500px; float: right; box-sizing: border-box; }
.contactContainer .contactForm h3 { text-align: center; }
.contactContainer .contactForm .formWrap { border-radius: 4px; border: 1px solid #a68452; padding: 20px; margin-top: 40px; }
.contactContainer .contactForm .formWrap p { position: relative; margin-bottom: 30px; }
.contactContainer .contactForm .formWrap p:first-child { margin-top: 10px; }
.contactContainer .contactForm .formWrap p .errorMsg { color: #a68452; font-size: 12px; position: absolute; right: 10px; top: 50%; margin-top: -4px; display: none; }
.contactContainer .contactForm .formWrap input { width: 100%; height: 40px; border: none; border-bottom: 1px solid #a68452; background: none; font-size: 20px; color: #a68452; padding-right: 50px; box-sizing: border-box; }
.contactContainer .contactForm .formWrap textarea { width: 100%; height: 98px; border: none; border-bottom: 1px solid #a68452; background: none; font-size: 20px; color: #a68452; padding-right: 50px; box-sizing: border-box; }
.contactContainer .contactForm .formWrap .submitBtn { width: 240px; text-align: center; height: 56px; line-height: 56px; background: #b3905c; border-radius: 4px; box-shadow: none; font-size: 24px; text-transform: uppercase; font-family: 'Myriad Pro', sans-serif; font-weight: 400; color: #3d2706; cursor: pointer; border: none; margin: 50px auto 20px; display: block; padding: 0; }
.innerpages { margin-top: 110px; }
/* @Grooming Tips */
.maintipsbox { text-align: center; }
.tipsbox { margin: 25px; width: calc(50% - 54px); display: inline-block; vertical-align: top; background: #fff; border-radius: 6px; padding: 20px; box-sizing: border-box; min-height: 300px; font-size: 14px; color: #a68452; }
.tipsbox:first-child .tipsbox-cover { }
.tipsbox h2 { color: #492a26; font-size: 22px; width: calc(100% - 215px); font-family: "Theanodidot"; text-transform: uppercase; }
.tipsbox p { padding-bottom: 10px; }
.tipsbox p:last-child { padding-bottom: 0; }
.tipsbox-cover { border: 4px solid #e7d7c0; box-sizing: border-box; }
.tipsbox-txt { padding: 10px 15px; box-sizing: border-box; width: calc(100% - 215px); float: left; min-height: 280px; }
.tipsbox-img { width: 215px; display: block; float: right; }
.tipsbox-img img { display: block; }
.styletipsbox,
 .successbox { text-align: center; background: #fff; border-radius: 6px; padding: 30px 80px; box-sizing: border-box; color: #a68452; font-size: 18px; margin-top: 35px; }
.styletipsbox h2,
 .successbox h2 { color: #492a26; font-size: 22px; font-family: "Theanodidot"; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #b4b4b4; margin-bottom: 30px; }
.styletipsbox h3,
 .successbox h3 { color: #492a26; font-size: 20px; font-family: "Theanodidot"; font-weight: normal; }
.styletipsbox p,
 .successbox p { margin-bottom: 20px; }
.successbox h3 { padding-bottom: 10px; border-bottom: 1px solid #b4b4b4; margin-bottom: 10px; }
.successbox { text-align: center; }
.successbox-list { width: calc(50% - 85px); display: inline-block; padding: 15px 30px; vertical-align: top; margin: 40px; border: 3px solid #e7d7c0; box-sizing: border-box; min-height: 250px; }
.styletipsbox h3,
.styletipsbox p { text-align: left; }
.successbox p { display: block; }
.tablebox { display: table; height: 150px; overflow: hidden; }
.tablecellbox { display: table-cell; vertical-align: middle; }
.schedulebox { margin: 30px auto; position: relative; width: 300px; box-sizing: border-box; border: 2px solid #a4998c; clear: both; }
.schedulebox:hover { background: rgba(255,255,255,.04); }
.schedulebox a { color: #fff; display: block; padding: 10px 25px; display: block; }
.schedulebox h2 { font-family: "Futuralt", sans-serif; color: #fff; font-size: 16px; text-transform: uppercase; line-height: 30px; font-weight: normal; }
.schedulebox small { font-size: 14px; line-height: 30px; color: #c1a275; font-weight: 400; font-family: "Myriad Pro", sans-serif; float: right; }
.clearfix:after { content: ""; clear: both; width: 0; height: 0; display: block; }
/* MODAL BOX */
.modalPopLite-mask { display: none; background: #000; z-index: 9000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.popupWrapper { display: none; width: 0; height: 0; overflow: hidden; }
.modalPopLite-wrapper { position: fixed; z-index: -1; top: 110px !important; }
.modalPopLite-wrapper .popupWrapper { display: block !important; height: auto; overflow: inherit; }
.modalPopLite-wrapper .popupWrapper.xtrawide { width: 820px; }
.modalPopLite-wrapper .popupWrapper.mediumwide { width: 680px; }
.modalPopLite-wrapper .popupWrapper.normalwide { width: 480px; }
.modalPopup { box-shadow: 0px 5px 10px rgba(0,0,0,0.5); background: #57382F; }
.modalcontent { padding: 20px 30px; position: relative; color: #B99C6B; }
.modalcontent .closemodalbtn { position: absolute; right: 20px; top: 20px; color: #fff; text-align: center; }
.modalcontent .closemodalbtn b { cursor: pointer; font-size: 26px; font-family: Verdana, Geneva, sans-serif; opacity: .8; display: block; }
.modalcontent .mc-head { padding-bottom: 30px; }
.modalcontent .mc-head h1 { font-size: 22px; line-height: 30px; font-weight: 900; color: #B99C6B; position: relative; font-family: 'Theanodidot', sans-serif; text-transform: uppercase; }
.modalcontent .mc-head h1 small { font-family: "Myriad Pro", sans-serif; font-size: 14px; font-weight: 400; }
.eventstyle li { display: block; float: left; width: 248px; margin: 0 5px 0 0; box-sizing: border-box; font-family: "Myriad Pro", sans-serif; font-size: 14px; font-weight: 400; color: #b09362; text-transform: uppercase; min-height: 125px; }
.eventstyle li:nth-child(3n+3) { margin-right: 0; }
.eventwrap { position: relative; }
.eventwrap:before { content: ""; width: 1px; height: 100%; display: block; position: absolute; left: 40px; top: 0; background: #b09362; opacity: .3; }
.eventwrap-date { width: 35px; text-align: right; position: absolute; left: 0; top: 2px; }
.eventwrap-date span { font-size: 28px; line-height: 24px; display: block; }
.eventwrap-place,
.eventwrap-venue,
.eventwrap-time { padding-left: 50px; }
.eventwrap-place b { font-weight: 500; font-size: 18px; color: #c9ac7b; }
.eventwrap-venue { font-size: 22px; line-height: 20px; font-weight: 400; }
.eventwrap-time b { font-size: 18px; line-height: 20px; font-weight: 400; }
.eventwrap-space { letter-spacing: 1px; padding: 0 5px; display: block; }
.eventwrap-space b { font-size: 24px; font-weight: 500; color: #c9ac7b; }
/* MESSAGE MODAL BOX */
 
 @-moz-document url-prefix() {
 .proDesc .feature {
font-weight: 500;
}
}
 @keyframes bounce_spinningSquaresG { 0% {
 transform:scale(1);
 background:#c1a275;
}
 100% {
 transform:scale(.3) rotate(90deg);
 background:#c1a275;
}
}