body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.4.5 date: 15/05/17 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ #debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.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:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(../../files/cto_layout/scripts/revolution/fonts/revicons/revicons.eot?5510888);src:url(../../files/cto_layout/scripts/revolution/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../../files/cto_layout/scripts/revolution/fonts/revicons/revicons.woff?5510888) format('woff'),url(../../files/cto_layout/scripts/revolution/fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../../files/cto_layout/scripts/revolution/fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.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 .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.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}.tp-carousel-wrapper{cursor:url(../../files/cto_layout/scripts/revolution/css/openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(../../files/cto_layout/scripts/revolution/css/closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.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:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.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}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../../files/cto_layout/scripts/revolution/assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../../files/cto_layout/scripts/revolution/assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../../files/cto_layout/scripts/revolution/assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../../files/cto_layout/scripts/revolution/assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!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;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-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.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,.25);-webkit-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.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.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)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){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)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{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,.rev-scroll-btn.revs-fullwhite{background:#fff}@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;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;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,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.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-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../../files/cto_layout/scripts/revolution/assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../../files/cto_layout/scripts/revolution/assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(../../files/cto_layout/scripts/revolution/assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.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{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -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:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s 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%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{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{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{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{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{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{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{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{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{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{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{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{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}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} /*----------------------------------------------------------------------------- - 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: "revicons"; 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: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .custom.tparrows.tp-leftarrow:before { content: "\e824"; } .custom.tparrows.tp-rightarrow:before { content: "\e825"; } /* 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: "revicons"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .erinyen.tparrows.tp-leftarrow:before { content: "\e824"; } .erinyen.tparrows.tp-rightarrow:before { content: "\e825"; } .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: "revicons"; 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: "\e825"; } .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: "revicons"; 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: "\e824"; } .hades.tparrows.tp-rightarrow:before { content: "\e825"; } .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: "revicons"; 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: "\e824"; } .hebe.tparrows.tp-rightarrow:before { content: "\e825"; } .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: "revicons"; 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.5); width:30px; height:110px; position:absolute; display:block; z-index:1000; } .hermes.tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; 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: "\e824"; } .hermes.tparrows.tp-rightarrow:before { content: "\e825"; } .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: "revicons"; 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: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center; } .persephone.tparrows.tp-leftarrow:before { content: "\e824"; } .persephone.tparrows.tp-rightarrow:before { content: "\e825"; } /* 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: "revicons"; font-size:20px; color:#fff; display:block; line-height: 70px; text-align: center; z-index:2; position:relative; } .zeus.tparrows.tp-leftarrow:before { content: "\e824"; } .zeus.tparrows.tp-rightarrow:before { content: "\e825"; } .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: "revicons"; 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: "\e825"; } .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: "revicons"; 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: "\e825"; } .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; } /** hyperlinks **/ .ce_revolutionslider .ce_revolutionslider_hyperlink {display: block} /** fix - pause button **/ .videoisplaying .tp-revstop {margin-left: 16px!important;} .ce_revolutionslider .privacy {background: red; color: #fff; padding: 10px; height: 100vh; text-align: center; padding: 500px 0;} .ce_revolutionslider .privacy a {color: #fff; text-decoration: underline;} /** fix - flickering while page loads **/ .ce_revolutionslider .tp-banner:not(.revslider-initialised) {visibility: hidden;} /** fix - arrows not visible **/ .ce_revolutionslider .tp-bannertimer {visibility: visible!important;} .ce_revolutionslider .tparrows {visibility: visible!important;} .ce_revolutionslider .ce_revolutionslider_video .tp-video-play-button {display: none;} .ce_revolutionslider .ce_revolutionslider_video[data-videocontrols="controls"] .tp-video-play-button {display: block;} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ /* **************** Variablen **************** */ :root { --main: #5d6364; --akzent: #00a4c4 ; --hintergrund: #fff; --linkfarbe: #00afe6; --body: #171717; } /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ /** * ============================================================================= * header top * ========================================================================== */ #header .top ul { text-align: right; } #header .top ul li { display: inline; color: white; font-size: 14px; padding: 0px 20px; } #header .top ul li a { color: var(--main); } #header .top .content-text { padding: 0px; } /** * ============================================================================= * mainmenu * ========================================================================== */ .mainmenu { margin-top: 10px; margin-left: auto; } .mainmenu li { display: inline-block; } /* Hauptlink mit animierter Linie */ .mainmenu ul > li a, .mainmenu ul > li strong { display: block; position: relative; padding: 20px 15px; color: var(--main); text-decoration: none; font-size: 20px; line-height: 1.5; white-space: nowrap; letter-spacing: 1px; font-weight: 400; overflow: hidden; } /* Die Linie als ::after */ .mainmenu ul > li a::after, .mainmenu ul > li strong::after { content: ""; position: absolute; left: 0; bottom: 10px; /* Abstand zur Schrift */ height: 3px; width: 0%; background-color: var(--akzent); transition: width 0.8s ease-in-out; } /* Hover-Effekt: Linie fährt von links nach rechts */ .mainmenu > ul > li:hover > a::after, .mainmenu > ul > li > a.trail::after, .mainmenu > ul li > a.active::after, .mainmenu > ul > li > strong::after { width: 100%; } /* Media Screen Settings */ @media screen and (min-width: 1205px) and (max-device-width: 1330px) { .mainmenu ul > li a, .mainmenu ul > li strong { padding: 20px 10px; font-size: 12px; } } @media screen and (min-width: 1000px) and (max-device-width: 1204px) { .mainmenu ul > li a, .mainmenu ul > li strong { padding: 20px 10px; font-size: 11px; } } @media (max-width: 1200px) { #header .mod_rocksolid_mega_menu { display: none; } .mainmenu ul { float: left !important; } } /* ==================================================== Rocksolid Mega Menu – Inhaltsshrink + Page-Centering ==================================================== */ /* 1) Wrapper als Positionierungs-Referenz */ .mod_rocksolid_mega_menu { position: relative !important; overflow: visible !important; } /* 2)
  • ohne eigene Position */ .mod_rocksolid_mega_menu li.submenu.-mega { position: static !important; } /* 3) Dropdown: passt sich dem Inhalt an und zentriert zur Mitte */ .mod_rocksolid_mega_menu li.submenu.-mega > .mega-dropdown { display: inline-block !important; width: -moz-fit-content !important; width: -webkit-fit-content !important; width: fit-content !important; max-width: 80vw !important; box-sizing: border-box !important; padding: 30px !important; background: #fff !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Position und Zentrierung */ position: absolute !important; top: calc(100% - 20px) !important; left: 20% !important; transform: translateX(-50%) translateY(0) !important; /* Unsichtbar bis Hover, verlängerte Ausblendung */ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; /* Übergang: langsames Ausblenden (0.6s), sanftes Verschieben */ transition: opacity 0.6s ease, transform 0.3s ease !important; z-index: 9999 !important; white-space: normal !important; } /* 4) Erweiterte Hover-Zone: unsichtbarer Bereich oberhalb des Dropdowns */ .mod_rocksolid_mega_menu li.submenu.-mega > .mega-dropdown::before { content: ""; position: absolute; top: -20px; left: 0; right: 0; height: 20px; /* damit Mausbewegung hier weiterhin als Hover gilt */ pointer-events: auto; } /* 5) Offen halten beim Hover/Focus */ .mod_rocksolid_mega_menu li.submenu.-mega:hover > .mega-dropdown, .mod_rocksolid_mega_menu li.submenu.-mega:focus-within > .mega-dropdown, .mod_rocksolid_mega_menu li.submenu.-mega > a:hover + .mega-dropdown, .mod_rocksolid_mega_menu li.submenu.-mega > strong:hover + .mega-dropdown, .mod_rocksolid_mega_menu li.submenu.-mega > .mega-dropdown:hover { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important; /* Öffnung ohne Verzögerung */ transition: opacity 0.3s ease, transform 0.3s ease !important; } /* 6) Inneres: inline-flex beibehalten, damit Dein Bootstrap-Grid wirkt */ .mod_rocksolid_mega_menu .mega-dropdown-inner { display: inline-flex !important; flex-wrap: wrap !important; gap: 100px !important; margin: 0 !important; padding: 0 !important; } /* 7) Spalten: feste Mindestbreite, kein Shrink */ .mod_rocksolid_mega_menu .mega-dropdown-column { display: flex !important; flex-direction: column !important; flex: 0 0 auto !important; min-width: 50vw !important; } /* 8) Überschrift in den Spalten */ .mod_rocksolid_mega_menu .mega-dropdown-column h2 a { display: block !important; padding:0px !important; color: var(--body) !important; font-size: clamp(13px, 1.5vw, 26px); white-space: normal !important; word-break: break-word !important; } /* 8) Überschrift in den Spalten */ .mod_rocksolid_mega_menu .mega-dropdown-column h2 a:hover { color: var(--akzent) !important; } /* 9) Listen in den Spalten: vertikal */ .mod_rocksolid_mega_menu .mega-dropdown-column ul { display: flex !important; flex-direction: column !important; gap: 10px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .mod_rocksolid_mega_menu .mega-dropdown-column ul li { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; } .mod_rocksolid_mega_menu .mega-dropdown-column ul li a { display: block !important; width: 100% !important; float: none !important; margin: 0 !important; padding:0px !important; font-size: 16px !important; letter-spacing: 0px !important; white-space: normal !important; word-break: break-word !important; } .mod_rocksolid_mega_menu .mega-dropdown-column ul li a:hover { color: var(--akzent); } .mod_rocksolid_mega_menu .mega-dropdown-column img { width: revert-layer !important; padding:0px !important; } /* 10) Mobile Styles (max-width: 768px) */ @media (max-width: 768px) { .mod_rocksolid_mega_menu li.submenu.-mega > .mega-dropdown { position: static !important; display: block !important; transform: none !important; opacity: 1 !important; visibility: visible !important; width: 100% !important; max-width: 100% !important; padding: 20px 10px !important; box-shadow: none !important; } .mod_rocksolid_mega_menu .mega-dropdown-inner { flex-direction: column !important; gap: 20px !important; } } /** * ============================================================================= * Sticky * ========================================================================== */ .sticky .mod_navigation { padding-top: 5px !important; } .sticky .mainmenu ul > li a, .sticky .mainmenu ul > li strong { font-size: 16px; transition: all 0.6s ease-in-out; } .sticky .mainmenu ul ul > li a, .mainmenu ul ul > li strong { font-size: 12px; } .sticky .mainmenu { margin-top: 5px; } .sticky .mod_rocksolid_mega_menu .mega-dropdown-column ul li a { font-size: 14px !important; } /** * ============================================================================= * Mobile Menu * ========================================================================== */ .mod_navigation.mobile-menu { padding-left: 30px; padding-top: 60px; } .sidebar { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: var(--akzent); overflow-x: hidden; transition: 0.5s; max-width: 100%; } .sidebar a { text-decoration: none; font-size: 40px; color: white; display: block; transition: 0.3s; } .sidebar .active { text-decoration: none; font-size: 40px; color: var(--body); display: block; transition: 0.3s; font-weight: normal; } .sidebar ul.level_1 { list-style-type: none; padding: 0px; } .sidebar li.submenu { text-decoration: none; font-size: 25px; color: var(--body); display: block; font-weight: normal; } .sidebar strong.submenu { padding: 0px; font-weight: normal; } .sidebar a:hover { color: var(--body); text-decoration: none; } .sidebar ul.level_2 a, .sidebar ul.level_2 .active { font-size: 30px; padding: 0px !important; } .sidebar ul.level_2 { list-style-type: circle; padding-left: 30px } .sidebar .level_2 ::marker { font-size: 15px; } .sidebar .trail.submenu ul { font-size: 15px; } .sidebar .closebtn { position: absolute; top: 0; right: 25px; font-size: 48px; margin-left: 50px; } .openbtn { font-size: 30px; cursor: pointer; background-color: transparent; color: var(--akzent); padding: 0px 10px; border: 3px solid var(--akzent); transition: 1s; border-radius: 50%; } .openbtn:hover { border: 3px solid var(--body); transition: 1s; color: var(--body); border-radius: 25%; } #mm-menu { transition: margin-left .5s; padding: 16px; position: absolute; right: 1%; top: 35%; } .sticky #mm-menu { transition-delay: 1s right: 0%; top: 35%; transition-property: top; transition-duration: 1s; transition-delay: 0s; } @media (max-width: 768px) { .sidebar a, .sidebar .active { font-size: 25px; } #mm-menu { transition: margin-left .5s; padding: 16px; position: absolute; right: 0%; top: 5% !important; } .sidebar { max-width: 100%; } } @media (min-width: 1200px) { #mm-menu { display: none; } } /** * ============================================================================= * mod_breadcrumb * ========================================================================== */ #breadcrumb { border-bottom: 1px solid #ededed; } .mod_breadcrumb { padding: 15px 0px; margin-left: -20px; } .mod_breadcrumb ul { display: block; margin: 0 auto; font-size: 13px; } .mod_breadcrumb ul li { display: inline-block; } .mod_breadcrumb ul li.active { color: var(--akzent); } .mod_breadcrumb ul li a { color: var(--main); text-decoration: none; } .mod_breadcrumb ul li a:hover { text-decoration: underline; } .mod_breadcrumb ul li.first:before { display: none; } .mod_breadcrumb ul li:before { content: "\f30b"; margin-right: 6px; margin-left: 6px; font-family: "Font Awesome 5 Free"; font-weight: 900; } @media (max-width: 767px) { .mod_breadcrumb { margin-left: 15px; margin-right: 15px; } } /** * ============================================================================= * pagination * ========================================================================== */ .pagination ul { list-style: none; text-align: right; margin: 0; padding: 0; } .pagination ul li { display: inline-block; } .pagination ul li strong, .pagination ul li a { display: block; padding: 1px 12px; background: #eee; color: var(--main); font-size: 24px !important; } .pagination p { font-size: 24px; } .pagination a { font-size: 25px !important; } .pagination .active { color: var(--akzent); } nav.pagination { border-top: 1px solid #ccc; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } @media (max-width: 767px) { .pagination p { font-size: 16px; } .pagination ul li strong, .pagination ul li a { font-size: 16px !important; } } /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Poppins Regular'), local('Poppins-Regular'), url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.eot'); /* IE9 Compat Modes */ src: local('Poppins Bold'), local('Poppins-Bold'), url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.woff') format('woff'), /* Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-900 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; src: url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.eot'); /* IE9 Compat Modes */ src: local('Poppins Black'), local('Poppins-Black'), url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.woff') format('woff'), /* Modern Browsers */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/stateART-Template/fonts/poppins-v8-latin/poppins-v8-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/files/stateART-Template/fonts/open-sans/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/files/stateART-Template/fonts/open-sans/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/files/stateART-Template/fonts/open-sans/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* manrope-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Manrope'; font-style: normal; font-weight: 200; src: url('/files/stateART-Template/fonts/manrope/manrope-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* manrope-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Manrope'; font-style: normal; font-weight: 400; src: url('/files/stateART-Template/fonts/manrope/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* manrope-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Manrope'; font-style: normal; font-weight: 600; src: url('/files/stateART-Template/fonts/manrope/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @charset "UTF-8"; /* CSS Document */ /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ /* ============================================================================= * Layout * ========================================================================== */ #wrapper { width: 100%; margin: 0 auto; } .wrapper-boxed { max-width: 90%; margin: 0 auto; } #header .top { width: 100%; height: 40px; transition: height 1s; background-color: #e7e7e7; } #header { width: 100%; height: 140px; transition: height 1s; background-color: white; } #header img { width: 180px; transition: width 1s; padding-top: 10px; padding-left: 15px; } #headline { width: 100%; background-color: var(--akzent); padding: 80px 0px 50px 0px; } .top-link { text-align: center; } .sticky { position: fixed; top: 0; width: 100%; z-index: 1000; transition: height 1s; height: 130px !important; background-color: var(--akzent); } .sticky img { width: 150px !important; transition: width 1s; } html { scroll-behavior: smooth; } #footer { background-color: white; color: var(--body); font-size: 18px; } #footer ul li { list-style-type: none; line-height: 40px; } #copyright { background-color: var(--akzent); color: white; font-size: 18px; } .row { margin-right: 0px !important; margin-left: 0px !important; } #flex { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1200px) { .hide-d { display: none; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .hide-t { display: none; } #header img { padding-top: 10px; } #header .top ul li { font-size: 12px; padding: 0px 10px; } } @media (max-width: 767px) { .ce_text { margin-left: 15px; margin-right: 15px; } #header { height: 90px; position: sticky; z-index: 100; } #header #logo { max-width: 160px; } #header .top { display: none; } .hide-s { display: none; } .sticky { height: 85px !important; } .wrapper-boxed { max-width: 90%; margin: 0 auto; } } /* ============================================================================= * Body * ========================================================================== */ body { font-family: 'Manrope' !important; font-weight: 400; color: var(--body) !important; font-size: 1.2rem !important; overflow-x: hidden; } @media (min-width: 767px) and (max-width: 1200px) { body { font-size: 22px !important; } } @media (max-width: 767px) { body { font-size: 18px !important; } } /* ============================================================================= * Headlines * ========================================================================== */ #main .akzent { font-family: 'Manrope'; font-weight: 600; color: var(--akzent); } #main h1 { font-family: 'Manrope'; font-weight: 400; color: var(--body); font-size: clamp(40px, 3vw, 80px); } #main h2 { font-family: 'Manrope'; color: var(--akzent); font-size: clamp(35px, 3vw, 70px); padding-bottom: 20px; padding-top: 20px; } #main h3 { font-family: 'Manrope'; font-weight: 400; color: var(--body); font-size: clamp(30px, 3vw, 50px); } #main h4 { font-family: 'Manrope'; font-weight: 400; color: var(--body); font-size: 22px; padding: 20px 0px; line-height: 40px !important; } #main h5 { font-family: 'Manrope'; color: var(--akzent); font-size: clamp(20px, 3vw, 40px); } #headline h1 { color: white; font-family: 'Manrope'; font-weight: 200; font-size: 60px; } #footer h2 { font-family: 'Manrope'; font-weight: 600; color: var(--akzent); font-size: 24px; padding-bottom: 25px; } .box1 h4, .box2 h2, .box2 h3 { color: white !important; } @media (min-width: 768px) and (max-width: 1200px) { #headline h1 { font-size: 40px; } } @media (min-width: 768px) and (max-width: 1080px) { .box1 h1 { font-size: 40px; } .box1 h2 { font-size: 28px; } .box2 h2 { font-size: 38px; } } @media (max-width: 768px) { .box1 h1 { font-size: 40px; } .box1 h2 { font-size: 22px; } .box2 h2 { font-size: 28px; } #headline h1 { font-size: 30px; } #footer h3, #footer h3 { line-height: 1.0 !important; } } /* ============================================================================= * Links & Buttons & Listen * ========================================================================== */ #main .content-text a { display: inline-block; /* wichtig */ margin-top: 24px; color: white !important; text-decoration: none; padding: 15px 40px; background-color: var(--main); border-radius: 20px; font-size: 16px; font-weight: 600; transition: all 0.6s ease; } #main .content-text a:hover{ background-color: var(--akzent); padding: 15px 50px; transition: all 0.6s ease; } .box4 a { display: inline-block; /* wichtig */ margin-top: 24px; color: white !important; text-decoration: none; padding: 15px 40px; background-color: var(--akzent); border-radius: 20px; font-size: 16px; font-weight: 600; transition: all 0.6s ease; } .box4 a:hover{ background-color: var(--main); padding: 15px 50px; transition: all 0.6s ease; } #footer a { color: var(--body); text-decoration: none; } #footer a:hover { color: var(--akzent); transition: All 0.6s ease; -webkit-transition: All 0.6s ease; } #footer ul { padding: 0px; } #copyright p { margin: 0px; padding:12px; } #copyright a { color: white; } .kontakt ul { font-family: 'Open Sans'; font-weight: 600; color: var(--body); font-size: 25px !important; } .btn2 a { color: white !important; text-decoration: none; padding: 10px 30px; border: 2px solid var(--akzent) !important; background-color: var(--akzent); border-radius: 5px; font-size: 17px; font-weight: 600; width: 100%; text-align: center; } .btn2 a:hover { color: var(--main) !important; background-color: transparent; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; text-decoration: none; } #main ul { padding: 0px; } #main ul li { color: var(--body); list-style-type: none; line-height: 40px; } .submit { color: var(--akzent); text-decoration: none; padding: 10px 20px; border: 2px solid var(--akzent); background: none; margin: 10px 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; border-radius: 5px; } .submit:hover { color: var(--akzent); border: 2px solid var(--akzent); transition: All 0.6s ease; -webkit-transition: All 0.6s ease; } hr.line { border: 1px solid var(--linkfarbe); border-radius: 5px; max-width: 80%; } fieldset.Checkbox { padding: 20px; border: 2px solid var(--body); margin: 15px; } fieldset#ctrl_17 { display: grid; } @media (max-width: 1150px) { #footer ul { padding: 0px !important; } .kontakt ul { font-size: 20px !important; } } /* ============================================================================= * Background & Boxen * ========================================================================== */ /* ========================= BOX / LAYOUT ========================= */ .box { background-color: #f4f4f4; border-radius: 40px; background-size: cover; color: white; min-height: 60vh; /* Höhe der Box (Desktop) */ display: flex; /* wichtig */ overflow: hidden; /* wichtig: Bild wird am Radius geclippt */ } /* Bootstrap/Contao Wrapper ohne Abstände */ .box figure, .box .col-lg-8, .box .col-md-12, .box .col-xs-12 { margin: 0 !important; padding: 0 !important; } /* Textbereich */ .box .content-text { display: flex; flex-direction: column; justify-content: center; /* vertikal mittig */ align-items: flex-start; /* links */ flex: 1; /* nimmt verfügbare Höhe */ padding: 50px !important; box-sizing: border-box; } /* ========================= BILD: immer bündig/cover ========================= */ .box figure { height: 100%; } .box .content-image img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; border-radius: 40px; } .box .content-image.pos-right img { object-position: 80% 50%; } .box .content-image.pos-left img { object-position: 20% 50%; } .box .content-image.pos-top img { object-position: 50% 15%; } .box .content-image.pos-bot img { object-position: 50% 85%; } /* ========================= MOBILE FIX: Bild bekommt wieder Höhe (Layout bricht auf 1 Spalte um, deshalb braucht der Bildbereich eine Höhe) ========================= */ @media (max-width: 991px) { .box { display: block; /* auf Mobile untereinander */ min-height: auto; } /* Bildbereich bekommt eine feste "sichtbare" Höhe */ .box .col-lg-8, .box figure { width: 100%; aspect-ratio: 16 / 9; /* moderne Lösung: skaliert sauber */ } /* Bild füllt den Aspect-Ratio-Container */ .box img { width: 100%; height: 100%; object-fit: cover; } /* Textpadding etwas kleiner auf Mobile */ .box .content-text { padding: 28px !important; } } .box1 { background-color: var(--main); background-size: cover; color: white; } .box1 h3 { font-size: clamp(20px, 3vw, 40px) !important; color: white !important; } .box2 { background-color: var(--akzent); color: white; } .box3 { background-color: #484c4d; color: white; border-radius: 40px; border:10px solid var(--main); padding:50px; transition: transform .25s ease, box-shadow .25s ease; } .box4 { background-color: #F7FBFC; border-radius: 40px; background-size: cover; padding:50px; margin:0 auto; text-align: center; transition: transform .25s ease, box-shadow .25s ease; overflow: visible !important; border: 10px solid white; } .box3:hover, .box4:hover{ transform: translateY(+10px); } .box3 p, .box3 h4 { padding:0px 50px !important; } .box1 h2, .box2 h2 { color: white !important; } .kontakt figure { margin: 0px !important; } .specs { border-top: 1px solid var(--main); } .specs p { margin:0px; padding:10px 0px; } /* ============================================================================= * Bilder Overlay * ========================================================================== */ .background-image-box { position: relative; overflow: hidden; width: 100%; padding: 2rem; color: white; background-color: rgba(0, 0, 0, 0.9); /* optional für bessere Lesbarkeit */ border: 10px solid white; } .background-image-box .content-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .background-image-box .content-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; /* je nach Lesbarkeit anpassen */ } .background-image-box .content-text { position: relative; z-index: 2; padding: 1rem; } .background-image-box h2, .background-image-box h3 { color: white !important; text-shadow: 3px 3px 30px #000 !important; } .background-image-box h2 { font-size: 40px !important; } .background-image-box h3 { font-size: 24px !important; } .background-image-box2 { position: relative; overflow: hidden; width: 100%; padding: 3rem 2rem; color: white; background-color: rgba(0, 0, 0, 0.8); /* optional für bessere Lesbarkeit */ } .background-image-box2 .content-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .background-image-box2 .content-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; /* je nach Lesbarkeit anpassen */ } .background-image-box2 .content-text { position: relative; z-index: 2; top: 10%; padding: 11rem 2rem; } .background-image-box2 h2, .background-image-box2 h3 { color: white !important; text-shadow: 3px 3px 30px #000 !important; padding: 0px !important; } .background-image-box2 h2 { font-size: 100px !important; } .background-image-box2 h3 { font-size: 24px !important; } @media (min-width: 1450px) and (max-width: 1650px) { .background-image-box2 .content-text { padding: 8rem 2rem; } } @media (min-width: 1350px) and (max-width: 1450px) { .background-image-box2 .content-text { padding: 6rem 2rem; } } @media (min-width: 1080px) and (max-width: 1350px) { .background-image-box2 .content-text { padding: 5rem 2rem; } } @media (min-width: 768px) and (max-width: 1080px) { .background-image-box h2 { font-size: 30px !important; } .background-image-box2 h2 { font-size: 50px !important; } .background-image-box h3, .background-image-box2 h3 { font-size: 20px !important; } .background-image-box2 .content-text { padding: 4rem 2rem; } } @media (max-width: 768px) { .background-image-box h2, .background-image-box2 h2 { font-size: 40px !important; } .background-image-box h3, .background-image-box2 h3 { font-size: 20px !important; } .background-image-box2 .content-text { padding: 3rem 0rem; } } .c-overlay { position: relative; width: 100%; } .c-overlay img { display: block; width: 100%; height: auto; } .c-overlay figure { margin: 0px !important; } .overlay { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #e0d9c4; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } .c-overlay:hover .overlay { width: 100%; left: 0; } .overlay p { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; } /* ============================================================================= * Bilder Titel * ========================================================================== */ .image_container .caption { padding: 10px 20px; color: var(--akzent); } figcaption { position: absolute; background-color: rgba(0, 0, 0, 0.3); bottom: 16px; color: white; font-size: 1rem; padding: 5px; } /* ============================================================================= * Bilder Text * ========================================================================== */ * { box-sizing: border-box; } .bg-text-container { position: relative; max-width: 100%; margin: 0 auto; } .bg-text-container img { vertical-align: middle; width: 100% } .bg-text-container .bg-text { position: absolute; bottom: 16px; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */ color: #f1f1f1; width: 80%; padding: 20px; } @media (max-width: 767px) { .bg-text-container .bg-text { font-size: 12px; } } /* ============================================================================= * Count-UP * ========================================================================== */ [data-countup] { font-size: 3rem; font-family: impact; } /* ============================================================================= * Formulare * ========================================================================== */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea { width: 100%; display: inline-block; padding: 8px 6px; background: #fff; border: 2px solid var(--body) !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; color: #000 !important; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } /* ============================================================================= * News * ========================================================================== */ .mod_newslist h4 { color: var(--akzent) !important; text-decoration: none; font-size: 35px; padding: 15px 25px; } .mod_newslist p { padding: 0px 25px 25px 25px; } .mod_newsreader h1 { font-size: 60px !important; } .mod_newsreader .info { display: none; } .layout_latest { margin-bottom: 100px; } .mod_newslist .newsbox { background-color: #f5f5f5; } /* ============================================================================= * fontawesome icons * ========================================================================== */ .content-text .fa-solid { font-size: 50px !important; color: var(--akzent); } #header .top .fa-solid { font-size: 14px !important; color: var(--akzent); padding-right: 5px !important; } .infos .fa-solid { font-size: 50px !important; color: var(--body); } #header .top .lni { font-size: 20px !important; color: white; padding: 0px; } #header .top .lni:before { padding-top: 10px !important; } .kontakt .lni { font-size: 70px !important; color: var(--linkfarbe); padding: 0px 0px 25px 0px; } .content-text .fa-regular { font-size: 50px !important; color: var(--body); } /* ============================================================================= * accordion * ========================================================================== */ .ce_accordion { border: 1px solid var(--akzent); margin-bottom: 15px; } .ce_accordion .toggler, .ce_accordion .ui-accordion-content, .handorgel__header__button { padding: 15px; position: relative; } .ce_accordion .ui-accordion-header-active { border-bottom: 1px solid var(--akzent); } .ce_accordion .toggler::after, .ce_accordion .toggler::before, .handorgel__header__button::after, .handorgel__header__button::before { content: ""; position: absolute; right: 30px; width: 30px; height: 3px; background-color: white; top: 50%; transform: translateY(-50%); } .ce_accordion .toggler::before, .handorgel__header__button::before { right: 43px; width: 3px; height: 30px; transition-duration: .3s; } .ce_accordion .ui-accordion-header-active::before, .handorgel__header--opened .handorgel__header__button::before { height: 0; transition-duration: .3s; } .ce_accordion .toggler:hover { cursor: pointer; } .ce_accordion .toggler:not(.ui-accordion-header-active):hover { box-shadow: 0 0 5px #0001; } #handorgel1 { max-width: 60%; margin: 0 auto; } #handorgel1 h2 { padding: 0px; } .handorgel__header__button { background-color: var(--akzent); border: unset; border-radius: 15px; font-size: 20px; color: white; font-weight: 400; padding: 25px; } .handorgel__header--opened .handorgel__header__button { border-radius: 15px 15px 0 0; } .handorgel__content { border: unset; background: var(--akzent); border-radius: 0 0 15px 15px; } .content-accordion { border-bottom: unset; } .handorgel__content__inner { padding: 25px; font-size: 16px; } .handorgel__header:not(:first-child) { margin-top: 15px; } @media only screen and (max-width: 768px) { .handorgel__header__button { font-size: 17px; } #handorgel1 { max-width: 95%; } .ce_accordion .toggler::after, .ce_accordion .toggler::before, .handorgel__header__button::after, .handorgel__header__button::before { right: 10px; width: 20px; height: 3px; } .ce_accordion .toggler::before, .handorgel__header__button::before { right: 18px; width: 3px; height: 20px; } } /* ============================================================================= * Google Maps Blocker * ========================================================================== */ .ccb-element-blocker iframe { padding: 0% 0%; } /* ============================================================================= * Scroll Top * ========================================================================== */ #myBtn { position: fixed; bottom: 20px; right: 15px; font-size: 18px; outline: none; background-color: transparent; color: var(--main); cursor: pointer; border-radius: 50%; width: 50px; height: 50px; border: 3px solid var(--main); z-index: 1000; transition: 1s; } #myBtn:hover { border: 3px solid var(--akzent); color: var(--akzent); transition: 1s; } @media (max-width: 768px) { #myBtn { display: none; } } /* **************** Aligns **************** */ .center { text-align: center; margin: 0 auto; } /* **************** Paddings & Margins **************** */ .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb70 { padding-bottom: 70px; } .pb80 { padding-bottom: 80px; } .pl10 { padding-left: 10px; } .pl20 { padding-left: 20px; } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .pl50 { padding-left: 50px; } .pr10 { padding-right: 10px; } .pr20 { padding-right: 20px; } .pr30 { padding-right: 30px; } .pr40 { padding-right: 40px; } .pr50 { padding-right: 50px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ /** * ============================================================================= * Revolution slider * ========================================================================== */ .ce_revolutionslider { margin:0 auto; } .ce_revolutionslider_text { color: var(--body); font-weight: 400; } .ce_revolutionslider .akzent { color: var(--akzent); font-weight: 600; } .ce_revolutionslider a { color: var(--body) !important; text-decoration:none; padding:10px 30px; border:2px solid var(--akzent) !important; background-color: var(--akzent); border-radius: 10px; font-size:17px; font-weight: 600; } .ce_revolutionslider a:hover { color: var(--body) !important; background-color: transparent; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; text-decoration: none; } @media (max-width: 767px) { .ce_revolutionslider a { padding:5px 25px !important; font-size: 10px !important; } } /** * ============================================================================= * contao content slider * ========================================================================== */ .ce-slider img, .content-slider img { width: 100%; height:auto; object-fit: cover; } .ce-slider h1 { font-size: 45px; } .ce-slider h2 { font-size: 25px; } .ce-slider h1, .ce-slider h2 { color: white; padding:0px; margin:0px; } @media (max-width: 767px) { .ce-slider h1 { font-size: 25px; } .ce-slider h2 { font-size: 15px; } } .ce_sliderStart { position: relative; } .ce_sliderStart .ce_text { margin-left: 0px; margin-right: 0px; } .slider-control { position: static !important; height: 0 !important; } .slider-control a, .slider-control .slider-menu { position: absolute; top: 9px; display: inline-block; } .slider-control .slider-menu { font-size: 32px; line-height: 1; top: auto; bottom: 18px; display:none; } .slider-control .slider-menu b { margin: 0 4px; color: #000; } .slider-control .slider-menu b.active { color: var(--akzent); } .slider-control a { opacity: 1; text-decoration: none; font-size: 0; line-height: 1; transform: none; } .slider-control a { top: 50%; opacity: 0.7; text-decoration: none; font-size: 0; line-height: 1; transform: translateY(-50%); } .slider-control a:hover { opacity: 1; } .slider-control-bottom .slider-control .slider-prev { left: 0; transition: All 0.25s ease; } .slider-control-bottom .slider-control .slider-next { right: 0; transition: All 0.25s ease; } .slider-control .slider-next { right: -80px; transition: All 0.25s ease; } .ce_sliderStart:hover .slider-control .slider-next { right: 20px; transition: All 0.25s ease; } .slider-next:before { content: "\f054"; display: block; position: relative; color: var(--linkfarbe); text-align: center; font-size: 60px; font-family: "Font Awesome 5 Free"; font-weight: 900; } .slider-control .slider-prev { left: -80px; transition: All 0.25s ease; } a.slider-prev, a.slider-next { border:none !important; } .ce_sliderStart:hover .slider-control .slider-prev { left: 20px; transition: All 0.25s ease; } .slider-prev:before { content: "\f053"; display: block; position: relative; color: var(--linkfarbe); text-align: center; font-size: 60px; font-family: "Font Awesome 5 Free"; font-weight: 900; } #main .mod_article .ce_sliderStart .ce_text, #main .mod_article .ce_sliderStart .ce_image, .ce_sliderStart .image_container, .ce_slider .inner .image_container { margin: 0; } .slider-wrapper .ce_image figcaption { width: 100%; height: 100%; position: absolute; top: 0%; font-size: 30px; line-height: 1.2; font-weight: bold; text-transform: uppercase; } .slider-wrapper .ce_image figcaption span { position: relative; top: 50%; max-width: 1240px; display: block; margin: 0 auto; padding: 0 30px; overflow: hidden; transform: translateY(-50%); } #main .slider-wrapper .image_container { display: block !important; line-height: 0; } .ce_text.ce-slider .slider-inner { width: 100%; height: 100%; position: absolute; top: 0%; padding: 20px; display: flex; align-items: center; } .ce_text.ce-slider .slider-text { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; overflow: hidden; } .ce_text.ce-slider .slider-text .textbox { background-color: rgba(0, 0, 0, 0.0); } .ce_text.textbox-right.ce-slider .slider-text .textbox { margin-left: auto; } .ce_text.ce-slider .slider-text p:last-child { margin-bottom: 0; } /*---------------------------------------------------*/ #main .mod_article .slider-wrapper .ce_text.text-slider { margin: 30px 0; } .slider-wrapper .ce_text.text-slider::before { position: absolute; top: 0; left: 0; font-size: 8em; line-height: 0.79; font-weight: bold; z-index: 2; } .slider-wrapper .ce_text.text-slider::before { -webkit-text-fill-color: rgba(0, 0, 0, 0.1); -webkit-text-stroke-color: $basecolor; -webkit-text-stroke-width: 1.00px; } .slider-wrapper .ce_text.text-slider:first-child::before { content: '01'; } .slider-wrapper .ce_text.text-slider:nth-of-type(2)::before { content: '02'; } .slider-wrapper .ce_text.text-slider:nth-of-type(3)::before { content: '03'; } .slider-wrapper .ce_text.text-slider:nth-of-type(4)::before { content: '04'; } .slider-wrapper .ce_text.text-slider:nth-of-type(5)::before { content: '05'; } .slider-wrapper .ce_text.text-slider:nth-of-type(6)::before { content: '06'; } .slider-wrapper .ce_text.text-slider:nth-of-type(7)::before { content: '07'; } .slider-wrapper .ce_text.text-slider:nth-of-type(8)::before { content: '08'; } .slider-wrapper .ce_text.text-slider:nth-of-type(9)::before { content: '09'; } .slider-wrapper .ce_text.text-slider:nth-of-type(10)::before { content: '10'; } .ce_text.text-slider .inner { display: flex; align-items: center; flex-direction: column; } .ce_text.text-slider .slider-inner { width: 100%; } .img-text .content-slider img { box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15); } #main .slider-wrapper .ce_text.text-slider .image_container { padding: 20px; background-color: $image-background; margin-bottom: 20px; } .img-text .slider-control .slider-menu { bottom: -6px; } .ce_sliderStart.next-prev-top { padding-top: 30px; } .next-prev-top .slider-control .slider-prev { top: 20px; left: auto; right: 46px; padding: 10px 13px; border: 1px solid $basecolor; } .next-prev-top .slider-control .slider-next { top: 20px; right: 0; padding: 10px 13px; border: 1px solid $basecolor; } .next-prev-top .slider-control .slider-prev:hover, .next-prev-top .slider-control .slider-next:hover { border-color: $accentcolor; } .ce_sliderStart.next-prev-top:hover .slider-control .slider-next { right: 0; } .ce_sliderStart.next-prev-top:hover .slider-control .slider-prev { left: auto; } .next-prev-top .slider-control .slider-prev::before, .next-prev-top .slider-control .slider-next::before { content: "\f054"; display: block; position: relative; color: $basecolor; text-align: center; font-size: 14px; font-family: "Font Awesome 5 Free"; font-weight: 900; } .next-prev-top .slider-control .slider-prev::before { content: "\f053"; } .next-prev-top .slider-control .slider-next:hover::before { color: $accentcolor; } .next-prev-top .slider-control .slider-prev:hover::before { color: $accentcolor; } @media (min-width: 768px) { .ce_text.ce-slider .slider-text .textbox { max-width: 90%; } } @media (min-width: 992px) { .slider-wrapper .ce_text.text-slider::before { position: absolute; top: 25px; left: 45%; font-size: 8em; line-height: 0.79; font-weight: bold; z-index: 2; } #main .slider-wrapper .ce_text.text-slider .image_container { width: 50%; padding: 70px; margin-bottom: 0; } .ce_text.text-slider .slider-inner { width: 50%; padding: 0px 70px 0px 0; } .ce_text.text-slider .inner { flex-direction: row-reverse; } .slider-wrapper .ce_text.text-slider::before { position: absolute; top: 25px; left: 45%; font-size: 8em; line-height: 0.79; font-weight: bold; z-index: 2; } } @media (max-width: 767px) { .ce_text.ce-slider .slider-text .textbox { max-width: 90%; padding: 30px; } } /** * stateART - Creative Design and Marketing * stateART - Contao Theme SPACE * */ .icon-bar { position: fixed; top: 30%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:999; right:0px; } .icon-bar a { display: block; text-align: center; padding: 10px 0px 0px 0px; transition: all 0.3s ease; color: white; font-size: 20px; width:50px; height:50px; background-color: var(--main); margin-bottom:5px; border-radius: 20px 0px 0px 20px; } .icon-bar a:hover { background-color: var(--akzent); color: white; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} :root{ --text: rgba(0,0,0,.88); --muted: rgba(0,0,0,.60); --border: rgba(0,0,0,.12); /* Farben (oben + unten identisch) */ --master: #2f4670; /* blau */ --slave: #4b3f7a; /* violett */ --freezer:#1f5c6a; /* teal */ --total: #3a3f48; /* neutral/dunkel für Gesamt */ } .wrap{ width:99%; margin:0 auto; padding:28px 0 60px; } @media (max-width: 980px){ .wrap{ width: calc(100% - 32px); padding: 22px 16px 50px; } } h1{margin:0 0 10px;font-size:28px} p.lead{margin:0 0 16px;color:var(--muted);line-height:1.5} /* Top action buttons */ .bar{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin: 12px 0 14px; } .btn{ appearance:none; border:1px solid var(--border); background:#fff; color:var(--text); padding:10px 12px; border-radius:12px; cursor:pointer; font-weight:700; transition:.12s ease; } .btn:hover{ box-shadow: 0 0 0 4px rgba(0,0,0,.06); } .btn.master{ background: color-mix(in srgb, var(--master) 100%, #fff); color:#fff; } .btn.slave{ background: color-mix(in srgb, var(--slave) 100%, #fff); color:#fff; } .btn.freezer{ background: color-mix(in srgb, var(--freezer) 100%, #fff); color:#fff; } .btn.primary{ background: #f4f4f4; } /* Row with images (no boxes, directly next to each other) */ .lineup{ display:flex; gap:0; /* direkt nebeneinander */ align-items:flex-end; overflow-x:auto; padding: 8px 0 14px; white-space: nowrap; } /* Transparent wrapper */ .item{ flex: 0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; margin:0; padding:0; background: transparent; border: none; user-select:none; -webkit-user-select:none; touch-action:none; cursor: grab; } .item img{ display:block; /* Responsive Höhe: min 260px, ideal ~55vh, max 750px */ height: clamp(260px, 55vh, 750px); width: auto; max-width: none; pointer-events:auto; user-select:none; -webkit-user-drag:none; } @media (max-width: 768px){ .item img{ height: clamp(200px, 36vh, 360px); } } @media (max-width: 420px){ .item img{ height: clamp(150px, 30vh, 300px); } } .mobile-nav{ display:none; justify-content:space-between; align-items:center; gap:10px; margin: 8px 0 6px; } .nav-btn{ width:44px; height:38px; border-radius:12px; border:1px solid rgba(0,0,0,.12); background:#fff; cursor:pointer; font-size:22px; font-weight:900; line-height:1; touch-action: manipulation; } .nav-btn:active{ transform: translateY(1px); } @media (max-width: 768px){ .mobile-nav{ display:flex; } } /* Remove button BELOW the image */ .remove-below{ margin-top: 10px; width: calc(100% - 60px); max-width: 180px; appearance:none; border:1px solid var(--border); background:#fff; color:var(--text); padding:10px 12px; border-radius:12px; cursor:pointer; font-weight:600; transition:.12s ease; font-size: 10px; } .remove-below:hover{ box-shadow: 0 0 0 4px rgba(0,0,0,.06); } /* Optional: Hinweis unter Master statt Button */ .fixed-note{ margin-top:10px; width: calc(100% - 60px); max-width: 180px; padding:10px 12px; border-radius:12px; border:1px dashed rgba(0,0,0,.20); color: rgba(0,0,0,.65); font-size:10px; text-align:center; background: rgba(0,0,0,.02); } /* Drag feedback */ .sortable-ghost{ opacity: .25; } .sortable-chosen{ filter: drop-shadow(0 18px 28px rgba(0,0,0,.18)); cursor: grabbing; } /* Summary box */ .summary{ margin-top: 16px; border-radius: 16px; background: #F7FBFC; padding: 25px; } .summary h4, .ce_form h4{ margin:0 0 12px; font-size:30px !important; } .summary-grid{ display:grid; grid-template-columns: 1fr; gap: 12px; } @media(min-width: 980px){ .summary-grid{ grid-template-columns: 1fr 1fr 1fr 1fr; } } .count-card{ border-radius: 10px; padding: 14px 16px; color: rgba(255,255,255,.92); display:flex; flex-direction:column; gap: 6px; border: 1px solid rgba(255,255,255,.12); min-height: 78px; } .count-card .label{ font-size: 14px; font-weight: 800; opacity: .95; } .count-card .value{ font-size: 34px; font-weight: 900; line-height: 1; } .count-card.master{ background: var(--master); } .count-card.slave{ background: var(--slave); } .count-card.freezer{ background: var(--freezer); } .count-card.total{ background: var(--total); } hr{border:none;border-top:1px solid var(--border);margin:18px 0} /* Form */ form .row{display:grid; gap:10px; grid-template-columns: 1fr;} @media(min-width: 560px){ form .row{grid-template-columns: 1fr 1fr;} } label{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px} input, textarea{ width:100%; box-sizing:border-box; border-radius:12px; border:1px solid var(--border); background:#fff; color:var(--text); padding:12px 12px; outline:none; } textarea{min-height:110px;resize:vertical} input:focus, textarea:focus{ border-color: rgba(0,164,196,.55); box-shadow: 0 0 0 4px rgba(0,164,196,.10); } .small{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.35}