#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; display: block !important; } .baguetteBox-button#previous-button { left: 2%; display: block !important; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } .zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; } .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../image/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #999; z-index:110; } .zoomWrapperTitle{ display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; } /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ .wap-hd-nav { display: none; } @media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #162e53; } .wap-hd-nav-item { width: 25%; } .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: rgba(22, 46, 83, 0.85); } .wap-hd-nav-item a.active { color: white; background-color: #000; } } .m-mobilenav { display: none; } @media screen and (max-width: 991px) { .m-mobilenav { position: absolute; z-index: 11; padding-top: 25px; top: 0; left: 0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; } .m-mobilenav .mbnav-btn { position: absolute; z-index: 2; top: 20px; left: 17px; width: 26px; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-mobilenav .mbnav-btn .line { width: 100%; height: 2px; background-color: #fff; } .m-mobilenav .mbnav-btn .line2 { margin-top: 6px; margin-bottom: 6px; } .m-mobilenav .mbnav-btn.active { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .m-mobilenav .mbnav-bd { position: absolute; left: 0; top: 0; width: 300px; height: 100%; top: 0; visibility: hidden; z-index: 1; } .m-mobilenav .mbnav-bd.show { visibility: visible; } .m-mobilenav .mbnav-bd.show .mbnav-wp { height: 100%; opacity: 1; } .m-mobilenav .mbnav-bd.show .mbnav-item > a { opacity: 1; -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } .m-mobilenav .mbnav-wp { position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #333; top: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; opacity: 0; } .m-mobilenav .mbnav-fix { position: absolute; left: 0; top: 60px; height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; } .m-mobilenav .mbnav-item { position: relative; padding-left: 44px; padding-right: 24px; padding-top: 10px; padding-bottom: 10px; } .m-mobilenav .mbnav-item i { position: absolute; left: 13px; top: 12px; width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #333; font-size: 20px; font-size: 2rem; color: #fff; cursor: pointer; } .m-mobilenav .mbnav-item > a { display: block; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #fff; -webkit-transform: scale(1.1) translate(60px, -35px); -moz-transform: scale(1.1) translate(60px, -35px); -ms-transform: scale(1.1) translate(60px, -35px); -o-transform: scale(1.1) translate(60px, -35px); transform: scale(1.1) translate(60px, -35px); opacity: 0; -webkit-transition: .5s .1s; -o-transition: .5s .1s; -moz-transition: .5s .1s; transition: .5s .1s; } .m-mobilenav .mbnav-item > a.current:after { content: ""; margin-left: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-mobilenav .mbnav-item > a.active { color: #162e53; } .m-mobilenav .mbnav-item > a.active:after { background-color: #162e53; } .m-mobilenav .mbnav-item:nth-child(1) > a { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .m-mobilenav .mbnav-item:nth-child(2) > a { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .m-mobilenav .mbnav-item:nth-child(3) > a { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .m-mobilenav .mbnav-item:nth-child(4) > a { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .m-mobilenav .mbnav-item:nth-child(5) > a { -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } .m-mobilenav .mbnav-item:nth-child(6) > a { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .m-mobilenav .mbnav-item:nth-child(7) > a { -webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } .m-mobilenav .mbsbnav-list { padding: 10px 0; display: none; } .m-mobilenav .mbsbnav-item { position: relative; padding-left: 20px; padding-right: 5px; } .m-mobilenav .mbsbnav-item i { left: 0; top: 6px; line-height: 24px; } .m-mobilenav .mbsbnav-item a { display: block; padding: 5px 5px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; } .m-mobilenav .mbsbnav-item a.active { color: #162e53; } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.0.0 date: 29/10/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ #debungcontrolls { z-index:100000; position:fixed; bottom:0px; width:100%; height:auto; background:rgba(0,0,0,0.6); padding:10px; box-sizing: border-box; } .debugtimeline { width:100%; height:10px; position:relative; display:block; margin-bottom:3px; display:none; white-space: nowrap; box-sizing: border-box; } .debugtimeline:hover { height:15px; } .the_timeline_tester { background:#e74c3c; position:absolute; top:0px; left:0px; height:100%; width:0; } .debugtimeline.tl_slide .the_timeline_tester { background:#f39c12; } .debugtimeline.tl_frame .the_timeline_tester { background:#3498db; } .debugtimline_txt { color:#fff; font-weight: 400; font-size:7px; position:absolute; left:10px; top:0px; white-space: nowrap; line-height: 10px; } .rtl { direction: rtl;} [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "iconfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* 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); */ } /****************************** - BASIC STYLES - ******************************/ .rev_slider_wrapper{ position:relative; z-index: 0; } .rev_slider{ position:relative; overflow:visible; } .tp-overflow-hidden { overflow:hidden !important;} .group_ov_hidden { overflow:hidden} .tp-simpleresponsive img, .rev_slider img{ max-width:none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin:0px; padding:0px; border-width:0px; border:none; } .rev_slider .no-slides-text{ font-weight:bold; text-align:center; padding-top:80px; } .rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li{ list-style:none !important; position:absolute; margin:0px !important; padding:0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image:none; background-position:0px 0px; text-indent: 0em; top:0px;left:0px; } .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li { visibility:hidden; } .tp-revslider-slidesli, .tp-revslider-mainul { padding:0 !important; margin:0 !important; list-style:none !important; } .rev_slider li.tp-revslider-slidesli { position: absolute !important; } .tp-caption .rs-untoggled-content { display:block;} .tp-caption .rs-toggled-content { display:none;} .rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;} .rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;} .rev_slider .tp-caption, .rev_slider .caption { position:relative; visibility:hidden; white-space: nowrap; display: block; } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child{ margin-bottom:0; } .tp-svg-layer svg { width:100%; height:100%;position: relative;vertical-align: top} /* CAROUSEL FUNCTIONS */ .tp-carousel-wrapper { cursor: move; } .tp-carousel-wrapper.dragged { cursor: move; } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index:1 } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position:absolute; -webkit-font-smoothing: antialiased !important; } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all; } .tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption, .tp-parallax-wrap.tp-hidden-caption { visibility:hidden !important; display:none !important } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider audio, .rev_slider video { max-width: none !important } .tp-element-background { position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0;} /*********************************************************** - ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS - ***********************************************************/ .rev_row_zone { position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; } .rev_row_zone_top { top:0px;} .rev_row_zone_middle { top:50%; -webit-transform:translateY(-50%);transform:translateY(-50%);} .rev_row_zone_bottom { bottom:0px;} .rev_column .tp-parallax-wrap { vertical-align: top } .rev_slider .tp-caption.rev_row { display:table; position:relative; width:100% !important; table-layout: fixed; box-sizing: border-box; vertical-align: top; height:auto !important; } .rev_column { display: table-cell; position: relative; vertical-align: top; height: auto; box-sizing: border-box; } .rev_column_inner { box-sizing: border-box; display: block; position: relative; width:100% !important; height:auto !important; } .rev_column_bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; box-sizing: border-box; background-clip: content-box; border: 0px solid transparent; } .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-loop-wrap, .rev_column_inner .tp-mask-wrap { text-align: inherit; } .rev_column_inner .tp-mask-wrap { display: inline-block;} .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;} .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap, .rev_column_inner .rev_layer_in_column { vertical-align: top; } .rev_break_columns { display: block !important } .rev_break_columns .tp-parallax-wrap.rev_column { display:block !important; width:100% !important; } /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .rev_slider_wrapper { width:100%;} .fullscreen-container { position:relative; padding:0; } .fullwidthbanner-container{ position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthabanner{ width:100%; position:relative; } /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position:absolute; z-index:101; top:0px;left:0px; /*pointer-events:none;*/ } .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; } .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ .rs-background-video-layer { position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;} .tp-caption.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;} .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo audio, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe audio, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo audio, .fullscreenvideo audio .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .videoisplaying .html5vid .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height:50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition:opacity 300ms ease-out !important; -moz-transition:opacity 300ms ease-out !important; -o-transition:opacity 300ms ease-out !important; transition:opacity 300ms ease-out !important; } .tp-hiddenaudio, .tp-audio-html5 .tp-video-play-button { display:none !important;} .tp-caption .html5vid { width:100% !important; height:100% !important;} .tp-video-play-button i { width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;} .tp-caption:hover .tp-video-play-button { opacity: 1;} .tp-caption .tp-revstop { display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;} .videoisplaying .revicon-right-dir { display:none} .videoisplaying .tp-revstop { display:inline-block} .videoisplaying .tp-video-play-button { display:none} .tp-caption:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .fullscreenvideo .fullscreenvideo audio { object-fit:contain !important;} .fullscreenvideo .fullscreenvideo video { object-fit:contain !important;} .fullscreenvideo .fullcoveredvideo audio { object-fit:cover !important;} .fullscreenvideo .fullcoveredvideo video { object-fit:cover !important;} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(to bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, rgb(0,0,0)),color-stop(1, rgb(50,50,50))); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9;} .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer;} .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; vertical-align: middle;} .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} .rs-fullvideo-cover { width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;} .rs-background-video-layer video::-webkit-media-controls { display:none !important;} .rs-background-video-layer audio::-webkit-media-controls { display:none !important;} .tp-audio-html5 .tp-video-controls { opacity: 1 !important; visibility: visible !important} .disabled_lc .tp-video-play-button { display:none !important; } .disabled_lc .tp-video-play-button { display:none !important; } /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3} /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;} .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); } .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width:300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8); box-shadow: 0 15px 10px rgba(0,0,0,0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content:""; position:absolute; z-index:-2; -webkit-box-shadow:0 0 25px 0px rgba(0,0,0,0.6); -moz-box-shadow:0 0 25px 0px rgba(0,0,0,0.6); box-shadow:0 0 25px 0px rgba(0,0,0,0.6); top:30%; bottom:0; left:20px; right:20px; -moz-border-radius:100px / 20px; border-radius:100px / 20px; } /****************************** - BUTTONS - *******************************/ .tp-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; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none; } .tp-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; } .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position:bottom, 15px 11px} /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .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-button.blue, .tp-button:hover.blue, .purchase.blue, .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-button.red, .tp-button:hover.red, .purchase.red, .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-button.orange, .tp-button:hover.orange, .purchase.orange, .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-button.darkgrey,.tp-button.grey, .tp-button:hover.darkgrey,.tp-button:hover.grey, .purchase.darkgrey, .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-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .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} /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family: "Roboto", sans-serif; cursor: pointer;} .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; } .rev-btn.rev-withicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left:10px !important;} .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left:10px !important; width:auto !important;} /* REV BUTTONS MEDIUM */ .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; } /* REV BUTTONS SMALL */ .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; } /* ROUNDING OPTIONS */ .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BURGER BUTTON */ .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51,51,51,0.25); tap-highlight-color: transparent; cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg); } #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0; } #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255,255,255,0.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border:none; } .rev-burger.revb-whitefull span { background:#333; } .rev-burger.revb-darkfull { background: #333; border:none; } .rev-burger.revb-darkfull span { background:#fff; } /* SCROLL DOWN BUTTON */ @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% { opacity: 0;top: 50%;} 100% { opacity: 0;top: 29%;} } @-moz-keyframes rev-ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } @keyframes rev-ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width:35px; height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background:#fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background:#333; border:none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite; } .rev-scroll-btn.revs-dark { border-color:#333; } .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.50); width:60px; height:60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255,255,255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255,255,255, 0.75); } .rev-sbutton { line-height: 37px; width:37px; height:37px; } .rev-sbutton-blue { background-color: #3B5998 } .rev-sbutton-lightblue { background-color: #00A0D1; } .rev-sbutton-red { background-color: #DD4B39; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width:100%; height:5px; background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px} .tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px} /********************************************* - 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-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; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px;} .tp-caption.slidelink a span{} .tp-shape { width:100%;height:100%;} /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .tp-caption .rs-starring { display: inline-block} .tp-caption .rs-starring .star-rating { float: none;} .tp-caption .rs-starring .star-rating { color: #FFC321 !important; display: inline-block; vertical-align: top; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; } .tp-caption .rs-starring .star-rating:before, .tp-caption .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute; } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important; } .tp-caption .rs-starring .star-rating span:before, .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { font-size: 1em !important; font-family: star; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background-image:url(../image/loader.gif); background-repeat:no-repeat; background-position: center center; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background-image:url(../image/loader.gif); background-repeat:no-repeat; background-position:10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% {-webkit-transform: scale(1.0); opacity: 0;} } @keyframes tp-scaleout { 0% {transform: scale(0.0);-webkit-transform: scale(0.0);} 100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;} } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% {transform: scale(0.0);} 40% {transform: scale(1.0);} } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% {transform: scale(0.0);} 50% { transform: scale(1.0);} } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border:none; min-height: 0; margin:0; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;} .tp-tabs, .tp-thumbs, .tp-bullets { position:absolute; display:block; z-index:1000; top:0px; left:0px;} .tp-tab, .tp-thumb { cursor: pointer; position:absolute;opacity:0.5; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;} .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity:1;} .tp-tab-mask, .tp-thumb-mask { box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important} .tp-tabs, .tp-thumbs { box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing: content-box !important} .tp-bullet { width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;} .tp-bullet.selected, .tp-bullet:hover { background:#fff;} .tp-bannertimer { background:#000; background:rgba(0,0,0,0.15); height:5px;} .tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; } .tparrows:hover { background:#000;} .tparrows:before { font-family: "iconfont"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;} .tparrows.tp-leftarrow:before { content: '\e730'; } .tparrows.tp-rightarrow:before { content: '\e731'; } /*************************** - KEN BURNS FIXES - ***************************/ body.rtl .tp-kbimg {left: 0 !important} /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);} /******************* - DEBUG MODE - *******************/ .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal;} .hginfo { position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;} .indebugmode .tp-caption:hover { border:1px dashed #c0392b !important;} .helpgrid { border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 } #revsliderlogloglog { padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;} /** INSTAGRAM FILTERS BY UNA https://una.im/CSSgram/ **/ .aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Layer Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited { color:#0084B4!important; } .tp-caption.Twitter-Content a:hover { color:#0084B4!important; text-decoration:underline!important; } .tp-caption.medium_grey,.medium_grey { background-color:#888; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:20px; font-weight:700; line-height:20px; margin:0; padding:2px 4px; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.small_text,.small_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:14px; font-weight:700; line-height:20px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.medium_text,.medium_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:20px; font-weight:700; line-height:20px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.large_text,.large_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:40px; font-weight:700; line-height:40px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.very_large_text,.very_large_text { border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:60px; font-weight:700; letter-spacing:-2px; line-height:60px; margin:0; position:absolute; text-shadow:0 2px 5px rgba(0,0,0,0.5); white-space:nowrap; } .tp-caption.very_big_white,.very_big_white { background-color:#000; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:60px; font-weight:800; line-height:60px; margin:0; padding:1px 4px 0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.very_big_black,.very_big_black { background-color:#fff; border-style:none; border-width:0; color:#000; font-family:Arial; font-size:60px; font-weight:700; line-height:60px; margin:0; padding:1px 4px 0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_fat,.modern_medium_fat { border-style:none; border-width:0; color:#000; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:800; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white,.modern_medium_fat_white { border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:800; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_medium_light,.modern_medium_light { border-style:none; border-width:0; color:#000; font-family:"Open Sans", sans-serif; font-size:24px; font-weight:300; line-height:20px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.modern_big_bluebg,.modern_big_bluebg { background-color:#4e5b6c; border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:30px; font-weight:800; letter-spacing:0; line-height:36px; margin:0; padding:3px 10px; position:absolute; text-shadow:none; } .tp-caption.modern_big_redbg,.modern_big_redbg { background-color:#de543e; border-style:none; border-width:0; color:#fff; font-family:"Open Sans", sans-serif; font-size:30px; font-weight:300; letter-spacing:0; line-height:36px; margin:0; padding:1px 10px 3px; position:absolute; text-shadow:none; } .tp-caption.modern_small_text_dark,.modern_small_text_dark { border-style:none; border-width:0; color:#555; font-family:Arial; font-size:14px; line-height:22px; margin:0; position:absolute; text-shadow:none; white-space:nowrap; } .tp-caption.boxshadow,.boxshadow { box-shadow:0 0 20px rgba(0,0,0,0.5); } .tp-caption.black,.black { color:#000; text-shadow:none; } .tp-caption.noshadow,.noshadow { text-shadow:none; } .tp-caption.thinheadline_dark,.thinheadline_dark { background-color:transparent; color:rgba(0,0,0,0.85); font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:30px; position:absolute; text-shadow:none; } .tp-caption.thintext_dark,.thintext_dark { background-color:transparent; color:rgba(0,0,0,0.85); font-family:"Open Sans"; font-size:16px; font-weight:300; line-height:26px; position:absolute; text-shadow:none; } .tp-caption.largeblackbg,.largeblackbg { background-color:#000; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largepinkbg,.largepinkbg { background-color:#db4360; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largewhitebg,.largewhitebg { background-color:#fff; border-radius:0; color:#000; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.largegreenbg,.largegreenbg { background-color:#67ae73; border-radius:0; color:#fff; font-family:"Open Sans"; font-size:50px; font-weight:300; line-height:70px; padding:0 20px; position:absolute; text-shadow:none; } .tp-caption.excerpt,.excerpt { background-color:rgba(0,0,0,1); border-color:#fff; border-style:none; border-width:0; color:#fff; font-family:Arial; font-size:36px; font-weight:700; height:auto; letter-spacing:-1.5px; line-height:36px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; white-space:normal!important; width:150px; } .tp-caption.large_bold_grey,.large_bold_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#666; font-family:"Open Sans"; font-size:60px; font-weight:800; line-height:60px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.medium_thin_grey,.medium_thin_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#666; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:30px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.small_thin_grey,.small_thin_grey { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#757575; font-family:"Open Sans"; font-size:18px; font-weight:300; line-height:26px; margin:0; padding:1px 4px 0; text-decoration:none; text-shadow:none; } .tp-caption.lightgrey_divider,.lightgrey_divider { background-color:rgba(235,235,235,1); background-position:initial; background-repeat:initial; border-color:#222; border-style:none; border-width:0; height:3px; text-decoration:none; width:370px; } .tp-caption.large_bold_darkblue,.large_bold_darkblue { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#34495e; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.medium_bg_darkblue,.medium_bg_darkblue { background-color:#34495e; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_bold_red,.medium_bold_red { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#e33a0c; font-family:"Open Sans"; font-size:24px; font-weight:800; line-height:30px; padding:0; text-decoration:none; } .tp-caption.medium_light_red,.medium_light_red { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#e33a0c; font-family:"Open Sans"; font-size:21px; font-weight:300; line-height:26px; padding:0; text-decoration:none; } .tp-caption.medium_bg_red,.medium_bg_red { background-color:#e33a0c; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_bold_orange,.medium_bold_orange { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#f39c12; font-family:"Open Sans"; font-size:24px; font-weight:800; line-height:30px; text-decoration:none; } .tp-caption.medium_bg_orange,.medium_bg_orange { background-color:#f39c12; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.grassfloor,.grassfloor { background-color:rgba(160,179,151,1); border-color:#222; border-style:none; border-width:0; height:150px; text-decoration:none; width:4000px; } .tp-caption.large_bold_white,.large_bold_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.medium_light_white,.medium_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:36px; padding:0; text-decoration:none; } .tp-caption.mediumlarge_light_white,.mediumlarge_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-decoration:none; } .tp-caption.mediumlarge_light_white_center,.mediumlarge_light_white_center { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-align:center; text-decoration:none; } .tp-caption.medium_bg_asbestos,.medium_bg_asbestos { background-color:#7f8c8d; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:20px; font-weight:800; line-height:20px; padding:10px; text-decoration:none; } .tp-caption.medium_light_black,.medium_light_black { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:36px; padding:0; text-decoration:none; } .tp-caption.large_bold_black,.large_bold_black { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:58px; font-weight:800; line-height:60px; text-decoration:none; } .tp-caption.mediumlarge_light_darkblue,.mediumlarge_light_darkblue { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#34495e; font-family:"Open Sans"; font-size:34px; font-weight:300; line-height:40px; padding:0; text-decoration:none; } .tp-caption.small_light_white,.small_light_white { background-color:transparent; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:17px; font-weight:300; line-height:28px; padding:0; text-decoration:none; } .tp-caption.roundedimage,.roundedimage { border-color:#222; border-style:none; border-width:0; } .tp-caption.large_bg_black,.large_bg_black { background-color:#000; border-color:#ffd658; border-style:none; border-width:0; color:#fff; font-family:"Open Sans"; font-size:40px; font-weight:800; line-height:40px; padding:10px 20px 15px; text-decoration:none; } .tp-caption.mediumwhitebg,.mediumwhitebg { background-color:#fff; border-color:#000; border-style:none; border-width:0; color:#000; font-family:"Open Sans"; font-size:30px; font-weight:300; line-height:30px; padding:5px 15px 10px; text-decoration:none; text-shadow:none; } .tp-caption.maincaption,.maincaption { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#212a40; font-family:roboto; font-size:33px; font-weight:500; line-height:43px; text-decoration:none; text-shadow:none; } .tp-caption.miami_title_60px,.miami_title_60px { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#fff; font-family:"Source Sans Pro"; font-size:60px; font-weight:700; letter-spacing:1px; line-height:60px; text-decoration:none; text-shadow:none; } .tp-caption.miami_subtitle,.miami_subtitle { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:rgba(255,255,255,0.65); font-family:"Source Sans Pro"; font-size:17px; font-weight:400; letter-spacing:2px; line-height:24px; text-decoration:none; text-shadow:none; } .tp-caption.divideline30px,.divideline30px { background:#fff; background-color:#fff; border-color:#222; border-style:none; border-width:0; height:2px; min-width:30px; text-decoration:none; } .tp-caption.Miami_nostyle,.Miami_nostyle { border-color:#222; border-style:none; border-width:0; } .tp-caption.miami_content_light,.miami_content_light { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#fff; font-family:"Source Sans Pro"; font-size:22px; font-weight:400; letter-spacing:0; line-height:28px; text-decoration:none; text-shadow:none; } .tp-caption.miami_title_60px_dark,.miami_title_60px_dark { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#333; font-family:"Source Sans Pro"; font-size:60px; font-weight:700; letter-spacing:1px; line-height:60px; text-decoration:none; text-shadow:none; } .tp-caption.miami_content_dark,.miami_content_dark { background-color:transparent; border-color:#000; border-style:none; border-width:0; color:#666; font-family:"Source Sans Pro"; font-size:22px; font-weight:400; letter-spacing:0; line-height:28px; text-decoration:none; text-shadow:none; } .tp-caption.divideline30px_dark,.divideline30px_dark { background-color:#333; border-color:#222; border-style:none; border-width:0; height:2px; min-width:30px; text-decoration:none; } .tp-caption.ellipse70px,.ellipse70px { background-color:rgba(0,0,0,0.14902); border-color:#222; border-radius:50px 50px 50px 50px; border-style:none; border-width:0; cursor:pointer; line-height:1px; min-height:70px; min-width:70px; text-decoration:none; } .tp-caption.arrowicon,.arrowicon { border-color:#222; border-style:none; border-width:0; line-height:1px; } .tp-caption.MarkerDisplay,.MarkerDisplay { background-color:transparent; border-color:#000; border-radius:0 0 0 0; border-style:none; border-width:0; font-family:"Permanent Marker"; font-style:normal; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Restaurant-Display,.Restaurant-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:120px; font-style:normal; font-weight:700; line-height:120px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Cursive,.Restaurant-Cursive { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:"Nothing you could do"; font-size:30px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-ScrollDownText,.Restaurant-ScrollDownText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:17px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:17px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Description,.Restaurant-Description { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Price,.Restaurant-Price { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:#fff; font-family:Roboto; font-size:30px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Restaurant-Menuitem,.Restaurant-Menuitem { background-color:rgba(0,0,0,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:17px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Furniture-LogoText,.Furniture-LogoText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(230,207,163,1.00); font-family:Raleway; font-size:160px; font-style:normal; font-weight:300; line-height:150px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Plus,.Furniture-Plus { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; box-shadow:rgba(0,0,0,0.1) 0 1px 3px; color:rgba(230,207,163,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:400; line-height:20px; padding:6px 7px 4px; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Title,.Furniture-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:700; letter-spacing:3px; line-height:20px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Furniture-Subtitle,.Furniture-Subtitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; line-height:20px; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Gym-Display,.Gym-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:80px; font-style:normal; font-weight:900; line-height:70px; padding:0; text-decoration:none; } .tp-caption.Gym-Subline,.Gym-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:100; letter-spacing:5px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Gym-SmallText,.Gym-SmallText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; line-height:22; padding:0; text-decoration:none; text-shadow:none; } .tp-caption.Fashion-SmallText,.Fashion-SmallText { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:12px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:20px; padding:0; text-decoration:none; } .tp-caption.Fashion-BigDisplay,.Fashion-BigDisplay { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:60px; font-style:normal; font-weight:900; letter-spacing:2px; line-height:60px; padding:0; text-decoration:none; } .tp-caption.Fashion-TextBlock,.Fashion-TextBlock { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:400; letter-spacing:2px; line-height:40px; padding:0; text-decoration:none; } .tp-caption.Sports-Display,.Sports-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:130px; font-style:normal; font-weight:100; letter-spacing:13px; line-height:130px; padding:0; text-decoration:none; } .tp-caption.Sports-DisplayFat,.Sports-DisplayFat { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:130px; font-style:normal; font-weight:900; line-height:130px; padding:0; text-decoration:none; } .tp-caption.Sports-Subline,.Sports-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(0,0,0,1.00); font-family:Raleway; font-size:32px; font-style:normal; font-weight:400; letter-spacing:4px; line-height:32px; padding:0; text-decoration:none; } .tp-caption.Instagram-Caption,.Instagram-Caption { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:20px; font-style:normal; font-weight:900; line-height:20px; padding:0; text-decoration:none; } .tp-caption.News-Title,.News-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:70px; font-style:normal; font-weight:400; line-height:60px; padding:0; text-decoration:none; } .tp-caption.News-Subtitle,.News-Subtitle { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:15px; font-style:normal; font-weight:300; line-height:24px; padding:0; text-decoration:none; } .tp-caption.News-Subtitle:hover,.News-Subtitle:hover { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:solid; border-width:0; color:rgba(255,255,255,0.65); text-decoration:none; } .tp-caption.Photography-Display,.Photography-Display { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:80px; font-style:normal; font-weight:100; letter-spacing:5px; line-height:70px; padding:0; text-decoration:none; } .tp-caption.Photography-Subline,.Photography-Subline { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(119,119,119,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover,.Photography-ImageHover { background-color:transparent; border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-size:20px; font-style:normal; font-weight:400; line-height:22; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover:hover,.Photography-ImageHover:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Menuitem,.Photography-Menuitem { background-color:rgba(0,0,0,0.65); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-decoration:none; } .tp-caption.Photography-Menuitem:hover,.Photography-Menuitem:hover { background-color:rgba(0,255,222,0.65); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Textblock,.Photography-Textblock { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-Subline-2,.Photography-Subline-2 { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.35); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:3px; line-height:30px; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover2,.Photography-ImageHover2 { background-color:transparent; border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Arial; font-size:20px; font-style:normal; font-weight:400; line-height:22; padding:0; text-decoration:none; } .tp-caption.Photography-ImageHover2:hover,.Photography-ImageHover2:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.WebProduct-Title,.WebProduct-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(51,51,51,1.00); font-family:Raleway; font-size:90px; font-style:normal; font-weight:100; line-height:90px; padding:0; text-decoration:none; } .tp-caption.WebProduct-SubTitle,.WebProduct-SubTitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-decoration:none; } .tp-caption.WebProduct-Content,.WebProduct-Content { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; line-height:24px; padding:0; text-decoration:none; } .tp-caption.WebProduct-Menuitem,.WebProduct-Menuitem { background-color:rgba(51,51,51,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:500; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Menuitem:hover,.WebProduct-Menuitem:hover { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(153,153,153,1.00); text-decoration:none; } .tp-caption.WebProduct-Title-Light,.WebProduct-Title-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:90px; font-style:normal; font-weight:100; line-height:90px; padding:0; text-align:left; text-decoration:none; } .tp-caption.WebProduct-SubTitle-Light,.WebProduct-SubTitle-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.35); font-family:Raleway; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Content-Light,.WebProduct-Content-Light { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,0.65); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; line-height:24px; padding:0; text-align:left; text-decoration:none; } .tp-caption.FatRounded,.FatRounded { background-color:rgba(0,0,0,0.50); border-color:rgba(211,211,211,1.00); border-radius:50px 50px 50px 50px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:900; line-height:30px; padding:20px 22px 20px 25px; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.FatRounded:hover,.FatRounded:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(211,211,211,1.00); border-radius:50px 50px 50px 50px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-Title,.NotGeneric-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:70px; font-style:normal; font-weight:800; line-height:70px; padding:10px 0; text-decoration:none; } .tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:13px; font-style:normal; font-weight:500; letter-spacing:4px; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-CallToAction,.NotGeneric-CallToAction { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-CallToAction:hover,.NotGeneric-CallToAction:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-Icon,.NotGeneric-Icon { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0); border-radius:0 0 0 0; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:400; letter-spacing:3px; line-height:30px; padding:0; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Menuitem,.NotGeneric-Menuitem { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.15); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:27px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Menuitem:hover,.NotGeneric-Menuitem:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.MarkerStyle,.MarkerStyle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Permanent Marker"; font-size:17px; font-style:normal; font-weight:100; line-height:30px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Gym-Menuitem,.Gym-Menuitem { background-color:rgba(0,0,0,1.00); border-color:rgba(255,255,255,0); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:20px; font-style:normal; font-weight:300; letter-spacing:2px; line-height:20px; padding:3px 5px 3px 8px; text-align:left; text-decoration:none; } .tp-caption.Gym-Menuitem:hover,.Gym-Menuitem:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(255,255,255,0.25); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Newspaper-Button,.Newspaper-Button { background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0.25); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:13px; font-style:normal; font-weight:700; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(0,0,0,1.00); text-decoration:none; } .tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(168,216,238,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:900; line-height:20px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Title,.Newspaper-Title { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:50px; font-style:normal; font-weight:400; line-height:55px; padding:0 0 10px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Title-Centered,.Newspaper-Title-Centered { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:"Roboto Slab"; font-size:50px; font-style:normal; font-weight:400; line-height:55px; padding:0 0 10px; text-align:center; text-decoration:none; } .tp-caption.Hero-Button,.Hero-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Hero-Button:hover,.Hero-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(0,0,0,1.00); text-decoration:none; } .tp-caption.Video-Title,.Video-Title { background-color:rgba(0,0,0,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:30px; font-style:normal; font-weight:900; line-height:30px; padding:5px; text-align:left; text-decoration:none; } .tp-caption.Video-SubTitle,.Video-SubTitle { background-color:rgba(0,0,0,0.35); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:12px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:12px; padding:5px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Button,.NotGeneric-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-Button:hover,.NotGeneric-Button:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.15); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:14px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:14px; padding:27px 30px; text-align:left; text-decoration:none; } .tp-caption.NotGeneric-BigButton:hover,.NotGeneric-BigButton:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.WebProduct-Button,.WebProduct-Button { background-color:rgba(51,51,51,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:16px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:48px; padding:0 40px; text-align:left; text-decoration:none; } .tp-caption.WebProduct-Button:hover,.WebProduct-Button:hover { background-color:rgba(255,255,255,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:2px; color:rgba(51,51,51,1.00); text-decoration:none; } .tp-caption.Restaurant-Button,.Restaurant-Button { background-color:rgba(10,10,10,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:500; letter-spacing:3px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Restaurant-Button:hover,.Restaurant-Button:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,224,129,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Gym-Button,.Gym-Button { background-color:rgba(139,192,39,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:15px; padding:13px 35px; text-align:left; text-decoration:none; } .tp-caption.Gym-Button:hover,.Gym-Button:hover { background-color:rgba(114,168,0,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Gym-Button-Light,.Gym-Button-Light { background-color:transparent; border-color:rgba(255,255,255,0.25); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; line-height:15px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Gym-Button-Light:hover,.Gym-Button-Light:hover { background-color:rgba(114,168,0,0); border-color:rgba(139,192,39,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Sports-Button-Light,.Sports-Button-Light { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Sports-Button-Light:hover,.Sports-Button-Light:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Sports-Button-Red,.Sports-Button-Red { background-color:rgba(219,28,34,1.00); border-color:rgba(219,28,34,0); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:17px; font-style:normal; font-weight:600; letter-spacing:2px; line-height:17px; padding:12px 35px; text-align:left; text-decoration:none; } .tp-caption.Sports-Button-Red:hover,.Sports-Button-Red:hover { background-color:rgba(0,0,0,1.00); border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Photography-Button,.Photography-Button { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.25); border-radius:30px 30px 30px 30px; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); font-family:Raleway; font-size:15px; font-style:normal; font-weight:600; letter-spacing:1px; line-height:15px; padding:13px 35px; text-align:left; text-decoration:none; } .tp-caption.Photography-Button:hover,.Photography-Button:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:1px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Newspaper-Button-2,.Newspaper-Button-2 { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.50); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:900; line-height:15px; padding:10px 30px; text-align:left; text-decoration:none; } .tp-caption.Newspaper-Button-2:hover,.Newspaper-Button-2:hover { background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,1.00); border-radius:3px 3px 3px 3px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Tour,.Feature-Tour { background-color:rgba(139,192,39,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:17px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Tour:hover,.Feature-Tour:hover { background-color:rgba(114,168,0,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Examples,.Feature-Examples { background-color:transparent; border-color:rgba(33,42,64,0.15); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(33,42,64,0.50); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:15px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Examples:hover,.Feature-Examples:hover { background-color:transparent; border-color:rgba(139,192,39,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(139,192,39,1.00); text-decoration:none; } .tp-caption.subcaption,.subcaption { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(111,124,130,1.00); font-family:roboto; font-size:19px; font-style:normal; font-weight:400; line-height:24px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.menutab,.menutab { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,46,49,1.00); font-family:roboto; font-size:25px; font-style:normal; font-weight:300; line-height:30px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.menutab:hover,.menutab:hover { background-color:transparent; border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(213,0,0,1.00); text-decoration:none; } .tp-caption.maincontent,.maincontent { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,46,49,1.00); font-family:roboto; font-size:21px; font-style:normal; font-weight:300; line-height:26px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.minitext,.minitext { background-color:transparent; border-color:rgba(0,0,0,1.00); border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(185,186,187,1.00); font-family:roboto; font-size:15px; font-style:normal; font-weight:400; line-height:20px; padding:0; text-align:left; text-decoration:none; text-shadow:none; } .tp-caption.Feature-Buy,.Feature-Buy { background-color:rgba(0,154,238,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:17px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Buy:hover,.Feature-Buy:hover { background-color:rgba(0,133,214,1.00); border-color:rgba(0,0,0,0); border-radius:30px 30px 30px 30px; border-style:solid; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Feature-Examples-Light,.Feature-Examples-Light { background-color:transparent; border-color:rgba(255,255,255,0.15); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:17px; font-style:normal; font-weight:700; line-height:17px; padding:15px 35px; text-align:left; text-decoration:none; } .tp-caption.Feature-Examples-Light:hover,.Feature-Examples-Light:hover { background-color:transparent; border-color:rgba(255,255,255,1.00); border-radius:30px 30px 30px 30px; border-style:solid; border-width:2px; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Facebook-Likes,.Facebook-Likes { background-color:rgba(59,89,153,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(255,255,255,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:5px 15px; text-align:left; text-decoration:none; } .tp-caption.Twitter-Favorites,.Twitter-Favorites { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(136,153,166,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Twitter-Link,.Twitter-Link { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; color:rgba(135,153,165,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:15px; padding:11px 11px 9px; text-align:left; text-decoration:none; } .tp-caption.Twitter-Link:hover,.Twitter-Link:hover { background-color:rgba(0,132,180,1.00); border-color:transparent; border-radius:30px 30px 30px 30px; border-style:none; border-width:0; color:rgba(255,255,255,1.00); text-decoration:none; } .tp-caption.Twitter-Retweet,.Twitter-Retweet { background-color:rgba(255,255,255,0); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(136,153,166,1.00); font-family:Roboto; font-size:15px; font-style:normal; font-weight:500; line-height:22px; padding:0; text-align:left; text-decoration:none; } .tp-caption.Twitter-Content,.Twitter-Content { background-color:rgba(255,255,255,1.00); border-color:transparent; border-radius:0 0 0 0; border-style:none; border-width:0; color:rgba(41,47,51,1.00); font-family:Roboto; font-size:20px; font-style:normal; font-weight:500; line-height:28px; padding:30px 30px 70px; text-align:left; text-decoration:none; } .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"]{ font-family: "Arial", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } .tp-caption.BigBold-Title, .BigBold-Title { color: rgba(255, 255, 255, 1.00); font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0px 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.BigBold-SubTitle, .BigBold-SubTitle { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 24px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button, .BigBold-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 13px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.50); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.BigBold-Button:hover, .BigBold-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.FoodCarousel-Content, .FoodCarousel-Content { color: rgba(41, 46, 49, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 30px 30px 30px 30px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.FoodCarousel-Button, .FoodCarousel-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 70px 15px 50px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-Button:hover, .FoodCarousel-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.FoodCarousel-CloseButton, .FoodCarousel-CloseButton { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.FoodCarousel-CloseButton:hover, .FoodCarousel-CloseButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Video-SubTitle, .Video-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px; text-align: left } .tp-caption.Video-Title, .Video-Title { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-BigCaption, .Travel-BigCaption { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 20px 12px 20px; text-decoration: none; background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px } .tp-caption.RotatingWords-TitleWhite, .RotatingWords-TitleWhite { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0px 0px 0px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.RotatingWords-Button, .RotatingWords-Button { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px 20px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 3px } .tp-caption.RotatingWords-Button:hover, .RotatingWords-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.RotatingWords-SmallText, .RotatingWords-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; text-shadow: none } .tp-caption.ContentZoom-SmallTitle, .ContentZoom-SmallTitle { color: rgba(41, 46, 49, 1.00); font-size: 33px; line-height: 45px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallSubtitle, .ContentZoom-SmallSubtitle { color: rgba(111, 124, 130, 1.00); font-size: 16px; line-height: 24px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallIcon, .ContentZoom-SmallIcon { color: rgba(41, 46, 49, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 10px 10px 10px 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-SmallIcon:hover, .ContentZoom-SmallIcon:hover { color: rgba(111, 124, 130, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.ContentZoom-DetailTitle, .ContentZoom-DetailTitle { color: rgba(41, 46, 49, 1.00); font-size: 70px; line-height: 70px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-DetailSubTitle, .ContentZoom-DetailSubTitle { color: rgba(111, 124, 130, 1.00); font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-DetailContent, .ContentZoom-DetailContent { color: rgba(111, 124, 130, 1.00); font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ContentZoom-Button, .ContentZoom-Button { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-Button:hover, .ContentZoom-Button:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.ContentZoom-ButtonClose, .ContentZoom-ButtonClose { color: rgba(41, 46, 49, 1.00); font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(41, 46, 49, 0.50); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .tp-caption.ContentZoom-ButtonClose:hover, .ContentZoom-ButtonClose:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(41, 46, 49, 1.00); border-color: rgba(41, 46, 49, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px } .tp-caption.Newspaper-Title, .Newspaper-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 55px; font-weight: 400; font-style: normal; font-family: "Roboto Slab"; padding: 0 0 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { color: rgba(168, 216, 238, 1.00); font-size: 15px; line-height: 20px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Newspaper-Button, .Newspaper-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px; text-align: left } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; text-shadow: none } @media only screen and (max-width: 767px) { .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { width: 200px !important; } } .revtp-searchform input[type="submit"], .revtp-form input[type="submit"] { font-family: "Arial", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; border-radius: 0px; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Concept-Title, .Concept-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 5px } .tp-caption.Concept-SubTitle, .Concept-SubTitle { color: rgba(255, 255, 255, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: ""Playfair Display""; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Content, .Concept-Content { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-MoreBtn, .Concept-MoreBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn:hover, .Concept-MoreBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-LessBtn, .Concept-LessBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-LessBtn:hover, .Concept-LessBtn:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-SubTitle-Dark, .Concept-SubTitle-Dark { color: rgba(0, 0, 0, 0.65); font-size: 25px; line-height: 25px; font-weight: 700; font-style: italic; font-family: "Playfair Display"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Title-Dark, .Concept-Title-Dark { color: rgba(0, 0, 0, 1.00); font-size: 70px; line-height: 70px; font-weight: 700; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 10px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 5px } .tp-caption.Concept-MoreBtn-Dark, .Concept-MoreBtn-Dark { color: rgba(0, 0, 0, 1.00); font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 10px 8px 7px 10px; text-decoration: none; text-align: left; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .tp-caption.Concept-MoreBtn-Dark:hover, .Concept-MoreBtn-Dark:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 50px 50px 50px 50px } .tp-caption.Concept-Content-Dark, .Concept-Content-Dark { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px } .tp-caption.Concept-Notice, .Concept-Notice { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 15px; font-weight: 400; font-style: normal; font-family: "Roboto Condensed"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: none; border-width: 2px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Concept-Content a, .tp-caption.Concept-Content a:visited { color: #fff !important; border-bottom: 1px solid #fff !important; font-weight: 700 !important; } .tp-caption.Concept-Content a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Concept-Content-Dark a, .tp-caption.Concept-Content-Dark a:visited { color: #000 !important; border-bottom: 1px solid #000 !important; font-weight: 700 !important; } .tp-caption.Concept-Content-Dark a:hover { border-bottom: 1px solid transparent !important; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.Creative-Title, .Creative-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Creative-SubTitle, .Creative-SubTitle { color: rgba(205, 176, 131, 1.00); font-size: 14px; line-height: 14px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Creative-Button, .Creative-Button { color: rgba(205, 176, 131, 1.00); font-size: 13px; line-height: 13px; font-weight: 400; font-style: normal; font-family: Lato; padding: 15px 50px 15px 50px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px } .tp-caption.Creative-Button:hover, .Creative-Button:hover { color: rgba(205, 176, 131, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(205, 176, 131, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.subcaption, .subcaption { color: rgba(111, 124, 130, 1.00); font-size: 19px; line-height: 24px; font-weight: 400; font-style: normal; font-family: roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(0, 0, 0, 1.00); border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-shadow: none; text-align: left } .tp-caption.RedDot, .RedDot { color: rgba(0, 0, 0, 1.00); font-weight: 400; font-style: normal; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: rgba(213, 0, 0, 1.00); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.RedDot:hover, .RedDot:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 0.75); border-color: rgba(213, 0, 0, 1.00); border-style: solid; border-width: 5px; border-radius: 50px 50px 50px 50px } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.SlidingOverlays-Title, .SlidingOverlays-Title { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-Rating, .Woo-Rating { color: rgba(0, 0, 0, 1.00); font-size: 14px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-SubTitle, .Woo-SubTitle { color: rgba(0, 0, 0, 1.00); font-size: 18px; line-height: 18px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: rgba(0, 0, 0, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 75px 12px 50px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(254, 207, 114, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; text-align: left; } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(243, 168, 71, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px } .tp-caption.FullScreen-Toggle, .FullScreen-Toggle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 11px 8px 11px 12px; text-decoration: none; text-align: left; background-color: rgba(0, 0, 0, 0.50); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 3px; text-align: left } .tp-caption.FullScreen-Toggle:hover, .FullScreen-Toggle:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 1.00); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px } .tp-caption.Agency-Title, .Agency-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.Agency-SubTitle, .Agency-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-PlayBtn, .Agency-PlayBtn { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-PlayBtn:hover, .Agency-PlayBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 2px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Agency-SmallText, .Agency-SmallText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 12px; font-weight: 900; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 5px } .tp-caption.Agency-Social, .Agency-Social { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Agency-Social:hover, .Agency-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 2px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.Agency-CloseBtn, .Agency-CloseBtn { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.Agency-CloseBtn:hover, .Agency-CloseBtn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0); border-style: none; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.Dining-Title, .Dining-Title { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.Dining-SubTitle, .Dining-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Dining-BtnLight, .Dining-BtnLight { color: rgba(255, 255, 255, 0.50); font-size: 15px; line-height: 15px; font-weight: 700; font-style: normal; font-family: Lato; padding: 17px 73px 17px 50px; text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 2px } .tp-caption.Dining-BtnLight:hover, .Dining-BtnLight:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px } .tp-caption.Dining-Social, .Dining-Social { color: rgba(255, 255, 255, 1.00); font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.Dining-Social:hover, .Dining-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } tp-caption.Team-Thumb, .Team-Thumb { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Thumb:hover, .Team-Thumb:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Team-Name, .Team-Name { color: rgba(255, 255, 255, 1.00); font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Position, .Team-Position { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Description, .Team-Description { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 28px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Team-Social, .Team-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Team-Social:hover, .Team-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.VideoControls-Play, .VideoControls-Play { color: rgba(0, 0, 0, 1.00); font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 7px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { color: rgba(255, 255, 255, 1.00); font-size: 40px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 10px } .tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.VideoPlayer-Social, .VideoPlayer-Social { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.VideoPlayer-Social:hover, .VideoPlayer-Social:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.VideoControls-Mute, .VideoControls-Mute { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: rgba(0, 0, 0, 1.00); font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 100px 100px 100px 100px; cursor: pointer } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.SleekLanding-Title, .SleekLanding-Title { color: rgba(255, 255, 255, 1.00); font-size: 35px; line-height: 40px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 5px } .tp-caption.SleekLanding-ButtonBG, .SleekLanding-ButtonBG { color: rgba(0, 0, 0, 1.00); font-weight: 700; font-style: normal; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.10); border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 0px; border-radius: 5px 5px 5px 5px; text-align: left; box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15) } .tp-caption.SleekLanding-SmallTitle, .SleekLanding-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 2px } .tp-caption.SleekLanding-BottomText, .SleekLanding-BottomText { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.SleekLanding-Social, .SleekLanding-Social { color: rgba(255, 255, 255, 1.00); font-size: 22px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.SleekLanding-Social:hover, .SleekLanding-Social:hover { color: rgba(0, 0, 0, 0.25); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } #rev_slider_429_1_wrapper .tp-loader.spinner2 { background-color: #555555 !important; } .tp-fat { font-weight: 900 !important; } .tp-caption.PostSlider-Category, .PostSlider-Category { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 15px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 3px; text-align: left } .tp-caption.PostSlider-Title, .PostSlider-Title { color: rgba(0, 0, 0, 1.00); font-size: 40px; line-height: 40px; font-weight: 400; font-style: normal; font-family: "Playfair Display"; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.PostSlider-Content, .PostSlider-Content { color: rgba(119, 119, 119, 1.00); font-size: 15px; line-height: 23px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.PostSlider-Button, .PostSlider-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 40px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 56px 1px 32px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left } .tp-caption.PostSlider-Button:hover, .PostSlider-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(238, 238, 238, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; cursor: pointer } /* media queries */ @media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} .tp-caption.LandingPage-Title, .LandingPage-Title { color:rgba(255, 255, 255, 1.00); font-size:70px; line-height:80px; font-weight:900; font-style:normal; font-family:Lato; padding:0 0 0 0px; text-decoration:none; background-color:transparent; border-color:transparent; border-style:none; border-width:0px; border-radius:0 0 0 0px; text-align:left; letter-spacing:10px } .tp-caption.LandingPage-SubTitle, .LandingPage-SubTitle { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 30px; font-weight: 400; font-style: italic; font-family: Georgia, serif; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.LandingPage-Button, .LandingPage-Button { color: rgba(0, 0, 0, 1.00); font-size: 15px; line-height: 54px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 35px 0px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 3px } .tp-caption.LandingPage-Button:hover, .LandingPage-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.App-Content a, .tp-caption.App-Content a:visited { color: #89124e !important; border-bottom: 1px solid transparent !important; font-weight: bold !important; } .tp-caption.App-Content a:hover { border-bottom: 1px solid #89124e !important; } .tp-caption.RockBand-LogoText, .RockBand-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Oswald; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #fff !important; text-decoration: underline !important; } .tp-caption.Twitter-Content a:hover { color: #fff !important; text-decoration: none !important; } .soundcloudwrapper iframe { width: 100% !important } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 1px } .tp-caption.ComingSoon-Highlight, .ComingSoon-Highlight { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 37px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 20px 3px 20px; text-decoration: none; text-align: left; background-color: rgba(0, 154, 238, 1.00); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ComingSoon-Count, .ComingSoon-Count { color: rgba(255, 255, 255, 1.00); font-size: 50px; line-height: 50px; font-weight: 900; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.ComingSoon-CountUnit, .ComingSoon-CountUnit { color: rgba(255, 255, 255, 1.00); font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.ComingSoon-NotifyMe, .ComingSoon-NotifyMe { color: rgba(164, 157, 143, 1.00); font-size: 27px; line-height: 35px; font-weight: 600; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } #mc_embed_signup input#mce-EMAIL { font-family: "Lato", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 1px solid #fff; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; border-radius: 0px; } #mc_embed_signup input#mce-EMAIL[type="email"]:focus { background-color: #fff; border: 1px solid #666; border-right: 0; } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; font-weight: 900; padding: 0 20px; border: 1px solid #009aee; background: #009aee; color: #fff; border-radius: 0px; } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #0083d4; } @media only screen and (max-width: 767px) { #mc_embed_signup input#mce-EMAIL { width: 200px; } } .tp-caption.Agency-SmallTitle, .Agency-SmallTitle { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 22px; font-weight: 400; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 6px } .tp-caption.Agency-SmallContent, .Agency-SmallContent { color: rgba(255, 255, 255, 1.00); font-size: 15px; line-height: 24px; font-weight: 400; font-style: normal; font-family: lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-SmallLink, .Agency-SmallLink { color: rgba(248, 124, 9, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #f87c09 !important } .tp-caption.Agency-SmallLink:hover, .Agency-SmallLink:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-NavButton, .Agency-NavButton { color: rgba(51, 51, 51, 1.00); font-size: 17px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; text-align: center } .tp-caption.Agency-NavButton:hover, .Agency-NavButton:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(51, 51, 51, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.Agency-SmallLinkGreen, .Agency-SmallLinkGreen { color: rgba(109, 177, 155, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #6db19b !important } .tp-caption.Agency-SmallLinkGreen:hover, .Agency-SmallLinkGreen:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-SmallLinkBlue, .Agency-SmallLinkBlue { color: rgba(153, 153, 153, 1.00); font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: lato; padding: 0 0 0px 0; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #999 !important } .tp-caption.Agency-SmallLinkBlue:hover, .Agency-SmallLinkBlue:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.Agency-LogoText, .Agency-LogoText { color: rgba(255, 255, 255, 1.00); font-size: 12px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; letter-spacing: 1px } .tp-caption.Agency-ArrowTooltip, .Agency-ArrowTooltip { color: rgba(51, 51, 51, 1.00); font-size: 15px; line-height: 20px; font-weight: 400; font-style: normal; font-family: "Permanent Marker"; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.Agency-SmallSocial, .Agency-SmallSocial { color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.Agency-SmallSocial:hover, .Agency-SmallSocial:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.CreativeFrontPage-Btn, .CreativeFrontPage-Btn { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 60px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0px 50px 0px 50px; text-decoration: none; text-align: left; background-color: rgba(0, 104, 92, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 4px 4px 4px 4px; letter-spacing: 2px } .tp-caption.CreativeFrontPage-Btn:hover, .CreativeFrontPage-Btn:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 4px 4px 4px 4px; cursor: pointer } .tp-caption.CreativeFrontPage-Menu, .CreativeFrontPage-Menu { color: rgba(255, 255, 255, 1.00); font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; font-family: roboto; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px } .tp-flip-index { z-index: 1000 !important; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.FullScreenMenu-Category, .FullScreenMenu-Category { color: rgba(17, 17, 17, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px 30px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 3px } .tp-caption.FullScreenMenu-Title, .FullScreenMenu-Title { color: rgba(255, 255, 255, 1.00); font-size: 65px; line-height: 70px; font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px 30px; text-decoration: none; text-align: left; background-color: rgba(17, 17, 17, 0.90); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } .tp-caption.TechJournal-Button, .TechJournal-Button { color: rgba(255, 255, 255, 1.00); font-size: 13px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 1px 30px 1px 30px; text-decoration: none; text-align: left; background-color: rgba(138, 0, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; letter-spacing: 3px } .tp-caption.TechJournal-Button:hover, .TechJournal-Button:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 1.00); border-style: solid; border-width: 0px; border-radius: 0px 0px 0px 0px; cursor: pointer } .tp-caption.TechJournal-Big, .TechJournal-Big { color: rgba(255, 255, 255, 1.00); font-size: 120px; line-height: 120px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 0px } .rev_slider { overflow: hidden; } .effect_layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0px; left: 0px; width: 100% } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-DownButton, .FullSiteBlock-DownButton { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 1px 1px 1px 1px; text-decoration: none; text-align: center; background-color: transparent; border-color: rgba(51, 51, 51, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: center } .tp-caption.FullSiteBlock-DownButton:hover, .FullSiteBlock-DownButton:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: rgba(0, 150, 255, 1.00); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; cursor: pointer } .rev_slider { overflow: hidden; } .effect_layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { padding: 3px; background-color: rgba(0, 0, 0, 0.25); display: inline-block; width: 100%; height: 100%; position: relative; margin: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; } .gyges .tp-thumb-image { padding: 3px; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); } .tp-caption.FullSiteBlock-Title, .FullSiteBlock-Title { color: rgba(51, 51, 51, 1.00); font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0, 150, 255, 1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-Link:hover, .FullSiteBlock-Link:hover { color: rgba(51, 51, 51, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.FullSiteBlock-FooterLink, .FullSiteBlock-FooterLink { color: rgba(85, 85, 85, 1.00); font-size: 15px; line-height: 20px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left } .tp-caption.FullSiteBlock-FooterLink:hover, .FullSiteBlock-FooterLink:hover { color: rgba(0, 150, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px!important; } #tp-socialwrapper { opacity: 0; } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0px; left: 0px; width: 100% } #tp-menubg { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */ } #mc_embed_signup input[type="email"] { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; background-color: #fff; color: #888 !important; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #mc_embed_signup input[type="email"]::-webkit-input-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]::-moz-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]:-ms-input-placeholder { color: #888 !important; } #mc_embed_signup input[type="email"]:focus { background-color: #f5f5f5; color: #454545; } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: "Lato", sans-serif; line-height: 46px; font-size: 16px; font-weight: 700; padding: 0 30px; border: 0; background: #f04531; text-transform: none; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #e03727; } @media only screen and (max-width: 767px) { #mc_embed_signup input[type="email"] { width: 260px; } } @media only screen and (max-width: 480px) { #mc_embed_signup input[type="email"] { width: 160px; } } #rev_slider_167_6 .uranus.tparrows { width: 50px; height: 50px; background: rgba(255, 255, 255, 0); } #rev_slider_167_6 .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all 0.3s; -webkit-transition: all 0.3s; } #rev_slider_167_6 .uranus.tparrows:hover:before { opacity: 0.75; } .tp-caption.FullSiteBlock-SubTitle, .FullSiteBlock-SubTitle { color: rgba(51, 51, 51, 1.00); font-size: 25px; line-height: 34px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center } .tp-caption.ParallaxWebsite-FooterItem, .ParallaxWebsite-FooterItem { color: rgba(255, 255, 255, 0.50); font-size: 16px; line-height: 24px; font-weight: 400; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: left; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px } .tp-caption.ParallaxWebsite-FooterItem:hover, .ParallaxWebsite-FooterItem:hover { color: rgba(255, 255, 255, 1.00); text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px!important; } iframe.twitter-share-button { display: none; } .fb-share-button.fb_iframe_widget iframe { display: none; } .tp-caption.FullSiteBlock-Link, .FullSiteBlock-Link { color: rgba(0,150,255,1.00); font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Lato; padding: 0 0 0 0px; text-decoration: none; text-align: center; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: center; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ARES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .ares.tparrows { cursor:pointer; background:#fff; min-width:60px; min-height:60px; position:absolute; display:block; z-index:100; border-radius:50%; } .ares.tparrows:hover { } .ares.tparrows:before { font-family: "iconfont"; font-size:25px; color:#aaa; display:block; line-height: 60px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index:2; position:relative; } .ares.tparrows.tp-leftarrow:before { content: "\e81f"; } .ares.tparrows.tp-rightarrow:before { content: "\e81e"; } .ares.tparrows:hover:before { color:#000; } .ares .tp-title-wrap { position:absolute; z-index:1; display:inline-block; background:#fff; min-height:60px; line-height:60px; top:0px; margin-left:30px; border-radius:0px 30px 30px 0px; overflow:hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .ares.tp-rightarrow .tp-title-wrap { right:0px; margin-right:30px;margin-left:0px; -webkit-transform-origin:100% 50%; border-radius:30px 0px 0px 30px; } .ares.tparrows:hover .tp-title-wrap { transform:scaleX(1) scaleY(1); -webkit-transform:scaleX(1) scaleY(1); } .ares .tp-arr-titleholder { position:relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#000; font-weight:400; font-size:14px; line-height:60px; white-space:nowrap; padding:0px 20px; margin-left:10px; opacity:0; } .ares.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:10px; } .ares.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .ares.tp-bullets { } .ares.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .ares .tp-bullet { width:13px; height:13px; position:absolute; background:#e5e5e5; border-radius:50%; cursor: pointer; box-sizing:content-box; } .ares .tp-bullet:hover, .ares .tp-bullet.selected { background:#fff; } .ares .tp-bullet-title { position:absolute; color:#888; font-size:12px; padding:0px 10px; font-weight:600; right:27px; top:-4px; background:#fff; background:rgba(255,255,255,0.75); visibility:hidden; transform:translateX(-20px); -webkit-transform:translateX(-20px); transition:transform 0.3s; -webkit-transition:transform 0.3s; line-height:20px; white-space:nowrap; } .ares .tp-bullet-title:after { width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(255,255,255,0.75); content:" "; position:absolute; right:-10px; top:0px; } .ares .tp-bullet:hover .tp-bullet-title{ visibility:visible; transform:translateX(0px); -webkit-transform:translateX(0px); } .ares .tp-bullet.selected:hover .tp-bullet-title { background:#fff; } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color:transparent transparent transparent #fff; } .ares.tp-bullets:hover .tp-bullet-title { visibility:hidden; } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility:visible; } /* TABS */ .ares .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5; } .ares .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .ares .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .ares .tp-tab-date { display:block; color: #aaa; font-weight:500; font-size:12px; margin-bottom:0px; } .ares .tp-tab-title { display:block; text-align:left; color:#333; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .ares .tp-tab:hover, .ares .tp-tab.selected { background:#eee; } .ares .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - CUSTOM SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .custom.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:10000; } .custom.tparrows:hover { background:#000; } .custom.tparrows:before { font-family: "iconfont"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .custom.tparrows.tp-leftarrow:before { content: "\e730"; } .custom.tparrows.tp-rightarrow:before { content: "\e731"; } /* BULLETS */ .custom.tp-bullets { } .custom.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .custom .tp-bullet { width:12px; height:12px; position:absolute; background:#aaa; background:rgba(125,125,125,0.5); cursor: pointer; box-sizing:content-box; } .custom .tp-bullet:hover, .custom .tp-bullet.selected { background:rgb(125,125,125); } .custom .tp-bullet-image { } .custom .tp-bullet-title { } /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - DIONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .dione.tparrows { height:100%; width:100px; background:transparent; background:rgba(0,0,0,0); line-height:100%; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione.tparrows:hover { background:rgba(0,0,0,0.45); } .dione .tp-arr-imgwrapper { width:100px; left:0px; position:absolute; height:100%; top:0px; overflow:hidden; } .dione.tp-rightarrow .tp-arr-imgwrapper { left:auto; right:0px; } .dione .tp-arr-imgholder { background-position:center center; background-size:cover; width:100px; height:100%; top:0px; visibility:hidden; transform:translateX(-50px); -webkit-transform:translateX(-50px); transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0; left:0px; } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right:0px; left:auto; transform:translateX(50px); -webkit-transform:translateX(50px); } .dione.tparrows:before { position:absolute; line-height:30px; margin-left:-22px; top:50%; left:50%; font-size:30px; margin-top:-15px; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione.tparrows.tp-rightarrow:before { margin-left:6px; } .dione.tparrows:hover:before { transform:translateX(-20px); -webkit-transform:translateX(-20px); opacity:0; } .dione.tparrows.tp-rightarrow:hover:before { transform:translateX(20px); -webkit-transform:translateX(20px); } .dione.tparrows:hover .tp-arr-imgholder { transform:translateX(0px); -webkit-transform:translateX(0px); opacity:1; visibility:visible; } /* BULLETS */ .dione .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .dione .tp-bullet-image { display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width:44px; height:44px; background-size:cover; background-position:center center; } .dione .tp-bullet-title { position:absolute; bottom:65px; display:inline-block; left:50%; background:#000; background:rgba(0,0,0,0.75); color:#fff; padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; opacity:0; white-space:nowrap; } .dione .tp-bullet:hover .tp-bullet-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .dione .tp-bullet.selected, .dione .tp-bullet:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .dione .tp-bullet-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ERINYEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .erinyen.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); min-width:70px; min-height:70px; position:absolute; display:block; z-index:1000; border-radius:35px; } .erinyen.tparrows:before { font-family: "iconfont"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .erinyen.tparrows.tp-leftarrow:before { content: "\e730"; } .erinyen.tparrows.tp-rightarrow:before { content: "\e731"; } .erinyen .tp-title-wrap { position:absolute; z-index:1; display:inline-block; background:#000; background:rgba(0,0,0,0.5); min-height:70px; line-height:70px; top:0px; margin-left:0px; border-radius:35px; overflow:hidden; transition: opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility:hidden; opacity:0; } .erinyen.tparrows:hover .tp-title-wrap{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity:1; visibility:visible; } .erinyen.tp-rightarrow .tp-title-wrap { right:0px; margin-right:0px;margin-left:0px; -webkit-transform-origin:100% 50%; border-radius:35px; padding-right:20px; padding-left:10px; } .erinyen.tp-leftarrow .tp-title-wrap { padding-left:20px; padding-right:10px; } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position:relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:translateX(200px); text-transform:uppercase; color:#fff; font-weight:600; font-size:13px; line-height:70px; white-space:nowrap; padding:0px 20px; margin-left:11px; opacity:0; } .erinyen .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; } .erinyen .tp-arr-img-over { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); } .erinyen.tp-rightarrow .tp-arr-titleholder { transform:translateX(-200px); margin-left:0px; margin-right:11px; } .erinyen.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } /* BULLETS */ .erinyen.tp-bullets { } .erinyen.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #555555; /* old browsers */ background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #555555 0%,#222222 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #555555 0%,#222222 100%); /* ie10+ */ background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */ padding:10px 15px; margin-left:-15px;margin-top:-10px; box-sizing:content-box; border-radius:10px; box-shadow:0px 0px 2px 1px rgba(33,33,33,0.3); } .erinyen .tp-bullet { width:13px; height:13px; position:absolute; background:#111; border-radius:50%; cursor: pointer; box-sizing:content-box; } .erinyen .tp-bullet:hover, .erinyen .tp-bullet.selected { background: #e5e5e5; /* old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #999999 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#999999 100%); /* ie10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#999999 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */ border:1px solid #555; width:12px;height:12px; } .erinyen .tp-bullet-image { } .erinyen .tp-bullet-title { } /* THUMBS */ .erinyen .tp-thumb { opacity:1 } .erinyen .tp-thumb-over { background:#000; background:rgba(0,0,0,0.25); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .erinyen .tp-thumb-more:before { font-family: "iconfont"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:20px; right:20px; z-index:2; } .erinyen .tp-thumb-more:before { content: "\e731"; } .erinyen .tp-thumb-title { font-family:"Raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .erinyen .tp-thumb.selected .tp-thumb-more:before, .erinyen .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background:#fff; } .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color:#000; } /* TABS */ .erinyen .tp-tab-title { color:#a8d8ee; font-size:13px; font-weight:700; text-transform:uppercase; font-family:"Roboto Slab"; margin-bottom:5px; } .erinyen .tp-tab-desc { font-size:18px; font-weight:400; color:#fff; line-height:25px; font-family:"Roboto Slab"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - GYGES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ .gyges.tp-bullets { } .gyges.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #777777 0%,#666666 100%); background: -o-linear-gradient(top, #777777 0%,#666666 100%); background: -ms-linear-gradient(top, #777777 0%,#666666 100%); background: linear-gradient(to bottom, #777777 0%,#666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", endColorstr="#666666",GradientType=0 ); padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; border-radius:10px; } .gyges .tp-bullet { width:12px; height:12px; position:absolute; background:#333; border:3px solid #444; border-radius:50%; cursor: pointer; box-sizing:content-box; } .gyges .tp-bullet:hover, .gyges .tp-bullet.selected { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */ } .gyges .tp-bullet-image { } .gyges .tp-bullet-title { } /* THUMBS */ .gyges .tp-thumb { opacity:1 } .gyges .tp-thumb-img-wrap { padding:3px; background:#000; background-color:rgba(0,0,0,0.25); display:inline-block; width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .gyges .tp-thumb-image { padding:3px; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); } .gyges .tp-thumb-title { position:absolute; bottom:100%; display:inline-block; left:50%; background:rgba(255,255,255,0.8); padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; margin-bottom:20px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; white-space:nowrap; } .gyges .tp-thumb:hover .tp-thumb-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .gyges .tp-thumb-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(255,255,255,0.8) transparent transparent transparent; bottom:-8px; } /* TABS */ .gyges .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid rgba(255,255,255,0.15); } .gyges .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .gyges .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .gyges .tp-tab-date { display:block; color: rgba(255,255,255,0.25); font-weight:500; font-size:12px; margin-bottom:0px; } .gyges .tp-tab-title { display:block; text-align:left; color:#fff; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .gyges .tp-tab:hover, .gyges .tp-tab.selected { background:rgba(0,0,0,0.5); } .gyges .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HADES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hades.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.15); width:100px; height:100px; position:absolute; display:block; z-index:1000; } .hades.tparrows:before { font-family: "iconfont"; font-size:30px; color:#fff; display:block; line-height: 100px; text-align: center; transition: background 0.3s, color 0.3s; } .hades.tparrows.tp-leftarrow:before { content: "\e730"; } .hades.tparrows.tp-rightarrow:before { content: "\e731"; } .hades.tparrows:hover:before { color:#aaa; background:#fff; background:rgba(255,255,255,1); } .hades .tp-arr-allwrapper { position:absolute; left:100%; top:0px; background:#888; width:100px;height:100px; -webkit-transition: all 0.3s; transition: all 0.3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .hades.tp-rightarrow .tp-arr-allwrapper { left:auto; right:100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg); } .hades:hover .tp-arr-allwrapper { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg); } .hades .tp-arr-iwrapper { } .hades .tp-arr-imgholder { background-size:cover; position:absolute; top:0px;left:0px; width:100%;height:100%; } .hades .tp-arr-titleholder { } .hades .tp-arr-subtitleholder { } /* BULLETS */ .hades.tp-bullets { } .hades.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hades .tp-bullet { width:3px; height:3px; position:absolute; background:#888; cursor: pointer; border:5px solid #fff; box-sizing:content-box; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-perspective:400; perspective:400; -webkit-transform:translatez(0.01px); transform:translatez(0.01px); } .hades .tp-bullet:hover, .hades .tp-bullet.selected { background:#555; } .hades .tp-bullet-image { position:absolute;top:-80px; left:-60px;width:120px;height:60px; background-position:center center; background-size:cover; visibility:hidden; opacity:0; transition:all 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -webkit-perspective:600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2); transform-origin:50% 100%; -webkit-transform-origin:50% 100%; } .hades .tp-bullet:hover .tp-bullet-image { display:block; opacity:1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); visibility:visible; } .hades .tp-bullet-title { } /* THUMBS */ .hades .tp-thumb { opacity:1 } .hades .tp-thumb-img-wrap { border-radius:50%; padding:3px; display:inline-block; background:#000; background-color:rgba(0,0,0,0.25); width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; } .hades .tp-thumb-image { padding:3px; border-radius:50%; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); } .hades .tp-thumb:hover .tp-thumb-img-wrap, .hades .tp-thumb.selected .tp-thumb-img-wrap { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .hades .tp-thumb-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } /* TABS */ .hades .tp-tab { opacity:1; } .hades .tp-tab-title { display:block; color:#333; font-weight:600; font-size:18px; text-align:center; line-height:25px; } .hades .tp-tab-price { display:block; text-align:center; color:#999; font-size:16px; margin-top:10px; line-height:20px } .hades .tp-tab-button { display:inline-block; margin-top:15px; text-align:center; padding:5px 15px; color:#fff; font-size:14px; background:#219bd7; border-radius:4px; font-weight:400; } .hades .tp-tab-inner { text-align:center; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEBE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hebe.tparrows { cursor:pointer; background:#fff; min-width:70px; min-height:70px; position:absolute; display:block; z-index:1000; } .hebe.tparrows:hover { } .hebe.tparrows:before { font-family: "iconfont"; font-size:30px; color:#aaa; display:block; line-height: 70px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index:2; position:relative; background:#fff; min-width:70px; min-height:70px; } .hebe.tparrows.tp-leftarrow:before { content: "\e730"; } .hebe.tparrows.tp-rightarrow:before { content: "\e731"; } .hebe.tparrows:hover:before { color:#000; } .hebe .tp-title-wrap { position:absolute; z-index:0; display:inline-block; background:#000; background:rgba(0,0,0,0.75); min-height:60px; line-height:60px; top:-10px; margin-left:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0% 50%; -webkit-transform-origin:0% 50%; } .hebe.tp-rightarrow .tp-title-wrap { right:0px; -webkit-transform-origin:100% 50%; } .hebe.tparrows:hover .tp-title-wrap { transform:scaleX(1); -webkit-transform:scaleX(1); } .hebe .tp-arr-titleholder { position:relative; text-transform:uppercase; color:#fff; font-weight:600; font-size:12px; line-height:90px; white-space:nowrap; padding:0px 20px 0px 90px; } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left:0px; padding:0px 90px 0px 20px; } .hebe.tparrows:hover .tp-arr-titleholder { transform:translateX(0px); -webkit-transform:translateX(0px); transition-delay: 0.1s; opacity:1; } .hebe .tp-arr-imgholder{ width:90px; height:90px; position:absolute; left:100%; display:block; background-size:cover; background-position:center center; top:0px; right:-90px; } .hebe.tp-rightarrow .tp-arr-imgholder{ right:auto;left:-90px; } /* BULLETS */ .hebe.tp-bullets { } .hebe.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hebe .tp-bullet { width:3px; height:3px; position:absolute; background:#fff; cursor: pointer; border:5px solid #222; border-radius:50%; box-sizing:content-box; -webkit-perspective:400; perspective:400; -webkit-transform:translateZ(0.01px); transform:translateZ(0.01px); transition:all 0.3s; } .hebe .tp-bullet:hover, .hebe .tp-bullet.selected { background:#222; border-color:#fff; } .hebe .tp-bullet-image { position:absolute; top:-90px; left:-40px; width:70px; height:70px; background-position:center center; background-size:cover; visibility:hidden; opacity:0; transition:all 0.3s; -webkit-transform-style:flat; transform-style:flat; perspective:600; -webkit-perspective:600; transform: scale(0); -webkit-transform: scale(0); transform-origin:50% 100%; -webkit-transform-origin:50% 100%; border-radius:6px; } .hebe .tp-bullet:hover .tp-bullet-image { display:block; opacity:1; transform: scale(1); -webkit-transform: scale(1); visibility:visible; } .hebe .tp-bullet-title { } /* TABS */ .hebe .tp-tab-title { color:#a8d8ee; font-size:13px; font-weight:700; text-transform:uppercase; font-family:"Roboto Slab"; margin-bottom:5px; } .hebe .tp-tab-desc { font-size:18px; font-weight:400; color:#fff; line-height:25px; font-family:"Roboto Slab"; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEPHAISTOS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hephaistos.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:1000; border-radius:50%; } .hephaistos.tparrows:hover { background:#000; } .hephaistos.tparrows:before { font-family: "iconfont"; font-size:18px; color:#fff; display:block; line-height: 40px; text-align: center; } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left:-2px; } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right:-2px; } /* BULLETS */ .hephaistos.tp-bullets { } .hephaistos.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .hephaistos .tp-bullet { width:12px; height:12px; position:absolute; background:#999; border:3px solid #f5f5f5; border-radius:50%; cursor: pointer; box-sizing:content-box; box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3); } .hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected { background:#fff; border-color:#000; } .hephaistos .tp-bullet-image { } .hephaistos .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HERMES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hermes.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.1); width:30px; height:110px; position:absolute; display:block; z-index:1000; } .hermes.tparrows:before { font-family: "iconfont"; font-size:15px; color:rgba(255,255,255,0.6); display:block; line-height: 110px; text-align: center; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all 0.3s; -webkit-transition:all 0.3s; } .hermes.tparrows.tp-leftarrow:before { content: "\e730"; } .hermes.tparrows.tp-rightarrow:before { content: "\e731"; } .hermes.tparrows.tp-leftarrow:hover:before { transform:translateX(-20px); -webkit-transform:translateX(-20px); opacity:0; } .hermes.tparrows.tp-rightarrow:hover:before { transform:translateX(20px); -webkit-transform:translateX(20px); opacity:0; } .hermes .tp-arr-allwrapper { overflow:hidden; position:absolute; width:180px; height:140px; top:0px; left:0px; visibility:hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .hermes.tp-rightarrow .tp-arr-allwrapper { right:0px;left:auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility:visible; } .hermes .tp-arr-imgholder { width:180px;position:absolute; left:0px;top:0px;height:110px; transform:translateX(-180px); -webkit-transform:translateX(-180px); transition:all 0.3s; transition-delay:0.3s; } .hermes.tp-rightarrow .tp-arr-imgholder{ transform:translateX(180px); -webkit-transform:translateX(180px); } .hermes.tparrows:hover .tp-arr-imgholder { transform:translateX(0px); -webkit-transform:translateX(0px); } .hermes .tp-arr-titleholder { top:110px; width:180px; text-align:left; display:block; padding:0px 10px; line-height:30px; background:#000; background:rgba(0,0,0,0.75);color:#fff; font-weight:600; position:absolute; font-size:12px; white-space:nowrap; letter-spacing:1px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing:border-box; } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* BULLETS */ .hermes.tp-bullets { } .hermes .tp-bullet { overflow:hidden; border-radius:50%; width:16px; height:16px; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #FFF; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position:absolute; } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.2); } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 1px #FFF; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .hermes .tp-bullet.selected:after { height:100%; } /* TABS */ .hermes .tp-tab { opacity:1; padding-right:10px; box-sizing:border-box; } .hermes .tp-tab-image { width:100%; height:60%; position:relative; } .hermes .tp-tab-content { background:rgb(54,54,54); position:absolute; padding:20px 20px 20px 30px; box-sizing:border-box; color:#fff; display:block; width:100%; min-height:40%; bottom:0px; left:-10px; } .hermes .tp-tab-date { display:block; color:#888; font-weight:600; font-size:12px; margin-bottom:10px; } .hermes .tp-tab-title { display:block; color:#fff; font-size:16px; font-weight:800; text-transform:uppercase; line-height:19px; } .hermes .tp-tab.selected .tp-tab-title:after { width: 0px; height: 0px; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent rgb(54,54,54); content:" "; position:absolute; right:-9px; bottom:50%; margin-bottom:-30px; } .hermes .tp-tab-mask { padding-right:10px !important; } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { .hermes .tp-tab .tp-tab-title {font-size:14px;line-height:16px;} .hermes .tp-tab-date { font-size:11px; line-height:13px;margin-bottom:10px;} .hermes .tp-tab-content { padding:15px 15px 15px 25px;} } @media only screen and (max-width: 768px) { .hermes .tp-tab .tp-tab-title {font-size:12px;line-height:14px;} .hermes .tp-tab-date {font-size:10px; line-height:12px;margin-bottom:5px;} .hermes .tp-tab-content {padding:10px 10px 10px 20px;} } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HESPERIDEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hesperiden.tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px; height:40px; position:absolute; display:block; z-index:1000; border-radius: 50%; } .hesperiden.tparrows:hover { background:#000; } .hesperiden.tparrows:before { font-family: "iconfont"; font-size:20px; color:#fff; display:block; line-height: 40px; text-align: center; } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left:-3px; } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right:-3px; } /* BULLETS */ .hesperiden.tp-bullets { } .hesperiden.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; border-radius:8px; } .hesperiden .tp-bullet { width:12px; height:12px; position:absolute; background: #999999; /* old browsers */ background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#e1e1e1)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#e1e1e1 100%); /* ie10+ */ background: linear-gradient(to bottom, #999999 0%,#e1e1e1 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */ border:3px solid #e5e5e5; border-radius:50%; cursor: pointer; box-sizing:content-box; } .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background:#666; } .hesperiden .tp-bullet-image { } .hesperiden .tp-bullet-title { } /* THUMBS */ .hesperiden .tp-thumb { opacity:1; -webkit-perspective: 600px; perspective: 600px; } .hesperiden .tp-thumb .tp-thumb-title { font-size:12px; position:absolute; margin-top:-10px; color:#fff; display:block; z-index:10000; background-color:#000; padding:5px 10px; bottom:0px; left:0px; width:100%; box-sizing:border-box; text-align:center; overflow:hidden; white-space:nowrap; transition:all 0.3s; -webkit-transition:all 0.3s; transform:rotatex(90deg) translatez(0.001px); transform-origin:50% 100%; -webkit-transform:rotatex(90deg) translatez(0.001px); -webkit-transform-origin:50% 100%; opacity:0; } .hesperiden .tp-thumb:hover .tp-thumb-title { transform:rotatex(0deg); -webkit-transform:rotatex(0deg); opacity:1; } /* TABS */ .hesperiden .tp-tab { opacity:1; padding:10px; box-sizing:border-box; font-family: "Roboto", sans-serif; border-bottom: 1px solid #e5e5e5; } .hesperiden .tp-tab-image { width:60px; height:60px; max-height:100%; max-width:100%; position:relative; display:inline-block; float:left; } .hesperiden .tp-tab-content { background:rgba(0,0,0,0); position:relative; padding:15px 15px 15px 85px; left:0px; overflow:hidden; margin-top:-15px; box-sizing:border-box; color:#333; display: inline-block; width:100%; height:100%; position:absolute; } .hesperiden .tp-tab-date { display:block; color: #aaa; font-weight:500; font-size:12px; margin-bottom:0px; } .hesperiden .tp-tab-title { display:block; text-align:left; color:#333; font-size:14px; font-weight:500; text-transform:none; line-height:17px; } .hesperiden .tp-tab:hover, .hesperiden .tp-tab.selected { background:#eee; } .hesperiden .tp-tab-mask { } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - METIS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .metis.tparrows { background:#fff; padding:10px; transition:all 0.3s; -webkit-transition:all 0.3s; width:60px; height:60px; box-sizing:border-box; } .metis.tparrows:hover { background:#fff; background:rgba(255,255,255,0.75); } .metis.tparrows:before { color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; } .metis.tparrows:hover:before { transform:scale(1.5); } /* BULLETS */ .metis .tp-bullet { opacity:1; width:50px; height:50px; padding:3px; background:#000; background-color:rgba(0,0,0,0.25); margin:0px; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; border-radius:50%; } .metis .tp-bullet-image { border-radius:50%; display:block; box-sizing:border-box; position:relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width:44px; height:44px; background-size:cover; background-position:center center; } .metis .tp-bullet-title { position:absolute; bottom:65px; display:inline-block; left:50%; background:#000; background:rgba(0,0,0,0.75); color:#fff; padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin:50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin:50% 100%; opacity:0; white-space:nowrap; } .metis .tp-bullet:hover .tp-bullet-title { transform:rotateX(0deg) translateX(-50%); -webkit-transform:rotateX(0deg) translateX(-50%); opacity:1; } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .metis .tp-bullet-title:after { content:" "; position:absolute; left:50%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom:-8px; } .metis .tp-tab-number { color: #fff; font-size: 40px; line-height: 30px; font-weight: 400; font-family: "Playfair Display"; width: 50px; margin-right: 17px; display: inline-block; float: left; } .metis .tp-tab-mask { padding-left: 20px; left: 0px; max-width: 90px !important; transition: 0.4s padding-left, 0.4s left, 0.4s max-width; } .metis:hover .tp-tab-mask { padding-left: 0px; left: 50px; max-width: 500px !important; } .metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left; } .metis .tp-tab-title { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-family: "Playfair Display"; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: 0.4s all; } .metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px; } .metis:hover .tp-tab-title { transform: translateX(0); } .metis .tp-tab { opacity: 0.15; transition: 0.4s all; } .metis .tp-tab:hover, .metis .tp-tab.selected { opacity: 1; } .metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid #cdb083; } .metis.tp-tabs { max-width: 118px !important; padding-left: 50px; } .metis.tp-tabs:before { content: " "; height: 100%; width: 88px; background: rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.10); left: 0px; top: 0px; position: absolute; transition: 0.4s all; } .metis.tp-tabs:hover:before { width: 118px; } @media (max-width: 499px) { .metis.tp-tabs:before { background: rgba(0, 0, 0, 0.75); } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - PERSEPHONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .persephone.tparrows { cursor:pointer; background:#aaa; background:rgba(200,200,200,0.5); width:40px; height:40px; position:absolute; display:block; z-index:100; border:1px solid #f5f5f5; } .persephone.tparrows:hover { background:#333; } .persephone.tparrows:before { font-family: "iconfont"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .persephone.tparrows.tp-leftarrow:before { content: "\e730"; } .persephone.tparrows.tp-rightarrow:before { content: "\e731"; } /* BULLETS */ .persephone.tp-bullets { } .persephone.tp-bullets:before { content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px;margin-top:-10px; box-sizing:content-box; } .persephone .tp-bullet { width:12px; height:12px; position:absolute; background:#aaa; border:1px solid #e5e5e5; cursor: pointer; box-sizing:content-box; } .persephone .tp-bullet:hover, .persephone .tp-bullet.selected { background:#222; } .persephone .tp-bullet-image { } .persephone .tp-bullet-title { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - URANUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .uranus.tparrows { width:50px; height:50px; background:transparent; } .uranus.tparrows:before { width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s; -webkit-transition:all 0.3s; } .uranus.tparrows:hover:before { opacity:0.75; } /* BULLETS */ .uranus .tp-bullet{ border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; background:transparent; } .uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: 0 0 0 2px #FFF; border:none; border-radius: 50%; background:transparent; } .uranus .tp-bullet-inner { background-color: rgba(255, 255, 255, 0.7); -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #FFF; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; cursor: pointer; position: absolute; } .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner{ transform: scale(0.4); -webkit-transform: scale(0.4); background-color:#fff; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .zeus.tparrows { cursor:pointer; min-width:70px; min-height:70px; position:absolute; display:block; z-index:100; border-radius:35px; overflow:hidden; background:rgba(0,0,0,0.10); } .zeus.tparrows:before { font-family: "iconfont"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .zeus.tparrows.tp-leftarrow:before { content: "\e730"; } .zeus.tparrows.tp-rightarrow:before { content: "\e731"; } .zeus .tp-title-wrap { background:#000; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; position:absolute; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; border-radius:50%; } .zeus .tp-arr-imgholder { width:100%; height:100%; position:absolute; top:0px; left:0px; background-position:center center; background-size:cover; border-radius:50%; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; } .zeus.tp-rightarrow .tp-arr-imgholder { transform:translateX(100%); -webkit-transform:translateX(100%); } .zeus.tparrows:hover .tp-arr-imgholder { transform:translateX(0); -webkit-transform:translateX(0); opacity:1; } .zeus.tparrows:hover .tp-title-wrap { transform:scale(1); -webkit-transform:scale(1); opacity:1; } /* BULLETS */ .zeus .tp-bullet { box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%; background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width:13px;height:13px; border:2px solid #fff; } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #FFF; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .zeus .tp-bullet:hover:after, .zeus .tp-bullet.selected:after{ -webkit-transform: scale(1.2); transform: scale(1.2); } .zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay{ width:135px; height:60px; position:absolute; background:#000; background:rgba(0,0,0,0.5); bottom:25px; left:50%; margin-left:-65px; box-sizing:border-box; background-size:cover; background-position:center center; visibility:hidden; opacity:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius:4px; } .zeus .tp-bullet-title, .zeus .tp-bullet-imageoverlay { z-index:2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .zeus .tp-bullet-title { color:#fff; text-align:center; line-height:15px; font-size:13px; font-weight:600; z-index:3; visibility:hidden; opacity:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:absolute; bottom:45px; width:135px; vertical-align:middle; left:-57px; } .zeus .tp-bullet:hover .tp-bullet-title, .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay{ opacity:1; visibility:visible; -webkit-transform:translateY(0px); transform:translateY(0px); } /* THUMBS */ .zeus .tp-thumb { opacity:1 } .zeus .tp-thumb-over { background:#000; background:rgba(0,0,0,0.25); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .zeus .tp-thumb-more:before { font-family: "iconfont"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:20px; right:20px; z-index:2; } .zeus .tp-thumb-more:before { content: "\e731"; } .zeus .tp-thumb-title { font-family:"Raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:20px 35px 20px 20px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .zeus .tp-thumb.selected .tp-thumb-more:before, .zeus .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background:#000; } .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color:#fff; } /* TABS */ .zeus .tp-tab { opacity:1; box-sizing:border-box; } .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0,0,0,0.25); font-family: "Roboto Slab", serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px; } .zeus .tp-tab:hover .tp-tab-title, .zeus .tp-tab.selected .tp-tab-title { color: #000; background:rgba(255,255,255,1); } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .post-tabs .tp-thumb { opacity:1 } .post-tabs .tp-thumb-over { background:#252525; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s; } .post-tabs .tp-thumb-more:before { font-family: "iconfont"; font-size:12px; color:#aaa; color:rgba(255,255,255,0.75); display:block; line-height: 12px; text-align: left; z-index:2; position:absolute; top:15px; right:15px; z-index:2; } .post-tabs .tp-thumb-more:before { content: "\e731"; } .post-tabs .tp-thumb-title { font-family:"raleway"; letter-spacing:1px; font-size:12px; color:#fff; display:block; line-height: 15px; text-align: left; z-index:2; position:absolute; top:0px; left:0px; z-index:2; padding:15px 30px 15px 15px; width:100%; height:100%; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; font-weight:500; } .post-tabs .tp-thumb.selected .tp-thumb-more:before, .post-tabs .tp-thumb:hover .tp-thumb-more:before { color:#aaa; } .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background:#fff; } .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color:#000; } .slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;} .slide .slideItem .banner-img{width:100%;} .slide .carouse .slideItem{ width:100%; position:absolute; } .slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; } .slide .dotList{ text-align: center; margin-top: 20px; } .slide .dotList ul li{ display: inline-block; width: 10px; height: 10px; background-position:-12px 0px; margin-left: 10px; cursor:pointer; } .slide .dotList ul li.active{ background-position:0px 0px; } .slide .carousel-control{ position: absolute; top: 45%; width: 30px; height: 30px; z-index:999; } .slide .carousel-control.left{ left:0; background-position:-38px 0px; cursor:pointer; } .slide .carousel-control.right{ right:0; background-position:-85px 0px; cursor:pointer; } .slide .slidedetail{display:none;} .imgtoVideo img{width:100%;} .imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%; display: inline-block;} .imgtoVideo>div:hover .imgtoVideoDetail{display:block} .imgtoVideo .imgtoVideoDetail{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding:1px; display:none } .imgtoVideo .imgtoVideoDetail >div{ background: rgba(0, 98, 197,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); width: 100%; height: 100%; text-align:center; } .imgtoVideo .tovideo .imgtoVideoDetail{ display:block; } .imgtoVideo .tovideo .imgtoVideoDetail >div{ background: #0C2D47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%; } .imgtoVideo .imgtoVideoDetail .fa-search{ color: #fff; font-size: 25px; margin-top: 21%; } .contentIV{ position: fixed; top: 0; left: 0; right:0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); margin:0 auto; z-index:-999; max-width:1024px; display:none; } #picturetoVideo .carouse .slideItem{display:table;height:100%} #picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;} #picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto} .closeContentIV{ position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor:pointer; z-index: 999; } ::-moz-selection { color: #fff; background: #162e53; } ::selection { color: #fff; background: #162e53; } * { margin: 0px; padding: 0px; } html { font-size: 62.5%; height: 100%; } body { margin: 0 auto; width: 100%; max-width: 1920px; overflow-x: hidden; font-family: "RobotoRegular", arial, helvetica, sans-serif; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 1.2; } a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } a:hover { color: #162e53; } ol, ul, li { list-style: none; } img { max-width: 100%; border: 0px solid #ccc; } table, embed, video { max-width: 100%; } input, textarea { border: none; background: none; font-family: inherit; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input:focus, textarea:focus { outline: none; } textarea { resize: none; } button { border: none; background: none; cursor: pointer; } em, i { font-style: normal; } /* .c-xx start */ .c-fl { float: left; } .c-fr { float: right; } .c-cb { clear: both; } .c-clearfix:after { content: ""; display: block; clear: both; } .c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .c-oh { overflow: hidden; } .c-wd { width: 1780px; } .c-tsn { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .c-bbx { -moz-box-sizing: border-box; box-sizing: border-box; } .c-pr { position: relative; } .c-mt-5 { margin-top: 5px; } .c-mt-10 { margin-top: 10px; } .c-mt-15 { margin-top: 15px; } .c-mt-20 { margin-top: 20px; } .c-mt-25 { margin-top: 25px; } .c-mt-30 { margin-top: 30px; } .c-mt-35 { margin-top: 35px; } .c-mt-40 { margin-top: 40px; } .c-mt-45 { margin-top: 45px; } .c-mt-50 { margin-top: 50px; } .c-nomt { margin-top: 0 !important; } .c-nomr { margin-right: 0 !important; } .c-nomb { margin-bottom: 0 !important; } .c-noml { margin-left: 0 !important; } .c-nomg { margin: 0 !important; } .c-nopt { padding-top: 0 !important; } .c-nopr { padding-right: 0 !important; } .c-nopb { padding-bottom: 0 !important; } .c-nopl { padding-left: 0 !important; } .c-nopd { padding: 0 !important; } .c-nofont { line-height: 0; font-size: 0; } .c-nobg { background: none !important; } /* .c-xx end */ /* .f-xx start */ .f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .f-box { margin: 0 auto; width: 1780px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1800px) { .f-box { width: 1400px; } } @media screen and (max-width: 1440px) { .f-box { width: 1200px; } } @media screen and (max-width: 1219px) { .f-box { width: 960px; } } @media screen and (max-width: 991px) { .f-box { width: 720px; } } @media screen and (max-width: 767px) { .f-box { padding-left: 15px; padding-right: 15px; } } /* .f-xx end */ /* @keyframes start */ @-webkit-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } @-moz-keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } @keyframes boxshadown { 0% { box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(51, 51, 51, 0); } } /* @keyframes end */ /* .an-xx start */ .an-hoverimg-xy { position: relative; overflow: hidden; } .an-hoverimg-xy:before {/* content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; */} .an-hoverimg-xy:after {/* content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 1; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden;*/ } .an-hoverimg-xy img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-xy:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-xy:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-xy:hover:after { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-beforex { position: relative; overflow: hidden; } .an-hoverimg-beforex:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-beforex img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-beforex:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-beforex:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverimg-beforey { position: relative; overflow: hidden; } .an-hoverimg-beforey:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 2; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; visibility: hidden; } .an-hoverimg-beforey img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverimg-beforey:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .an-hoverimg-beforey:hover:before { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .an-hoverbtn-beforey { position: relative; } .an-hoverbtn-beforey > * { position: relative; } .an-hoverbtn-beforey:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); background-color: #162e53; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforey:hover { color: #fff; } .an-hoverbtn-beforey:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .an-hoverbtn-beforex { position: relative; } .an-hoverbtn-beforex > * { position: relative; } .an-hoverbtn-beforex:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); background-color: #162e53; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforex:hover { color: #fff; } .an-hoverbtn-beforex:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .an-hoverbtn-beforer { position: relative; overflow: hidden; } .an-hoverbtn-beforer > * { position: relative; } .an-hoverbtn-beforer:before { content: ""; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-color: #162e53; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .an-hoverbtn-beforer:hover { color: #fff; } .an-hoverbtn-beforer:hover:before { right: 0; } .an-boxsd:hover { -webkit-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1); } /* .an-xx end */ /* .m-xx start */ .m-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; } .m-desc a { color: #162e53; } .m-desc a:hover { text-decoration: underline; } .m-desc p, .m-desc span, .m-desc b { font-size: 16px; font-size: 1.6rem; line-height: 30px; } .m-desc p { min-height: 30px; } .m-desc img { max-width: 100%; } .m-desc iframe { display: block; max-width: 100%; margin: 0 auto; } .m-desc table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; } .m-desc table tr td { padding: 10px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 991px) { .m-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .m-desc a { color: #162e53; } .m-desc a:hover { text-decoration: underline; } .m-desc p, .m-desc span, .m-desc b { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .m-desc p { min-height: 24px; } } .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; } .table table tr td { padding: 10px; height: 30px; border: 1px solid #ccc; } @media screen and (max-width: 991px) { .table { width: 100%; overflow-x: scroll; } .table > div { width: 991px !important; max-width: 991px; } } @media screen and (max-width: 991px) { [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; } [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; } [class*="-item"] .item-modal { display: none; } } /* .m-xx end */ /* .j-xx start */ .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-top { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; } .j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-left { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } .j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-right { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .j-fadein { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; opacity: 0; } .j-fadein.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-fadein { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .j-lazy { min-width: 20%; } /* .j-xx end */ [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } [class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } [class*="-item"] .item-title { overflow: hidden; } [class*="-item"] .item-title a:hover { color: #162e53; } [class*="-item"] .item-desc { overflow: hidden; } /*[class*="-item"] .item-desc a { display: block; }*/ [class*="-item"] .item-desc a:hover { color: #162e53; } .at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } .at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; } .at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; } .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; } .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; } #preloader { background-color: #333; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 99; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; text-align: center; } .object { width: 20px; height: 20px; background-color: #FFF; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px; margin-top: 65px; border-radius: 50% 50% 50% 50%; } #object_one { -webkit-animation: object_one 1.5s infinite; -moz-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } #object_two { -webkit-animation: object_two 1.5s infinite; -moz-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; } #object_three { margin-right: 0; -webkit-animation: object_three 1.5s infinite; -moz-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_one { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_one { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_two { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_two { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes object_three { 75% { -moz-transform: scale(0); transform: scale(0); } } @keyframes object_three { 75% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } .site-welcome { visibility: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 99; opacity: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-crm { padding-top: 36px; padding-bottom: 29px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; } .m-crm a { color: #666; } .m-crm a:hover { color: #162e53; } .m-crm a.active { color: #162e53; } @media screen and (max-width: 991px) { .m-crm { line-height: 26px; font-size: 14px; font-size: 1.4rem; } } .m-oths { margin-top: 18px; } .m-oths .oths-item { padding-left: 35px; height: 40px; line-height: 40px; font-size: 16px; font-size: 1.6rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; } .m-oths .oths-item a { color: #666; } .m-oths .oths-item a:hover { color: #162e53; } .m-oths .oths-item-1 { background-image: url("../image/oths1.png"); } .m-oths .oths-item-2 { background-image: url("../image/oths2.png"); } @media screen and (max-width: 991px) { .m-oths .oths-item { padding-left: 28px; height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } } .m-page { margin-top: 66px; letter-spacing: 0; font-size: 0; text-align: center; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; min-width: 35px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-page a.big { min-width: 72px; } .m-page a:hover { color: white; border-color: #162e53; background-color: #162e53; } .m-page a.active { color: white; border-color: #162e53; background-color: #162e53; } .m-page2 { position: relative; } @media screen and (max-width: 991px) { .m-page { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; font-size: 12px; font-size: 1.2rem; } } .m-kf { position: fixed; z-index: 10; right: 0; top: 30%; display: none; } .m-kf .kf-item { display: block; line-height: 0; font-size: 0; width: 58px; line-height: 58px; margin-bottom: 1px; font-size: 24px; font-size: 2.4rem; color: #fff; text-align: center; background-color: #2d2d27; border-radius: 5px; } .m-kf .kf-item:hover { color: #fff; background-color: #162e53; } .m-kf .kf-item.active { background-color: #162e53; } .m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 100%; width: 90px; } .m-kf .gotop { display: none; } @media screen and (max-width: 991px) { .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #2d2d27; } .m-kf .kf-item { width: 20%; text-align: center; line-height: 60px; font-size: 26px; font-size: 2.6rem; background-color: #2d2d27 !important; } .m-kf .kf-item2 { position: relative; } .m-kf .kf-wx { bottom: 100%; right: 0; } .m-kf .gotop { width: 20%; line-height: 60px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; display: block; } .g-ft { padding-bottom: 63px; } } .returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 150px; width: 48px; height: 48px; line-height: 48px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; background-color: #162e53; border-radius: 5px; display: none; } .returntop:hover { color: #fff; background-color: #162e53; } @media screen and (max-width: 991px) { .returntop { display: none !important; } } .g-hd { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; background-color: #162e53; background-color: rgba(22, 46, 83, 0.85); } .m-hdfix1 { margin: 0 auto; width: 92.70833%; } .m-hdlogo { position: relative; float: left; line-height: 0; font-size: 0; padding-top: 4px; padding-bottom: 4px; } .m-hdnav { float: left; margin-left: -181px; width: 100%; padding-left: 200px; padding-right: 200px; font-size: 0; letter-spacing: 0; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; } .m-hdnav .nav-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 30px; padding-right: 30px; } .m-hdnav .nav-item > a { position: relative; display: block; padding-top: 20px; padding-bottom: 20px; line-height: 28px; font-size: 20px; font-size: 2rem; color: #fff; } .m-hdnav .nav-item > a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 14px; width: 0; height: 2px; background-color: #fff; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-hdnav .nav-item > a:hover:before, .m-hdnav .nav-item > a.active:before, .m-hdnav .nav-item > a.current:before { width: 100%; } .m-hdlang { position: absolute; right: 3.5%; top: 0; padding-top: 20px; padding-bottom: 20px; } .m-hdlang .box-btn { display: block; padding: 0 10px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; border: 1px solid #fff; } .m-hdlang .lang-list { position: absolute; left: 0; top: 100%; width: 100%; padding: 5px 0; background-color: #162e53; background-color: rgba(22, 46, 83, 0.85); display: none; } .m-hdlang .lang-item { padding: 0 10px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; } .m-hdlang .lang-item a { color: #fff; } .m-hdlang .lang-item a:hover { text-decoration: underline; } @media screen and (max-width: 1440px) { .m-hdnav .nav-item { padding-left: 18px; padding-right: 18px; } .m-hdnav .nav-item > a { font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 1219px) { .m-hdnav { padding-right: 100px; } .m-hdnav .nav-item > a { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .g-hd { position: relative; } .m-hdnav { display: none; } .m-hdlogo { float: none; text-align: center; } .m-hdlogo img { width: 120px; } .m-hdlang { padding-top: 15px; padding-bottom: 15px; } .m-hdlang .box-btn { font-size: 12px; font-size: 1.2rem; } } .banner { position: relative; line-height: 0; font-size: 0; overflow: hidden; z-index: 2; } .banner .icon-line-circle-plus { display: inline-block; *display: inline; *zoom: 1; width: 46px; line-height: 44px; text-align: center; border-radius: 50%; border: 1px solid #fff; } .banner .title3 { line-height: 40px; font-size: 30px; font-size: 3rem; color: #fff; text-transform: uppercase; font-weight: bold; } @media screen and (max-width: 1024px) { .banner { display: none; } } .nbanner img { position: relative; width: 1920px; max-width: 1920px; left: 50%; margin-left: -960px; } .mbanner { position: relative; line-height: 0; font-size: 0; overflow: hidden; z-index: 2; display: none; } @media screen and (max-width: 1024px) { .mbanner { display: block; } .mbanner .dotList { position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; } .mbanner .dotList ul li { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; } .mbanner .dotList ul li.active { background-color: #162e53; } } .m-htt { margin-bottom: 52px; line-height: 58px; font-size: 48px; font-size: 4.8rem; text-transform: uppercase; font-family: "RobotoBold", arial, helvetica, sans-serif; text-align: center; } .m-htt span { font-family: "RobotoLight", arial, helvetica, sans-serif; } @media screen and (max-width: 991px) { .m-htt { margin-bottom: 30px; line-height: 30px; font-size: 24px; font-size: 2.4rem; } } .g-hnews { padding-top: 82px; padding-bottom: 81px; background-color: #f0f0f0; } @media screen and (max-width: 991px) { .g-hnews { padding-top: 30px; padding-bottom: 30px; } } .m-hnews .box-fix { position: relative; float: left; margin-top: 5.39326%; margin-right: 5.22472%; width: 47.24719%; } .m-hnews .box-video { position: absolute; left: 11.7717%; top: 4.88798%; width: 76.09988%; padding-top: 47.80024%; line-height: 0; font-size: 0; overflow: hidden; } .m-hnews .box-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .m-hnews .box-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .m-hnews .box-text { overflow: hidden; } .m-hnews .box-title { text-align: left; } .m-hnews .list-item { margin-top: 69px; overflow: hidden; } .m-hnews .list-item:first-child { margin-top: 0; } .m-hnews .item-time { float: left; margin-right: 20px; width: 124px; line-height: 34px; padding-top: 26px; padding-bottom: 26px; font-size: 18px; font-size: 1.8rem; text-align: center; background-color: #fff; } .m-hnews .item-time span { display: block; font-size: 36px; font-size: 3.6rem; } .m-hnews .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-hnews .item-desc { margin-top: 20px; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; } .m-hnews .item-desc a { color: #666; } .m-hnews .item-desc a:hover { color: #162e53; } @media screen and (max-width: 1800px) { .m-hnews .box-fix { margin-top: 9%; } .m-hnews .list-item { margin-top: 49px; } } @media screen and (max-width: 1440px) { .m-hnews .list-item { margin-top: 39px; } .m-hnews .item-time { width: 100px; padding-top: 17px; padding-bottom: 17px; } .m-hnews .item-title { height: 26px; line-height: 26px; font-size: 20px; font-size: 2rem; } .m-hnews .item-desc { margin-top: 10px; } } @media screen and (max-width: 1219px) { .m-hnews .box-fix { margin-top: 15%; } } @media screen and (max-width: 991px) { .m-hnews .box-fix { float: none; margin-right: 0; width: 100%; margin-top: 0; margin-bottom: 30px; } .m-hnews .item-title { font-size: 16px; font-size: 1.6rem; } .m-hnews .item-desc { margin-top: 8px; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-hnews .item-time { width: 80px; line-height: 26px; padding-top: 14px; padding-bottom: 14px; font-size: 14px; font-size: 1.4rem; } .m-hnews .item-time span { font-size: 18px; font-size: 1.8rem; } .m-hnews .list-item { margin-top: 30px; } } .g-hpro { padding-top: 115px; padding-bottom: 58px; } @media screen and (max-width: 991px) { .g-hpro { padding-top: 30px; padding-bottom: 30px; } } .m-hpro { margin: 0 auto; margin-bottom: 45px; max-width: 1432px; } .m-hpro .box-list { width: 1000%; overflow: hidden; } .m-hpro .list-item { float: left; width: 10%; overflow: hidden; } .m-hpro .item-pic { float: left; margin-right: 13.96648%; width: 457px; } .m-hpro .item-text { padding-top: 6.28492%; overflow: hidden; } .m-hpro .item-title { height: 58px; line-height: 58px; font-size: 48px; font-size: 4.8rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-hpro .item-desc { margin-top: 22px; height: 90px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; } .m-hpro .item-desc a { color: #666; } .m-hpro .item-desc a:hover { color: #162e53; } .m-hpro .item-link { margin-top: 43px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } .m-hpro .box-page { margin-top: 70px; font-size: 0; letter-spacing: 0; text-align: center; } .m-hpro .page-item { margin: 0 6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 16px; height: 16px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 2px solid #162e53; } .m-hpro .page-item.active { background-color: #162e53; } @media screen and (max-width: 1219px) { .m-hpro .item-pic { margin-right: 40px; } } @media screen and (max-width: 991px) { .m-hpro { margin-bottom: 30px; } .m-hpro .item-pic { margin-right: 30px; width: 40%; } .m-hpro .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; } .m-hpro .item-desc { margin-top: 20px; height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-hpro .item-link { margin-top: 15px; } .m-hpro .box-page { margin-top: 30px; } .m-hpro .page-item { width: 13px; height: 13px; } } @media screen and (max-width: 480px) { .m-hpro .item-pic { float: none; margin: 0 auto; width: 80%; } .m-hpro .item-text { padding-top: 25px; text-align: center; } } .m-hprol { margin-bottom: -30px; } .m-hprol .list-item { float: left; margin-right: 2.40899%; margin-bottom: 30px; width: 11.79775%; } .m-hprol .item-pic { border: 1px solid #efefef; } .m-hprol .item-title { margin-top: 6px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 991px) { .m-hprol .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-hprol .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } } @media screen and (max-width: 375px) { .m-hprol .list-item { width: 48%; } } .g-hserv { padding-top: 57px; padding-bottom: 80px; background-color: #f0f0f0; } @media screen and (max-width: 991px) { .g-hserv { padding-top: 30px; padding-bottom: 30px; } } .m-hserv { margin-bottom: -30px; } .m-hserv .list-item { float: left; margin-right: 6.8%; margin-bottom: 30px; width: 26.40449%; } .m-hserv .item-title { margin-top: 17px; height: 32px; line-height: 32px; font-size: 22px; font-size: 2.2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-hserv .item-desc { margin-top: 8px; height: 150px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; color: #666; } .m-hserv .item-desc a { color: #666; } .m-hserv .item-desc a:hover { color: #666; } .m-hserv .item-desc a:hover:hover { color: #162e53; } @media screen and (max-width: 1219px) { .m-hserv .item-title { height: 30px; line-height: 30px; font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 991px) { .m-hserv .list-item { margin-left: 1.5%; margin-right: 1.5% !important; width: 30.33%; } .m-hserv .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-hserv .item-desc { height: 66px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 375px) { .m-hserv .list-item { width: 47%; } } .m-hpartner { margin-top: 93px; background-color: #fff; } .m-hpartner .box-list { overflow: hidden; font-size: 0; letter-spacing: 0; } .m-hpartner .list-item { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 254px; } .m-hpartner .list-item a { display: block; height: 114px; line-height: 114px; overflow: hidden; } .m-hpartner .list-item img { max-height: 114px; vertical-align: middle; } @media screen and (max-width: 991px) { .m-hpartner { margin-top: 30px; } .m-hpartner .list-item { width: 127px; } .m-hpartner .list-item a { height: 57px; line-height: 57px; } .m-hpartner .list-item img { max-height: 57px; } } .g-ft { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #999; background-color: #353535; min-height: 210px; } .g-ft a { color: #999; } .g-ft a:hover { color: #fff; } .m-ftfix1 { padding-top: 20px; } .m-ftlogo { position: relative; float: left; padding-top: 35px; width: 181px; } .m-ftcenter { float: left; margin-left: -181px; width: 100%; padding-left: 370px; padding-right: 370px; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .m-ftmap { position: relative; float: left; margin-left: -370px; width: 370px; padding-top: 168px; line-height: 0; font-size: 0; overflow: hidden; } .m-ftmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .m-ftinfo .info-item { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 60px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: left; } .m-ftinfo .info-item a { color: #fff; } .m-ftinfo .info-item a:hover { color: #fff; text-decoration: underline; } .m-ftinfo .info-item .iconfont { position: absolute; left: 0; top: 0; /*line-height: 60px;*/ font-size: 38px; font-size: 3.8rem; color: #fff; } .m-ftshare { margin-top: 10px; font-size: 0; letter-spacing: 0; } .m-ftshare .share-item { margin-left: 8px; margin-right: 8px; margin-bottom: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 40px; line-height: 40px; font-size: 24px; font-size: 2.4rem; color: #333; border-radius: 50%; background-color: #fff; } .m-ftshare .share-item:hover { color: #fff; background-color: #162e53; } .m-ftfix2 { padding-top: 10px; padding-bottom: 6px; text-align: center; } .m-ftlnk { margin-top: 0; } .m-ftlnk .list-item { margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } @media screen and (max-width: 1219px) { .m-ftcenter { margin-left: -181px; width: 100%; padding-left: 190px; padding-right: 220px; } .m-ftmap { margin-left: -200px; width: 200px; } } @media screen and (max-width: 991px) { .m-ftlogo, .m-ftlnk { display: none; } .m-ftinfo{ margin-bottom: 10px; } .m-ftmap{ float: none; margin: 0 auto; width: 100%; max-width: 400px; } .m-ftcenter { float: none; margin: 0; padding: 0; width: 100%; } .m-ftshare { margin-top: 0; } .m-ftshare .share-item { width: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; } } .g-bd2 { padding-top: 110px; } @media screen and (max-width: 991px) { .g-bd2 { padding-top: 0; } } .g-wp { padding-bottom: 130px; } @media screen and (max-width: 991px) { .g-wp { padding-bottom: 30px; } } .g-mn1 { float: left; width: 100%; padding-right: 390px; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1219px) { .g-mn1 { padding-right: 300px; } } @media screen and (max-width: 991px) { .g-mn1 { float: none; padding-right: 0; } } .g-mn2 { float: left; width: 100%; padding-right: 29.10112%; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 991px) { .g-mn2 { float: none; padding-right: 0; } } .g-mn3 { position: relative; float: left; width: 100%; padding-right: 29.94382%; -moz-box-sizing: border-box; box-sizing: border-box; } .g-mn3:before { content: ""; position: absolute; right: 27.75281%; top: 0; width: 2px; height: 100%; background-color: #e5e5e5; } @media screen and (max-width: 991px) { .g-mn3 { float: none; padding-right: 0; } .g-mn3:before { display: none; } } .g-sd1 { float: left; width: 290px; margin-left: -290px; } @media screen and (max-width: 1219px) { .g-sd1 { width: 240px; margin-left: -240px; } } @media screen and (max-width: 991px) { .g-sd1 { float: none; width: 100%; margin-top: 30px; margin-left: 0; } } .g-sd2 { float: left; width: 24.1573%; margin-left: -24.1573%; } @media screen and (max-width: 991px) { .g-sd2 { float: none; width: 100%; margin-top: 30px; margin-left: 0; } } .g-sd3 { position: relative; float: left; width: 25.8427%; margin-left: -25.8427%; } .g-sd3:before { content: ""; position: absolute; right: 100%; margin-right: 7.3913%; top: 0; width: 2px; height: 100%; background: #e5e5e5; } @media screen and (max-width: 991px) { .g-sd3 { float: none; width: 100%; margin-top: 30px; margin-left: 0; } .g-sd3:before { display: none; } } .m-sdtt { padding-bottom: 10px; line-height: 32px; font-size: 22px; font-size: 2.2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; border-bottom: 1px solid #dddddd; } @media screen and (max-width: 991px) { .m-sdtt { margin-top: 30px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } } .m-sdpronav .nav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #162e53; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdpronav .nav-btn > p { position: absolute; bottom: 12px; right: 15px; } .m-sdpronav .nav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #f2f2f2; } .m-sdpronav .nav-list { margin-top: 0; } .m-sdpronav .nav-item > a { position: relative; display: block; padding-top: 11px; padding-bottom: 11px; padding-left: 0; padding-right: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333333; border-bottom: 1px solid #dddddd; } .m-sdpronav .nav-item > a .iconfont { position: absolute; right: 11px; top: 12px; } .m-sdpronav .nav-item > a:hover, .m-sdpronav .nav-item > a.active { color: #162e53; } .m-sdpronav .sbnav-list { display: none; } .m-sdpronav .sbnav-list.show { display: block; } .m-sdpronav .sbnav-list1 { padding-top: 18px; padding-bottom: 18px; padding-left: 16px; padding-right: 14px; border-bottom: 1px solid #ddd; } .m-sdpronav .sbnav-list2 { padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 24px; } .m-sdpronav .sbnav-item1 > a { position: relative; padding-right: 30px; } .m-sdpronav .sbnav-item1 > a .iconfont { position: absolute; right: 0; top: 0; } .m-sdpronav .sbnav-item a { display: block; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; } .m-sdpronav .sbnav-item a.active, .m-sdpronav .sbnav-item a:hover { color: #162e53; } @media screen and (max-width: 991px) { .m-sdpronav { margin-top: 30px; } .m-sdpronav .nav-name { display: none; } .m-sdpronav .nav-btn { display: block; } .m-sdpronav .nav-list { display: none; } } .m-prol { margin-bottom: -63px; } .m-prol .list-item { float: left; margin-right: 2.95683%; margin-bottom: 63px; width: 22.01439%; padding-bottom: 20px; border: solid 1px #e5e5e5; -moz-box-sizing: border-box; box-sizing: border-box; } .m-prol .item-title { padding-left: 18px; padding-right: 18px; height: 60px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; overflow: hidden; text-align: center; } @media screen and (max-width: 1440px) { .m-prol .item-title { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .m-prol { margin-bottom: -30px; } .m-prol .list-item { margin-bottom: 30px; padding-bottom: 10px; } } @media screen and (max-width: 480px) { .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } } @media screen and (max-width: 375px) { .m-prol .list-item { width: 48%; } } .m-prob1 { margin-bottom: 52px; } .m-prob1 .box-pic { position: relative; z-index: 3; margin-right: 5.7554%; width: 41.00719%; } .m-prob1 .pic-big { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; background-color: #fff; } .m-prob1 .pic-big-img { display: block; line-height: 0; font-size: 0; } .m-prob1 .pic-big-img .zoomPad { float: none; z-index: 8; } .m-prob1 .zoomWrapperImage img { max-width: 1200px; } .m-prob1 .pic-small { position: relative; margin-top: 23px; padding-left: 30px; padding-right: 30px; overflow: hidden; } .m-prob1 .pic-btn { position: absolute; top: 50%; margin-top: -12px; display: block; height: 24px; font-size: 22px; font-size: 2.2rem; text-align: center; color: #333; -moz-box-sizing: border-box; box-sizing: border-box; } .m-prob1 .pic-btn:hover { color: #162e53; } .m-prob1 .pic-btn.prev { left: 0; } .m-prob1 .pic-btn.next { right: 0; } .m-prob1 .pic-list { overflow: hidden; } .m-prob1 .pic-list ul { width: 10000%; overflow: hidden; } .m-prob1 .pic-list ul li { position: relative; float: left; margin-right: 0.04706%; width: 0.30196%; } .m-prob1 .pic-item .item-pic { border: 1px solid #cccccc; background-color: #fff; overflow: hidden; } .m-prob1 .pic-item .item-pic:hover { border-color: #162e53; } .m-prob1 .pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .m-prob1 .pic-item .item-pic.active { border-color: #162e53; } .m-prob1 .box-title { line-height: 42px; font-size: 32px; font-size: 3.2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; color: #162e53; font-weight: normal; } .m-prob1 .box-link { margin-top: 25px; } .m-prob1 .box-link a { display: block; line-height: 30px; padding: 10px; text-align: center; font-size: 22px; font-size: 2.2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; color: #fff; background-color: #ed1c24; } .m-prob1 .box-link a:hover { color: #fff; background-color: #162e53; } .m-prob1 .desc-item { padding-top: 20px; padding-bottom: 21px; border-bottom: 1px solid #efefef; } .m-prob1 .desc-item .item-title { line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; } .m-prob1 .desc-item .item-desc { margin-top: 3px; } .m-prob1 .desc-item .item-desc p { position: relative; padding-left: 10px; } .m-prob1 .desc-item .item-desc p:before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background-color: #162e53; } @media screen and (max-width: 1440px) { .m-prob1 .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .m-prob1 .box-link a { display: inline-block; padding: 5px; min-width: 160px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } .m-prob1 .desc-item { padding-top: 20px; padding-bottom: 20px; } .m-prob1 .desc-item .item-title { line-height: 26px; font-size: 18px; font-size: 1.8rem; } .m-prob1 .desc-item .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-prob1 .desc-item .item-desc p, .m-prob1 .desc-item .item-desc span, .m-prob1 .desc-item .item-desc b { line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-prob1 .desc-item .item-desc p:before { top: 10px; } } @media screen and (max-width: 1440px) { .zoomPad { cursor: default !important; } .zoomPup { display: none !important; } .zoomWindow { display: none !important; } .zoomPreload { display: none !important; } .m-prob1 { margin-bottom: 30px; } .m-prob1 .box-pic { float: none; margin: 0 auto; width: 100%; max-width: 570px; margin-bottom: 30px; } } @media screen and (max-width: 991px) { .m-prob1 .box-pic { width: 100%; } .m-prob1 .pic-big { display: none; } .m-prob1 .pic-small { margin-top: 0; } .m-prob1 .pic-list ul li { margin-right: .02%; width: .49%; } .m-prob1 .pic-item .item-pic:before { display: none !important; } } @media screen and (max-width: 480px) { .m-prob1 .pic-list ul li { margin-right: 0; width: 1%; } } .m-prott { margin-bottom: 20px; line-height: 36px; font-size: 26px; font-size: 2.6rem; font-family: "RobotoBold", arial, helvetica, sans-serif; } @media screen and (max-width: 991px) { .m-prott { line-height: 30px; font-size: 20px; font-size: 2rem; } } .m-prob2 { border-top: 1px solid #162e53; padding-top: 35px; } .m-prob3 { margin-top: 75px; } .m-prob3 .box-img { float: left; margin-right: 5.39568%; width: 42.08633%; } .m-prob3 .box-desc { overflow: hidden; } .m-prob3 .box-desc p { position: relative; line-height: 36px; font-size: 18px; font-size: 1.8rem; /*padding-left: 30px; */} .m-prob3 .box-desc p:before {/* content: "\e623"; position: absolute; left: 0; top: 0; font-family: iconfont; color: #162e53;*/ } @media screen and (max-width: 1440px) { .m-prob3 .box-desc p { line-height: 26px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .m-prob3 { margin-top: 30px; } .m-prob3 .box-img { float: none; margin-right: 0; width: 100%; } .m-prob3 .box-desc { margin-top: 20px; } } .m-abtb1 .box-img { float: right; margin-left: 2.35955%; width: 50%; line-height: 0; font-size: 0; } .m-abtb1 .box-text { position: relative; padding-left: 33px; padding-top: 63px; } .m-abtb1 .box-text:before { content: ""; position: absolute; left: 0; top: 25px; width: 98px; height: 98px; background-color: #e7eaed; } .m-abtb1 .box-title, .m-abtb1 .box-desc { position: relative; } .m-abtb1 .box-title { line-height: 50px; font-size: 40px; font-size: 4rem; font-family: "RobotoBold", arial, helvetica, sans-serif; } .m-abtb1 .box-desc { margin-top: 32px; line-height: 28px; font-size: 18px; font-size: 1.8rem; } .m-abtb1 .box-desc p, .m-abtb1 .box-desc span, .m-abtb1 .box-desc b { line-height: 28px; font-size: 18px; font-size: 1.8rem; } .m-abtb1 .box-desc p { min-height: 26px; } @media screen and (max-width: 1440px) { .m-abtb1 .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .m-abtb1 .box-desc { margin-top: 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-abtb1 .box-desc p, .m-abtb1 .box-desc span, .m-abtb1 .box-desc b { line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-abtb1 .box-desc p { min-height: 14px; } } @media screen and (max-width: 991px) { .m-abtb1 .box-img { float: none; margin-left: 0; width: 100%; } .m-abtb1 .box-text { padding-left: 0; padding-top: 30px; } .m-abtb1 .box-text:before { display: none; } } .m-cert { margin-top: 80px; } .m-cert .box-title { line-height: 50px; font-size: 40px; font-size: 4rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-align: center; } .m-cert .box-bd { position: relative; margin-top: 58px; padding-left: 8.14607%; padding-right: 8.14607%; } .m-cert .box-btn { position: absolute; top: 50%; margin-top: -28px; width: 40px; line-height: 56px; font-size: 26px; font-size: 2.6rem; color: #fff; background-color: #e7e7e7; text-align: center; } .m-cert .box-btn.prev { left: 0; } .m-cert .box-btn.next { right: 0; } .m-cert .box-btn:hover { color: #333; } .m-cert .box-list { width: 10000%; overflow: hidden; } .m-cert .list-item { float: left; margin-right: 0.05369%; width: 0.15772%; } .m-cert .item-top { position: relative; overflow: hidden; } .m-cert .item-top:hover .item-modal { top: 0; } .m-cert .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); } .m-cert .item-modal .iconfont { position: absolute; top: 50%; left: 0; right: 0; margin-top: -18px; margin-left: auto; margin-right: auto; width: 36px; line-height: 36px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; border-radius: 50%; background-color: #162e53; } .m-cert .item-bd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 100% 100%; z-index: 2; } .m-cert .item-title { margin-top: 19px; height: 20px; line-height: 20px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; } @media screen and (max-width: 1219px) { .m-cert { margin-top: 50px; } .m-cert .box-title { line-height: 40px; font-size: 30px; font-size: 3rem; } .m-cert .box-btn { margin-top: -22px; width: 30px; line-height: 44px; font-size: 18px; font-size: 1.8rem; } } @media screen and (max-width: 1024px) { .m-cert .item-modal { display: block; top: 0; background: none; } .m-cert .item-modal .iconfont { display: none; } .m-cert .item-title { margin-top: 10px; } } @media screen and (max-width: 991px) { .m-cert { margin-top: 30px; } .m-cert .box-title { font-size: 24px; font-size: 2.4rem; } .m-cert .box-bd { padding: 0 50px; margin-top: 25px; } .m-cert .box-btn { margin-top: -12px; width: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-cert .item-title { font-size: 14px; font-size: 1.4rem; } .m-cert .list-item { margin-right: .04%; width: .30%; } } @media screen and (max-width: 480px) { .m-cert .list-item { margin-right: .04%; width: .48%; } } @media screen and (max-width: 375px) { .m-cert .list-item { margin-right: 0; width: 1%; } } .m-newsl { margin-bottom: -53px; } .m-newsl .list-item { float: left; margin-right: 1.2%; margin-bottom: 53px; width: 48.65169%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; overflow: hidden; } .m-newsl .list-item:hover { box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35); } .m-newsl .item-pic { float: left; width: 354px; } .m-newsl .item-text { padding-left: 24px; padding-right: 24px; padding-top: 31px; overflow: hidden; } .m-newsl .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-newsl .item-time { margin-top: 13px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; } .m-newsl .item-desc { margin-top: 16px; height: 78px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #666; overflow: hidden; } .m-newsl .item-desc a { color: #666; } .m-newsl .item-desc a:hover { color: #162e53; } .m-newsl .item-link { margin-top: 16px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #162e53; } .m-newsl .item-link a { color: #162e53; } @media screen and (max-width: 1800px) { .m-newsl .item-desc { height: 66px; line-height: 22px; } } @media screen and (max-width: 1440px) { .m-newsl .item-pic { width: 260px; } .m-newsl .item-text { padding-top: 15px; } .m-newsl .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } .m-newsl .item-desc { height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 1219px) { .m-newsl .item-pic { width: 220px; } .m-newsl .item-time, .m-newsl .item-desc, .m-newsl .item-link { margin-top: 6px; } .m-newsl .item-link, .m-newsl .item-time { line-height: 22px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .m-newsl { margin-bottom: -25px; } .m-newsl .item-pic { float: none; width: 100%; } .m-newsl .item-text { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 15px; } .m-newsl .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 31.33%; } .m-newsl .item-link { display: none; } } @media screen and (max-width: 480px) { .m-newsl .list-item { width: 48%; } .m-newsl .item-title { font-size: 14px; font-size: 1.4rem; } .m-newsl .item-time, .m-newsl .item-link, .m-newsl .item-desc { font-size: 12px; font-size: 1.2rem; } } .m-news { padding-bottom: 30px; border-bottom: 1px dotted #d1d1d1; } .m-news .box-title { font-size: 26px; font-size: 2.6rem; font-family: "RobotoBold", arial, helvetica, sans-serif; font-weight: normal; } .m-news .box-info { margin-top: 23px; letter-spacing: 0; line-height: 26px; } .m-news .box-time { position: relative; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; height: 26px; font-size: 16px; font-size: 1.6rem; color: #999; vertical-align: top; } .m-news .box-share { display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; } .m-news .share-font { font-size: 16px; font-size: 1.6rem; vertical-align: top; color: #999; } .m-news .share-img { display: inline-block; *display: inline; *zoom: 1; } .m-news .box-desc { margin-top: 35px; color: #666; line-height: 28px; font-size: 16px; font-size: 1.6rem; } .m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc b { line-height: 28px; font-size: 16px; font-size: 1.6rem; } .m-news .box-desc p { min-height: 28px; } @media screen and (max-width: 991px) { .m-news .box-title { line-height: 1.2; font-size: 20px; font-size: 2rem; } .m-news .box-info { margin-top: 20px; } .m-news .box-time, .m-news .share-font { font-size: 14px; font-size: 1.4rem; } .m-news .box-desc { margin-top: 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc b { line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-news .box-desc p { min-height: 24px; } } .m-sdnews .box-title { margin-bottom: 20px; padding-bottom: 9px; line-height: 40px; font-size: 30px; font-size: 3rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; } .m-sdnews .list-item { padding-top: 28px; padding-bottom: 15px; border-bottom: 2px dashed #636363; } .m-sdnews .list-item:first-child { padding-top: 0; } .m-sdnews .item-title { margin-top: 15px; height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; } .m-sdnews .item-time { margin-top: 12px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #666; } @media screen and (max-width: 1219px) { .m-sdnews .box-title { line-height: 34px; font-size: 24px; font-size: 2.4rem; } .m-sdnews .item-title { font-size: 16px; font-size: 1.6rem; } .m-sdnews .item-time { margin-top: 8px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 991px) { .m-sdnews .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .m-sdnews .box-list { margin-bottom: -30px; overflow: hidden; } .m-sdnews .list-item { float: left; padding: 0; border: none; margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 31.33%; } .m-sdnews .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 375px) { .m-sdnews .list-item { width: 48%; } } .m-appl { margin-bottom: -40px; } .m-appl .list-item { position: relative; float: left; margin-right: 1.4%; margin-bottom: 40px; width: 31.91011%; overflow: hidden; } .m-appl .list-item:hover .item-modal1 { bottom: 100%; } .m-appl .list-item:hover .item-modal2 { top: 0; } .m-appl .item-modal { position: absolute; left: 0; right: 0; width: 100%; background-color: #162e53; background-color: rgba(22, 46, 83, 0.88); -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-appl .item-modal a { color: #fff; } .m-appl .item-modal a:hover { color: #f2f2f2; } .m-appl .item-modal1 { bottom: 0; padding: 22px 10px; } .m-appl .item-modal2 { top: 100%; height: 100%; } .m-appl .item-text { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 0 10.56338%; -moz-box-sizing: border-box; box-sizing: border-box; } .m-appl .item-title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-appl .item-desc { margin-top: 19px; height: 56px; line-height: 28px; font-size: 16px; font-size: 1.6rem; overflow: hidden; } @media screen and (max-width: 1440px) { .m-appl .item-modal1 { padding: 15px 10px; } .m-appl .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .m-appl { margin-bottom: -30px; } .m-appl .list-item { margin-bottom: 30px; } .m-appl .item-modal2 { display: none; } .m-appl .item-modal1 { position: relative; bottom: auto; background-color: #162e53; display: block; padding: 8px; } .m-appl .item-title { height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 480px) { .m-appl .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } .m-sdappl .box-title { margin-bottom: 20px; line-height: 40px; font-size: 30px; font-size: 3rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-transform: uppercase; } .m-sdappl .list-item { position: relative; margin-top: 25px; overflow: hidden; } .m-sdappl .list-item:hover .item-modal1 { bottom: 100%; } .m-sdappl .list-item:hover .item-modal2 { top: 0; } .m-sdappl .list-item:first-child { margin-top: 0; } .m-sdappl .item-modal { position: absolute; left: 0; right: 0; width: 100%; background-color: #162e53; background-color: rgba(22, 46, 83, 0.88); -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-sdappl .item-modal a { color: #fff; } .m-sdappl .item-modal a:hover { color: #f2f2f2; } .m-sdappl .item-modal1 { bottom: 0; padding: 15px 10px; } .m-sdappl .item-modal2 { top: 100%; height: 100%; } .m-sdappl .item-text { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 0 10.56338%; -moz-box-sizing: border-box; box-sizing: border-box; } .m-sdappl .item-title { height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: "RobotoBold", arial, helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; } .m-sdappl .item-desc { margin-top: 19px; height: 56px; line-height: 28px; font-size: 16px; font-size: 1.6rem; overflow: hidden; } @media screen and (max-width: 1440px) { .m-sdappl .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .m-sdappl .item-modal1 { padding: 15px 10px; } .m-sdappl .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 991px) { .m-sdappl { margin-bottom: -30px; } .m-sdappl .box-title { margin-bottom: 20px; line-height: 30px; font-size: 20px; font-size: 2rem; } .m-sdappl .list-item { margin-bottom: 30px; margin-top: 0; float: left; margin-left: 1%; margin-right: 1%; width: 31.33%; } .m-sdappl .item-modal2 { display: none; } .m-sdappl .item-modal1 { position: relative; bottom: auto; background-color: #162e53; display: block; padding: 8px; } .m-sdappl .item-title { height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 480px) { .m-sdappl .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } .m-downlst { margin-bottom: -46px; overflow: hidden; } .m-downlst .list-item { float: left; margin-right: 3.59551%; margin-bottom: 46px; width: 22.30337%; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #999999; } .m-downlst .item-wp { position: relative; padding: 41px 26px; display: block; cursor: pointer; } .m-downlst .item-wp:hover { background-color: #162e53; color: #fff; } .m-downlst .item-wp:hover .iconfont { color: #fff; } .m-downlst .item-fix { overflow: hidden; } .m-downlst .item-title { height: 56px; line-height: 28px; font-size: 16px; font-size: 1.6rem; } .m-downlst .iconfont { float: left; margin-right: 21px; line-height: 56px; font-size: 54px; font-size: 5.4rem; color: #666; vertical-align: middle; } @media screen and (max-width: 1219px) { .m-downlst .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } } @media screen and (max-width: 991px) { .m-downlst { margin-bottom: -30px; } .m-downlst .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 48%; } .m-downlst .item-wp { padding: 20px 15px; } .m-downlst .iconfont { margin-right: 10px; line-height: 30px; font-size: 26px; font-size: 2.6rem; } .m-downlst .item-title { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; } } @media screen and (max-width: 480px) { .m-downlst .list-item { margin-left: 0%; margin-right: 0% !important; width: 100%; } } .m-ctusinfo { float: left; margin-right: 4.04494%; width: 50.44944%; } .m-ctusinfo .box-title { margin-bottom: 12px; font-size: 44px; font-size: 4.4rem; font-family: "RobotoBold", arial, helvetica, sans-serif; } .m-ctusinfo .box-item { margin-top: 32px; } .m-ctusinfo .box-item:first-child { margin-top: 0; } .m-ctusinfo .bitem-title { margin-bottom: 7px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #162e53; } .m-ctusinfo .bitem-wp { padding-top: 18px; padding-bottom: 0; overflow: hidden; background-color: #e7eaed; font-size: 0; letter-spacing: 0; } .m-ctusinfo .box-info { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 50%; padding-left: 35px; padding-right: 35px; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .m-ctusinfo .info-item { position: relative; margin-bottom: 22px; padding-left: 35px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } .m-ctusinfo .info-item .iconfont { position: absolute; left: 0; top: 0; width: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #162e53; text-align: center; border-radius: 50%; border: 1px solid #162e53; } .m-ctusinfo .info-item a:hover { text-decoration: underline; } @media screen and (max-width: 1440px) { .m-ctusinfo .box-info { padding-left: 25px; padding-right: 25px; } .m-ctusinfo .info-item { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 1219px) { .m-ctusinfo { float: none; margin-right: 0; width: 100%; margin-bottom: 30px; } } @media screen and (max-width: 991px) { .m-ctusinfo .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .m-ctusinfo .bitem-title { line-height: 26px; font-size: 18px; font-size: 1.8rem; } .m-ctusinfo .info-item { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 480px) { .m-ctusinfo .box-info { width: 100%; } } .m-ctusform { overflow: hidden; } .m-ctusform .box-title { margin-bottom: 36px; line-height: 54px; font-size: 44px; font-size: 4.4rem; font-family: "RobotoBold", arial, helvetica, sans-serif; } .m-ctusform .box-desc { margin-bottom: 36px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; } .m-ctusform .box-form { overflow: hidden; } .m-ctusform .form-item { position: relative; margin-bottom: 26px; padding-left: 26px; line-height: 0; font-size: 0; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .m-ctusform .form-item.important { background: url("../image/star1.png") no-repeat 8px 30px; } .m-ctusform .form-item-1 { width: 50%; } .m-ctusform .form-item-2 { width: 100%; } .m-ctusform .form-item-2.important { background: url("../image/star1.png") no-repeat 8px 30px; } .m-ctusform .form-item-3 { margin-right: 2.83951%; width: 29.87654%; } .m-ctusform .form-item-4 { width: 26.66667%; height: 66px; padding-left: 0; line-height: 64px; text-align: center; background-color: transparent; border-radius: 0; background-color: #f3fbfe; overflow: hidden; border: 1px solid #d2d2d2; -moz-box-sizing: border-box; box-sizing: border-box; } .m-ctusform .form-item-4 img { max-height: 64px; vertical-align: middle; } .m-ctusform .form-item-5 { float: right; border: none; width: 37.53086%; padding-left: 0; } .m-ctusform .item-btn1 { width: 100%; height: 66px; padding-left: 0; line-height: 66px; color: #ffffff; font-size: 18px; font-size: 1.8rem; background-color: #162e53; } .m-ctusform .item-text { width: 100%; height: 66px; line-height: 64px; padding-left: 16px; padding-right: 16px; font-size: 16px; font-size: 1.6rem; color: #a6a6a6; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; background-color: #fff; } .m-ctusform .item-text::-webkit-input-placeholder { color: #a6a6a6; opacity: 1; } .m-ctusform .item-text:-moz-placeholder { color: #a6a6a6; opacity: 1; } .m-ctusform .item-text::-moz-placeholder { color: #a6a6a6; opacity: 1; } .m-ctusform .item-text:-ms-input-placeholder { color: #a6a6a6; opacity: 1; } .m-ctusform .item-text2 { height: 227px; line-height: 30px; padding-top: 18px; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 991px) { .m-ctusform { float: none; margin-top: 30px; width: 100%; } .m-ctusform .box-title, .m-ctusform .box-desc { padding-left: 0; } } @media screen and (max-width: 991px) { .m-ctusform { margin-top: 30px; } .m-ctusform .box-form { margin-bottom: -15px; } .m-ctusform .box-title { margin-bottom: 15px; line-height: 30px; font-size: 24px; font-size: 2.4rem; } .m-ctusform .box-desc { margin-bottom: 15px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-ctusform .form-item { margin-bottom: 15px; width: 100%; padding-left: 15px; } .m-ctusform .form-item.important { background-position: 0 15px; } .m-ctusform .form-item-3 { width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); margin-right: 0; } .m-ctusform .form-item-4 { float: right; width: 120px; height: 36px; line-height: 34px; padding-left: 0; } .m-ctusform .form-item-4 img { max-height: 34px; } .m-ctusform .item-text { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } .m-ctusform .item-text2 { padding-top: 0; height: 144px; } .m-ctusform .item-btn1 { height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } .m-ctusform .form-item-5 { padding-left: 0; } } body { padding-bottom: 60px; } @media screen and (max-width: 991px) { body { padding-bottom: 0; } } .m-fixft { position: fixed; left: 0; bottom: 0; z-index: 9; width: 100%; color: #fff; padding-top: 14px; padding-bottom: 14px; line-height: 38px; background-color: #162e53; } .m-fixft .box-info { float: left; font-size: 18px; font-size: 1.8rem; } .m-fixft .box-info .iconfonticonmobile{ background: url(../image/mobicon.png) no-repeat center; width: 20px; display: inline-block; height: 28px; vertical-align: middle; margin-right: 10px; } .m-fixft .box-info span{ vertical-align: middle; } .m-fixft .box-fix { float: right; } .m-fixft .box-icon { float: left; margin-right: 17px; display: none; } .m-fixft .box-icon img { vertical-align: middle; } .m-fixft .box-form { float: left; position: relative; width: 274px; padding-right: 31px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .m-fixft .form-btn, .m-fixft .form-icon { position: absolute; right: 0; top: 0; width: 31px; height: 38px; text-align: left; line-height: 38px; font-size: 22px; font-size: 2.2rem; color: #162e53; } .m-fixft .form-btn { z-index: 2; } .m-fixft .form-text { width: 100%; padding-left: 10px; padding-right: 10px; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; color: #666; -moz-box-sizing: border-box; box-sizing: border-box; } .m-fixft .form-text::-webkit-input-placeholder { color: #666; opacity: 1; } .m-fixft .form-text:-moz-placeholder { color: #666; opacity: 1; } .m-fixft .form-text::-moz-placeholder { color: #666; opacity: 1; } .m-fixft .form-text:-ms-input-placeholder { color: #666; opacity: 1; } .m-fixft .box-link { float: left; margin-left: 16px; font-size: 22px; font-size: 2.2rem; } .m-fixft .box-link a { display: block; color: #fff; } @media screen and (max-width: 991px) { .m-fixft { display: none; } } .m-hdpro { position: absolute; left: 0; top: 100%; width: 100%; padding-top: 42px; padding-bottom: 17px; font-size: 0; letter-spacing: 0; text-align: center; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1); background-color: #fff; display: none; } .m-hdpro .tabhd-item { position: relative; margin-bottom: 30px; margin-left: 1.68539%; margin-right: 1.68539%; padding-bottom: 4px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 28px; font-size: 18px; font-size: 1.8rem; } .m-hdpro .tabhd-item:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #333; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-hdpro .tabhd-item:hover:before, .m-hdpro .tabhd-item.active:before { width: 100%; } .m-hdpro .tabbd-item { display: none; } .m-hdpro .tabbd-item.show { display: block; } .m-hdpro .list-item { margin-left: 1.68539%; margin-right: 1.68539%; margin-bottom: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 11.34831%; } .m-hdpro .item-title { margin-top: 4px; max-height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; font-family: "RobotoBold", arial, helvetica, sans-serif; overflow: hidden; } @media screen and (max-width: 1440px) { .m-hdpro .tabhd-item { font-size: 14px; font-size: 1.4rem; } .m-hdpro .item-title { max-height: 48px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } } .m-mpro { margin-bottom: -30px; } .m-mpro .list-item { float: left; margin-right: 1.8705%; margin-bottom: 30px; width: 15.10791%; } .m-mpro .item-pic { border: 1px solid #efefef; } .m-mpro .item-title { margin-top: 6px; height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 991px) { .m-mpro .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } .m-mpro .list-item { margin-left: 1%; margin-right: 1% !important; width: 31.33%; } } @media screen and (max-width: 375px) { .m-mpro .list-item { width: 48%; } } @font-face { font-family: 'RobotoLight'; font-display: swap; src: url('../font/RobotoCondensed.eot'); src: url('../font/RobotoCondensed.eot') format('embedded-opentype'), url('../font/RobotoCondensed.woff2') format('woff2'), url('../font/RobotoCondensed.woff') format('woff'), url('../font/RobotoCondensed.ttf') format('truetype'), url('../font/RobotoCondensed.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoRegular'; font-display: swap; src: url('../font/RobotoRegular.eot'); src: url('../font/RobotoRegular.eot') format('embedded-opentype'), url('../font/RobotoRegular.woff2') format('woff2'), url('../font/RobotoRegular.woff') format('woff'), url('../font/RobotoRegular.ttf') format('truetype'), url('../font/RobotoRegular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; font-display: swap; src: url('../font/RobotoBold.eot'); src: url('../font/RobotoBold.eot') format('embedded-opentype'), url('../font/RobotoBold.woff2') format('woff2'), url('../font/RobotoBold.woff') format('woff'), url('../font/RobotoBold.ttf') format('truetype'), url('../font/RobotoBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: "iconfont"; font-display: swap; src: url('../font/iconfont.eot'); /* IE9 */ src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAB9UAAsAAAAANPgAAB8DAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCJXArRMMAyATYCJAOBUAtqAAQgBYRtB4NrG0crRaTbrJZ5ZP+fEugY42g7oJViR7l6YqRHrVbEIARjzvWOjrulkuunjJjlYo3EW08c5fX2j7RITQyD9KTf25X8QfbzmKGUUPBrr/Pg7hNREpv4oqqQ5Gt8jSVh0fj6tzGqNzy/zf9zgzAQLqAIRgTYm14U1IlROKNgBSZWY8X2dPXElb0sc38uShf9tq8L995chXuvlQf8W+9fMR0Uhkl/bccWRlKUcgJJAWD/remb3L/FuWQhQOyg6Kpcja90vc/ua37aky6JwopnrT4yBfHh5RdKmdTVvcg8r843yQ68JxmS95q0PcRhAlpvI8MRBA45i7RKKxmSX0q4BGBYD+Zz+3KmZVpD7qL/e9S7dMlW3kW8U4EWWgZfcWRVkHNB3rs6sk3Nb67LxDD5gy9T1rrXXYAoLojI+tYDBH3BCyDg/5/2yya0OgPd/XAI9dKFAWExFmHue7/lTd6U9/v7PX9ooedTWpVFITlIhEp+z9CSoWWALX1Y1YrbRZg9a8TqJoT565qQcm2TmKcOniI4nUo/iuhnv+U9dNGYwSEeYPbXtifDgKyhPdP2w4jMw30ZYI59nZEj1TwlbqRTMeG+mQp1UqRjq/0BfHHevPm5BgOwogTwU7193y3wAJ4POm+inFyEW5wEnu8HDuyBh92IWVMhHts7Zpb0dUCDO5yNeeUPBHIohUowDuYhOBQLLnKTn5K1pjmtakeF7i08XXi58Grh45uDyXIAgcQcNwtBqr3qO3y0mlTnzxyWxlkbfo3feVCfVP/hgukhyP5XPEBaTt6NFzGcgoysopKyiqqaWF2D1dTS1tHV0zcwtDCytLI2NjWxsTUzt7dzcHRydnGVgmkA7J4H2FPZckMABiCNQALkEMgUagIVSj85BgIP3BgEEXAzEBjg5iBwwINAUAAeDIIM8EcAyEL2gCLkAChBjoAy5ASoQM6AKuQCqEFugBjyBdQhP0ADSgZYaBegCe0GtKBeQBvaC+hAJwBdaALQgyYBfegcYAD9DzCEpgAL6AJgBF0ELKFLgBV0GbCGrgDG0FXAFLoGmEDXARvoBmALTQNm0AxgDt0E7KFbgB10G3CA7iQYAv4UEgB/CQmAv4IEwD8C4IrngweRAnBn3eMjgB/yL5Qv3GIe3KyY3eaoRr2huYrEMcj0NPoivQghWNrauciKQYRo1hwEpZv6hQoiifeqHouC/xu2Hrqi/fddUWI7mqbi1OQ0cpdRe8jNJuKP19rAHLb2qpsDxhzJUJpSdYiA9bi7mN4b6avrglgrvHkEOUn503/Zd1k9Rpcb9qlBatiB71MR5ks+MEipbV30HmSCtTlbVlFk7HoClpYQ7OL/LuW9rjD9n0XN6p+pP1RMGWkJLLjNXW57Y5COUf2LTEMuWFouzIOpnMwOtc/Wa3uV6U1p96la0bxn6PJGjtKxiOl9is0OaHLa5etEs2TY06AZc3Mifc2iagmLFUWv2jzuqRMZS4fEiaIRpzDswjAzAXGJ5MsmkXt4vJ4/AGsr2yaT9XaLcy4oPV4hw2XEHGAsPiACIo/b/JBIW0I4OHbTeVE4+PArGR187alAmiOm7cJwAYbc7x0ncSRGgSRd0pKAcPDAsCqeDnwKKeuvJ10JDFRSYVSN98uwpxP2y/o7rzths+6lbsmBR0iOk+m1vc7PbdxZF15JaMMBC4HhVG2eaLFgsVCsxFG7OUsUM4k/6muNvtopUTteGAyAYikA2EMGMhHEkDYuf38wGn19TlKZcC9Ikpe3pOssCZ44oO3phedvcB1JVQUxXWcL7a/Nr5jGGDUlKa1dLBRK3oj3k8TbpDXajpYNpm1/dvGxZIa2k9dUwmZjB9qSu66KH4gAiFy31s7V5GLpOdZ9E2x9OFsmn2TSL1fZw9qjyx2FNrS6c3Ea/9Ljk40ZZVuTmnrxinBew/DZdzOUnJWcPh3uqGqngz9lemOYCg2WawVq8uw3I6lGCx9DVRyMD042tM3Tw/bs+mfvpy85fyGT1j37byVFkkH7HIB9TXcp+A0fphBSeVnnRQAQaTFBjTNgpENfQYgBIRLxIcQGgts74ymgIDV+2vsS9kPsfXusfbuWv1aYoAaRTzcsvZI8ul2dS8jyobupmxqfudLd7L1HD9NlJUMMIn7z+iMxEtigIBODFeJSfMZHgCCuaIhBjCM81wdJuQpVVkY/BiAAXoFRqBH//XLXsYup1+GugesaO8FzdyX1FxtALrj/NTPyda1YJxf3/zOm9FbnwDKTXE9Fw5qmaoZsQzSjUEw7epL/3hqTwR4NbmtVnFJ5xvkJZvocpIkRAYClRA0FBEr0GEJ0q5agD5bkjrNCxYKQaECScL+uNBKN9pqWjDuNycfiZzp6dvxda0xTGg2Cotyvp/RQJd2GRaZqpiPQaLD+fPX+srswCm3QW+q9zryEYviLL1O1n1Yy7K+0nPdtQuF9Nv7LK0F8gN6bz+qdoN/1erVBre93emG3Pmhc0mm1LVV386rNrG+t13Jp3H2hMFTai6PXnDE0/SFoTAd9LIS1dbKYQp2guhcMBgYGyCBVdNw+gnjTCOZl1nl1fmB6km/M1J5hveclW5kuwh9MZARv+uHbH4xLDh3UhCGSYjF+A1rkuxkMYulNCODu+0pe72ETG/i9wPOdMPDEXH9RxTZlU7ha+L2MYL4H/oz40sFviiUaKCXIDqkITOchLn1UBCHznpeqqVN4NzgmdEtjZWjjyybVOPK7rZsQ3rNrx/X3grvlILJvIOXY2vpeTF00Gdua3guSvrncaOzdSzJG96ubhx6mmmsPHnQ/Nennr/DweP6zxvd9CYyPOwXV9AaPUhmN3LBrVsqnbq4QT4hdfKaWTJfk4sj7BPL7jtUD9BKcr/JeG66eP/c45qzx0FyyDGF2mXvh7YhshXNypHIXOGlCe3v8TBTRxUOvX6qdfbq7zCn2U5MGF2WUqNpPVNH6tHto/VPC2cngyJZsI0K4M0WVhS3E8DoB0iBxjn9/qFZgR1sJ1nZOx3CgP9SKgGD6IMsRS6EDAGJLGOGAEfXlMsIgup/r8tXEhxBPdqKdoUm93xTbabpAruQEOL8huTd0KagjWJta1HT9GFLoJtcElmhCFTGs4ZCkRRguhKTsC03FqA25TQdqasJJeQ/yWEuYjgPkZ3gXB/o+TAdqZUzMRB8jAvJ3R5igRjhx62vVlfWRoKpX5XiwLc3+dboR0i3xlzRhVe0fkDBVjjC3NWscsSBOsL46U/RVPfGJvQsp8D3pWOMQABJN2MDqOywEf5EI4eG94L8UzBOlnsQCIgypkeVJ1BdyeQLrNP6ljmtN52+39t1F03DTTDz3wHTsHKPFLEybWn7cX2RSvC7tmMbkjXHrCYHl+vnP73/+fB2t2f2psqvL99+cHLcnWX+xDoZl1rw8d0dIF28Xx4YrpvKRo2+9eGnwESNRhBiJGyPLBwXQsM4+i6VHl9kdUl9PTjbksx9iWG/+zPYyPsqfc3xwsC5QHk0serAO6qqhtp3wqDXeEBoL1MYpJZ+Sr9mQ9Od4osybf3JB6ifrh36+sqrmNtKLg8KENcyluE84OtRcPfzSze6x5qLDTvIZRTWskUWP+NklKg7Soy/YaKajowy5vJB1TcXUDGM0V4lK1C7XHmxsgsU+sdZNtWAOeXF4Jt9D3p1HnnR0XqqLI+3WWGB5Dyg8VLm/vRceuAe4F+pbT88QX3zhHCJu2LgHkPJcUKSkBeJ92V8MRp505KZiH1x3yJh/AJDeXGAD9dyy33zIuzdCo6dgSYPoVtZYKKY/bXpny5Ifr/WE6Z6vP3F93ydLRD6vV5uPtin4BmbHC9r2whviHjeNxelGMzrtwnb9uffrxXC9LpsI12+tN76rHzbq/Fpu9zRqcvJRry9BhfyiaFWz7k8Ni/Z9abCwK76nGyc3XuQEasWyIEV8P4oWToQC0gdGsfLHJ4dsZ9er/QvRE/VIYCcxNwlsDZCxceBvi6RUbGR/GxFVPH72ucPlHx7qGqI6z5zZcIHjGaFcs2EgA4MmxOaHDnR/Nl1jZxwwWxbP5+PjFIwq5E0qnlFu2U7zzsp73pGxWU1765xNz6XyyvapRdL2s2Bcln2iG8x1jCibb6Avq9HSDucC2WnB9NF1cSUzbaoPVCjXOgfrxKRmUSeUC/OQrdeWdULdBt4mw6IXHqiqcTIDS0uTSA31E+30o6mZ6Eb4ryxKnoNfzfWDW3ZFxVQn6KV+bOr/uNYg1yv/GC4PON87JvjSqMu1oyk99Wjln93mE03iH+P0PNGq5eOu+NJhDm3k4mLwBeaNx6T1HEkFy4MWyyN7FsjlGfC+z/n43FF3zBs+lWbOnD4ERuWrMvVGZ/+CAAbGod8gqFeWCHBshmZAsnJcKdXHeBiFQoPFcrUJGzBNuhgcT52gC8jy6sYtI+ldDgwaqqcGSZOrd4gN28S93j7GAK2MticywhPDnpxo74Ny2uDE9VpOamCXpkZCz7lVlimmAIPWtSIaHDI47fHjp/Ofjsj+vJ0qcBjm/NaRaPHLDXCjwR1I1Zi60TwQf5HcON8SYxIDwGcegKWrJtF//0XLmFwEKoN/7DpcHVJQ6kLf2ZM9FUF9Ygu5Xez29xUH9z48+1sbRs4YJLXc6HNgOJqmua1bH+7CJCpM1al63f1tp+a/XxiN2c4/VkLTLx65rhplmGg7nG5MV17vTafnY/b7I26WHeeifXgX8xxfI0+TyJP0lXONvA3bu8iLX+7VMTTYbr2F9g/XKwglmWpTDNznWOPU/K/RNdFnLbJsomRzGlxN8zLeXjO//YbabVbGLcmZjWW3Itmx5FO7gyQ+EPjKbeWFpWPf/DLl2e8LB6BhlqR8YP5ds8ed9dM0LWIHWuNNjXhRFQ3Gah49Jgn25vjv36Vo1ti17BiwBg7bsCYiEJGkwkJoA9gwcjeUsA//c98/sxQytujOt9L/vosG+tWLIwThQiP7xQtOhMvrmv4YGS9Inl6lDbxMlvFlueFaW8lEs1Ixhxgq+DWsMjY3VsFXEFXnyx27Plt/nluyXnr/t7Xub2bl5ALnLaX96W4i+8JTrNM7707c3XlmZ1N+TWVGog4Q1K2+JK3Ds0hGfnuntWggIuSCO5PHr9Lpgu55nxnWuPNH4iW+8c2BZpLaSlN6j4t/nlgHNw+cnRO7r4j0SYzYZhpprUlntOrugCSXMJNG0aHZn3769rI9lyYF3K14og2xyN39HjPP/fQnOXjx8MTbPFcTLRJZRxeCbbsKayMdS8xiOByB9gYTf8lRID3LA2UYCPMpfrrVmnPO06U4yNvQx25DTGSG1eYSqLpCCurWHYtFIhXHWwVvTLN1aUdLP2AQHg38qStEvowcLBftMgsUm8szluiB9SKLY13woTnoKNR0/eIh9D7xwTzw+6okzlnGWs6FW23eSscfxOcCvEy/prwmi5CcM2I7cfzO5X1rY/nptH3zjL79SsR3D+/EVSdWrUpcUL5Y9yjD40EW2LgR3gq+g5Xoh4PUYVEUCkIXleL/EFFuWLkQi4kuVl14qOEc9xYd0lOnkh5x2Vyje8eUo74cV46lq4U9k+FjtcVii3fAc5WnqjQrKu8fZhhpB7wzccKgGnm70TVSZO2RPA0klLQT2bnzlkAIytrHXRNBXoF74j5uR38udDW867ZmhcYsdwaSMag/cD03RYzcbai3Sc+1yLWiWt9wTyRhEl/rYsWh8xBDLpnEonWERSQtOkjsf00OC1209/4iKLHU0ZzZP62pA/zmJ7sfI+9OXQymMFp0cJNvnlXUoHrSXH542nmQ65JwyOQsAl4kKUJo799o4/LwAKiiwSGIXRfs0O8UZ6rukgOeUjRnjwIfk+s5OZpib7GmIue82CvOIC/PYJ2XWDNPYRCnsaII8EAJrb9/7mf5x8GhxW6P6MsoiYSWdYVEvKyg4+0O4lfsOstuoXINudQWjZkZmpnNEd6css+BtAHkyVN0IKwnTwaQQDxBbPz59QuobYdhExtrGENhGNTiUlPnrGcsP2hpmGr32KhwU4rmM8v/W95MTTY1Z8DgUSJndPv/paY01vuAl/DEAX2Ta48fEHuNeccCUCRom6pLa4QNsQdOoCHwwHGs4UFvIVAo95upWdnQEBi0hLHxvtNKYMZVJhTPDEh/NugAnYqlA0WMCOJ9zrithgpyodjAblsNxQUBHloC8PeLyfkI2nVHuO7k4SZYUe8B1zleD6MptTAtJQWjGEQpJph9V4J/e/8FByI/tOUnhp1VtF5y73e+7rDPyi+bfxY6Rz0k+ZunV/eeiAnePJprBWx9VHEqiWT82lUrxnj3Syynb1MelA8NbNLKSSWX1kGpsKShUQrhYpwPoqIhHOJHRfEhdDIYSiouSYIEDWup4EmUD0VFQTYeFc0HGaNJoYZGWAKlltYB+K6N6aWayzW3rv0T+64Ycu6aSBw8+9LNhV2rEGfEuD7jXWIeIJvByrLI2jJFIeaUXh3gT7ixs6eUrZo90NWyU3UoShBQE2ejnZ9dXiO6W5Qo/pQkjkt8H5eQFPcpMW51wvs5yw3an7SLwZO+J8XaS9olYcHTwId/HR358WNEBkJ//4GMJPJ3HIT+/nufoFsy4Mdr4JLMDsudFy/TPOqACFHNzPTAD7k5A6tCPepo4EkyXF7eMCO5jWRlUIBgSeAiuxsVRdGMir5zZ2c0KegVeMEfjF/MUZYocy+c6B60VIombWGBHODFXUpcWmK807AxxGgW5M8x9EDhAcMD9W4Bo1dVlfDQMFIJxSd1iMw67I79CvWozzBn1JH9L1/sQyqR4SG4MvYdHq7Uk8Ht7TAM+Zohg+QQAUOGYsthrcQG7H8m60RekYNpajOMWXXwKeFsDA4sUn3yObZwp1iL5JHCsGcRcfQJzdO8RiCxiDePbWyIM0swv5w4eG4zj7WIv0gYOCad+s31DxnbfRz96wc6io509Tga/FBGfE0KkYd2E92v7+s07Y/mPzxQGApyn+dnEdZMREqjfHzdV0XDBklDR9aLXKBdA4xPAN2CuARgBH/4Gi4gCE2ZTHNYLUHQh08TCXSVKUpEBSYQmge7CGgEf+QqHhApxJgW9AiLUYRrndsEbDUBAj3PmzlAD6rSop93nJ+WPTzLRNSxQ9cP0i5ptU2nDil3od6QHcSqgr50T897PEU76PJiD8qDQRWjITzlDvWyuPhZBOWZ0mkBOA9H1iMQJkrYVkbmwiaMitlIUBerV5IfQR2GWjAajHZu9ddV44XeXTTStCucYFIv1phCeYgJjPjj/kgyLoBpJgTnTY5Mr603u/gUrdbxcTrT22Od/prOmQNk2X5jgfYbEUuLAM4BZYxjS5pnNZeOMXqXNM5qLLnx603rv0Z2a6koKq1uQn3rMTcvnqfAS3h1+Nrua4A5Edp5S/e2eqjabd1b5PZQdaR0EFt2hirj1ZtYkFLLco5ayOxA5ytRTKT+fLgaQS2kc2oQE3U+c5YX5gIxkBnEKRiTYWLttvVp6xfJnTQ3DJgZ0d1oZolX4s+ucsfEkBFVaW3AjOjYwSkhUtTba3/rE1ZRhXQjTOy9JoClZNGUwIxVywIf8rFc59lTZenNzbL0ctGMcy6m7Zqm/SBIuIbKFJvpTf1+axB0EY2JqfutB2NY5h1/fz56LTpdEFKvepj+hcwGIbM1GscDYv2p7sLAMGmqy7TX2sJkhSDR3FAP1/UmxesQrKa5lQxsG5q5Kb/pxJ4Ld6DIwqJfv3dDKse0oK8E6oq3PvL6mMfDiGKoq+WB/6F8orRBMcjG1SnGiYLcJIUYePFHenPY228eNTDOljqmUOXJVAdpjpPhnv1TvG3uLBr3szYTu10aHlZre6KB0dbIuFhnGxEuJyYtmV2Z79yAKXZYYxxceEOsfZ7+Cprp7wgU/hbKnBcJhWKOLga9YpwXa48JcA6ddUixjtZ8sodzkbekhuoobIN5MTFOcm/LxMGDn8F1FKjaEu/i+pkv8kELnLkW1mo36jFq14KBOEA++HkdDuLi1l0ZJ8ZtdLrKusTF4Uu9Kg11VS8+f+oaKuCDBfNN0ct/ksZRo/tTgYXwzkGoIvizK4Re+Ys0hnI2E0JY1kVwzxBcEVn5+XOoid0Xwd+m+bphbb4bsvWD9EOijPxMajZ7ORpFrsAp8yn+eQOf1Ndk2XpBBlq4aecffoOHd308MxhD1BTm9lsKd8HWV5nOJxQBYdhImCzfsNR42kovqtDK6WzMZRaL2cZ0elU+Zv9XIFCUGwDXyDM9216jIeQYE5njlRfEdTw3MZxuLbHP2naMLsy50kMZ/Hxyi8n6sl2hZYwtD2Qu3RYWDofAQ1RfH30Y47L1me/Y1IrHHbYhDwn6eujDwH9RgDFS1Qc/foAMkXKmglK3NkaffuCUvZNcjQxdO/bdvhMWRtHc89zpjAzTN6CMG3PhrVvhMnIXgcrAxaz+Y6f60PLeTyTQIgGlPSpzQXpRFyN5mH+YBpPkRfAzJqCoF5H55Voq6cXxKGG5NJYaW3/2ooQ4eG2sn0ZhT5yJpeeVqjaq20ezsyXcjVQ9lGP0Tcp2twqmfU+zNY3ZjLJiGPZXOY6zFgb3RsqmaAZTHF5biMRWxPzD3P92VJJSmRRyeMQ2eqtvZqbv1mjb9qchSRegiRCUfkoUb4xAV3EYVy57D09VL59bbU2tsrZSPgtA5sEWEOVhj5VRWMiZD0IWMclVAHxX2/YyeuNs/QQg0VWHJfxww4rfwFcuhJHkbIHAWRgfuoFRR2jbfroBrod7UCO25SMmBMoqF2EA8DmilZu8NnN1WUjyVIHH6vFbMUEp4TqRnhtwtwiMkOpPqW7k7XOuIJAml9Z7x7vm4IE4JePNqVat7fDuRU00FjDXFHJO+PvTQzIjsI89s/voZwn/Jc7TNqDkkg7AjXa2Naj90N8Pn4A/XUV2iON/iuDZVm8J3CbUcrYTl2nDXVcmBAW9T+2eutva2TJkvVJVHhkeyO1uKFJ8bk8z3AWf3gMX64uN7emAjXreyjz0pPLQ3FHFlyYNah0tcpg1fAmA7wAYfoZ1Bgc+eBuh6IQrASWiFoFYhGz+kTlCO037I/OwUzi0YR0UAok2yMNhNKzfANUHHrZeer3OK21yWx1aT7iy20k8GkyIsa7R7qar6DW6biQR9hBoGt9p8W1dWeZb+hfwgrf6tiyl1UuAXA4kKiCRZ0g334RnPkkz3FDpQHK1OjZgW3QVFpHYmO6DHWOf03VMHHlR6lumuZSC5cpfUEND9BfBJkpl4CGZqKpEJpBzf/8NBmIUWX/9fQ7Ruhx5TsH0sPPL5yuavt5GLbA/lMz7BCanJBfkpwRSqqoogY72oSkKLmmBxFUInjxAQQCiYgqYKuTav3N/O6JyTgk8i1DW0VlZOzirkNGRFDqWU5JT3rwRJhaSI2o/C3QigI3Tu/32+e3O2ztMDs8IB0E05fzxyHDOG06lj3s+yMWR+TtNlDeUZsN5w2aUR1PC1kf3HuW7ZgozH+QF5oGaZezxAkBSgwK3ETLnXTAcNGX/R5TJueikOuoLgY+Dm4btnOmWoUf2nmAkCrSN+pHqzc89hNhA/B+kommzRVHan/5GGLM+uv8Qctb9A+9CQ/7LJvUMWFkjmFVVGAoqYEoNio5FkpIqkrbNMlLIGsCsFJE4/eh84Jbgj6x1yGiVtN40kBSt1hJSs7mNMVLmNP1Aaqtq/sWy+bUHjhkd+qRloz+V4TXJa6Lj/8Gz2nV3FvHoaAy4rtl/k1GkavlWkiNKre/+aLuQhOWF5KXXQzhNGWrI6rugtIlZy0iDSLZPdNk/r3piAfYz0qgrfpA1/qC1/h+v7KRDxZqE4VpHGth/D3D+VSUIgHLN6+irArO77zTGuS+DlVedcVDZl6pOuxoUkZuh5Vt+2LnJgjeAZNTcztyBf0ARYNsCyGptkKC2KnjWBckGM7VYOlL2rFuQAgPdgTSYq374Xo9ADtzpMUiDRz0LdiDowTlQA/kAAQZVA7AFjTfdgDI4qltQBH90B8rgpuqHz+kRaIKPegzKEKJnwTuIETAHloqU96+MIOiUeahkKfusk97d8wvDZQEOVzglf8hbWq/08BTf9okZWYTPdg2jiFeeaVUft6fDZSFVmCa0MkSR8nI+e1IBg6V113tlBEGnmIe1YrKU/c2lT/z0XxguCzDlhJ8r/iFv6e4VbfDEoH6amemEVdl/u4aRIOmVcTjTqnwgiYu2mZRC7m5CK4P4gF1enNGFPKs5FJ9c56DJ6DspzuMujAKCEgoaBhZ/srCICr8K/CUgxNIzMmvXyaqbnVOvfoOGjRo3adqseYuWrVq3aduufYeOnTp36Zqb101VUw5UIbDEU6QVT+iStB4sGqL5cJ27krIg4ybVlCCPbVbKcwaf3DzoIheDjdySvLLTq2OspSmEYJ4FvVScK8rxUnQjJRFadZVWreun2fpQVOq306W8CQSGtZbLahZuHd3yQuA6V+qmoHpOG58biXMl+YC3CldIS2MpC1hpbxFkg1KOHu71SiYtWJVIGY+CS+0doauC+VGwy1arWz61uhVQrWuOOKWZhD6JsfUh7/+U39Z1CdpcZXzk2GS/9w0BWwsLZgfcuZv0sZBKuzDTUlW7HQAAAA==') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../font/iconfont.svg') format('svg'); /* iOS 4.1- */ font-weight: normal; font-style: normal; } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bingo:before { content: "\e623"; } .icon-earth:before { content: "\e75c"; } .icon-home:before { content: "\e624"; } .icon-edit:before { content: "\e611"; } .icon-facebook:before { content: "\e620"; } .icon-vk:before { content: "\e735"; } .icon-pinterest:before { content: "\e8ab"; } .icon-jian2:before { content: "\e600"; } .icon-linkedin:before { content: "\e648"; } .icon-youtube:before { content: "\e6d6"; } .icon-twitter:before { content: "\e607"; } .icon-jia2:before { content: "\e608"; } .icon-bigger:before { content: "\e647"; } .icon-left:before { content: "\e72c"; } .icon-right:before { content: "\e72d"; } .icon-up1:before { content: "\e72e"; } .icon-bottom1:before { content: "\e72f"; } .icon-left1:before { content: "\e730"; } .icon-right1:before { content: "\e731"; } .icon-up:before { content: "\e73e"; } .icon-bottom:before { content: "\e73f"; } .icon-instagram:before { content: "\e79d"; } .icon-tumblr:before { content: "\e79e"; } .icon-download:before { content: "\e7a0"; } .icon-download1:before { content: "\e7a7"; } .icon-search4:before { content: "\e7b2"; } .icon-address:before { content: "\e7bc"; } .icon-email:before { content: "\e7bd"; } .icon-contact:before { content: "\e7be"; } .icon-whatsapp:before { content: "\e7bf"; } .icon-fax:before { content: "\e7c2"; } .icon-mobile:before { content: "\e7c6"; } .icon-phone:before { content: "\e7c8"; } .icon-tel:before { content: "\e7c7"; } .icon-phone1:before { content: "\e7cb"; } .icon-skype:before { content: "\e7cc"; } .icon-whatsapp1:before { content: "\e7c1"; } .icon-address1:before { content: "\e7c3"; } .icon-contact1:before { content: "\e7c4"; } .icon-email1:before { content: "\e7c5"; } .icon-skype1:before { content: "\e7c9"; } .icon-fax1:before { content: "\e7ca"; } .icon-qq:before { content: "\e7ce"; } .icon-tel1:before { content: "\e7cd"; } .icon-wechat:before { content: "\e7cf"; } .icon-phone2:before { content: "\e7d0"; } .icon-message:before { content: "\e7da"; } .icon-calendar:before { content: "\e7e1"; } .icon-calendar1:before { content: "\e7e3"; } .icon-top:before { content: "\e7ed"; } .icon-youbian:before { content: "\e60f"; } .tagskeywd{ margin-bottom: 16px; font-size: 16px; font-size: 1.6rem; line-height: 28px; } .activeyi{color: #ff6700!important;} .m-page a.no:hover {color: #333!important; border: 1px solid #e5e5e5!important; background: none!important;} .item-btns a.no:hover {color: #333!important; background-color: #E5E5E5!important;} .ppp{line-height: 30px; } .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;} .listcart {width: 100%;margin-bottom: 40px; text-align: center;} .listcart a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; min-width: 200px; line-height: 28px; padding: 0 5px; font-size: 18px; font-size: 1.8rem; color: #162e53; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #162e53; border-radius: 6px; } .listcart a:hover{ background: #162e53; color: #fff; } /*.xunpanc{margin-bottom: 20px;}*/ .xunpanc .table table tr td{ height: 0; padding: 0;} .xunpanc .table table tr td a{ color: #333;} .xunpanc .table table tr td a:hover{ color: #162e53;} @media screen and (max-width: 1920px){.m-kefu-chat.mobile-hide { right: 6px!important; cursor: pointer; width: 32px!important; height: 32px!important;} } .mbnav-list form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .mbnav-list form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .mbnav-list form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../image/sch2.png") no-repeat center center; } .tp-leftarrow{ left: 80px !important; } .tp-rightarrow{ left: auto !important; right: 0 !important; margin-right: 80px !important; } .downloadpy{ font-size: 20px; font-size: 2rem; display:block; margin-top:40px;} .downloadpy i{ margin-right:5px;} .m-clstext { margin-top: 40px; margin-bottom: 40px; } .m-clstext .box-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; } .m-clstext .box-desc { margin-top: 20px; color: #666; } @media screen and (max-width: 991px) { .m-clstext { margin-top: 30px; margin-bottom: 30px; } .m-clstext .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; } } .m-prol2 { font-size: 0; letter-spacing: 0; margin-bottom: -40px; } .m-prol2 .list-item { margin-right: 4%; margin-bottom: 40px; display: inline-block; vertical-align: top; width: 22%; } .m-prol2 .list-item:nth-child(4n) { margin-right: 0; } .m-prol2 .item-pic { padding-top: 100%; background-color: #fff; border: 1px solid #cfcfcf; } .m-prol2 .item-pic img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .m-prol2 .item-pic:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .m-prol2 .item-desc { margin-top: 15px; line-height: 26px; font-size: 14px; font-size: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align: center; } .m-prol2 .item-link { margin-top: 15px; text-align: center; } .m-prol2 .item-link a { display: inline-block; padding: 8px 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #666; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; } .m-prol2 .item-link a:hover { background-color: #162e53; } @media screen and (max-width: 991px) { .m-prol2 { margin-bottom: -30px; } .m-prol2 .list-item { margin-bottom: 30px; } } @media screen and (max-width: 640px) { .m-prol2 .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } .m-ctusb2 .fix { margin-left: auto; margin-right: auto; } .m-relinfo { margin-top: 40px; } .m-relinfo .box-title { margin-bottom: 30px; line-height: 30px; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; } .m-relinfo .box-list { overflow: hidden; } .m-relinfo .list-item { float: left; margin-right: 5%; margin-bottom: 20px; width: 30%; } .m-relinfo .list-item:nth-child(3n) { margin-right: 0; } .m-relinfo .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 991px) { .m-relinfo { margin-top: 30px; } .m-relinfo .box-title { margin-bottom: 20px; } .m-relinfo .list-item { margin-bottom: 12px; } .m-relinfo .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 640px) { .m-relinfo .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } } .m-ctusform{ margin-top: 40px; margin-left: auto; margin-right: auto; max-width: 1200px; }