/*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ body { margin: 0; } .x-div-logo { position: absolute; z-index: 999; top: 54px; left: 100px; } .x-div-logo img { width: 400px; } .x-div-footer { position: fixed; bottom: 0px; width: 100%; height: 100px; background: url("/static/xvnjia/plugins/home/images/footer.png"); z-index: 100; } /************************* - CAPTIONS - **************************/ .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; } .tp-caption-demo .tp-caption { position: relative !important; display: inline-block; margin-bottom: 10px; margin-right: 20px !important; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #888; white-space: nowrap; } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; letter-spacing: -2px; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #000; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #fff; } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; margin: 0px; border-width: 0px; border-style: none; background-color: #4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: #de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.thintext_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size: 30px; line-height: 75px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.498039); padding: 50px 25px; text-align: center; border-radius: 500px 500px 500px 500px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 0px 20px 5px; text-shadow: none; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #db4360; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #fff; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #67ae73; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #ffffff; text-decoration: none; background-color: rgba(0, 0, 0, 1); text-shadow: none; margin: 0px; letter-spacing: -1.5px; padding: 1px 4px 0px 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; text-shadow: none; margin: 0px; padding: 1px 4px 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: rgb(117, 117, 117); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgba(235, 235, 235, 1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(52, 73, 94); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(227, 58, 12); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: rgb(243, 156, 18); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.grassfloor { text-decoration: none; background-color: rgba(160, 179, 151, 1); width: 4000px; height: 150px; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #ffffff; text-decoration: none; background-color: transparent; padding: 0px 0px 0px 0px; text-align: center; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(127, 140, 141); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.roundedimage { border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 10px 20px 15px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 255); padding: 5px 15px 10px; text-shadow: none; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: #279FBB; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url("/static/xvnjia/plugins/home/images/gradient/g40.png") repeat-x top; } .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width: 100%; position: relative; padding: 0; } .fullwidthbanner-container { width: 100%; position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthbanner { width: 100%; position: relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position: absolute; visibility: hidden; font-size: 1.4em -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width: none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url("/static/xvnjia/plugins/home/assets/shadow1.png") no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow2 { background: url("/static/xvnjia/plugins/home/assets/shadow2.png") no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url("/static/xvnjia/plugins/home/assets/shadow3.png") no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none } .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullscreenvideo .vjs-loading-spinner { visibility: none; display: none !important; width: 0px; height: 0px; } .fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing { visibility: hidden !important; opacity: 0 !important; display: none !important; width: 0px; height: 0px; overflow: hidden; } .fullcoveredvideo.video-js, .fullcoveredvideo video { background: transparent !important; } .fullcoveredvideo .vjs-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .tp-dottedoverlay.twoxtwo { background: url("/static/xvnjia/plugins/home/assets/gridtile.png") } .tp-dottedoverlay.twoxtwowhite { background: url("/static/xvnjia/plugins/home/assets/gridtile_white.png") } .tp-dottedoverlay.threexthree { background: url("/static/xvnjia/plugins/home/assets/gridtile_3x3.png") } .tp-dottedoverlay.threexthreewhite { background: url("/static/xvnjia/plugins/home/assets/gridtile_3x3_white.png") } /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: fixed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/ } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url("/static/xvnjia/plugins/home/assets/boxed_bgtile.png"); height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url("/static/xvnjia/plugins/home/assets/navigdots_bgtile.png"); height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: #fff; width: 66px; height: 4px; margin-right: 0px; float: left; margin-top: 0px; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/bullets.png") no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/bullets2.png") no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/bullets2.png") no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/bullet_boxed.png") no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/navigdots.png") no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background: #e6350b; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/large_left.png") no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/large_right.png") no-Repeat top left; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/small_left.png") no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/small_right.png") no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/arrow_left.png") no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/arrow_right.png") no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/small_left_boxed.png") no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/small_right_boxed.png") no-Repeat top left; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrowleft.png") no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrowright.png") no-Repeat top left; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrow_left2.png") no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrow_right2.png") no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrow_left2.png") no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/assets/arrow_right2.png") no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/large_left.png") no-Repeat 0 0; width: 40px; height: 40px; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url("/static/xvnjia/plugins/home/images/large_right.png") no-Repeat 0 0; width: 40px; height: 40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width: 100%; height: 10px; background: url("/static/xvnjia/plugins/home/images/timer.png"); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { bottom: 0px; height: 5px; top: auto; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none } .responsive .tparrows { display: none; } } /****************************** - HTML5 VIDEO SETTINGS - ********************************/ .vjs-tech { margin-top: 1px } .tp-caption .vjs-default-skin .vjs-big-play-button { left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; box-shadow: none; text-shadow: none; line-height: 30px; vertical-align: top; padding: 0px; } .tp-caption .vjs-default-skin .vjs-big-play-button:before { position: absolute; top: 0px; left: 0px; line-height: 40px; text-shadow: none !important; color: #fff; font-size: 18px; } .tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { box-shadow: none; -webkit-box-shadow: none; } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive>ul>li { list-stye: none; position: absolute; visibility: hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url("/static/xvnjia/plugins/home/images/coloredbg.png") repeat; } .tp-loader { background: url("/static/xvnjia/plugins/home/images/loader.gif") no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-transparentimg { content: "url("/static/xvnjia/plugins/home/images/transparent.png")" } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url("/static/xvnjia/plugins/home/font/revicons.eot"); src: url("/static/xvnjia/plugins/home/font/revicons.eot") format('embedded-opentype'), url("/static/xvnjia/plugins/home/font/revicons.woff") format('woff'), url("/static/xvnjia/plugins/home/font/revicons.ttf") format('truetype'), url("/static/xvnjia/plugins/home/font/revicons.svg") format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url("/static/xvnjia/plugins/home/font/revicons.svg") format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */